/****** Variables *******/
/****** Colors *******/
@font-face {
  font-family: 'proxima_novalight';
  src: url("../webfont/proxima_nova_light-webfont.be9c866094ff.eot");
  src: url("../webfont/proxima_nova_light-webfont.be9c866094ff.eot?#iefix") format("embedded-opentype"), url("../webfont/proxima_nova_light-webfont.57360869d161.woff") format("woff"), url("../webfont/proxima_nova_light-webfont.45af3e5cf5c8.ttf") format("truetype"), url("../webfont/proxima_nova_light-webfont.a746bb468f2d.svg#proxima_novalight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url("../webfont/proximanova-bold-webfont.f98afde714e4.eot");
  src: url("../webfont/proximanova-bold-webfont.f98afde714e4.eot?#iefix") format("embedded-opentype"), url("../webfont/proximanova-bold-webfont.81194b283864.woff") format("woff"), url("../webfont/proximanova-bold-webfont.6e6572555a5f.ttf") format("truetype"), url("../webfont/proximanova-bold-webfont.90b56da572cb.svg#proxima_nova_rgbold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url("../webfont/proximanova-regular-webfont.71db05e90778.eot");
  src: url("../webfont/proximanova-regular-webfont.71db05e90778.eot?#iefix") format("embedded-opentype"), url("../webfont/proximanova-regular-webfont.c78eb2bbb545.woff") format("woff"), url("../webfont/proximanova-regular-webfont.2d766aaa2058.ttf") format("truetype"), url("../webfont/proximanova-regular-webfont.e3cd63bcc566.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima_novasemibold';
  src: url("../webfont/proximanova-semibold-webfont.9bd09e6e6f4b.eot");
  src: url("../webfont/proximanova-semibold-webfont.9bd09e6e6f4b.eot?#iefix") format("embedded-opentype"), url("../webfont/proximanova-semibold-webfont.765e38d4d2a4.woff") format("woff"), url("../webfont/proximanova-semibold-webfont.13a9341a4f6c.ttf") format("truetype"), url("../webfont/proximanova-semibold-webfont.a532e31d8ab5.svg#proxima_novasemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'true_impact';
  src: url("../webfont/impact.9f55a26d8688.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'AvenirNext-Regular';
  src: url("../webfont/AvenirNext-Regular.1dc75c1343cd.eot");
  src: url("../webfont/AvenirNext-Regular.f2580cfa0798.woff") format("woff"), url("../webfont/AvenirNext-Regular.d4a73ad0fbba.woff2") format("woff2"), url("../webfont/AvenirNext-Regular.eee2e1337c53.ttf") format("truetype"), url("../webfont/AvenirNext-Regular.327b5f9f292e.svg#AvenirNext-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'AvenirNext-Medium';
  src: url("../webfont/AvenirNext-Medium.138a1490e9c5.eot");
  src: url("../webfont/AvenirNext-Medium.4fa5936f906d.woff") format("woff"), url("../webfont/AvenirNext-Medium.bf8096beaa10.woff2") format("woff2"), url("../webfont/AvenirNext-Medium.516c03ce3c06.ttf") format("truetype"), url("../webfont/AvenirNext-Medium.21a046d43bee.svg#AvenirNext-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'AvenirNext-DemiBold';
  src: url("../webfont/AvenirNext-DemiBold.0ebe20c5694a.eot");
  src: url("../webfont/AvenirNext-DemiBold.e236956d93bd.woff") format("woff"), url("../webfont/AvenirNext-DemiBold.0993c1256996.woff2") format("woff2"), url("../webfont/AvenirNext-DemiBold.b641c49800f1.ttf") format("truetype"), url("../webfont/AvenirNext-DemiBold.d690c9d7f516.svg#AvenirNext-DemiBold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'AvenirNext-Bold';
  src: url("../webfont/AvenirNext-Bold.1cefb55ef85b.eot");
  src: url("../webfont/AvenirNext-Bold.1a1398d5b9bb.woff") format("woff"), url("../webfont/AvenirNext-Bold.27214bf7d24d.woff2") format("woff2"), url("../webfont/AvenirNext-Bold.0db4fe831cc9.ttf") format("truetype"), url("../webfont/AvenirNext-Bold.879ccf0f430f.svg#AvenirNext-DemiBold") format("svg");
  font-weight: normal;
  font-style: normal; }
html {
  height: 100%;
  background-color: #f5f5f5; }

body.app, body.lobby {
  height: 100%; }

body {
  background-color: #fff;
  margin: 0 0 auto 0;
  /* .btn-group>.btn:first-child { border-radius:3px; } */
  /* ----- tracking detail page ------- */
  /* special distance between xaxis labels */
  /* TOOLTIP FOR LINE GRAPH */ }
  body.modal-open {
    overflow: auto;
    padding-right: 0 !important; }
  body .btn.btn-primary {
    background-color: #428bca; }
  body .options ul {
    padding: 0;
    margin: 0; }
  body .container {
    overflow: auto;
    padding-bottom: 40px; }
  body html, body body {
    height: 100%; }
  body h3, body a.heading-3 {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'proxima_novalight', sans-serif;
    font-size: 18px;
    font-weight: 700; }
  body h4, body a.heading-4 {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 600; }
  body h5, body a.heading-5 {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'proxima_novasemibold', sans-serif;
    font-size: 14px;
    font-weight: 500; }
  body p.tagline, body p.desc {
    text-shadow: 0 1px 0 #fff;
    color: #999;
    font-size: 13px; }
    body p.tagline strong, body p.desc strong {
      color: #666b7e; }
  body * {
    outline: none; }
    body *:focus, body *:active {
      outline: none; }
  body .btn {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #999;
    padding: 4px 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    font-weight: bold; }
    body .btn:active {
      border: 1px solid #999;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  body .userdrop {
    font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
    position: relative;
    top: 10px; }
    body .userdrop .btn {
      outline: none; }
    body .userdrop .btn-inverse {
      background: #96a4c2;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YTRjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDkwYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #96a4c2 0%, #8090b3 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96a4c2), color-stop(100%, #8090b3));
      background: -webkit-linear-gradient(top, #96a4c2 0%, #8090b3 100%);
      background: -o-linear-gradient(top, #96a4c2 0%, #8090b3 100%);
      background: -ms-linear-gradient(top, #96a4c2 0%, #8090b3 100%);
      background: linear, to bottom, #96a4c2 0%, #8090b3 100%;
      overflow: hidden;
      border-top-color: #6d7b9a;
      border-left-color: #697695;
      border-right-color: #697695;
      border-bottom-color: #49546b;
      font-weight: 600;
      color: #fff; }
      body .userdrop .btn-inverse:hover {
        background-position: 0 0; }
      body .userdrop .btn-inverse.dropdown-toggle {
        background-color: #96a4c2 ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96a4c2), color-stop(100%, #8090b3)) ;
        background-image: -webkit-linear-gradient(top, #96a4c2, #8090b3) ;
        background-image: -moz-linear-gradient(top, #96a4c2, #8090b3) ;
        background-image: -ms-linear-gradient(top, #96a4c2, #8090b3) ;
        background-image: -o-linear-gradient(top, #96a4c2, #8090b3) ;
        background-image: linear-gradient(top, #96a4c2, #8090b3) ;
        background-position: 0 0; }
    body .userdrop .dropdown-menu {
      min-width: 220px; }
    body .userdrop .contact-info {
      padding: 5px;
      display: inline-block; }
      body .userdrop .contact-info .row-title {
        font-size: 13px; }
      body .userdrop .contact-info .row-info {
        width: 165px; }
    body .userdrop.custom-dropdown {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif; }
      body .userdrop.custom-dropdown .dropdown-menu {
        width: 260px;
        padding: 20px 15px 0 20px; }
        body .userdrop.custom-dropdown .dropdown-menu li {
          height: 55px;
          box-shadow: inset 0 1px 0 0 #e6e9ed; }
          body .userdrop.custom-dropdown .dropdown-menu li.contact-info {
            height: 63px;
            margin-bottom: 15px;
            box-shadow: none;
            padding: 0; }
            body .userdrop.custom-dropdown .dropdown-menu li.contact-info .row-avatar {
              height: 45px;
              width: 45px;
              background-size: 45px;
              border-radius: 50%;
              margin: 0 20px 35px 0;
              position: relative; }
              body .userdrop.custom-dropdown .dropdown-menu li.contact-info .row-avatar .team-avatar {
                position: absolute;
                background-size: 20px;
                height: 20px;
                width: 20px;
                border-radius: 50%;
                border: 2px solid #fff;
                right: 0;
                bottom: 0; }
            body .userdrop.custom-dropdown .dropdown-menu li.contact-info .row-info {
              width: 150px; }
              body .userdrop.custom-dropdown .dropdown-menu li.contact-info .row-info .row-title {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
              body .userdrop.custom-dropdown .dropdown-menu li.contact-info .row-info .team-switcher {
                color: #4a5667;
                text-transform: uppercase;
                font-variant-ligatures: none;
                -webkit-font-variant-ligatures: none;
                text-rendering: optimizeLegibility;
                -moz-osx-font-smoothing: grayscale;
                font-smoothing: antialiased;
                -webkit-font-smoothing: antialiased;
                font-family: 'AvenirNext-DemiBold', sans-serif;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 100%;
                margin-bottom: 5px;
                cursor: pointer; }
                body .userdrop.custom-dropdown .dropdown-menu li.contact-info .row-info .team-switcher span {
                  margin-right: 5px;
                  max-width: 135px;
                  float: left;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap; }
                body .userdrop.custom-dropdown .dropdown-menu li.contact-info .row-info .team-switcher .caret {
                  margin: 0;
                  background-repeat: no-repeat;
                  background-position: center center;
                  background-image: url("../img/icon-dropdown-arrow.fe050d50ae1a.png");
                  width: 9px;
                  height: 19px;
                  float: left;
                  border: none; }
                  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                    body .userdrop.custom-dropdown .dropdown-menu li.contact-info .row-info .team-switcher .caret {
                      background-image: url("../img/icon-dropdown-arrow@2x.caee99863a3f.png");
                      background-size: 9px 6px; } }
          body .userdrop.custom-dropdown .dropdown-menu li a {
            margin: 0;
            height: 55px;
            padding: 20px 0; }
            body .userdrop.custom-dropdown .dropdown-menu li a:hover:not(.active):not(:active), body .userdrop.custom-dropdown .dropdown-menu li a:active {
              background-color: transparent;
              color: #1b293e; }
  body form {
    margin: 0; }
  body .options ul {
    padding: 0;
    margin: 0; }
  body .dropup {
    position: relative; }
  body ul.dropdown-menu {
    min-width: 150px;
    border-radius: 4px;
    padding: 0;
    overflow: hidden; }
    body ul.dropdown-menu li {
      border-top: 1px solid rgba(0, 0, 0, 0.12); }
      body ul.dropdown-menu li a {
        font-weight: bold;
        font-size: 13px !important;
        color: #757a8c;
        padding: 5px 18px 6px; }
        body ul.dropdown-menu li a:hover {
          background: #757a8c; }
      body ul.dropdown-menu li:first-child {
        border-top: none; }
  body .btn-group .btn-rctab, body .btn.btn-rctab {
    border-color: #999ca6;
    background-color: #eef1f2 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef1f2), color-stop(100%, #d4d9e4)) ;
    background-image: -webkit-linear-gradient(top, #eef1f2, #d4d9e4) ;
    background-image: -moz-linear-gradient(top, #eef1f2, #d4d9e4) ;
    background-image: -ms-linear-gradient(top, #eef1f2, #d4d9e4) ;
    background-image: -o-linear-gradient(top, #eef1f2, #d4d9e4) ;
    background-image: linear-gradient(top, #eef1f2, #d4d9e4) ;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    box-shadow: inset 0 1px 0 white, 0 1px 0 #fff;
    background-color: #d4d9e4;
    font-size: 13px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-weight: bold;
    color: #5b5f71; }
    body .btn-group .btn-rctab:hover, body .btn.btn-rctab:hover {
      background-position: 0;
      background-color: #fff;
      color: #474f6b;
      background-color: rgba(238, 241, 242, 0.5) ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 241, 242, 0.5)), color-stop(100%, rgba(212, 217, 228, 0.5))) ;
      background-image: -webkit-linear-gradient(top, rgba(238, 241, 242, 0.5), rgba(212, 217, 228, 0.5)) ;
      background-image: -moz-linear-gradient(top, rgba(238, 241, 242, 0.5), rgba(212, 217, 228, 0.5)) ;
      background-image: -ms-linear-gradient(top, rgba(238, 241, 242, 0.5), rgba(212, 217, 228, 0.5)) ;
      background-image: -o-linear-gradient(top, rgba(238, 241, 242, 0.5), rgba(212, 217, 228, 0.5)) ;
      background-image: linear-gradient(top, rgba(238, 241, 242, 0.5), rgba(212, 217, 228, 0.5)) ; }
    body .btn-group .btn-rctab.active, body .btn-group .custom-dropdown.open .btn-rctab.control-more, body .custom-dropdown.open .btn-group .btn-rctab.control-more, body .btn.btn-rctab.active, body .custom-dropdown.open .btn.btn-rctab.control-more {
      background-color: #888fa1 ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888fa1), color-stop(100%, #adb2c2)) ;
      background-image: -webkit-linear-gradient(top, #888fa1, #adb2c2) ;
      background-image: -moz-linear-gradient(top, #888fa1, #adb2c2) ;
      background-image: -ms-linear-gradient(top, #888fa1, #adb2c2) ;
      background-image: -o-linear-gradient(top, #888fa1, #adb2c2) ;
      background-image: linear-gradient(top, #888fa1, #adb2c2) ;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 #fff;
      border-top-color: #505c6f;
      border-left-color: #656f7f;
      border-right-color: #656f7f;
      border-bottom-color: #505c6f;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
  body .btn-rcdark {
    background-color: #a0a8b1 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0a8b1), color-stop(100%, #636979)) ;
    background-image: -webkit-linear-gradient(top, #a0a8b1, #636979) ;
    background-image: -moz-linear-gradient(top, #a0a8b1, #636979) ;
    background-image: -ms-linear-gradient(top, #a0a8b1, #636979) ;
    background-image: -o-linear-gradient(top, #a0a8b1, #636979) ;
    background-image: linear-gradient(top, #a0a8b1, #636979) ;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 #fff;
    font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    border-color: #42515c;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); }
    body .btn-rcdark#display-options {
      margin-bottom: 2px; }
    body .btn-rcdark:link {
      color: #fff; }
    body .btn-rcdark:hover, body .btn-rcdark:focus {
      background-color: rgba(160, 168, 177, 0.9) ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(160, 168, 177, 0.9)), color-stop(100%, rgba(99, 105, 121, 0.9))) ;
      background-image: -webkit-linear-gradient(top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9)) ;
      background-image: -moz-linear-gradient(top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9)) ;
      background-image: -ms-linear-gradient(top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9)) ;
      background-image: -o-linear-gradient(top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9)) ;
      background-image: linear-gradient(top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9)) ;
      background-position: 0;
      color: #fff;
      background-color: #000; }
    body .btn-rcdark:active {
      background: #6c7587;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #fff;
      border-color: #42515c; }
    body .btn-rcdark.shadowed {
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.12); }
      body .btn-rcdark.shadowed:active {
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }
    body .btn-rcdark.btn-small {
      font-size: 13px; }
  body .btn-small [class^="icon-"],
  body .btn-small [class*=" icon-"] {
    margin-top: 1px; }
  body .whibox, body .week-range {
    background-color: #fff;
    border-radius: 4px;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #aaa;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); }
  body .ico {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 3px; }
  body .form_errors {
    color: #fff;
    background-color: #bc0028;
    border: none;
    position: relative;
    margin-top: -5px;
    margin-bottom: 20px; }
    body .form_errors ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      body .form_errors ul li {
        text-align: left;
        padding: 6px 10px; }
  body .icon_eye {
    background-image: url("../img/display-options-icon.207dbada1174.png");
    background-position: center 3px;
    background-repeat: no-repeat; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon_eye {
        background-image: url("../img/display-options-icon@2x.d88fddba0e50.png");
        background-size: 17px 12px; } }
  body .icon_cal {
    background-image: url("../img/icon-cal.c2221f624b2d.png");
    background-position: center 2px;
    background-repeat: no-repeat;
    position: relative;
    top: 2px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon_cal {
        background-image: url("../img/icon-cal@2x.60cef18e4d08.png");
        background-size: 14px 14px; } }
  body .left {
    float: left !important; }
  body .right {
    float: right !important; }
  body .capitalize {
    text-transform: capitalize; }
  body div.someclass {
    height: 200px;
    margin: 0;
    position: static; }
  body div.placed:not(.timeline-item-icon) {
    width: 100%;
    margin: 0 auto; }
  body div.legend {
    position: relative; }
    body div.legend ul {
      margin: 0;
      padding: 0;
      list-style: none;
      position: absolute;
      top: 50%;
      padding-top: 22px;
      margin-left: 10px; }
      body div.legend ul li {
        max-width: 165px;
        font-size: 14px;
        margin-bottom: 15px; }
        body div.legend ul li .stat {
          font-weight: normal;
          font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
          font-size: 14px;
          position: relative; }
        body div.legend ul li span.circle {
          display: inline-block;
          width: 10px;
          height: 10px;
          background-color: #fff;
          border-width: 3px;
          border-style: solid;
          box-sizing: content-box;
          border-radius: 20px;
          margin-right: 2px;
          margin-top: -2px;
          line-height: 14px;
          vertical-align: middle; }
        body div.legend ul li.green {
          color: #88b054; }
          body div.legend ul li.green span {
            border-color: #88b054; }
        body div.legend ul li.red {
          color: #d44863; }
          body div.legend ul li.red span {
            border-color: #d44863; }
        body div.legend ul li.purp {
          color: #7a60cd; }
          body div.legend ul li.purp span {
            border-color: #7a60cd; }
  body #table-options .modal-wrapper {
    max-width: 930px; }
  body #settings-pop .modal-header {
    height: 80px;
    background-color: #fff ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2)) ;
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2) ;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2) ;
    background-image: -ms-linear-gradient(top, #fff, #f2f2f2) ;
    background-image: -o-linear-gradient(top, #fff, #f2f2f2) ;
    background-image: linear-gradient(top, #fff, #f2f2f2) ;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #ddd;
    padding: 0; }
    body #settings-pop .modal-header .close {
      right: 10px;
      position: absolute;
      top: 10px; }
    body #settings-pop .modal-header .nav {
      margin: 0;
      padding: 0;
      list-style: none; }
      body #settings-pop .modal-header .nav li {
        float: left;
        outline: none; }
        body #settings-pop .modal-header .nav li:first-child {
          border-radius: 10px 0 0; }
        body #settings-pop .modal-header .nav li a {
          display: block;
          width: 120px;
          font-size: 13px;
          color: #555;
          font-weight: bold;
          padding: 0;
          padding-top: 14px;
          text-align: center;
          height: 79px;
          opacity: .75;
          outline: none; }
          body #settings-pop .modal-header .nav li a:hover {
            background: none;
            color: #353535;
            opacity: 1; }
          body #settings-pop .modal-header .nav li a img {
            display: block;
            margin: 3px auto; }
        body #settings-pop .modal-header .nav li.active, body #settings-pop .modal-header .nav .custom-dropdown.open li.control-more, body .custom-dropdown.open #settings-pop .modal-header .nav li.control-more {
          background-color: #fff ;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(80%, #ddd)) ;
          background-image: -webkit-linear-gradient(top, #fff 20%, #ddd 80%) ;
          background-image: -moz-linear-gradient(top, #fff 20%, #ddd 80%) ;
          background-image: -ms-linear-gradient(top, #fff 20%, #ddd 80%) ;
          background-image: -o-linear-gradient(top, #fff 20%, #ddd 80%) ;
          background-image: linear-gradient(top, #fff 20%, #ddd 80%) ; }
          body #settings-pop .modal-header .nav li.active a, body #settings-pop .modal-header .nav .custom-dropdown.open li.control-more a, body .custom-dropdown.open #settings-pop .modal-header .nav li.control-more a {
            background-image: url("../img/bg-li-active.ce6e086cd751.png");
            background-position: center bottom;
            background-repeat: no-repeat;
            color: #353535;
            position: relative;
            opacity: 1; }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body #settings-pop .modal-header .nav li.active a, body #settings-pop .modal-header .nav .custom-dropdown.open li.control-more a, body .custom-dropdown.open #settings-pop .modal-header .nav li.control-more a {
                background-image: url("../img/bg-li-active@2x.d5da36906e86.png");
                background-size: 120px 54px; } }
            body #settings-pop .modal-header .nav li.active a:hover, body #settings-pop .modal-header .nav .custom-dropdown.open li.control-more a:hover, body .custom-dropdown.open #settings-pop .modal-header .nav li.control-more a:hover, body #settings-pop .modal-header .nav li.active a:focus, body #settings-pop .modal-header .nav .custom-dropdown.open li.control-more a:focus, body .custom-dropdown.open #settings-pop .modal-header .nav li.control-more a:focus {
              background-color: transparent; }
            body #settings-pop .modal-header .nav li.active a:before, body #settings-pop .modal-header .nav .custom-dropdown.open li.control-more a:before, body .custom-dropdown.open #settings-pop .modal-header .nav li.control-more a:before {
              content: "";
              position: absolute;
              height: 80px;
              width: 120px;
              top: 0;
              display: block;
              left: 0;
              border-bottom: 1px solid #bbb;
              z-index: 999; }
  body #settings-pop .row.bordered {
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 15px; }
  body #settings-pop .row:last-child {
    border-bottom: none; }
  body #settings-pop .modal-body .setting-label {
    color: #5b71aa;
    font-weight: bold;
    padding-bottom: 3px; }
    body #settings-pop .modal-body .setting-label.label-set {
      width: 100px;
      margin-bottom: 15px; }
    body #settings-pop .modal-body .setting-label.label-set:last-of-type {
      margin-bottom: 0; }
  body #settings-pop .modal-body .setting-content.inactive {
    color: #999; }
  body #settings-pop .modal-body .setting-content.invite .btn {
    float: right;
    margin: 4px 2px 4px;
    font-size: 11.9px; }
  body #settings-pop .modal-body .setting-content.invite .btn-mini-font.btn {
    float: right;
    margin: 4px 2px 4px;
    font-size: 11px;
    padding: 4px 10px; }
  body #settings-pop .modal-body .setting-content .approvement {
    margin-top: 33px;
    color: #555; }
  body #team-switcher-modal .modal-dialog, body #readyreturns-switcher-modal .modal-dialog {
    margin-top: 10%;
    width: 375px; }
  body #team-switcher-modal .modal-title, body #readyreturns-switcher-modal .modal-title {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif; }
  body #team-switcher-modal .scrollable-submenu-container, body #readyreturns-switcher-modal .scrollable-submenu-container {
    max-height: 550px; }
  body #team-switcher-modal ul, body #readyreturns-switcher-modal ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    body #team-switcher-modal ul li, body #readyreturns-switcher-modal ul li {
      padding: 5px 20px;
      height: 40px;
      border: 1px solid transparent;
      margin-bottom: 10px; }
      body #team-switcher-modal ul li.disabled, body #readyreturns-switcher-modal ul li.disabled {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-check-dark.44cc9e26e9e9.png");
        border: 1px solid #e2e2e2;
        background-color: #f8fafb;
        border-radius: 3px;
        background-position: calc(100% - 20px) center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body #team-switcher-modal ul li.disabled, body #readyreturns-switcher-modal ul li.disabled {
            background-image: url("../img/icon-check-dark@2x.47454556cf17.png");
            background-size: 10px 9px; } }
        body #team-switcher-modal ul li.disabled a, body #readyreturns-switcher-modal ul li.disabled a {
          color: #60666d;
          cursor: default; }
      body #team-switcher-modal ul li:last-of-type, body #readyreturns-switcher-modal ul li:last-of-type {
        margin: 0; }
      body #team-switcher-modal ul li .row-avatar, body #readyreturns-switcher-modal ul li .row-avatar {
        margin: 0 10px 0 0; }
      body #team-switcher-modal ul li a, body #readyreturns-switcher-modal ul li a {
        padding: 5px 0;
        display: block;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 225px; }
  body #readyreturns-switcher-modal ul li .row-avatar {
    background-color: #bfbfce;
    background-size: 80%;
    background-image: url("../img/icon-timeline-readyreturns@2x.ba310881d2be.png"); }
  body #legacy-plan-warning-modal .modal-body {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-red-exclamation-mark.e193a699fa5f.png");
    padding: 25px 40px 25px 60px;
    background-position: 25px 32px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body #legacy-plan-warning-modal .modal-body {
        background-image: url("../img/icon-red-exclamation-mark@2x.5898ab0f7c8a.png");
        background-size: 12px 54px; } }
    body #legacy-plan-warning-modal .modal-body .modal-body-title {
      margin: 0; }
  body #legacy-plan-warning-modal .modal-footer .custom-button {
    text-transform: none; }
  body .datetime-picker-dropdown * {
    outline: none; }
    body .datetime-picker-dropdown *:active {
      outline: none; }
  body .datetime-picker-dropdown .btn-group {
    margin-bottom: 4px; }
  body .datetime-picker-dropdown > li.date-picker-menu div > table .btn-default {
    border: 0; }
  body .datetime-picker-dropdown button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    body .datetime-picker-dropdown button:active {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
  body .datetime-picker-dropdown .btn.disabled, body .datetime-picker-dropdown .btn[disabled], body .datetime-picker-dropdown fieldset[disabled] .btn {
    opacity: .4; }
  body .btn.btn-danger {
    background-color: #e2706d ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2706d), color-stop(100%, #cf4f4b)) ;
    background-image: -webkit-linear-gradient(top, #e2706d, #cf4f4b) ;
    background-image: -moz-linear-gradient(top, #e2706d, #cf4f4b) ;
    background-image: -ms-linear-gradient(top, #e2706d, #cf4f4b) ;
    background-image: -o-linear-gradient(top, #e2706d, #cf4f4b) ;
    background-image: linear-gradient(top, #e2706d, #cf4f4b) ;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 #fff;
    font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    border-color: #bd362f;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); }
    body .btn.btn-danger:link {
      color: #fff; }
    body .btn.btn-danger:hover, body .btn.btn-danger:focus {
      background-color: rgba(226, 112, 109, 0.9) ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 112, 109, 0.9)), color-stop(100%, rgba(207, 79, 75, 0.9))) ;
      background-image: -webkit-linear-gradient(top, rgba(226, 112, 109, 0.9), rgba(207, 79, 75, 0.9)) ;
      background-image: -moz-linear-gradient(top, rgba(226, 112, 109, 0.9), rgba(207, 79, 75, 0.9)) ;
      background-image: -ms-linear-gradient(top, rgba(226, 112, 109, 0.9), rgba(207, 79, 75, 0.9)) ;
      background-image: -o-linear-gradient(top, rgba(226, 112, 109, 0.9), rgba(207, 79, 75, 0.9)) ;
      background-image: linear-gradient(top, rgba(226, 112, 109, 0.9), rgba(207, 79, 75, 0.9)) ;
      background-position: 0;
      color: #fff;
      background-color: #000; }
    body .btn.btn-danger[disabled] {
      background-color: #e2706d; }
    body .btn.btn-danger:active {
      background: #e5433e;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #fff;
      border-color: #bd362f; }
    body .btn.btn-danger.shadowed {
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.12); }
      body .btn.btn-danger.shadowed:active {
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }
  body #header #search_input {
    background-image: url("../img/search-icon.76461d316e3a.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 8px 50%;
    padding: 5px 20px 5px 28px;
    width: 160px;
    height: 27px;
    line-height: normal;
    border-radius: 40px;
    border: none;
    margin-bottom: 0;
    font-size: 12px;
    margin-left: 15px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body #header #search_input {
        background-image: url("../img/search-icon@2x.4f9b8350c965.png");
        background-size: 14px 14px; } }
  body #search_input.loading {
    background: #fff url("../img/spinner.0086791e4fa0.gif") no-repeat 3px 50%; }
  body #search_input:disabled {
    background: #eee url("../img/bg-btn01.699335bd8e98.png") no-repeat 5px 50%;
    opacity: .75; }
  body .searchclear {
    position: absolute;
    right: 6%;
    top: 8%;
    padding: 4px 7px;
    margin-bottom: 10px;
    cursor: pointer;
    color: #7f8598;
    width: 11px;
    height: 20px;
    font-size: 13px; }
    body .searchclear:hover {
      font-weight: bolder; }
  body .btn.only-caret:hover,
  body .btn.only-caret:active,
  body .btn.only-caret.active,
  body .custom-dropdown.open .btn.only-caret.control-more,
  body .btn.only-caret {
    background: none;
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -webkit-linear-gradient(#fff, #e6e6e6);
    background-image: -o-linear-gradient(#fff, #e6e6e6);
    background-image: linear, #fff, #e6e6e6;
    background-repeat: repeat-x;
    border: 1px solid #bbb;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); }
  body .popover-buttons .modal-footer {
    padding: 6px 6px 4px; }
  body input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not([type=search]):not(.custom-input):not(.number-input) {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    font-size: 14px;
    line-height: 16px;
    border: none; }
    body input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not([type=search]):not(.custom-input):not(.number-input):focus {
      box-shadow: 0 -1px 0 0 #4f88cc, 0 0 0 1px #66afe9, 0 0 4px 0 #67c5ff, inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  body .has-error input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not(.custom-input):not(.number-input) {
    box-shadow: 0 -1px 0 0 rgba(207, 30, 30, 0.49), 0 0 0 1px rgba(199, 65, 65, 0.36), 0 0 4px 0 rgba(211, 52, 52, 0.6), inset 0 1px 1px rgba(0, 0, 0, 0.075); }
    body .has-error input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not(.custom-input):not(.number-input):focus {
      box-shadow: 0 -1px 0 0 rgba(207, 30, 30, 0.49), 0 0 0 1px rgba(199, 65, 65, 0.36), 0 0 4px 0 rgba(211, 52, 52, 0.6), inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
  body .has-success input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not(.custom-input):not(.number-input) {
    box-shadow: 0 -1px 0 0 #469262, 0 0 0 1px #3c763d, 0 0 4px 0 #4f8d50, inset 0 1px 1px rgba(0, 0, 0, 0.075); }
    body .has-success input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not(.custom-input):not(.number-input):focus {
      box-shadow: 0 -1px 0 0 #469262, 0 0 0 1px #3c763d, 0 0 4px 0 #4f8d50, inset 0 1px 1px rgba(0, 0, 0, 0.075), inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
  body [ng\:cloak], body [ng-cloak], body [data-ng-cloak], body [x-ng-cloak], body .ng-cloak, body .x-ng-cloak {
    display: none !important; }
  body .social-auth-container {
    display: inline-block;
    margin-bottom: 35px;
    width: 450px;
    height: 40px;
    position: relative; }
    body .social-auth-container a {
      font-weight: bold;
      position: absolute;
      display: inline-block;
      width: 220px;
      margin-right: 5px;
      min-width: max-content;
      min-width: -moz-max-content;
      float: left;
      color: #000;
      padding: 15px;
      background: #e4eff9;
      text-decoration: none;
      font-size: 14px;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      transform: translate(0, 0);
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      body .social-auth-container a:hover {
        background: #cde5fb; }
      body .social-auth-container a:active {
        background: #a6d2f9; }
      body .social-auth-container a i {
        width: 45px;
        position: absolute;
        height: 100%;
        top: 0;
        left: 10px; }
      body .social-auth-container a span {
        padding-left: 45px;
        line-height: 40px;
        display: block;
        width: max-content;
        width: -moz-max-content; }
      body .social-auth-container a.gplus {
        top: 0;
        left: 0; }
        body .social-auth-container a.gplus i {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/onboarding/gplus.5114e7508ffa.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .social-auth-container a.gplus i {
              background-image: url("../img/onboarding/gplus@2x.b12ea4bfe8be.png");
              background-size: 30px 30px; } }
      body .social-auth-container a.facebook {
        top: 0;
        right: 0; }
        body .social-auth-container a.facebook i {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/onboarding/facebook.8c560a8eb1dd.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .social-auth-container a.facebook i {
              background-image: url("../img/onboarding/facebook@2x.f3be621d2728.png");
              background-size: 30px 30px; } }
      body .social-auth-container a.microsoft {
        top: 0;
        right: 0; }
        body .social-auth-container a.microsoft i {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/onboarding/microsoft.f46c908ac978.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .social-auth-container a.microsoft i {
              background-image: url("../img/onboarding/microsoft@2x.219e88d93dd1.png");
              background-size: 30px 30px; } }
  body .social-auth-container-delimiter {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #ECECEC;
    text-align: center; }
    body .social-auth-container-delimiter span {
      font-size: 14px;
      color: #BABABA;
      background-color: #fdfdfd;
      padding: 10px 10px;
      line-height: 40px; }
  body .row-avatar {
    width: 30px;
    height: 30px;
    margin-top: 13px;
    margin-right: 20px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/crm/icon-big-contact-avatar.b17ce0c930e7.png");
    background-size: 30px 30px;
    transition: all .2s ease-in-out; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .row-avatar {
        background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
        background-size: 30px 30px; } }
  body .row-title {
    font-size: 14px;
    line-height: 56px;
    color: #4a4a4a;
    font-weight: bold;
    text-decoration: none;
    transition: all .2s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px; }
    body .row-title:link {
      color: #4a4a4a; }
  body .contact-mini-card .row-avatar {
    margin: 0 10px 0 0; }
  body .contact-mini-card .row-title {
    line-height: 30px;
    width: 160px; }
  body .contact-mini-card .row-info {
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    body .contact-mini-card .row-info .row-title {
      width: 100%;
      line-height: 15px; }
    body .contact-mini-card .row-info .row-email {
      width: 100%;
      font-size: 12px;
      font-style: italic;
      color: #989898;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  body #edit-card-pop {
    z-index: 3000; }
  body .no-float {
    float: none !important; }
  body .no-margin {
    margin: 0 !important; }
  body .add-filter-condition, body .remove-filter-group {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    background-color: #fff;
    border: none;
    height: 32px;
    margin: 0 9px 0 0;
    padding: 0;
    font-size: 13px; }
    body .add-filter-condition i, body .remove-filter-group i {
      margin-right: 5px; }
    body .add-filter-condition span, body .remove-filter-group span {
      line-height: 34px; }
  body .add-filter-condition {
    color: #1EBEF3; }
    body .add-filter-condition i {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-add-blue.89dd0460b587.png");
      display: block;
      float: left;
      height: 32px;
      width: 14px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .add-filter-condition i {
          background-image: url("../img/icon-add-blue@2x.2468b5b446fd.png");
          background-size: 14px 14px; } }
  body .remove-button-grey {
    background-color: transparent;
    border: none;
    height: 32px;
    width: 11px;
    margin: 0 9px 0 0;
    padding: 0; }
    body .remove-button-grey.stub-button {
      cursor: default; }
    body .remove-button-grey i {
      background-image: url("../img/icon-remove-grey.b4ff0b27d884.png");
      display: block;
      float: left;
      height: 11px;
      margin: 0;
      width: 11px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .remove-button-grey i {
          background-image: url("../img/icon-remove-grey@2x.1adc2d6ab1d7.png");
          background-size: 11px 11px; } }
  body .payments-modal {
    font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
    text-align: center; }
    body .payments-modal:before {
      display: inline-block;
      vertical-align: middle;
      content: "";
      height: 100%; }
    body .payments-modal .description {
      color: #848893;
      font-size: 14px;
      min-height: 22px;
      font-weight: 300; }
      body .payments-modal .description.dark {
        color: #4A4A4A; }
      body .payments-modal .description.small {
        font-size: 12px; }
      body .payments-modal .description.red {
        color: rgba(211, 52, 52, 0.6); }
      body .payments-modal .description b {
        color: #4C4F58; }
    body .payments-modal .modal-dialog {
      min-width: 300px;
      width: inherit;
      margin: 10px auto;
      display: inline-block;
      text-align: left;
      vertical-align: middle; }
      body .payments-modal .modal-dialog .modal-content .modal-header {
        background-image: none;
        padding-bottom: 0; }
        body .payments-modal .modal-dialog .modal-content .modal-header .description {
          margin-top: 10px; }
        body .payments-modal .modal-dialog .modal-content .modal-header .logo-container {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/rc-touch-icon-57x57.44c911baaa58.png");
          height: 70px;
          width: 57px;
          margin: 0 auto; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .payments-modal .modal-dialog .modal-content .modal-header .logo-container {
              background-image: url("../img/rc-touch-icon-57x57@2x.4ba4c2089332.png");
              background-size: 57px 57px; } }
        body .payments-modal .modal-dialog .modal-content .modal-header .title {
          margin: 0 auto;
          display: block;
          width: 100%;
          text-align: center;
          font-size: 20px; }
          body .payments-modal .modal-dialog .modal-content .modal-header .title.large {
            font-size: 27px; }
      body .payments-modal .modal-dialog .modal-content .modal-body {
        padding: 0 15px 15px 15px;
        min-height: 120px;
        max-width: 415px; }
        body .payments-modal .modal-dialog .modal-content .modal-body .panel {
          height: 60px;
          border: 1px solid #E1E1E1;
          vertical-align: middle;
          text-align: center;
          margin: 10px 0 0 0; }
          body .payments-modal .modal-dialog .modal-content .modal-body .panel .description {
            margin: 0;
            line-height: 60px; }
        body .payments-modal .modal-dialog .modal-content .modal-body .card-container {
          height: 50px;
          margin-top: 10px; }
          body .payments-modal .modal-dialog .modal-content .modal-body .card-container .edit-card {
            text-decoration: underline;
            float: right;
            cursor: pointer;
            line-height: 50px;
            font-size: 12px; }
          body .payments-modal .modal-dialog .modal-content .modal-body .card-container .description {
            float: left;
            margin: 0 10px 0 10px;
            line-height: 50px;
            font-size: 14px; }
        body .payments-modal .modal-dialog .modal-content .modal-body .warning {
          max-width: 350px;
          text-align: left;
          margin: 0 auto; }
        body .payments-modal .modal-dialog .modal-content .modal-body form .row {
          border: none;
          padding: 0;
          margin-top: 10px; }
          body .payments-modal .modal-dialog .modal-content .modal-body form .row.split-input .form-group {
            margin: 0; }
        body .payments-modal .modal-dialog .modal-content .modal-body form input {
          width: 100%; }
          body .payments-modal .modal-dialog .modal-content .modal-body form input.card-valid-to, body .payments-modal .modal-dialog .modal-content .modal-body form input.card-cvc {
            width: 50%;
            float: left;
            margin: 0; }
          body .payments-modal .modal-dialog .modal-content .modal-body form input.card-valid-to {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important; }
          body .payments-modal .modal-dialog .modal-content .modal-body form input.card-cvc {
            border-bottom-left-radius: 0 !important;
            border-top-left-radius: 0 !important; }
        body .payments-modal .modal-dialog .modal-content .modal-body form.credit-card-edit-form .card-zip {
          width: calc(50% - 1px);
          float: right;
          margin: 0;
          border-bottom-left-radius: 0 !important;
          border-top-left-radius: 0 !important; }
        body .payments-modal .modal-dialog .modal-content .modal-body .big-green-check {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/payments-onboarding/big-green-check.a7c0f2c2b9fc.png");
          height: 200px;
          width: 200px;
          margin: 20px auto; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .payments-modal .modal-dialog .modal-content .modal-body .big-green-check {
              background-image: url("../img/payments-onboarding/big-green-check@2x.9e3a1c71a902.png");
              background-size: 200px 200px; } }
      body .payments-modal .modal-dialog .modal-content .modal-footer {
        background-image: url("../img/header-shadow-line.7861cd270377.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        border: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        background-position: center top;
        background-color: #F4F3F3; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .payments-modal .modal-dialog .modal-content .modal-footer {
            background-image: url("../img/header-shadow-line@2x.a9808a3739d8.png");
            background-size: 100% 1px; } }
  body .card-icon {
    height: 100%;
    width: 50px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    background-size: 50px; }
    body .card-icon.visa {
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    body .card-icon.american-express {
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    body .card-icon.mastercard {
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    body .card-icon.discover {
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
  body .credit-card-form {
    padding-bottom: 30px; }
    body .credit-card-form label {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      font-size: 11px;
      color: #737E94;
      letter-spacing: 0;
      width: 100%;
      font-weight: 300; }
    body .credit-card-form input {
      margin-right: 20px;
      width: 410px; }
      body .credit-card-form input.card-name, body .credit-card-form input.coupon-code {
        text-indent: 0; }
      body .credit-card-form input.card-number, body .credit-card-form input.card-phone, body .credit-card-form input.card-email {
        width: 300px; }
      body .credit-card-form input.card-number {
        background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
        background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
        background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
        background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
        background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
        background-repeat: no-repeat;
        background-position: 10px 50%; }
      body .credit-card-form input.card-valid-to {
        background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
        background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
        background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
        background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
        background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
        background-repeat: no-repeat;
        background-position: 12px 50%;
        text-indent: 30px; }
      body .credit-card-form input.card-cvc {
        background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
        background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
        background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
        background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
        background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
        background-repeat: no-repeat;
        background-position: 12px 50%;
        margin-right: 0; }
      body .credit-card-form input.card-valid-to, body .credit-card-form input.card-cvc {
        width: 135px; }
      body .credit-card-form input.card-city, body .credit-card-form input.card-state, body .credit-card-form input.card-zip {
        width: 123px; }
      body .credit-card-form input.card-cvc, body .credit-card-form input.card-number {
        text-indent: 30px; }
    body .credit-card-form .expiry-date-and-cvc-container {
      width: 300px; }
    body .credit-card-form .row:nth-last-of-type(2) {
      padding-bottom: 0;
      border-bottom: none; }
    body .credit-card-form button {
      margin: 25px 0 0 0; }
    body .credit-card-form .ui-select-container {
      width: 410px; }
      body .credit-card-form .ui-select-container .select2-choice {
        padding: 0 0 0 12px; }
      body .credit-card-form .ui-select-container .select2-drop {
        width: 320px; }
        body .credit-card-form .ui-select-container .select2-drop .select2-results {
          width: 320px; }
    body .credit-card-form .row {
      padding-top: 5px; }
      body .credit-card-form .row button {
        float: right; }
    body .credit-card-form .form-control {
      height: 30px;
      padding: 2px 12px; }
    body .credit-card-form .payment-errors {
      color: red;
      font-size: 20px;
      font-weight: 600; }
  body #table-view-creation-modal .modal-body {
    padding: 5px 20px; }
  body #table-view-creation-modal .inputs-container .row {
    box-shadow: none; }
  body .inputs-container {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif; }
    body .inputs-container .row {
      height: 50px;
      box-shadow: inset 0 1px 0 0 #e6e9ed; }
      body .inputs-container .row.has-error {
        box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -1px 0 0 #f96b69; }
      body .inputs-container .row.controls {
        padding: 20px 20px;
        height: 82px;
        box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -1px 0 0 #b0b0b0; }
      body .inputs-container .row.image-upload {
        height: 74px;
        padding: 15px 20px; }
        body .inputs-container .row.image-upload .row-avatar {
          height: 44px;
          width: 44px;
          margin: 0 100px 0 0;
          background-size: 44px 44px;
          float: left; }
        body .inputs-container .row.image-upload .blue-link {
          padding: 14px 0;
          display: block;
          float: left; }
      body .inputs-container .row > span.disabled {
        float: left;
        display: block;
        font-size: 14px;
        width: auto;
        padding: 15px 0;
        margin: 0;
        cursor: not-allowed; }
      body .inputs-container .row .icon-remove-grey {
        cursor: pointer;
        height: 50px;
        width: 50px; }
      body .inputs-container .row .icon-add-blue {
        cursor: pointer;
        height: 50px;
        width: 50px; }
      body .inputs-container .row .form-error {
        float: left;
        display: block;
        font-size: 14px;
        width: auto;
        padding: 15px 0;
        margin: 0; }
      body .inputs-container .row.locale-data {
        height: 105px;
        padding: 30px 20px;
        position: relative;
        box-shadow: none; }
        body .inputs-container .row.locale-data .col-xs-4 {
          padding: 0 10px 0 0; }
          body .inputs-container .row.locale-data .col-xs-4:last-of-type {
            padding: 0; }
        body .inputs-container .row.locale-data label {
          padding: 15px 20px 15px 0;
          width: auto; }
        body .inputs-container .row.locale-data .ui-select-container, body .inputs-container .row.locale-data select {
          width: 190px; }
        body .inputs-container .row.locale-data .ui-select-container {
          margin: 7px 0 0 0; }
          body .inputs-container .row.locale-data .ui-select-container .ui-select-search-hidden {
            display: none; }
        body .inputs-container .row.locale-data .setting-auto-detect {
          width: 60%;
          float: left;
          display: inline-block;
          font-size: 12px;
          padding: 5px 0 0 15px;
          color: #81909d; }
        body .inputs-container .row.locale-data .select2-drop .select2-results {
          width: 100%; }
        body .inputs-container .row.locale-data .locale-choose .select2-drop, body .inputs-container .row.locale-data .timezone-choose .select2-drop {
          width: 300px; }
          body .inputs-container .row.locale-data .locale-choose .select2-drop .ui-select-choices-row-inner > div, body .inputs-container .row.locale-data .timezone-choose .select2-drop .ui-select-choices-row-inner > div {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 252px; }
        body .inputs-container .row.locale-data .timezone-choose .select2-drop {
          left: -110px; }
      body .inputs-container .row.controls {
        padding: 20px 20px;
        height: 82px;
        box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -1px 0 0 #b0b0b0; }
      body .inputs-container .row > span.disabled {
        float: left;
        display: block;
        font-size: 14px;
        width: auto;
        padding: 15px 0;
        margin: 0;
        cursor: not-allowed; }
      body .inputs-container .row .form-error {
        float: left;
        display: block;
        font-size: 14px;
        width: auto;
        padding: 15px 0;
        margin: 0; }
    body .inputs-container label {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      width: 185px;
      display: block;
      float: left;
      cursor: pointer;
      padding: 19px 20px 10px 20px;
      margin: 0;
      color: #81909d;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: unset; }
    body .inputs-container input {
      float: left;
      background: transparent;
      border: none;
      box-shadow: none;
      border-radius: 0;
      line-height: normal;
      transition: all .5s ease-in-out;
      padding: 5px 0 0 0;
      height: 45px;
      width: 200px; }
      body .inputs-container input::-webkit-input-placeholder {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        font-size: 15px;
        color: #9FACC6;
        text-align: left; }
      body .inputs-container input:-moz-placeholder {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        font-size: 15px;
        color: #9FACC6;
        text-align: left; }
      body .inputs-container input:-ms-input-placeholder {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        font-size: 15px;
        color: #9FACC6;
        text-align: left; }
      body .inputs-container input[type="radio"] {
        height: auto;
        width: auto;
        margin: 20px 10px;
        cursor: auto;
        line-height: normal; }
    body .inputs-container #change-password-form, body .inputs-container #change-email-form {
      position: relative; }
      body .inputs-container #change-password-form .row.first, body .inputs-container #change-email-form .row.first {
        box-shadow: inset 0 1px 0 0 #b0b0b0; }
      body .inputs-container #change-password-form .alert, body .inputs-container #change-email-form .alert {
        margin: 0;
        border: none; }
    body .inputs-container #change-password-form .row.first {
      box-shadow: none; }
      body .inputs-container #change-password-form .row.first i {
        top: 18px;
        left: 10px;
        cursor: pointer;
        float: left; }
      body .inputs-container #change-password-form .row.first .form-error {
        margin-left: 20px; }
  body .loader {
    background-image: url("../img/spinner-big.7c1a7500c8b3.gif");
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    position: absolute;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    display: none; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .loader {
        background-image: url("../img/spinner-big@2x.8b96bcf6b159.gif");
        background-size: 70px; } }
  body .loading {
    position: relative; }
    body .loading .loader {
      display: block; }
  body tags-input {
    display: block;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
    body tags-input input {
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important; }
      body tags-input input:before, body tags-input input:after {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important; }
    body tags-input .host {
      position: relative;
      margin-top: 5px;
      margin-bottom: 5px;
      height: 100%; }
    body tags-input .tags {
      padding: 1px 1px 5px 1px;
      overflow: hidden;
      word-wrap: break-word;
      cursor: text;
      background-color: #fff;
      height: 100%;
      border: none; }
      body tags-input .tags .tag-list {
        margin: 0;
        padding: 0;
        list-style-type: none; }
      body tags-input .tags .tag-item {
        display: inline-block;
        float: left;
        font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
        height: 26px;
        border-radius: 3px;
        background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
        background: linear, to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%;
        font-size: 13px;
        line-height: 26px;
        color: #999;
        background: #f2f2f2;
        padding: 0 10px 0 10px;
        margin: 2px 10px 2px 0;
        border: none; }
        body tags-input .tags .tag-item:hover {
          color: #fff;
          background-color: #4a90e2; }
        body tags-input .tags .tag-item.selected {
          background: -webkit-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
          background: linear, to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%; }
        body tags-input .tags .tag-item .remove-button {
          margin: 0 0 0 5px;
          padding: 0;
          border: none;
          background: none;
          cursor: pointer;
          vertical-align: baseline;
          font: bold 13px Arial, sans-serif;
          color: #585858; }
      body tags-input .tags .input {
        outline: none;
        margin: 2px;
        padding: 0;
        padding-left: 5px;
        float: left;
        height: 26px;
        font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
        width: 280px !important;
        text-indent: 15px;
        line-height: 15px;
        border: none;
        box-shadow: none;
        background-image: url("../img/crm/icon-plus-grey.487e71c3b55a.png");
        background-repeat: no-repeat;
        background-size: 10px 10px;
        background-position: 0 50%; }
        body tags-input .tags .input.invalid-tag {
          color: #ff0000; }
        body tags-input .tags .input::-ms-clear {
          display: none; }
    body tags-input.ng-invalid .tags {
      -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
      -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
      box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6); }
    body tags-input[disabled] .host:focus {
      outline: none; }
    body tags-input[disabled] .tags {
      background-color: #eee;
      cursor: default; }
      body tags-input[disabled] .tags .tag-item {
        opacity: 0.65;
        background: -webkit-linear-gradient(top, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
        background: linear, to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%; }
        body tags-input[disabled] .tags .tag-item .remove-button {
          cursor: default; }
          body tags-input[disabled] .tags .tag-item .remove-button:active {
            color: #585858; }
      body tags-input[disabled] .tags .input {
        background-color: #eee;
        cursor: default; }
    body tags-input auto-complete {
      width: 280px;
      position: absolute;
      z-index: 1; }
      body tags-input auto-complete.contacts-auto-complete .autocomplete li {
        min-height: 0;
        border-bottom: 1px solid #d9d9d9; }
      body tags-input auto-complete.contacts-auto-complete .autocomplete li.selected {
        background-color: #D5F4FF; }
      body tags-input auto-complete.contacts-auto-complete .autocomplete li:last-child {
        border: 0; }
      body tags-input auto-complete .autocomplete {
        width: 233px;
        background: #FFFFFF;
        box-shadow: 0 12px 27px 0 rgba(37, 51, 71, 0.26);
        border-radius: 5px;
        border: 1px solid #e2e2e2;
        margin-top: 3px;
        z-index: 999; }
        body tags-input auto-complete .autocomplete .suggestion-list {
          margin: 0;
          padding: 5px;
          list-style-type: none;
          max-height: 280px;
          overflow-y: auto;
          position: relative; }
        body tags-input auto-complete .autocomplete .suggestion-item {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Medium', sans-serif;
          border-radius: 3px;
          font-size: 13px;
          color: #1B293E;
          font-weight: 400;
          list-style: none;
          display: list-item;
          background-image: none;
          height: 32px;
          line-height: 32px;
          padding: 0 0 0 10px;
          cursor: pointer;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          background-color: #fff; }
          body tags-input auto-complete .autocomplete .suggestion-item:hover {
            background-color: #f5f5f5; }
            body tags-input auto-complete .autocomplete .suggestion-item:hover em {
              background-color: #f5f5f5; }
          body tags-input auto-complete .autocomplete .suggestion-item.selected {
            background: #4A5668;
            border: 1px solid #4A5668;
            color: #fff; }
            body tags-input auto-complete .autocomplete .suggestion-item.selected em {
              color: #fff;
              background: #4A5668; }
          body tags-input auto-complete .autocomplete .suggestion-item em {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-Bold', sans-serif;
            font-style: normal;
            color: #000;
            background-color: #fff; }
    body tags-input .tag-messages {
      float: left;
      clear: both;
      list-style: none;
      margin: 0;
      padding: 0; }
      body tags-input .tag-messages .error {
        color: red; }
      body tags-input .tag-messages .info {
        color: #888; }
  body .custom-tags-input .tag-list li {
    background: #8395A5;
    padding: 0 8px;
    border-radius: 2px;
    line-height: inherit;
    height: 17px;
    margin: 0 4px 7px 0; }
    body .custom-tags-input .tag-list li span {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      padding: 2px 0;
      display: block;
      float: left;
      color: #fff;
      font-size: 10px; }
    body .custom-tags-input .tag-list li .remove-button {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      display: block;
      float: left;
      font-size: 15px;
      line-height: 17px;
      color: white; }
  body .custom-tags-input .tags .input {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-note-tags.e54dcd8d2150.png");
    background-position: 0 50%;
    background-size: 12px 12px; }
    body .custom-tags-input .tags .input::-webkit-input-placeholder {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      font-size: 12px;
      color: #6D7E8D; }
    body .custom-tags-input .tags .input:-moz-placeholder {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      font-size: 12px;
      color: #6D7E8D; }
    body .custom-tags-input .tags .input:-ms-input-placeholder {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      font-size: 12px;
      color: #6D7E8D; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .custom-tags-input .tags .input {
        background-image: url("../img/icon-note-tags@2x.6b4947afdd58.png");
        background-size: 12px 12px; } }
  body .custom-checkbox-container {
    cursor: pointer;
    width: 190px;
    margin: 16px; }
    body .custom-checkbox-container .custom-checkbox {
      float: left;
      margin: 1px 12px 0 0; }
    body .custom-checkbox-container span {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      font-size: 13px;
      color: #2C2F32;
      display: block;
      float: left; }
  body .custom-checkbox {
    border: 1px solid #BEC9D6;
    border-radius: 2px;
    height: 15px;
    width: 15px;
    cursor: pointer; }
    body .custom-checkbox.medium {
      height: 20px;
      width: 20px; }
    body .custom-checkbox.checked {
      background-color: #2980EC;
      border: 1px solid #2980EC;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-check-light-small.ca99108d7b91.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .custom-checkbox.checked {
          background-image: url("../img/icon-check-light-small@2x.3768f99cdac9.png");
          background-size: 9px 7px; } }
    body .custom-checkbox.disabled {
      background-color: #f9f9f9;
      border: 1px solid #d2d2d2; }
      body .custom-checkbox.disabled.checked {
        background-color: #B1B1B1; }
  body .control-icon {
    height: 17px;
    width: 17px;
    float: left;
    margin-right: 36px;
    cursor: pointer; }
    body .control-icon.add {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-control-add.a186762a1252.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-icon.add {
          background-image: url("../img/icon-control-add@2x.8a588a085192.png");
          background-size: 16px 16px; } }
      body .control-icon.add.active, body .custom-dropdown.open .control-icon.add.control-more, body .control-icon.add:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-control-add-active.98f270fc494c.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .control-icon.add.active, body .custom-dropdown.open .control-icon.add.control-more, body .control-icon.add:hover {
            background-image: url("../img/icon-control-add-active@2x.8c36d62f35d2.png");
            background-size: 16px 16px; } }
    body .control-icon.members {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-members.23ccd3697e7c.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-icon.members {
          background-image: url("../img/icon-note-members@2x.4d9efc820ab3.png");
          background-size: 15px 17px; } }
      body .control-icon.members.active, body .custom-dropdown.open .control-icon.members.control-more, body .control-icon.members:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-members-active.3227dc8e5cfa.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .control-icon.members.active, body .custom-dropdown.open .control-icon.members.control-more, body .control-icon.members:hover {
            background-image: url("../img/icon-note-members-active@2x.95358da5a8a3.png");
            background-size: 15px 17px; } }
    body .control-icon.tags {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-tags.e54dcd8d2150.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-icon.tags {
          background-image: url("../img/icon-note-tags@2x.6b4947afdd58.png");
          background-size: 17px 17px; } }
      body .control-icon.tags.active, body .custom-dropdown.open .control-icon.tags.control-more, body .control-icon.tags:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-tags-active.3bb138c8643b.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .control-icon.tags.active, body .custom-dropdown.open .control-icon.tags.control-more, body .control-icon.tags:hover {
            background-image: url("../img/icon-note-tags-active@2x.7f3d44948220.png");
            background-size: 17px 17px; } }
    body .control-icon.attachments {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-attachments-v2.abb9d6d5744e.png");
      position: relative;
      overflow: hidden; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-icon.attachments {
          background-image: url("../img/icon-note-attachments-v2@2x.8fc2618abfb1.png");
          background-size: 9px 16px; } }
      body .control-icon.attachments.active, body .custom-dropdown.open .control-icon.attachments.control-more, body .control-icon.attachments:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-attachments-v2-active.16fe5cdf4410.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .control-icon.attachments.active, body .custom-dropdown.open .control-icon.attachments.control-more, body .control-icon.attachments:hover {
            background-image: url("../img/icon-note-attachments-v2-active@2x.56852a75e602.png");
            background-size: 9px 16px; } }
      body .control-icon.attachments input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        direction: ltr;
        cursor: pointer; }
    body .control-icon.lock {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-unlocked.6e784f102e33.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-icon.lock {
          background-image: url("../img/icon-note-unlocked@2x.4498fc4bc07b.png");
          background-size: 12px 15px; } }
      body .control-icon.lock.active, body .custom-dropdown.open .control-icon.lock.control-more, body .control-icon.lock:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-unlocked-active.327d8972ea95.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .control-icon.lock.active, body .custom-dropdown.open .control-icon.lock.control-more, body .control-icon.lock:hover {
            background-image: url("../img/icon-note-unlocked-active@2x.3318e324faaa.png");
            background-size: 12px 15px; } }
  body .back-button {
    position: absolute;
    bottom: 20px;
    left: 20px; }
  body .back-button {
    position: absolute;
    bottom: 20px;
    left: 20px; }
  body .big-blue-create-button {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-plus-white-big.6d637f4f7689.png");
    position: absolute;
    height: 50px;
    width: 50px;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    background-color: #29B7EC;
    box-shadow: 0 9px 9px 0 rgba(41, 183, 236, 0.3);
    cursor: pointer;
    z-index: 2; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .big-blue-create-button {
        background-image: url("../img/icon-plus-white-big@2x.9127ea92c203.png");
        background-size: 15px 15px; } }
    body .big-blue-create-button.left {
      left: 20px;
      right: unset; }
  body .vertical-scroll-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto; }
  body .tab-switcher {
    list-style: none;
    height: calc(100% - 56px);
    display: block;
    width: 170px;
    padding: 40px 20px 0 20px;
    margin: 0;
    float: left;
    text-align: center; }
    body .tab-switcher li {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      border-radius: 3px;
      height: 30px;
      font-size: 12px;
      color: #4a5668;
      text-transform: uppercase;
      cursor: pointer;
      padding: 7px 0;
      margin-bottom: 15px; }
      body .tab-switcher li.active, body .tab-switcher .custom-dropdown.open li.control-more, body .custom-dropdown.open .tab-switcher li.control-more {
        background-color: #4A5668;
        color: #fff; }
      body .tab-switcher li:hover:not(.active) {
        background-color: #f5f5f5; }
  body .expandable-search-input-container {
    height: 31px;
    margin: 13px 20px 0 0;
    float: left;
    width: 20px;
    transition: border-bottom 0.2s linear 0s, width 0.2s linear 0s;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden; }
    body .expandable-search-input-container.active, body .custom-dropdown.open .expandable-search-input-container.control-more {
      width: 230px;
      border-bottom: 1px solid #617383; }
      body .expandable-search-input-container.active .searchclear, body .custom-dropdown.open .expandable-search-input-container.control-more .searchclear {
        display: block; }
    body .expandable-search-input-container .searchclear {
      display: none;
      right: 2px;
      top: 3px;
      margin-bottom: 0; }
    body .expandable-search-input-container i {
      background-image: url("../img/icon-search.b7b8b638913f.png");
      display: block;
      float: left;
      width: 12px;
      margin: 0 10px 0 5px;
      background-repeat: no-repeat;
      height: 100%;
      background-position: center center;
      cursor: pointer; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .expandable-search-input-container i {
          background-image: url("../img/icon-search@2x.c51ec2997dd5.png");
          background-size: 12px 12px; } }
    body .expandable-search-input-container input {
      font-size: 13px;
      border: none;
      outline: none;
      box-shadow: none;
      background-image: none;
      background-position: 170px 50% !important;
      padding: 0;
      height: 30px;
      width: 200px;
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif; }
      body .expandable-search-input-container input::-webkit-input-placeholder {
        color: #9FADBB; }
      body .expandable-search-input-container input:-moz-placeholder {
        color: #9FADBB; }
      body .expandable-search-input-container input:-ms-input-placeholder {
        color: #9FADBB; }
      body .expandable-search-input-container input:invalid ~ .searchclear {
        display: none; }
  body .empty-message {
    display: inline-block;
    width: 100%;
    height: 50px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 50px; }
    body .empty-message.medium {
      height: 20px;
      line-height: 20px;
      font-size: 14px; }
  body .notification-modal-container {
    position: absolute;
    top: 0;
    right: -30px; }
    body .notification-modal-container .notification-modal {
      position: relative;
      height: unset;
      margin-bottom: 20px; }
      body .notification-modal-container .notification-modal .modal-dialog {
        position: relative; }
  body .notification-modal {
    height: 300px;
    left: 100%;
    overflow: visible;
    transition: opacity .4s linear, left .4s ease-out;
    -o-transition: opacity .4s linear, left .4s ease-out;
    -webkit-transition: opacity .4s linear, left .4s ease-out; }
    body .notification-modal.in {
      left: calc(100% - 390px); }
    body .notification-modal .modal-dialog {
      width: 370px;
      margin: 0;
      top: 20px;
      box-shadow: 0 12px 27px 0 rgba(37, 51, 71, 0.26);
      border-radius: 4px;
      position: fixed;
      -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      -o-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0); }
      body .notification-modal .modal-dialog .modal-content {
        border: none;
        box-shadow: none; }
        body .notification-modal .modal-dialog .modal-content .notification-item {
          height: 100%;
          width: 100%; }
          body .notification-modal .modal-dialog .modal-content .notification-item .notification-title-container .notification-title {
            max-width: 290px; }
          body .notification-modal .modal-dialog .modal-content .notification-item .notification-title-container .notification-time {
            font-size: 12px;
            color: #232425; }
          body .notification-modal .modal-dialog .modal-content .notification-item .notification-title-container .notification-description {
            white-space: normal;
            max-width: 290px; }
        body .notification-modal .modal-dialog .modal-content .modal-footer {
          box-shadow: inset 0 1px 0 0 #E6E9ED; }
          body .notification-modal .modal-dialog .modal-content .modal-footer .snooze-controls {
            float: left;
            width: 100%;
            display: block;
            padding-top: 18px; }
            body .notification-modal .modal-dialog .modal-content .modal-footer .snooze-controls .custom-button {
              position: relative;
              margin: 0 0 10px 0;
              display: block;
              width: 100%;
              padding: 8px 24px 8px 36px; }
              body .notification-modal .modal-dialog .modal-content .modal-footer .snooze-controls .custom-button:last-child {
                margin: 0; }
              body .notification-modal .modal-dialog .modal-content .modal-footer .snooze-controls .custom-button pie {
                position: absolute;
                left: 35%; }
              body .notification-modal .modal-dialog .modal-content .modal-footer .snooze-controls .custom-button span {
                margin: 4px 0;
                display: block; }
  body .purchase-modal {
    z-index: 2050 !important; }
    body .purchase-modal .modal-content {
      max-width: 410px; }
    body .purchase-modal .modal-body {
      position: relative; }
    body .purchase-modal .credit-card-form {
      width: 270px;
      margin: 0 auto;
      margin-bottom: 10px; }
    body .purchase-modal .card-container {
      width: 340px;
      margin: 0 auto; }
    body .purchase-modal .stripe-order-info-container {
      width: 385px; }
      body .purchase-modal .stripe-order-info-container .stripe-order-info-table {
        width: 100%;
        font-size: 13px;
        margin-bottom: 10px; }
        body .purchase-modal .stripe-order-info-container .stripe-order-info-table tfoot {
          border-top: 1px dashed #e4e4e4;
          border-bottom: 1px dashed #e4e4e4; }
        body .purchase-modal .stripe-order-info-container .stripe-order-info-table tr.bold {
          font-weight: 600; }
        body .purchase-modal .stripe-order-info-container .stripe-order-info-table td {
          color: #6f7c82;
          padding: 3px;
          text-align: right; }
          body .purchase-modal .stripe-order-info-container .stripe-order-info-table td:first-child {
            padding-left: 10px;
            text-align: left; }
          body .purchase-modal .stripe-order-info-container .stripe-order-info-table td:last-child {
            color: #4b5459;
            padding-right: 10px; }
      body .purchase-modal .stripe-order-info-container .info {
        width: 100%;
        font-size: 12px;
        color: #BCBCBC;
        font-style: italic;
        padding: 5px 10px 0 10px; }
        body .purchase-modal .stripe-order-info-container .info .full-invoice-switcher {
          font-weight: bolder; }
  body .transaction-pricing-modal .modal-dialog {
    width: 1165px;
    height: 650px; }
    body .transaction-pricing-modal .modal-dialog .modal-content {
      height: 650px; }
      body .transaction-pricing-modal .modal-dialog .modal-content .modal-header {
        background: none;
        padding: 15px 15px 0 15px; }
      body .transaction-pricing-modal .modal-dialog .modal-content .modal-body {
        overflow: auto;
        padding: 0 20px 20px 20px; }
        body .transaction-pricing-modal .modal-dialog .modal-content .modal-body h3 {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          margin: 0 0 15px 0;
          font-size: 22px; }
        body .transaction-pricing-modal .modal-dialog .modal-content .modal-body .base-custom-table {
          table-layout: fixed;
          border-right: 1px solid #e1e2e1;
          border-left: 1px solid #e1e2e1; }
          body .transaction-pricing-modal .modal-dialog .modal-content .modal-body .base-custom-table thead tr.heading {
            color: #8998A5;
            text-transform: uppercase; }
          body .transaction-pricing-modal .modal-dialog .modal-content .modal-body .base-custom-table tbody tr.heading {
            height: 44px;
            background: #F8FAFB; }
            body .transaction-pricing-modal .modal-dialog .modal-content .modal-body .base-custom-table tbody tr.heading td {
              padding: 0 15px; }
              body .transaction-pricing-modal .modal-dialog .modal-content .modal-body .base-custom-table tbody tr.heading td span {
                line-height: 44px; }
          body .transaction-pricing-modal .modal-dialog .modal-content .modal-body .base-custom-table.w375 {
            width: 375px; }
            body .transaction-pricing-modal .modal-dialog .modal-content .modal-body .base-custom-table.w375:not(:first-child) {
              border-left: none; }
  body .dkim-keys-modal .modal-dialog {
    width: 700px;
    height: 310px; }
    body .dkim-keys-modal .modal-dialog .modal-content {
      height: 310px; }
      body .dkim-keys-modal .modal-dialog .modal-content .modal-header {
        background: none;
        padding: 15px 15px 0 15px; }
      body .dkim-keys-modal .modal-dialog .modal-content .modal-body {
        overflow: auto;
        padding: 0 20px 20px 20px; }
        body .dkim-keys-modal .modal-dialog .modal-content .modal-body h3 {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          margin: 0 0 15px 0;
          font-size: 22px; }
        body .dkim-keys-modal .modal-dialog .modal-content .modal-body .base-custom-table {
          table-layout: fixed;
          border-right: 1px solid #e1e2e1;
          border-left: 1px solid #e1e2e1; }
          body .dkim-keys-modal .modal-dialog .modal-content .modal-body .base-custom-table thead th:nth-child(1) {
            width: 65px; }
          body .dkim-keys-modal .modal-dialog .modal-content .modal-body .base-custom-table thead th:nth-child(2) {
            width: 230px; }
          body .dkim-keys-modal .modal-dialog .modal-content .modal-body .base-custom-table thead tr.heading {
            color: #8998A5;
            text-transform: uppercase; }
          body .dkim-keys-modal .modal-dialog .modal-content .modal-body .base-custom-table tbody tr td:nth-child(1) {
            text-transform: uppercase; }
  body .gray-header {
    height: 40px;
    background-color: #f0f3f8;
    color: #7b8498;
    padding: 0 15px; }
    body .gray-header span {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      display: block;
      text-transform: uppercase;
      float: left;
      padding-top: 12px;
      font-size: 13px; }
    body .gray-header .blue-link {
      padding-top: 12px;
      margin-left: 15px; }
    body .gray-header .custom-button {
      margin: 7px 0 0 15px; }
    body .gray-header .status-label {
      margin: 10px 20px; }
    body .gray-header .icon-remove-grey {
      height: 40px;
      width: 15px;
      margin: 0 0 0 15px;
      cursor: pointer; }
  body .members-container {
    position: relative; }
    body .members-container .row-avatar {
      position: absolute;
      height: 29px;
      width: 29px;
      border: 2px solid #fff;
      float: left;
      margin: 0;
      background-color: #fff;
      background-size: 25px 25px;
      top: -2px;
      left: -2px;
      z-index: 2; }
      body .members-container .row-avatar:nth-child(2) {
        left: 15px;
        z-index: 1; }
      body .members-container .row-avatar:nth-child(3) {
        left: 32px;
        z-index: 0; }
    body .members-container .more-members-link {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      float: left;
      line-height: 25px;
      font-size: 11px;
      color: #4A5668;
      margin-left: 68px;
      cursor: pointer; }
  body ul.dropdown-menu.date-time-picker {
    right: 12px;
    left: auto;
    top: 30px;
    background: #fff;
    box-shadow: 0 12px 27px 0 rgba(37, 51, 71, 0.26);
    border-radius: 5px;
    width: 372px;
    padding: 15px 25px; }
    body ul.dropdown-menu.date-time-picker .datetimepicker {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 14px;
      color: #657285; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .table td, body ul.dropdown-menu.date-time-picker .datetimepicker .table th {
        width: 44px;
        height: 38px;
        padding: 0;
        line-height: 38px; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .table thead th {
        height: 30px;
        line-height: 30px;
        text-transform: uppercase; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table thead th.arrow-left, body ul.dropdown-menu.date-time-picker .datetimepicker .table thead th.arrow-right {
          height: 30px;
          width: 44px;
          cursor: pointer; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table thead th.arrow-right {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-small-arrow-right.50b88253fe48.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body ul.dropdown-menu.date-time-picker .datetimepicker .table thead th.arrow-right {
              background-image: url("../img/icon-small-arrow-right@2x.ae2acc3c7a23.png");
              background-size: 5px 10px; } }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table thead th.arrow-left {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-small-arrow-left.0a9716dcfde8.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body ul.dropdown-menu.date-time-picker .datetimepicker .table thead th.arrow-left {
              background-image: url("../img/icon-small-arrow-left@2x.3a5fbbc80b73.png");
              background-size: 5px 10px; } }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table thead th.dow {
          font-size: 11px; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view tr.active td, body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view .custom-dropdown.open tr.control-more td, body .custom-dropdown.open ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view tr.control-more td {
        background: #4A5668;
        color: #fff;
        border-radius: 0; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view tr.active td:first-child, body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view .custom-dropdown.open tr.control-more td:first-child, body .custom-dropdown.open ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view tr.control-more td:first-child {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view tr.active td:last-child, body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view .custom-dropdown.open tr.control-more td:last-child, body .custom-dropdown.open ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view tr.control-more td:last-child {
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view tr:not(.active):hover td {
        background: #eeeeee;
        border-radius: 0; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view tr:not(.active):hover td:first-child {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view tr:not(.active):hover td:last-child {
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .table.week-calendar-view.day-view td:hover {
        background: none; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.active td, body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody .custom-dropdown.open tr.control-more td, body .custom-dropdown.open ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.control-more td {
        background: #4A5668;
        color: #fff;
        border-radius: 0; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.active td:first-child, body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody .custom-dropdown.open tr.control-more td:first-child, body .custom-dropdown.open ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.control-more td:first-child {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.active:hover td, body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody .custom-dropdown.open tr.control-more:hover td, body .custom-dropdown.open ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.control-more:hover td {
        background: #eeeeee;
        border-radius: 0; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.active:hover td:first-child, body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody .custom-dropdown.open tr.control-more:hover td:first-child, body .custom-dropdown.open ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.control-more:hover td:first-child {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.active:hover td:last-child, body ul.dropdown-menu.date-time-picker .datetimepicker .table tbody .custom-dropdown.open tr.control-more:hover td:last-child, body .custom-dropdown.open ul.dropdown-menu.date-time-picker .datetimepicker .table tbody tr.control-more:hover td:last-child {
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .controls {
        display: block;
        margin-top: 20px;
        border-top: 1px solid #edeff2;
        width: 100%;
        box-shadow: none;
        padding: 15px 0 0 0; }
        body ul.dropdown-menu.date-time-picker .datetimepicker .controls button {
          margin: 0; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .past, body ul.dropdown-menu.date-time-picker .datetimepicker .future {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        opacity: 0.5;
        color: #868A93; }
      body ul.dropdown-menu.date-time-picker .datetimepicker .active, body ul.dropdown-menu.date-time-picker .datetimepicker .custom-dropdown.open .control-more, body .custom-dropdown.open ul.dropdown-menu.date-time-picker .datetimepicker .control-more {
        background: #4A5668;
        border-radius: 3px;
        color: #fff; }
  body .member-select-widget .icon-members {
    height: 17px;
    width: 17px;
    float: left;
    margin-right: 36px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-note-members.23ccd3697e7c.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .member-select-widget .icon-members {
        background-image: url("../img/icon-note-members@2x.4d9efc820ab3.png");
        background-size: 15px 17px; } }
    body .member-select-widget .icon-members.active, body .member-select-widget .custom-dropdown.open .icon-members.control-more, body .custom-dropdown.open .member-select-widget .icon-members.control-more, body .member-select-widget .icon-members:hover {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-members-active.3227dc8e5cfa.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .member-select-widget .icon-members.active, body .member-select-widget .custom-dropdown.open .icon-members.control-more, body .custom-dropdown.open .member-select-widget .icon-members.control-more, body .member-select-widget .icon-members:hover {
          background-image: url("../img/icon-note-members-active@2x.95358da5a8a3.png");
          background-size: 15px 17px; } }
  body .member-select-widget .select2-container {
    margin: 0 !important; }
  body .member-select-widget .ui-select-match {
    display: none; }
  body .member-select-widget .ui-select-container[theme="select2"].direction-up .ui-select-dropdown, body .member-select-widget .ui-select-container.select2.direction-up .ui-select-dropdown {
    top: -274px !important;
    margin-top: 0; }
  body .member-select-widget .select2-choices {
    display: none; }
  body .member-select-widget .select2-drop .select2-results > li {
    border: none; }
  body .member-select-widget .select2-drop .select2-results .select2-disabled {
    background: #4A5668 !important;
    color: #fff !important; }
  body .member-select-widget .select2-drop .select2-results .select2-highlighted {
    background: #fff;
    font-weight: 400;
    border: none; }
    body .member-select-widget .select2-drop .select2-results .select2-highlighted:hover {
      background-color: #f5f5f5; }
  body .member-select-widget .select2-drop .select2-results .select2-result-single li {
    width: 205px;
    margin-bottom: 5px; }
  body .member-select-widget .select2-drop .select2-results .select2-result-single .select2-disabled .select2-result-label .name {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    color: #fff; }
  body .member-select-widget .select2-drop .select2-results .select2-result-single .select2-disabled .select2-result-label .remove-icon {
    display: block; }
  body .member-select-widget .select2-drop .select2-results .select2-result-single .select2-result-label {
    height: 34px;
    padding: 4px 0 4px 9px; }
    body .member-select-widget .select2-drop .select2-results .select2-result-single .select2-result-label .row-avatar {
      background-size: 24px 24px;
      border: 1px solid #fff;
      float: left;
      height: 26px;
      margin: 0 10px 0 0;
      width: 26px; }
    body .member-select-widget .select2-drop .select2-results .select2-result-single .select2-result-label .name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      color: #1B293E;
      float: left;
      font-size: 13px;
      line-height: 26px;
      width: 120px;
      text-align: left; }
    body .member-select-widget .select2-drop .select2-results .select2-result-single .select2-result-label .remove-icon {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-remove-white.f5c12837c31a.png");
      display: none;
      cursor: pointer;
      float: right;
      height: 26px;
      margin: 0 11px 0 0;
      width: 11px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .member-select-widget .select2-drop .select2-results .select2-result-single .select2-result-label .remove-icon {
          background-image: url("../img/icon-remove-white@2x.2d4d2caa7e84.png");
          background-size: 11px 11px; } }
  body .attachments-container {
    padding: 20px 20px 5px 20px;
    min-height: 170px;
    width: 100%;
    position: relative; }
    body .attachments-container * {
      pointer-events: none; }
    body .attachments-container.nv-file-over .upload-zone-hover-wrapper {
      display: block; }
    body .attachments-container.nv-file-over .upload-hover-label {
      display: block; }
    body .attachments-container.nv-file-over .attachment {
      filter: blur(4px); }
    body .attachments-container .attachment {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-attachment-item.2742a2a6c452.png");
      background-position: center 36px;
      position: relative;
      width: 130px;
      height: 120px;
      margin: 0 16px 16px 0;
      cursor: pointer;
      text-align: center;
      border: 1px solid #CCD6DC;
      border-radius: 4px;
      float: left; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .attachments-container .attachment {
          background-image: url("../img/icon-attachment-item@2x.2dbc49073a0f.png");
          background-size: 27px 36px; } }
      body .attachments-container .attachment.uploading {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-attachment-uploading.58fb57274ae1.png");
        background-position: center 32px;
        position: relative;
        background-color: rgba(27, 41, 62, 0.8);
        border-radius: 4px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .attachments-container .attachment.uploading {
            background-image: url("../img/icon-attachment-uploading@2x.f4e205059170.png");
            background-size: 29px 28px; } }
        body .attachments-container .attachment.uploading .progress {
          display: block; }
        body .attachments-container .attachment.uploading .remove-icon {
          display: none; }
        body .attachments-container .attachment.uploading .blue-link {
          color: #fff; }
      body .attachments-container .attachment .blue-link {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 120px;
        display: block;
        position: absolute;
        bottom: 9px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 11px;
        pointer-events: auto; }
      body .attachments-container .attachment .remove-icon {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-remove-black-circle.d6972c7ff759.png");
        height: 20px;
        width: 20px;
        position: absolute;
        right: -10px;
        top: -10px;
        cursor: pointer;
        pointer-events: auto; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .attachments-container .attachment .remove-icon {
            background-image: url("../img/icon-remove-black-circle@2x.4df7152193cd.png");
            background-size: 20px 20px; } }
      body .attachments-container .attachment .progress {
        display: none;
        position: absolute;
        bottom: 36px;
        left: 0;
        height: 3px;
        width: 100px;
        margin: 0 14px;
        border: none;
        border-radius: 2px;
        box-shadow: none;
        background: rgba(27, 41, 62, 0.51); }
        body .attachments-container .attachment .progress .progress-bar {
          background: #12AEE6;
          border-radius: 2px;
          box-shadow: none; }
  body .members-list-container {
    padding: 20px 0 14px 0;
    box-shadow: inset 0 -1px 0 0 #e6e9ed;
    float: left;
    width: 100%; }
    body .members-list-container .row-avatar {
      height: 32px;
      width: 32px;
      float: left;
      margin: 0 6px 6px 0;
      border: 1px solid #E8EDF0;
      background-color: #fff;
      background-size: 30px 30px; }
    body .members-list-container .member-container {
      height: 32px;
      background: #E8EDF0;
      border-radius: 18px;
      float: left;
      margin: 0 6px 12px 0; }
      body .members-list-container .member-container .row-avatar {
        float: left; }
      body .members-list-container .member-container .name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 11px;
        color: #222425;
        float: left;
        max-width: 120px;
        line-height: 32px; }
      body .members-list-container .member-container .remove-icon {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-remove-black-circle.d6972c7ff759.png");
        height: 20px;
        width: 20px;
        margin: 6px 8px 0 10px;
        cursor: pointer;
        float: right; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .members-list-container .member-container .remove-icon {
            background-image: url("../img/icon-remove-black-circle@2x.4df7152193cd.png");
            background-size: 20px 20px; } }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    body .card-icon.visa {
      background-image: url("../img/visa-icon@2x.4dd71a333bdf.png");
      background-image: url("../img/visa-icon@2x.4dd71a333bdf.png");
      background-image: url("../img/visa-icon@2x.4dd71a333bdf.png");
      background-image: url("../img/visa-icon@2x.4dd71a333bdf.png");
      background-image: url("../img/visa-icon@2x.4dd71a333bdf.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    body .card-icon.american-express {
      background-image: url("../img/amex-icon@2x.32c89650ae9b.png");
      background-image: url("../img/amex-icon@2x.32c89650ae9b.png");
      background-image: url("../img/amex-icon@2x.32c89650ae9b.png");
      background-image: url("../img/amex-icon@2x.32c89650ae9b.png");
      background-image: url("../img/amex-icon@2x.32c89650ae9b.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    body .card-icon.mastercard {
      background-image: url("../img/mastercard-icon@2x.4f074de9574c.png");
      background-image: url("../img/mastercard-icon@2x.4f074de9574c.png");
      background-image: url("../img/mastercard-icon@2x.4f074de9574c.png");
      background-image: url("../img/mastercard-icon@2x.4f074de9574c.png");
      background-image: url("../img/mastercard-icon@2x.4f074de9574c.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    body .card-icon.discover {
      background-image: url("../img/discover-icon@2x.25043e30a25b.png");
      background-image: url("../img/discover-icon@2x.25043e30a25b.png");
      background-image: url("../img/discover-icon@2x.25043e30a25b.png");
      background-image: url("../img/discover-icon@2x.25043e30a25b.png");
      background-image: url("../img/discover-icon@2x.25043e30a25b.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    body .credit-card-form input {
      background-size: 20px; }
      body .credit-card-form input.card-number {
        background-image: url("../img/dialog-card-number-icon@2x.94dc1f5d56f2.png");
        background-image: url("../img/dialog-card-number-icon@2x.94dc1f5d56f2.png");
        background-image: url("../img/dialog-card-number-icon@2x.94dc1f5d56f2.png");
        background-image: url("../img/dialog-card-number-icon@2x.94dc1f5d56f2.png");
        background-image: url("../img/dialog-card-number-icon@2x.94dc1f5d56f2.png");
        background-repeat: no-repeat;
        background-position: 7px 50%; }
      body .credit-card-form input.card-valid-from, body .credit-card-form input.card-valid-to {
        background-image: url("../img/dialog-expiry-icon@2x.7b295911cbf7.png");
        background-image: url("../img/dialog-expiry-icon@2x.7b295911cbf7.png");
        background-image: url("../img/dialog-expiry-icon@2x.7b295911cbf7.png");
        background-image: url("../img/dialog-expiry-icon@2x.7b295911cbf7.png");
        background-image: url("../img/dialog-expiry-icon@2x.7b295911cbf7.png");
        background-repeat: no-repeat;
        background-position: 7px 50%; }
      body .credit-card-form input.card-cvc {
        background-image: url("../img/dialog-cvv-icon@2x.8ca4c72d7893.png");
        background-image: url("../img/dialog-cvv-icon@2x.8ca4c72d7893.png");
        background-image: url("../img/dialog-cvv-icon@2x.8ca4c72d7893.png");
        background-image: url("../img/dialog-cvv-icon@2x.8ca4c72d7893.png");
        background-image: url("../img/dialog-cvv-icon@2x.8ca4c72d7893.png");
        background-repeat: no-repeat;
        background-position: 7px 50%; }
      body .credit-card-form input.card-number, body .credit-card-form input.card-cvc {
        background-size: 25px; } }
  body mwl-calendar.mini-calendar {
    position: relative;
    display: inline-block; }
  body mwl-calendar.loading .loader {
    display: block;
    background-color: #f3f3f3; }
  body .refill-amount-options {
    list-style: none;
    padding: 0;
    margin-top: 20px; }
    body .refill-amount-options li {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      transition: all .2s ease-in-out;
      width: 50px;
      height: 37px;
      text-align: center;
      border: 1px #d1d4d8 solid;
      border-radius: 3px;
      padding: 8px 0;
      cursor: pointer;
      float: left;
      margin-right: 15px; }
      body .refill-amount-options li.active, body .refill-amount-options .custom-dropdown.open li.control-more, body .custom-dropdown.open .refill-amount-options li.control-more {
        color: #fff; }
        body .refill-amount-options li.active.green, body .refill-amount-options .custom-dropdown.open li.green.control-more, body .custom-dropdown.open .refill-amount-options li.green.control-more {
          background: #4fcd92; }
        body .refill-amount-options li.active.red, body .refill-amount-options .custom-dropdown.open li.red.control-more, body .custom-dropdown.open .refill-amount-options li.red.control-more {
          background: #f23772; }
        body .refill-amount-options li.active.yellow, body .refill-amount-options .custom-dropdown.open li.yellow.control-more, body .custom-dropdown.open .refill-amount-options li.yellow.control-more {
          background: #f9be69; }
      body .refill-amount-options li.other {
        width: 120px;
        padding: 0; }
        body .refill-amount-options li.other span {
          float: left;
          margin: 8px 10px; }
  body .transactions-pricing-popover {
    padding: 0;
    max-width: 487px;
    width: 487px; }
    body .transactions-pricing-popover .arrow {
      top: -12px; }
    body .transactions-pricing-popover .popover-content {
      padding: 0; }
      body .transactions-pricing-popover .popover-content .row .col-xs-6 {
        padding: 0; }
        body .transactions-pricing-popover .popover-content .row .col-xs-6 > span {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          display: block;
          text-align: center;
          margin: 5px 0; }
        body .transactions-pricing-popover .popover-content .row .col-xs-6:first-child {
          border-right: 1px solid #E2E2E2; }
      body .transactions-pricing-popover .popover-content .base-custom-table thead {
        height: 34px; }
      body .transactions-pricing-popover .popover-content .base-custom-table th, body .transactions-pricing-popover .popover-content .base-custom-table td {
        padding: 7px 8px; }
      body .transactions-pricing-popover .popover-content .base-custom-table tr {
        height: unset; }
      body .transactions-pricing-popover .popover-content .base-custom-table td span {
        line-height: 16px; }
      body .transactions-pricing-popover .popover-content .base-custom-table th:first-child {
        border-top-left-radius: 6px; }
      body .transactions-pricing-popover .popover-content .base-custom-table th:last-child {
        border-top-right-radius: 6px; }
      body .transactions-pricing-popover .popover-content .base-custom-table tr:last-child td:first-child {
        border-bottom-left-radius: 6px; }
      body .transactions-pricing-popover .popover-content .base-custom-table tr:last-child td:last-child {
        border-bottom-right-radius: 6px; }
      body .transactions-pricing-popover .popover-content .qr-code-prices-table tr:last-child td {
        border-bottom: none; }
  body .editor-template-variables-popover {
    z-index: 998;
    padding: 0;
    max-width: unset; }
    body .editor-template-variables-popover .arrow {
      inset: auto auto -11px 13px !important; }
    body .editor-template-variables-popover .popover-content {
      padding: 0; }
      body .editor-template-variables-popover .popover-content > div > span {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        display: block;
        text-align: center;
        margin: 5px 0; }
      body .editor-template-variables-popover .popover-content .template-variables-container {
        position: relative;
        height: 350px;
        width: 700px; }
      body .editor-template-variables-popover .popover-content .base-custom-table tbody {
        font-size: 12px; }
      body .editor-template-variables-popover .popover-content .base-custom-table th, body .editor-template-variables-popover .popover-content .base-custom-table td {
        padding: 7px 8px; }
      body .editor-template-variables-popover .popover-content .base-custom-table tr {
        height: unset; }
      body .editor-template-variables-popover .popover-content .base-custom-table td span {
        line-height: 16px; }
      body .editor-template-variables-popover .popover-content .base-custom-table th {
        border-top: none; }
        body .editor-template-variables-popover .popover-content .base-custom-table th:first-child {
          border-top-left-radius: 6px; }
        body .editor-template-variables-popover .popover-content .base-custom-table th:last-child {
          border-top-right-radius: 6px; }
      body .editor-template-variables-popover .popover-content .base-custom-table tr:last-child td {
        border-bottom: none; }
        body .editor-template-variables-popover .popover-content .base-custom-table tr:last-child td:first-child {
          border-bottom-left-radius: 6px; }
        body .editor-template-variables-popover .popover-content .base-custom-table tr:last-child td:last-child {
          border-bottom-right-radius: 6px; }
  body .back-button-container {
    position: absolute;
    top: -35px;
    z-index: 100; }
    body .back-button-container i {
      margin: 0 10px 0 0;
      float: left; }
    body .back-button-container a {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 11px;
      color: #4C545A;
      letter-spacing: 0.2px;
      text-align: right;
      line-height: 11px;
      text-transform: uppercase;
      cursor: pointer; }
  body .copy-button {
    cursor: pointer; }
    body .copy-button b {
      display: block;
      float: left;
      margin-right: 5px; }
    body .copy-button svg {
      fill: #a4acb9;
      display: block;
      float: left; }
    body .copy-button:hover svg {
      fill: #3c4257; }
  body .number-input-btns-container, body .number-input-hint {
    display: none; }
  body .number-input-container {
    height: 32px;
    margin: 2px 0; }
    body .number-input-container .number-input {
      height: 31px;
      width: 50px !important;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      padding: 6px 10px;
      text-align: right; }
  body .card-icon.visa {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/payments-onboarding/visa-light.a5eac2f65fd3.png");
    width: 36px;
    height: 16px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .card-icon.visa {
        background-image: url("../img/payments-onboarding/visa-light@2x.bce965ce7890.png");
        background-size: 36px 16px; } }
    body .card-icon.visa.dark {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/payments-onboarding/visa-dark.aca349969306.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .card-icon.visa.dark {
          background-image: url("../img/payments-onboarding/visa-dark@2x.2a249770dff2.png");
          background-size: 36px 16px; } }
  body .card-icon.mastercard {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/payments-onboarding/mastercard-light.9f04dc1a72ec.png");
    width: 75px;
    height: 16px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .card-icon.mastercard {
        background-image: url("../img/payments-onboarding/mastercard-light@2x.4ecd0ffce2b1.png");
        background-size: 75px 16px; } }
    body .card-icon.mastercard.dark {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/payments-onboarding/mastercard-dark.5c820e9d9d1f.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .card-icon.mastercard.dark {
          background-image: url("../img/payments-onboarding/mastercard-dark@2x.0f2dd44ad5e7.png");
          background-size: 75px 16px; } }
  body .card-icon.american-express {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/payments-onboarding/amex-light.f30616a548ef.png");
    width: 45px;
    height: 16px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .card-icon.american-express {
        background-image: url("../img/payments-onboarding/amex-light@2x.ff44ace2a06d.png");
        background-size: 45px 16px; } }
    body .card-icon.american-express.dark {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/payments-onboarding/amex-dark.0f527f7de99e.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .card-icon.american-express.dark {
          background-image: url("../img/payments-onboarding/amex-dark@2x.4cab65e4ba66.png");
          background-size: 45px 16px; } }
  body .card-icon.discover {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/payments-onboarding/discover-light.77db56c2ebcc.png");
    width: 57px;
    height: 16px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .card-icon.discover {
        background-image: url("../img/payments-onboarding/discover-light@2x.b265a94646cf.png");
        background-size: 57px 16px; } }
    body .card-icon.discover.dark {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/payments-onboarding/discover-dark.38439434664e.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .card-icon.discover.dark {
          background-image: url("../img/payments-onboarding/discover-dark@2x.31989b25b34a.png");
          background-size: 57px 16px; } }
  body .credit-card-form-container .col-xs-12 {
    padding: 0; }
  body .credit-card-form-container .accepted-cards-container {
    padding: 15px 25px 5px 25px; }
    body .credit-card-form-container .accepted-cards-container .description, body .credit-card-form-container .accepted-cards-container .we-accept {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      width: 185px;
      float: left;
      margin: 0;
      font-size: 11px;
      color: #737E94;
      letter-spacing: 0; }
    body .credit-card-form-container .accepted-cards-container .accepted-cards {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/payments-onboarding/accepted-cards.65d6828a37f7.png");
      width: 194px;
      height: 25px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .credit-card-form-container .accepted-cards-container .accepted-cards {
          background-image: url("../img/payments-onboarding/accepted-cards@2x.a917de3b28e5.png");
          background-size: 194px 25px; } }
  body .credit-card-form-container .credit-card-form {
    padding: 0 25px 20px 25px;
    min-width: 910px; }
  body .payment-methods-container .col-xs-12 {
    padding: 0; }
  body .payment-methods-container .payment-methods-list {
    padding: 25px 0;
    margin-bottom: 60px; }
    body .payment-methods-container .payment-methods-list .payment-method {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      margin: 0 auto;
      margin-bottom: 10px;
      width: 600px;
      font-size: 13px;
      color: #4C545A;
      letter-spacing: 0.2px;
      line-height: 16px; }
      body .payment-methods-container .payment-methods-list .payment-method .card-icon {
        width: 75px;
        height: 16px; }
      body .payment-methods-container .payment-methods-list .payment-method .bill-to {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 200px;
        text-align: center;
        padding: 0 10px;
        height: 16px; }
      body .payment-methods-container .payment-methods-list .payment-method .last-four {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90px;
        text-align: center;
        padding: 0 10px;
        height: 16px; }
      body .payment-methods-container .payment-methods-list .payment-method .expires {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 150px;
        text-align: center;
        padding: 0 10px;
        height: 16px; }
  body .graph-container {
    box-shadow: inset 0 -1px 0 0 #e6e9ed;
    position: relative; }
    body .graph-container .graph-legend {
      position: absolute;
      top: 2px;
      right: 20px;
      height: 20px;
      border: 1px solid #cecece;
      border-radius: 5px;
      padding-right: 10px; }
      body .graph-container .graph-legend .legend-item {
        float: left;
        margin-left: 10px; }
        body .graph-container .graph-legend .legend-item .color-line {
          margin: 8px 3px 8px 0;
          float: left;
          width: 16px;
          height: 2px; }
        body .graph-container .graph-legend .legend-item .color-block {
          margin: 3px 3px 3px 0;
          border-radius: 3px;
          float: left;
          width: 16px;
          height: 12px; }
        body .graph-container .graph-legend .legend-item span {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Regular', sans-serif;
          font-size: 12px;
          color: #81909E;
          display: block;
          float: left;
          line-height: 18px; }
  body .tab-animation > .tab-content {
    position: relative; }
  body .tab-animation > .tab-content > .tab-pane {
    transition: 0.2s linear opacity; }
  body .tab-animation > .tab-content > .tab-pane.active-remove {
    position: absolute;
    top: 0;
    width: 100%;
    display: block; }
  body .tab-animation > .tab-content > .tab-pane.active-remove-active {
    opacity: 0; }
  body .tab-animation > .tab-content > .tab-pane.active-add {
    opacity: 0; }
@keyframes rotate-clockwise {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
@keyframes rotate-counterclockwise {
  from {
    transform: rotate(359deg); }
  to {
    transform: rotate(0deg); } }
  body .rotate-clockwise {
    -webkit-animation: rotate-clockwise 4s infinite linear;
    -moz-animation: rotate-clockwise 4s infinite linear;
    animation: rotate-clockwise 4s infinite linear; }
  body .rotate-counterclockwise {
    -webkit-animation: rotate-counterclockwise 4s infinite linear;
    -moz-animation: rotate-counterclockwise 4s infinite linear;
    animation: rotate-counterclockwise 4s infinite linear; }
  body.app {
    background-color: #bbbbc3;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bbbbc3, endColorstr=#f5f5f5);
    background-image: -moz-linear-gradient(top, #bbbbc3 0%, #f5f5f5 100%);
    background-image: -webkit-linear-gradient(top, #bbbbc3 0%, #f5f5f5 100%);
    background-image: -ms-linear-gradient(top, #bbbbc3 0%, #f5f5f5 100%);
    background-image: linear, top, #bbbbc3 0%, #f5f5f5 100%;
    background-image: -o-linear-gradient(top, #bbbbc3 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #bbbbc3), color-stop(100%, #f5f5f5));
    min-width: 1170px;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased; }
    body.app.increased-width {
      min-width: 1490px; }
    body.app.width-1225 {
      min-width: 1225px; }
    body.app.width-1300 {
      min-width: 1300px; }
    body.app .row {
      margin: 0; }
    body.app #page {
      height: 100%; }
    body.app #wrapper {
      position: relative;
      display: table;
      width: 100%;
      table-layout: fixed;
      padding-top: 50px;
      padding-bottom: 80px;
      min-height: 100%;
      overflow: auto;
      border: none;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      /* prevents bg color from leaking outside the border */
      background-color: #f3f6f9;
      /* layer fill content */ }
      body.app #wrapper.layout_v2 {
        padding-top: 0;
        padding-bottom: 40px; }
        body.app #wrapper.layout_v2 #header .breadcrumbs li:first-child {
          padding-left: 18px; }
          body.app #wrapper.layout_v2 #header .breadcrumbs li:first-child:before {
            display: none; }
        body.app #wrapper.layout_v2 #content {
          border: none;
          box-shadow: none; }
          body.app #wrapper.layout_v2 #content.orders {
            height: 905px !important; }
            body.app #wrapper.layout_v2 #content.orders #main .main-container {
              width: 100%;
              margin: 0;
              border-radius: 0; }
        body.app #wrapper.layout_v2 #main {
          margin-left: 200px; }
          body.app #wrapper.layout_v2 #main .main-container {
            position: relative;
            height: calc(100% - 70px);
            top: 70px;
            width: calc(100% - 50px);
            margin: 0 25px; }
            body.app #wrapper.layout_v2 #main .main-container.dashboard-container {
              width: calc(100% - 371px);
              margin: 0 0 0 25px; }
            body.app #wrapper.layout_v2 #main .main-container.day-events-container {
              width: calc(100% - 385px);
              margin: 0 0 0 25px;
              float: left; }
          body.app #wrapper.layout_v2 #main .main-content {
            position: relative;
            width: 100%;
            height: calc(100% - 70px);
            top: 70px;
            padding-top: 0; }
            body.app #wrapper.layout_v2 #main .main-content .sub-bar {
              position: relative; }
          body.app #wrapper.layout_v2 #main .app-list {
            margin: 65px 0 0 0; }
          body.app #wrapper.layout_v2 #main #crm-content, body.app #wrapper.layout_v2 #main #payments {
            margin: 70px 25px 0 25px;
            border: 1px solid #DDE2E7;
            border-radius: 4px; }
        body.app #wrapper.layout_v2 #footer {
          width: calc(100% - 200px);
          left: 200px; }
      body.app #wrapper.user-settings {
        padding: 0; }
        body.app #wrapper.user-settings #content {
          box-shadow: none;
          padding: 20px 25px; }
    body.app #header {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      position: absolute;
      width: 100%;
      top: 0;
      height: 70px;
      padding: 20px 25px;
      z-index: 6;
      /* bigger than sidebar */ }
      body.app #header #path {
        display: none;
        height: 50px;
        padding-left: 5px;
        max-width: calc(100% - 380px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        body.app #header #path:after {
          content: '';
          display: inline-block;
          vertical-align: middle;
          height: 100%;
          width: 0; }
        body.app #header #path.trial-period {
          max-width: calc(100% - 500px); }
        body.app #header #path .logo {
          width: 180px;
          height: 100%;
          background: url("../img/ReadyCloudLogo.8db553b2de9d.png") no-repeat 0 50%; }
      body.app #header .up-next-container {
        float: left;
        border: 1px solid #DDE2E7;
        border-radius: 4px;
        padding: 6px 11px 4px 11px;
        height: 30px; }
        body.app #header .up-next-container .status-label {
          font-size: 8px;
          color: #FFFFFF;
          height: 17px;
          line-height: 10px;
          padding: 4px 10px;
          margin-right: 9px;
          float: left; }
        body.app #header .up-next-container span {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          max-width: 300px;
          font-size: 11px;
          color: #4A5668;
          display: block;
          float: left;
          margin: 1px 0;
          letter-spacing: 0.4px; }
        body.app #header .up-next-container i {
          margin-left: 15px;
          position: relative;
          top: 3px; }
      body.app #header .trial-period-notification {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        padding: 7px 0 0 5px;
        position: relative;
        height: 100%;
        width: 120px;
        text-align: center;
        font-size: 13px;
        color: #4A5668; }
      body.app #header .referrals-button-container {
        height: 30px; }
      body.app #header .right-header {
        padding-right: 0; }
      body.app #header h3 {
        font-size: 22px;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
        line-height: 40px;
        font-weight: 700;
        margin: 0;
        float: left; }
        body.app #header h3 span {
          font-weight: normal; }
          body.app #header h3 span strong {
            color: #ffebb4; }
        body.app #header h3 .arrow {
          background: url("../img/separator01.4097c8311cef.png") no-repeat;
          display: inline-block;
          height: 51px;
          margin: -5px 5px -6px 0;
          overflow: hidden;
          position: relative;
          text-indent: -9999px;
          vertical-align: top;
          width: 27px; }
      body.app #header .userdrop {
        top: 0;
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle; }
        body.app #header .userdrop .dropdown-toggle {
          cursor: pointer; }
        body.app #header .userdrop .caret {
          color: #4A5668; }
      body.app #header .notifications-dropdown {
        margin-left: 5px;
        display: inline-block; }
        body.app #header .notifications-dropdown .bell-icon {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-alert.856eb47d8e00.png");
          height: 30px;
          width: 30px;
          cursor: pointer;
          display: inline-block;
          vertical-align: middle; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body.app #header .notifications-dropdown .bell-icon {
              background-image: url("../img/icon-alert@2x.8faccbfeebac.png");
              background-size: 18px 19px; } }
          body.app #header .notifications-dropdown .bell-icon.active, body.app #header .notifications-dropdown .custom-dropdown.open .bell-icon.control-more, body.app .custom-dropdown.open #header .notifications-dropdown .bell-icon.control-more {
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("../img/icon-alert-active.4ecb46c85e2e.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body.app #header .notifications-dropdown .bell-icon.active, body.app #header .notifications-dropdown .custom-dropdown.open .bell-icon.control-more, body.app .custom-dropdown.open #header .notifications-dropdown .bell-icon.control-more {
                background-image: url("../img/icon-alert-active@2x.2f577fffa0d4.png");
                background-size: 18px 19px; } }
        body.app #header .notifications-dropdown .dropdown-menu {
          background: #fff;
          box-shadow: 0 12px 27px 0 rgba(37, 51, 71, 0.26);
          border-radius: 4px;
          border: none;
          margin-top: 10px;
          width: 310px;
          padding: 0;
          position: absolute !important; }
          body.app #header .notifications-dropdown .dropdown-menu .row {
            font-size: 12px;
            padding: 10px 15px;
            box-shadow: inset 0 -1px 0 0 #E6E9ED; }
            body.app #header .notifications-dropdown .dropdown-menu .row b {
              display: block;
              float: left; }
            body.app #header .notifications-dropdown .dropdown-menu .row a {
              display: block;
              float: right;
              color: #136CB2; }
              body.app #header .notifications-dropdown .dropdown-menu .row a:hover {
                text-decoration: underline; }
          body.app #header .notifications-dropdown .dropdown-menu ul {
            padding: 0 15px;
            list-style: none;
            margin: 0; }
            body.app #header .notifications-dropdown .dropdown-menu ul li {
              height: auto;
              padding: 10px 0;
              box-shadow: inset 0 -1px 0 0 #F1F3F6; }
              body.app #header .notifications-dropdown .dropdown-menu ul li:last-child {
                box-shadow: none; }
          body.app #header .notifications-dropdown .dropdown-menu .text-center {
            display: block;
            margin: 10px 0;
            color: #6d737a; }
          body.app #header .notifications-dropdown .dropdown-menu .controls-row {
            box-shadow: inset 0 1px 0 0 #E6E9ED;
            padding: 15px; }
            body.app #header .notifications-dropdown .dropdown-menu .controls-row .custom-button {
              display: block;
              margin: 0;
              text-align: center; }
      body.app #header .right-header-wrapper {
        float: right;
        height: 30px;
        top: 0; }
        body.app #header .right-header-wrapper:after {
          content: '';
          display: inline-block;
          vertical-align: middle;
          height: 100%;
          width: 0; }
    body.app #content {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: auto;
      border-radius: 5px;
      border: 1px solid #efefef;
      border-top: none;
      border-top-right-radius: 0;
      box-shadow: 0 0 0 1px transparent, 0 1px 0 0 rgba(0, 0, 0, 0.1); }
      body.app #content #main {
        height: 100%;
        float: left;
        width: calc(100% - 200px);
        overflow: hidden;
        position: relative; }
        body.app #content #main.padding {
          padding: 20px 0 0 25px; }
        body.app #content #main .main-content {
          width: 100%;
          height: 100%;
          position: relative;
          padding-top: 55px; }
          body.app #content #main .main-content #table-holder {
            height: 100%;
            position: relative;
            padding: 43px 0 43px 0; }
            body.app #content #main .main-content #table-holder #table-container {
              position: relative;
              height: 100%; }
              body.app #content #main .main-content #table-holder #table-container table {
                height: 100%; }
            body.app #content #main .main-content #table-holder .options {
              position: absolute;
              width: 100%;
              border-top-width: 0; }
              body.app #content #main .main-content #table-holder .options.top {
                top: 0; }
              body.app #content #main .main-content #table-holder .options.bottom {
                bottom: 0; }
          body.app #content #main .main-content .sub-bar {
            position: absolute;
            top: 0;
            width: 100%; }
        body.app #content #main .address div:empty {
          display: none; }
        body.app #content #main .address .city, body.app #content #main .address .state, body.app #content #main .address .postal-code {
          display: inline-block; }
        body.app #content #main .address .city, body.app #content #main .address .state, body.app #content #main .address .postal-code, body.app #content #main .address .country {
          color: #999;
          font-size: 0.9em; }
        body.app #content #main .address .city:not(:empty):after, body.app #content #main .address .state:not(:empty):after {
          content: ','; }
      body.app #content.dashboard #main .main-content #table-holder {
        height: calc(100% - 290px); }
      body.app #content.tracking-report #main .main-content #table-holder {
        height: calc(100% - 485px); }
      body.app #content.related-objects-select-window {
        min-height: 686px;
        border-radius: 0;
        border: 0; }
        body.app #content.related-objects-select-window #main .main-content {
          height: auto; }
          body.app #content.related-objects-select-window #main .main-content #table-holder #table-container table {
            height: 547px; }
        body.app #content.related-objects-select-window .container-fluid {
          padding: 0; }
          body.app #content.related-objects-select-window .container-fluid #datepicker-label {
            margin-left: 10px; }
          body.app #content.related-objects-select-window .container-fluid .stats-wrapper {
            margin-right: 10px;
            float: right;
            height: 55px; }
            body.app #content.related-objects-select-window .container-fluid .stats-wrapper:after {
              content: '';
              display: inline-block;
              vertical-align: middle;
              height: 100%;
              width: 0; }
            body.app #content.related-objects-select-window .container-fluid .stats-wrapper .description {
              width: 220px;
              margin: 0 20px 0 0;
              display: inline-block; }
        body.app #content.related-objects-select-window #table-holder .buttons-container {
          height: 45px; }
          body.app #content.related-objects-select-window #table-holder .buttons-container:after {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 0; }
        body.app #content.related-objects-select-window #table-options .modal-wrapper {
          max-width: 750px;
          margin: 10px auto; }
          body.app #content.related-objects-select-window #table-options .modal-wrapper .modal-header h3 {
            margin: 0; }
          body.app #content.related-objects-select-window #table-options .modal-wrapper .modal-body {
            padding-bottom: 0; }
          body.app #content.related-objects-select-window #table-options .modal-wrapper .modal-footer {
            padding-top: 0; }
    body.app .sub-bar {
      background-color: #fefefe ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e5e8ee)) ;
      background-image: -webkit-linear-gradient(top, #fefefe, #e5e8ee) ;
      background-image: -moz-linear-gradient(top, #fefefe, #e5e8ee) ;
      background-image: -ms-linear-gradient(top, #fefefe, #e5e8ee) ;
      background-image: -o-linear-gradient(top, #fefefe, #e5e8ee) ;
      background-image: linear-gradient(top, #fefefe, #e5e8ee) ;
      border-bottom: 1px solid #b8bcc0;
      height: 55px;
      color: #666b7e; }
      body.app .sub-bar .sub-right .btn-group {
        position: relative;
        top: 14px; }
      body.app .sub-bar h3, body.app .sub-bar .forum_title {
        display: inline-block;
        margin: 0;
        line-height: 55px;
        font-weight: 300;
        padding-top: 2px;
        text-shadow: 0 1px 0 #fff; }
      body.app .sub-bar .forum_title {
        margin-left: 20px;
        width: 97%; }
      body.app .sub-bar h3 {
        text-transform: uppercase; }
      body.app .sub-bar .week-range {
        font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
        display: inline-block;
        margin-left: 15px;
        padding: 0 10px;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 13px;
        line-height: 25px;
        position: relative;
        top: -2px;
        color: #747889;
        cursor: pointer; }
        body.app .sub-bar .week-range:hover {
          border: 1px solid #999; }
    body.app .search-orders {
      display: inline-block;
      position: relative;
      vertical-align: middle; }
      body.app .search-orders input {
        border-color: #888fa1; }
        body.app .search-orders input:focus {
          box-shadow: 0 0 3px #1a202f; }
        body.app .search-orders input:invalid ~ .searchclear {
          display: none; }
        body.app .search-orders input:focus:invalid {
          color: #555; }
    body.app div.outer-circle {
      position: absolute;
      z-index: 1;
      border-radius: 150px;
      box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4), 0 5px 6px 2px rgba(0, 0, 0, 0.12); }
    body.app div.inner-circle {
      position: absolute;
      z-index: 1;
      padding: 0 10px;
      border-radius: 150px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.8), inset 0 -20px 40px rgba(0, 0, 0, 0.2);
      overflow: hidden;
      text-align: center;
      /* to vertical align */ }
      body.app div.inner-circle::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      body.app div.inner-circle div.inner {
        position: relative;
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'proxima_novalight', sans-serif;
        text-shadow: 0 1px 0 #fff;
        z-index: 3;
        display: inline-block;
        vertical-align: middle;
        color: #777;
        font-size: 20px;
        width: 100%; }
        body.app div.inner-circle div.inner div.orders-count {
          color: #353535;
          font-size: 22px;
          font-weight: 300;
          text-shadow: 0 2px 0 #fff;
          margin-bottom: 10px; }
        body.app div.inner-circle div.inner div.pie-value, body.app div.inner-circle div.inner span.pie-label {
          width: 100%; }
    body.app .o-s-stats {
      background-color: #fff ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f3f6)) ;
      background-image: -webkit-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: -moz-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: -ms-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: -o-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: linear-gradient(top, #fff, #f2f3f6) ;
      font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
      color: #666b7e;
      padding: 0 10px 25px 25px; }
      body.app .o-s-stats header {
        padding-top: 5px;
        margin-bottom: 15px;
        position: relative; }
        body.app .o-s-stats header span.text {
          font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
          font-size: 14px;
          color: #999; }
        body.app .o-s-stats header h4 {
          color: #53586a;
          margin-bottom: 0; }
        body.app .o-s-stats header #line-graph-btns {
          position: absolute;
          right: 15px;
          top: 30px;
          z-index: 0; }
      body.app .o-s-stats.order {
        border-bottom: 1px solid #b8bcc0;
        -moz-box-shadow: inset 0 1px 0 0 #a6aec1;
        -webkit-box-shadow: inset 0 1px 0 0  #a6aec1;
        box-shadow: inset 0 1px 0 0  #a6aec1; }
      body.app .o-s-stats.shipping {
        border-bottom: 1px solid #b8bcc0;
        border-left: 1px solid #e5e6e7;
        -moz-box-shadow: inset 1px 0 0  0 #fff;
        -webkit-box-shadow: inset 1px 0 0  0 #fff;
        box-shadow: inset 1px 0 0  0 #fff; }
        body.app .o-s-stats.shipping span.text {
          color: #999;
          font-family: Helvetica-Neue,HelveticaNeue,Helvetica,Arial;
          font-size: 14px;
          z-index: 0; }
        body.app .o-s-stats.shipping header {
          margin-bottom: 15px;
          padding-top: 5px;
          position: relative; }
          body.app .o-s-stats.shipping header #line-graph-btns {
            position: absolute;
            right: 15px;
            top: 30px; }
    body.app .revision-header .export-btn {
      display: block !important;
      margin-right: 20px;
      float: right; }
    body.app #order-detailbar {
      padding-top: 13px; }
      body.app #order-detailbar .pagination-buttons {
        padding-top: 2px; }
      body.app #order-detailbar .export-btn {
        display: block !important;
        margin-right: 20px;
        float: right; }
    body.app .order_details {
      background-color: #fff ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f3f6)) ;
      background-image: -webkit-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: -moz-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: -ms-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: -o-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: linear-gradient(top, #fff, #f2f3f6) ;
      font-weight: 400;
      font-size: 13px;
      line-height: 18px;
      color: #555;
      padding-left: 0; }
      body.app .order_details .strong-text-with-attention {
        font-weight: 800;
        text-transform: uppercase;
        color: #bb7580; }
      body.app .order_details .strong-text {
        font-weight: 800;
        text-transform: uppercase;
        color: #747889; }
      body.app .order_details .airy-block {
        margin-top: 10px;
        margin-bottom: 10px; }
      body.app .order_details .packing-list-header {
        font-weight: 800;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 25px;
        color: #747889; }
      body.app .order_details .packing-list-description {
        text-transform: uppercase; }
        body.app .order_details .packing-list-description span.strong-text-with-attention {
          word-break: break-all; }
      body.app .order_details .packing-list {
        background-image: url("../img/icon-order-packing-list.23c3ffee9bfd.png");
        background-repeat: no-repeat;
        background-position: 10px 5px;
        padding-left: 80px;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 1px 0 #fff; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body.app .order_details .packing-list {
            background-image: url("../img/icon-order-packing-list@2x.png");
            background-size: 56px 36px; } }
      body.app .order_details .left-summary-block {
        border-bottom: 1px solid #ddd;
        padding-bottom: 6px;
        margin-bottom: 15px; }
      body.app .order_details .warehouse {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; }
      body.app .order_details .first-block-air {
        height: 100%;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        border-right: 1px solid #d9d9d9;
        background-color: #f8f9fa ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f9fa), color-stop(100%, #fff)) ;
        background-image: -webkit-linear-gradient(right, #f8f9fa, #fff) ;
        background-image: -moz-linear-gradient(right, #f8f9fa, #fff) ;
        background-image: -ms-linear-gradient(right, #f8f9fa, #fff) ;
        background-image: -o-linear-gradient(right, #f8f9fa, #fff) ;
        background-image: linear-gradient(right, #f8f9fa, #fff) ;
        text-shadow: 0 1px 0 #fff; }
      body.app .order_details #detail-content {
        padding-bottom: 0;
        padding-left: 10px;
        height: 100%; }
        body.app .order_details #detail-content .row.bordered {
          border-bottom: 1px solid #e7e7e7;
          padding-top: 10px;
          padding-bottom: 5px; }
      body.app .order_details .ship-endpoint .contact-detail-block {
        display: block;
        background-repeat: no-repeat;
        padding-left: 20px; }
      body.app .order_details .ship-endpoint .person {
        background-image: url("../img/people-contact-person.4590fcbba13a.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body.app .order_details .ship-endpoint .person {
            background-image: url("../img/people-contact-person@2x.ce19becf3fee.png");
            background-size: 16px 16px; } }
      body.app .order_details .ship-endpoint .email {
        background-image: url("../img/Icon-RC-Email.bf60068a5ee8.png");
        background-position: 1px 4px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body.app .order_details .ship-endpoint .email {
            background-image: url("../img/Icon-RC-Email@2x.9edc3e575d3d.png");
            background-size: 16px 16px; } }
      body.app .order_details .ship-endpoint .phone {
        background-image: url("../img/people-contact-phone.d711874b033a.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body.app .order_details .ship-endpoint .phone {
            background-image: url("../img/people-contact-phone@2x.aa63602570eb.png");
            background-size: 16px 16px; } }
      body.app .order_details .ship-endpoint .location {
        background-image: url("../img/people-contact-location.900d77c83d2d.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body.app .order_details .ship-endpoint .location {
            background-image: url("../img/people-contact-location@2x.3a38821d9584.png");
            background-size: 16px 16px; } }
        body.app .order_details .ship-endpoint .location .contact-primary-data-field, body.app .order_details .ship-endpoint .location .contact-secondary-data-field {
          text-transform: capitalize; }
      body.app .order_details .ship-date {
        padding-top: 10px;
        padding-bottom: 10px;
        background-repeat: no-repeat;
        background-position: 10px center;
        padding-left: 62px;
        min-height: 56px;
        vertical-align: top !important;
        background-image: url("../img/icon-order-details-ship-date.d631ffbd390d.png");
        background-size: 45px 32px; }
        body.app .order_details .ship-date .ship-info-cell-header {
          font-weight: 800;
          text-transform: uppercase;
          color: #747889; }
      body.app .order_details .ship-info {
        padding-top: 10px;
        padding-bottom: 10px;
        background-repeat: no-repeat;
        background-position: 10px center;
        padding-left: 62px;
        min-height: 56px;
        vertical-align: top !important;
        background-image: url("../img/icon-order-details-ship-via.85f8c1a50638.png");
        background-size: 45px 32px; }
        body.app .order_details .ship-info .ship-info-cell-header {
          font-weight: 800;
          text-transform: uppercase;
          color: #747889; }
      body.app .order_details .custumer-no {
        padding-top: 10px;
        padding-bottom: 10px;
        background-repeat: no-repeat;
        background-position: 10px center;
        padding-left: 62px;
        min-height: 56px;
        vertical-align: top !important;
        background-image: url("../img/icon-order-details-customer.07cc518beeca.png");
        background-size: 45px 32px; }
        body.app .order_details .custumer-no .ship-info-cell-header {
          font-weight: 800;
          text-transform: uppercase;
          color: #747889; }
      body.app .order_details .payment {
        padding-top: 10px;
        padding-bottom: 10px;
        background-repeat: no-repeat;
        background-position: 10px center;
        padding-left: 62px;
        min-height: 56px;
        vertical-align: top !important;
        background-image: url("../img/icon-order-details-payment.46043dccf597.png");
        background-size: 45px 32px; }
        body.app .order_details .payment .ship-info-cell-header {
          font-weight: 800;
          text-transform: uppercase;
          color: #747889; }
      body.app .order_details .total-boxes {
        padding-top: 10px;
        padding-bottom: 10px;
        background-repeat: no-repeat;
        background-position: 10px center;
        padding-left: 62px;
        min-height: 56px;
        vertical-align: top !important;
        background-image: url("../img/icon-order-details-total-boxes.e2f2384c2764.png");
        background-size: 45px 32px; }
        body.app .order_details .total-boxes .ship-info-cell-header {
          font-weight: 800;
          text-transform: uppercase;
          color: #747889; }
      body.app .order_details .total-weight {
        padding-top: 10px;
        padding-bottom: 10px;
        background-repeat: no-repeat;
        background-position: 10px center;
        padding-left: 62px;
        min-height: 56px;
        vertical-align: top !important;
        background-image: url("../img/icon-order-details-total-weight.1be0f077a1e6.png");
        background-size: 45px 32px; }
        body.app .order_details .total-weight .ship-info-cell-header {
          font-weight: 800;
          text-transform: uppercase;
          color: #747889; }
      body.app .order_details .message {
        padding-top: 10px;
        padding-bottom: 10px;
        background-repeat: no-repeat;
        background-position: 10px center;
        padding-left: 62px;
        min-height: 56px;
        vertical-align: top !important;
        background-image: url("../img/icon-order-details-message.8210a1202323.png");
        background-size: 45px 32px; }
        body.app .order_details .message .ship-info-cell-header {
          font-weight: 800;
          text-transform: uppercase;
          color: #747889; }
      body.app .order_details .tablo {
        margin-bottom: 20px; }
      body.app .order_details .box-contents-list {
        max-height: 200px;
        overflow-y: auto;
        border-radius: 4px;
        border: 1px solid #aaa; }
        body.app .order_details .box-contents-list.empty {
          display: inline-block;
          font-size: 13px;
          font-weight: bold;
          line-height: 18px;
          padding: 5px 10px 7px 24px;
          position: relative;
          text-align: center; }
        body.app .order_details .box-contents-list > div {
          display: table;
          min-width: 100%; }
      body.app .order_details .box-header, body.app .order_details .revision-header {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        text-shadow: 0 1px 0 #fff;
        background-color: #d4d8e0 ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d8e0), color-stop(100%, #ebedf0)) ;
        background-image: -webkit-linear-gradient(top, #d4d8e0, #ebedf0) ;
        background-image: -moz-linear-gradient(top, #d4d8e0, #ebedf0) ;
        background-image: -ms-linear-gradient(top, #d4d8e0, #ebedf0) ;
        background-image: -o-linear-gradient(top, #d4d8e0, #ebedf0) ;
        background-image: linear-gradient(top, #d4d8e0, #ebedf0) ;
        line-height: 35px;
        font-size: 14px;
        border-bottom: 1px solid #bbbfc5;
        padding-left: 20px;
        color: #53586a;
        text-overflow: ellipsis;
        white-space: nowrap; }
        body.app .order_details .box-header strong, body.app .order_details .revision-header strong {
          color: #30353f; }
      body.app .order_details .box-header {
        text-transform: uppercase; }
      body.app .order_details .revision-header .date {
        margin: 0 0 0 5px; }
      body.app .order_details .revision-header .rev-name {
        float: left;
        display: inline-block; }
      body.app .order_details .revision-header .buttons {
        margin-right: 1%;
        float: right;
        padding-top: 5px; }
      body.app .order_details table.box-data-table {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        text-shadow: 0 1px 0 #fff;
        width: 100%; }
        body.app .order_details table.box-data-table tr {
          background-color: #fff ;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f7f7f7)) ;
          background-image: -webkit-linear-gradient(top, #fff, #f7f7f7) ;
          background-image: -moz-linear-gradient(top, #fff, #f7f7f7) ;
          background-image: -ms-linear-gradient(top, #fff, #f7f7f7) ;
          background-image: -o-linear-gradient(top, #fff, #f7f7f7) ;
          background-image: linear-gradient(top, #fff, #f7f7f7) ;
          height: 35px;
          border-bottom: 1px solid #cdcecf;
          box-shadow: 0 1px 0 0  #f2f2f2; }
          body.app .order_details table.box-data-table tr td {
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 3px;
            border: 1px solid #e4e2e2;
            color: #555;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: top !important;
            max-width: 250px; }
            body.app .order_details table.box-data-table tr td:last-child {
              border-right: none; }
            body.app .order_details table.box-data-table tr td .cell-header {
              font-weight: bold;
              text-transform: uppercase;
              font-size: 13px;
              margin-top: 0; }
      body.app .order_details .tracking-code-block {
        background-color: #fff ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f3f6)) ;
        background-image: -webkit-linear-gradient(top, #fff, #f2f3f6) ;
        background-image: -moz-linear-gradient(top, #fff, #f2f3f6) ;
        background-image: -ms-linear-gradient(top, #fff, #f2f3f6) ;
        background-image: -o-linear-gradient(top, #fff, #f2f3f6) ;
        background-image: linear-gradient(top, #fff, #f2f3f6) ;
        text-align: center;
        padding: 15px 20px;
        margin: 0 0 10px; }
      body.app .order_details .order-content {
        margin-bottom: 10px; }
      body.app .order_details .order-revision-content {
        min-height: 470px;
        margin-top: 20px; }
      body.app .order_details .tracking-code-header {
        text-transform: uppercase;
        line-height: 20px;
        padding-bottom: 10px; }
      body.app .order_details .tracking-code-data a {
        text-transform: uppercase;
        font-size: 1.6em; }
      body.app .order_details .total-line {
        width: 100%;
        float: left; }
        body.app .order_details .total-line .total-header {
          font-weight: 800;
          text-align: right;
          min-width: 100px;
          float: left;
          padding-right: 20px; }
        body.app .order_details .total-line .total-value {
          float: left; }
        body.app .order_details .total-line:after {
          clear: right; }
      @media only screen and (max-width: 1000px) {
        body.app .order_details .total-line .total-header {
          padding-right: 15px;
          text-align: left;
          min-width: 0; }
        body.app .order_details .total-line .total-value {
          float: right; } }
      body.app .order_details .the-total {
        color: #5d951f; }
    body.app .options {
      background-color: #fff ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f3f6)) ;
      background-image: -webkit-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: -moz-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: -ms-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: -o-linear-gradient(top, #fff, #f2f3f6) ;
      background-image: linear-gradient(top, #fff, #f2f3f6) ;
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'proxima_novasemibold', sans-serif;
      border-top: 1px solid #a6aec1;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
      height: 43px;
      color: #666b7e;
      font-size: 13px;
      position: relative; }
    body.app #table-holder {
      height: 100%;
      width: 100%;
      background: #fff;
      border-radius: 0 0 4px;
      -webkit-border-radius: 0 0 4px 0;
      -moz-border-radius: 0 0 4px 0; }
    body.app .table-frame {
      min-height: 0; }
    body.app #table-container {
      overflow-y: auto;
      overflow-x: auto;
      position: relative;
      height: 775px; }
    body.app .order_table {
      width: 100%;
      overflow: hidden;
      text-align: left;
      font-size: 10pt;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      text-shadow: 0 1px 0 #fff; }
      body.app .order_table th, body.app .order_table td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative; }
      body.app .order_table th:hover, body.app .order_table td:hover {
        overflow: visible; }
      body.app .order_table th:last-of-type span, body.app .order_table td:last-of-type span, body.app .order_table th:last-of-type span a, body.app .order_table td:last-of-type span a {
        transition: margin 250ms linear; }
      body.app .order_table th:hover span.overflowed, body.app .order_table td:hover span {
        z-index: 10;
        position: absolute;
        top: 0;
        text-overflow: initial; }
      body.app .order_table.is-firefox tbody tr:first-of-type td:hover span {
        top: 1px; }
      body.app .order_table th:last-of-type:hover span.overflowed, body.app .order_table td:last-of-type:hover span {
        position: relative;
        padding: 0 !important; }
      body.app .order_table th {
        background-color: #d4d8e0 ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d8e0), color-stop(100%, #ebedf0)) ;
        background-image: -webkit-linear-gradient(top, #d4d8e0, #ebedf0) ;
        background-image: -moz-linear-gradient(top, #d4d8e0, #ebedf0) ;
        background-image: -ms-linear-gradient(top, #d4d8e0, #ebedf0) ;
        background-image: -o-linear-gradient(top, #d4d8e0, #ebedf0) ;
        background-image: linear-gradient(top, #d4d8e0, #ebedf0) ;
        background-image: url("../img/sort-regular.14b97801f628.png"), -webkit-linear-gradient(top, #d4d8e0, #ebedf0);
        background-image: url("../img/sort-regular.14b97801f628.png"), -moz-linear-gradient(top, #d4d8e0, #ebedf0);
        background-image: url("../img/sort-regular.14b97801f628.png"), -ms-linear-gradient(top, #d4d8e0, #ebedf0);
        background-image: url("../img/sort-regular.14b97801f628.png"), -o-linear-gradient(top, #d4d8e0, #ebedf0);
        background-image: url("../img/sort-regular.14b97801f628.png"), linear-gradient(top, #d4d8e0, #ebedf0);
        border-right: 1px solid #e4e2e2;
        height: 33px;
        background-repeat: no-repeat;
        background-position: 94% center;
        line-height: 33px;
        border-bottom: 1px solid #bbbfc5;
        padding: 0 17px 0 5px;
        color: #53586a;
        cursor: pointer; }
        body.app .order_table th:last-child {
          border-right: none; }
        body.app .order_table th:hover {
          background-image: url("../img/sort-regular.14b97801f628.png"), -webkit-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/sort-regular.14b97801f628.png"), -moz-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/sort-regular.14b97801f628.png"), -ms-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/sort-regular.14b97801f628.png"), -o-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/sort-regular.14b97801f628.png"), linear-gradient(top, #d4d8e0, #ebedf0);
          color: #6374ab; }
        body.app .order_table th:hover span.overflowed {
          background-color: #d4d8e0 !important;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d8e0), color-stop(100%, #ebedf0)) !important;
          background-image: -webkit-linear-gradient(top, #d4d8e0, #ebedf0) !important;
          background-image: -moz-linear-gradient(top, #d4d8e0, #ebedf0) !important;
          background-image: -ms-linear-gradient(top, #d4d8e0, #ebedf0) !important;
          background-image: -o-linear-gradient(top, #d4d8e0, #ebedf0) !important;
          background-image: linear-gradient(top, #d4d8e0, #ebedf0) !important;
          padding-right: 5px; }
        body.app .order_table th.headerSortDown {
          background-image: url("../img/ddown-arrow.bfbfd13d6d86.png"), -webkit-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/ddown-arrow.bfbfd13d6d86.png"), -moz-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/ddown-arrow.bfbfd13d6d86.png"), -ms-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/ddown-arrow.bfbfd13d6d86.png"), -o-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/ddown-arrow.bfbfd13d6d86.png"), linear-gradient(top, #d4d8e0, #ebedf0);
          color: #6374ab; }
        body.app .order_table th.headerSortUp {
          background-image: url("../img/ddup-arrow.569558b78f1a.png"), -webkit-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/ddup-arrow.569558b78f1a.png"), -moz-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/ddup-arrow.569558b78f1a.png"), -ms-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/ddup-arrow.569558b78f1a.png"), -o-linear-gradient(top, #d4d8e0, #ebedf0);
          background-image: url("../img/ddup-arrow.569558b78f1a.png"), linear-gradient(top, #d4d8e0, #ebedf0);
          color: #6374ab; }
        body.app .order_table th.headerSortDown:hover span, body.app .order_table th.headerSortUp:hover span {
          background-color: #d4d8e0 !important;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d8e0), color-stop(100%, #ebedf0)) !important;
          background-image: -webkit-linear-gradient(top, #d4d8e0, #ebedf0) !important;
          background-image: -moz-linear-gradient(top, #d4d8e0, #ebedf0) !important;
          background-image: -ms-linear-gradient(top, #d4d8e0, #ebedf0) !important;
          background-image: -o-linear-gradient(top, #d4d8e0, #ebedf0) !important;
          background-image: linear-gradient(top, #d4d8e0, #ebedf0) !important; }
      body.app .order_table th.t_header {
        border-top: 1px solid #bbbfc5; }
      body.app .order_table tr {
        border-bottom: 1px solid #cdcecf;
        -moz-box-shadow: 0 1px 0 0  #f2f2f2;
        -webkit-box-shadow: 0 1px 0 0  #f2f2f2;
        box-shadow: 0 1px 0 0  #f2f2f2;
        background-color: transparent;
        cursor: default;
        height: 34px; }
        body.app .order_table tr:last-child {
          border-bottom: 2px solid #cdcecf; }
        body.app .order_table tr.empty {
          border-bottom: 1px solid #cdcecf; }
        body.app .order_table tr.clickable:hover, body.app .order_table tr.clickable.active, body.app .order_table .custom-dropdown.open tr.clickable.control-more, body.app .custom-dropdown.open .order_table tr.clickable.control-more {
          background-color: #e5e6e7 ;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e6e7), color-stop(100%, #fafafa)) ;
          background-image: -webkit-linear-gradient(bottom, #e5e6e7, #fafafa) ;
          background-image: -moz-linear-gradient(bottom, #e5e6e7, #fafafa) ;
          background-image: -ms-linear-gradient(bottom, #e5e6e7, #fafafa) ;
          background-image: -o-linear-gradient(bottom, #e5e6e7, #fafafa) ;
          background-image: linear-gradient(bottom, #e5e6e7, #fafafa) ;
          background-color: transparent;
          cursor: pointer;
          border-bottom: 1px solid #aaa; }
          body.app .order_table tr.clickable:hover td, body.app .order_table tr.clickable.active td, body.app .order_table .custom-dropdown.open tr.clickable.control-more td, body.app .custom-dropdown.open .order_table tr.clickable.control-more td {
            border-right: 1px solid #ccc;
            box-shadow: none;
            background-color: transparent;
            color: #5a678f; }
        body.app .order_table tr.clickable:hover:not(.active) td {
          box-shadow: inset 0 -3px 0 #d7dee5; }
        body.app .order_table tr.unclickable td {
          padding-left: 30px; }
        body.app .order_table tr.active, body.app .order_table .custom-dropdown.open tr.control-more, body.app .custom-dropdown.open .order_table tr.control-more, body.app .order_table tr.active span, body.app .order_table .custom-dropdown.open tr.control-more span, body.app .custom-dropdown.open .order_table tr.control-more span {
          background-color: #E2E5EA !important;
          background-image: none !important;
          box-shadow: none !important; }
        body.app .order_table tr.filler {
          height: auto;
          background-size: 2px 34px;
          background-image: linear-gradient(180deg, transparent 97%, #e4e2e2 2%); }
          body.app .order_table tr.filler td {
            height: 0; }
        body.app .order_table tr td {
          height: 33px;
          line-height: 33px;
          background-color: inherit;
          border-right: 1px solid #e4e2e2;
          color: #555;
          text-align: left;
          padding: 0 5px; }
          body.app .order_table tr td:last-child {
            border-right: none; }
          body.app .order_table tr td:hover span {
            background-color: #e5e6e7 ;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e6e7), color-stop(100%, #fafafa)) ;
            background-image: -webkit-linear-gradient(bottom, #e5e6e7, #fafafa) ;
            background-image: -moz-linear-gradient(bottom, #e5e6e7, #fafafa) ;
            background-image: -ms-linear-gradient(bottom, #e5e6e7, #fafafa) ;
            background-image: -o-linear-gradient(bottom, #e5e6e7, #fafafa) ;
            background-image: linear-gradient(bottom, #e5e6e7, #fafafa) ;
            box-shadow: inset 0 -3px 0 #d7dee5;
            left: 0;
            padding: 0 5px; }
          body.app .order_table tr td:hover span, body.app .order_table tr td:hover a {
            text-overflow: initial; }
          body.app .order_table tr td span, body.app .order_table tr td a {
            height: 100%;
            min-width: 100%;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          body.app .order_table tr td a {
            outline: none;
            color: #555555 !important; }
    body.app #revision_table {
      -webkit-user-select: auto;
      -moz-user-select: auto;
      -ms-user-select: auto;
      user-select: auto; }
    body.app .border {
      border: 1px solid #008000; }
    body.app #sidebar:not(.layout_v2) {
      position: relative;
      width: 200px;
      height: 100%;
      line-height: 38px;
      background-color: #fff;
      border-right: 1px solid #dedee4;
      z-index: 1;
      float: left;
      border-radius: 0 0 0 4px;
      -webkit-border-radius: 0 0 0 4px;
      -moz-border-radius: 0 0 0 4px;
      overflow: hidden;
      display: flex;
      flex-flow: column; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu {
        flex: 0 0 auto;
        background: #fff;
        font-family: 'proxima_nova_rgregular', sans-serif;
        color: #757a8c;
        font-size: 13px; }
        body.app #sidebar:not(.layout_v2) .sidebar-menu > ul {
          margin: 0;
          padding: 0;
          list-style: none;
          padding: 12px 0 0; }
          body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li {
            position: relative;
            padding: 10px 0;
            box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.45); }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li:hover {
              background-color: rgba(255, 255, 255, 0.6); }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li:hover .plus-icon {
                display: block; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.dashboard {
              background: url("../img/icon-dashboard.81de6a8514ee.png") no-repeat 18px 9px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.dashboard.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.dashboard.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.dashboard.control-more {
                background: url("../img/icon-dashboard-active.e870ac834054.png") no-repeat 18px 9px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.orders {
              background: url("../img/icon-orders.22413778a824.png") no-repeat 18px 9px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.orders.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.orders.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.orders.control-more {
                background: url("../img/icon-orders-active.a32cb81c544c.png") no-repeat 18px 9px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.reports {
              background: url("../img/icon-reports.d20810f3db3a.png") no-repeat 18px 9px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.reports.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.reports.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.reports.control-more {
                background: url("../img/icon-reports-active.25367fcbe0c6.png") no-repeat 18px 9px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.tracking {
              background: url("../img/icon-tracking.fb3b4b27d252.png") no-repeat 18px 9px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.tracking.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.tracking.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.tracking.control-more {
                background: url("../img/icon-tracking-active.48995bbbd49d.png") no-repeat 18px 9px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.contacts {
              background: url("../img/icon-contacts.f2cd3a01974a.png") no-repeat 20px 10px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.contacts.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.contacts.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.contacts.control-more {
                background: url("../img/icon-contacts-active.1e94216ba89c.png") no-repeat 20px 10px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.notes {
              background: url("../img/icon-notes.18e222b8a648.png") no-repeat 21px 10px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.notes.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.notes.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.notes.control-more {
                background: url("../img/icon-notes-active.dbb85c00cf39.png") no-repeat 21px 10px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.events {
              background: url("../img/icon-events.8f962c297654.png") no-repeat 19px 10px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.events.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.events.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.events.control-more {
                background: url("../img/icon-events-active.8acf012f8bb9.png") no-repeat 19px 10px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.forum {
              background: url("../img/icon-forum.00d607568225.png") no-repeat 18px 9px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.forum.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.forum.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.forum.control-more {
                background: url("../img/icon-forum-active.b03c607cf49b.png") no-repeat 18px 9px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.appstore {
              background: url("../img/icon-app-store.7ab504b2dd67.png") no-repeat 18px 9px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.appstore.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.appstore.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.appstore.control-more {
                background: url("../img/icon-app-store-active.2a003210e685.png") no-repeat 18px 9px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.installedapps {
              background: url("../img/icon-installed-apps.7279d7057b79.png") no-repeat 18px 9px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.installedapps.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.installedapps.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.installedapps.control-more {
                background: url("../img/icon-installed-apps-active.30991c24d21b.png") no-repeat 18px 9px; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.active a, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.control-more a, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.control-more a {
              font-weight: 600; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li > a:not(.plus-icon) {
              line-height: 18px;
              font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
              background-repeat: no-repeat;
              background-position: 20px center;
              text-shadow: 0 1px 0 rgba(255, 255, 255, 0.99);
              display: block;
              font-weight: 400;
              font-size: 14px;
              color: #3a4256;
              padding-left: 52px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li > a:not(.plus-icon):hover {
                color: #5a678f; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li .plus-icon {
              display: none;
              position: absolute;
              top: 11px;
              width: 30px;
              right: 10px;
              height: 18px; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li .plus-icon i {
                left: 8px;
                display: block; }
            body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li ul {
              margin: 0;
              padding: 0;
              list-style: none;
              margin: 20px 0 -2px 28px;
              padding: 0 22px 0 24px;
              border-left: 1px solid #efefef;
              background-color: #fff;
              overflow: hidden; }
              body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li ul li {
                padding: 10px 0;
                border-top: 1px solid #efefef; }
                body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li ul li:first-child {
                  border-top: none;
                  box-shadow: none !important;
                  -webkit-box-shadow: none !important;
                  -moz-box-shadow: none !important; }
                body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li ul li a {
                  font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
                  cursor: pointer !important;
                  font-size: 13px;
                  font-weight: normal !important;
                  display: block;
                  line-height: 17px;
                  color: #a0a4af !important; }
                  body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li ul li a:hover {
                    color: #5a678f !important; }
                  body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li ul li a.active, body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li ul li .custom-dropdown.open a.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li ul li a.control-more {
                    font-weight: 600 !important; }
      body.app #sidebar:not(.layout_v2) .sidebar-content {
        position: relative;
        flex: 1 1 auto;
        width: 200px;
        border-radius: 0 0 0 5px;
        line-height: 38px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
        body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar {
          width: 100%;
          height: 215px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0; }
          body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar.fixed {
            position: fixed;
            bottom: 0;
            left: 1px;
            width: 200px; }
          body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar.top {
            position: absolute;
            top: 0;
            bottom: inherit; }
          body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .control-bar {
            height: 15px;
            width: 100%; }
            body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .control-bar .arrow-left-events {
              background-image: url("../img/crm/arrow-left-grey.2ad84f98d965.png");
              background-position: 90%; }
            body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .control-bar .arrow-right-events {
              background-image: url("../img/crm/arrow-right-grey.2d4965a30317.png");
              background-position: 0%; }
            body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .control-bar .arrow-left-events, body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .control-bar .arrow-right-events {
              width: 19px;
              height: 15px;
              cursor: pointer;
              background-repeat: no-repeat; }
            body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .control-bar .month-label {
              text-transform: capitalize;
              text-align: center;
              line-height: 15px;
              font-size: 12px;
              font-weight: bold;
              color: #286EC8;
              background-color: #fff;
              margin: 0;
              width: 160px; }
          body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-header-col, body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-col {
            background-color: #fff;
            float: left;
            height: 28px;
            width: 28px;
            border-radius: 3px;
            line-height: 28px;
            text-align: center;
            font-size: 11px; }
          body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-header-col {
            color: #a4a4a4; }
          body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-col {
            color: #4a535a;
            cursor: pointer;
            position: relative; }
            body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-col.cal-day-today {
              border: 2px dotted #ff255d;
              border-radius: 15px;
              line-height: 25px;
              font-weight: bold; }
              body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-col.cal-day-today span {
                margin-right: 1px; }
            body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-col.cal-day-weekend {
              color: darkred; }
            body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-col.cal-day-outmonth {
              color: #efefef; }
            body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-col:hover {
              background-color: #efefef; }
            body.app #sidebar:not(.layout_v2) .sidebar-content .sidebar-calendar .events-col .events-circle {
              position: absolute;
              height: 6px;
              width: 6px;
              border-radius: 30px;
              background-color: crimson;
              top: 0;
              right: 0; }
      body.app #sidebar:not(.layout_v2) .sidebar-footer {
        border-top: 1px solid #dedee4;
        flex: 0 1 40px;
        height: 40px;
        width: 100%; }
        body.app #sidebar:not(.layout_v2) .sidebar-footer a {
          font-size: 13px;
          display: block;
          position: relative;
          float: left;
          vertical-align: middle;
          text-align: center;
          color: #8e8e96;
          text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
          background-repeat: no-repeat;
          background-position: 12px center;
          outline: none; }
          body.app #sidebar:not(.layout_v2) .sidebar-footer a:hover {
            color: #515870; }
          body.app #sidebar:not(.layout_v2) .sidebar-footer a.disabled {
            cursor: not-allowed;
            filter: alpha(opacity=40);
            opacity: .4;
            -moz-opacity: .4; }
            body.app #sidebar:not(.layout_v2) .sidebar-footer a.disabled:hover {
              color: #8e8e96; }
          body.app #sidebar:not(.layout_v2) .sidebar-footer a.settings {
            width: 50%;
            background-position: 10px center;
            border-right: 1px solid #dedee4;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
            body.app #sidebar:not(.layout_v2) .sidebar-footer a.settings i {
              width: 16px;
              background-image: url("../img/settings-icon.a289f4e08203.png"); }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar:not(.layout_v2) .sidebar-footer a.settings i {
                  background-image: url("../img/settings-icon@2x.dcae84df3096.png");
                  background-size: 16px 17px; } }
            body.app #sidebar:not(.layout_v2) .sidebar-footer a.settings span {
              padding-left: 10px; }
          body.app #sidebar:not(.layout_v2) .sidebar-footer a.account {
            width: 50%; }
            body.app #sidebar:not(.layout_v2) .sidebar-footer a.account i {
              width: 19px;
              background-image: url("../img/icon-account.2e369baff8b0.png"); }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar:not(.layout_v2) .sidebar-footer a.account i {
                  background-image: url("../img/icon-account@2x.5dc9435eaeff.png");
                  background-size: 19px 12px; } }
            body.app #sidebar:not(.layout_v2) .sidebar-footer a.account span {
              padding-left: 10px; }
            body.app #sidebar:not(.layout_v2) .sidebar-footer a.account.active i, body.app #sidebar:not(.layout_v2) .sidebar-footer .custom-dropdown.open a.account.control-more i, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-footer a.account.control-more i {
              background-image: url("../img/icon-account-active.9348de92d7d4.png"); }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar:not(.layout_v2) .sidebar-footer a.account.active i, body.app #sidebar:not(.layout_v2) .sidebar-footer .custom-dropdown.open a.account.control-more i, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-footer a.account.control-more i {
                  background-image: url("../img/icon-account-active@2x.2d12f09f601e.png");
                  background-size: 19px 12px; } }
          body.app #sidebar:not(.layout_v2) .sidebar-footer a .icon-text-container {
            display: inline-block;
            margin: 0 auto;
            height: 100%; }
          body.app #sidebar:not(.layout_v2) .sidebar-footer a i {
            display: block;
            height: 38px;
            background-repeat: no-repeat;
            background-position: 100%;
            float: left; }
          body.app #sidebar:not(.layout_v2) .sidebar-footer a span {
            display: inline-block;
            margin-top: 1px; }
    body.app #sidebar.layout_v2 {
      position: fixed;
      width: 200px;
      height: 100%;
      line-height: 38px;
      background-color: #1B293E;
      z-index: 999;
      float: left;
      border-radius: 0 0 0 4px;
      -webkit-border-radius: 0 0 0 4px;
      -moz-border-radius: 0 0 0 4px;
      overflow: hidden;
      display: flex;
      flex-flow: column; }
      body.app #sidebar.layout_v2 .sidebar-menu {
        flex: 1 1 0;
        box-sizing: content-box;
        font-family: 'proxima_nova_rgregular', sans-serif;
        color: #737E94;
        font-size: 13px;
        overflow-x: hidden;
        overflow-y: scroll;
        margin-right: -17px; }
        body.app #sidebar.layout_v2 .sidebar-menu .logo {
          margin: 25px 0 15px 0;
          background-repeat: no-repeat;
          background-position: 23px center;
          width: 100%;
          height: 25px;
          background-image: url("../img/readycloud-wordmark.c8e705cb5df6.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body.app #sidebar.layout_v2 .sidebar-menu .logo {
              background-image: url("../img/readycloud-wordmark@2x.752c8714e050.png");
              background-size: 138px 25px; } }
        body.app #sidebar.layout_v2 .sidebar-menu > ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          body.app #sidebar.layout_v2 .sidebar-menu > ul > li {
            position: relative;
            padding: 0 0 0 4px;
            margin: 10px 0;
            box-sizing: border-box; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li:hover .plus-icon {
              display: block; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard {
              background-image: url("../img/icon-nav-dashboard.73f194260239.png");
              background-repeat: no-repeat;
              background-position: 27px center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard {
                  background-image: url("../img/icon-nav-dashboard@2x.fbd2341d4929.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.dashboard.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard:hover:before {
                position: absolute;
                display: inline-block;
                background: #1EBEF3 none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.dashboard.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard:hover > a {
                color: #1EBEF3; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.dashboard.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.dashboard.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard:hover > a.plus-icon:hover {
                    opacity: 1; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.dashboard.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.dashboard:hover > a {
                color: #1DC4FB; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders {
              background-image: url("../img/icon-nav-orders.130292e71889.png");
              background-repeat: no-repeat;
              background-position: 27px center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders {
                  background-image: url("../img/icon-nav-orders@2x.fbd827c18b7a.png");
                  background-size: 17px 16px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.orders.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.orders.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders:hover:before {
                position: absolute;
                display: inline-block;
                background: #5DCF9A none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.orders.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.orders.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders:hover > a {
                color: #5DCF9A; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.orders.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.orders.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.orders.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.orders.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.orders:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports {
              background-image: url("../img/icon-nav-reports.9aa54ad906c2.png");
              background-repeat: no-repeat;
              background-position: 27px center;
              background-position: 27px 14.5px; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports {
                  background-image: url("../img/icon-nav-reports@2x.7eeedd8bc1ae.png");
                  background-size: 17px 15px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.reports.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.reports.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports:hover:before {
                position: absolute;
                display: inline-block;
                background: #A685F0 none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.reports.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.reports.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports:hover > a {
                color: #A685F0; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.reports.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.reports.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.reports.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.reports.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.reports:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking {
              background-image: url("../img/icon-nav-tracking.7f3ba5b11461.png");
              background-repeat: no-repeat;
              background-position: 27px center;
              background-position: 26px; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking {
                  background-image: url("../img/icon-nav-tracking@2x.7b1dc912b7bc.png");
                  background-size: 19px 13px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.tracking.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.tracking.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking:hover:before {
                position: absolute;
                display: inline-block;
                background: #F29A4C none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.tracking.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.tracking.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking:hover > a {
                color: #F29A4C; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.tracking.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.tracking.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.tracking.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.tracking.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tracking:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts {
              background-image: url("../img/icon-nav-contacts.fdb6ed7a6f7c.png");
              background-repeat: no-repeat;
              background-position: 27px center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts {
                  background-image: url("../img/icon-nav-contacts@2x.0e5671c4d587.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.contacts.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.contacts.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts:hover:before {
                position: absolute;
                display: inline-block;
                background: #F9D238 none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.contacts.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.contacts.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts:hover > a {
                color: #F9D238; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.contacts.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.contacts.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.contacts.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.contacts.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.contacts:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes {
              background-image: url("../img/icon-nav-notes.30b38ab82f4e.png");
              background-repeat: no-repeat;
              background-position: 27px center;
              background-position: 28px; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes {
                  background-image: url("../img/icon-nav-notes@2x.11ec37d63537.png");
                  background-size: 15px 20px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.notes.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.notes.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes:hover:before {
                position: absolute;
                display: inline-block;
                background: #56CCCE none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.notes.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.notes.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes:hover > a {
                color: #56CCCE; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.notes.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.notes.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.notes.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.notes.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.notes:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events {
              background-image: url("../img/icon-nav-events.62482390d979.png");
              background-repeat: no-repeat;
              background-position: 27px center;
              background-position: 28px; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events {
                  background-image: url("../img/icon-nav-events@2x.24d33731428c.png");
                  background-size: 15px 16px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.events.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.events.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events:hover:before {
                position: absolute;
                display: inline-block;
                background: #F79C53 none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.events.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.events.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events:hover > a {
                color: #F79C53; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.events.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.events.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.events.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.events.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.events:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum {
              background-image: url("../img/icon-nav-forum.png");
              background-repeat: no-repeat;
              background-position: 27px center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum {
                  background-image: url("../img/icon-nav-forum@2x.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.forum.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.forum.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum:hover:before {
                position: absolute;
                display: inline-block;
                background: #fff none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.forum.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.forum.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum:hover > a {
                color: #fff; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.forum.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.forum.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.forum.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.forum.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.forum:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore {
              background-image: url("../img/icon-nav-apps.6cd3b5dbf23b.png");
              background-repeat: no-repeat;
              background-position: 27px center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore {
                  background-image: url("../img/icon-nav-apps@2x.4f8d4238a64b.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.appstore.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.appstore.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore:hover:before {
                position: absolute;
                display: inline-block;
                background: #64939A none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.appstore.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.appstore.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore:hover > a {
                color: #64939A; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.appstore.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.appstore.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.appstore.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.appstore.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.appstore:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps {
              background-image: url("../img/icon-nav-apps.6cd3b5dbf23b.png");
              background-repeat: no-repeat;
              background-position: 27px center;
              background-position: 28px 12.5px; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps {
                  background-image: url("../img/icon-nav-apps@2x.4f8d4238a64b.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.installedapps.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps:hover:before {
                position: absolute;
                display: inline-block;
                background: #64939A none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.installedapps.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps:hover > a {
                color: #64939A; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.installedapps.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.installedapps.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installedapps:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks {
              background-image: url("../img/icon-nav-tasks.cf8f5eb9ca50.png");
              background-repeat: no-repeat;
              background-position: 27px center;
              background-position: 27px; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks {
                  background-image: url("../img/icon-nav-tasks@2x.51bceecb58bc.png");
                  background-size: 16px 15px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.tasks.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.tasks.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks:hover:before {
                position: absolute;
                display: inline-block;
                background: #3884F2 none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.tasks.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.tasks.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks:hover > a {
                color: #3884F2; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.tasks.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.tasks.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.tasks.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.tasks.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.tasks:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts {
              background-image: url("../img/icon-nav-action-alerts.9855fa8da5a7.png");
              background-repeat: no-repeat;
              background-position: 27px center;
              background-position: 27px; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts {
                  background-image: url("../img/icon-nav-action-alerts@2x.29b50f108094.png");
                  background-size: 20px 16px; } }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.action-alerts.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts:hover:before {
                position: absolute;
                display: inline-block;
                background: #F79C53 none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.action-alerts.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts:hover > a {
                color: #F79C53; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts.active > a.plus-icon, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.action-alerts.control-more > a.plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts.control-more > a.plus-icon, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts:hover > a.plus-icon {
                  opacity: 0.5; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts.active > a.plus-icon:hover, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.action-alerts.control-more > a.plus-icon:hover, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts.control-more > a.plus-icon:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.action-alerts:hover > a.plus-icon:hover {
                    opacity: 1; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app {
              background-repeat: no-repeat;
              background-position: 25px center;
              background-size: 22px 22px; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.white {
                background-repeat: no-repeat;
                background-position: 25px center; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.white.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.installed-app.white.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.white.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.white:hover:before {
                  position: absolute;
                  display: inline-block;
                  background: #fff none repeat scroll 0 0;
                  border-top-right-radius: 3px;
                  border-bottom-right-radius: 3px;
                  content: "";
                  height: 45px;
                  width: 4px;
                  left: 0;
                  top: 0; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.white.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.installed-app.white.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.white.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.white:hover > a {
                  color: #fff; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.active:before, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.installed-app.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.control-more:before, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app:hover:before {
                position: absolute;
                display: inline-block;
                background: #E5244D none repeat scroll 0 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                content: "";
                height: 45px;
                width: 4px;
                left: 0;
                top: 0; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.active > a, body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.installed-app.control-more > a, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app.control-more > a, body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app:hover > a {
                color: #E5244D; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li.installed-app span {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                display: block;
                max-width: 135px; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li > a:not(.plus-icon) {
              line-height: 45px;
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-Medium', sans-serif;
              background-repeat: no-repeat;
              background-position: 20px center;
              display: block;
              font-size: 13.5px;
              color: #737E94;
              padding-left: 58px;
              letter-spacing: 0; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li.active > a:not(.plus-icon), body.app #sidebar.layout_v2 .custom-dropdown.open .sidebar-menu > ul > li.control-more > a:not(.plus-icon), body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li.control-more > a:not(.plus-icon) {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-DemiBold', sans-serif; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li .plus-icon {
              display: none;
              position: absolute;
              width: 30px;
              height: 18px;
              top: 15px;
              right: 10px; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li .plus-icon i {
                display: block;
                left: 8px; }
            body.app #sidebar.layout_v2 .sidebar-menu > ul > li ul {
              margin: 0;
              padding: 0;
              list-style: none;
              background-color: #1B293E;
              overflow: hidden;
              list-style: outside none none;
              margin: 0 0 -2px 10px;
              padding: 0 22px 0 30px; }
              body.app #sidebar.layout_v2 .sidebar-menu > ul > li ul li {
                padding: 10px 0; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li ul li:first-child {
                  border-top: none;
                  box-shadow: none !important;
                  -webkit-box-shadow: none !important;
                  -moz-box-shadow: none !important; }
                body.app #sidebar.layout_v2 .sidebar-menu > ul > li ul li a {
                  font-variant-ligatures: none;
                  -webkit-font-variant-ligatures: none;
                  text-rendering: optimizeLegibility;
                  -moz-osx-font-smoothing: grayscale;
                  font-smoothing: antialiased;
                  -webkit-font-smoothing: antialiased;
                  font-family: 'AvenirNext-Medium', sans-serif;
                  cursor: pointer !important;
                  font-size: 13px;
                  display: block;
                  line-height: 17px;
                  color: #5a678f !important;
                  letter-spacing: 1px; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li ul li a:hover, body.app #sidebar.layout_v2 .sidebar-menu > ul > li ul li a.active, body.app #sidebar.layout_v2 .sidebar-menu > ul > li ul li .custom-dropdown.open a.control-more, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li ul li a.control-more {
                    color: #a0a4af !important; }
                  body.app #sidebar.layout_v2 .sidebar-menu > ul > li ul li a.active, body.app #sidebar.layout_v2 .sidebar-menu > ul > li ul li .custom-dropdown.open a.control-more, body.app .custom-dropdown.open #sidebar.layout_v2 .sidebar-menu > ul > li ul li a.control-more {
                    font-variant-ligatures: none;
                    -webkit-font-variant-ligatures: none;
                    text-rendering: optimizeLegibility;
                    -moz-osx-font-smoothing: grayscale;
                    font-smoothing: antialiased;
                    -webkit-font-smoothing: antialiased;
                    font-family: 'AvenirNext-DemiBold', sans-serif; }
      body.app #sidebar.layout_v2 .sidebar-content {
        position: relative;
        width: 200px;
        border-radius: 0 0 0 5px;
        line-height: 38px;
        padding: 20px 0 0; }
        body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container {
          padding: 25px 0 0 0;
          margin: 0 11px;
          box-shadow: inset 0 1px 0 0 #33445E; }
          body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .info-cell-header {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            color: #737E94;
            margin-left: 8px; }
          body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-pages-list {
            padding: 25px 0 0 8px; }
          body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page {
            list-style: none;
            height: 30px;
            margin-bottom: 10px; }
            body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon {
              height: 30px;
              width: 30px;
              border-radius: 15px;
              background-color: #737E94;
              float: left;
              margin-right: 10px;
              box-shadow: none;
              border: none; }
              body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.order {
                background-repeat: no-repeat;
                background-position: center center;
                background-image: url("../img/icon-recently-visited-order.936452e3b840.png"); }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.order {
                    background-image: url("../img/icon-recently-visited-order@2x.41508a07d894.png");
                    background-size: 12px 13px; } }
              body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.event {
                background-repeat: no-repeat;
                background-position: center center;
                background-image: url("../img/icon-recently-visited-event.2212a5e137d6.png"); }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.event {
                    background-image: url("../img/icon-recently-visited-event@2x.4e89147491a9.png");
                    background-size: 14px 14px; } }
              body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.contact {
                background-repeat: no-repeat;
                background-position: center center;
                background-image: url("../img/icon-recently-visited-contact.45e35871ed03.png"); }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.contact {
                    background-image: url("../img/icon-recently-visited-contact@2x.f1a19145a218.png");
                    background-size: 12px 12px; } }
              body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.note {
                background-repeat: no-repeat;
                background-position: center center;
                background-image: url("../img/icon-recently-visited-note.1bfb6f1425de.png"); }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.note {
                    background-image: url("../img/icon-recently-visited-note@2x.b9b89c7220d4.png");
                    background-size: 11px 14px; } }
              body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.task {
                background-repeat: no-repeat;
                background-position: center center;
                background-image: url("../img/icon-nav-active-tasks.94f06aa1098f.png"); }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page .icon.task {
                    background-image: url("../img/icon-nav-active-tasks@2x.1c49082feece.png");
                    background-size: 16px 15px; } }
            body.app #sidebar.layout_v2 .sidebar-content .recently-visited-pages-container .visited-page a {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-DemiBold', sans-serif;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              color: #737E94;
              font-size: 11px;
              line-height: 30px;
              display: block; }
        body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar {
          width: 100%;
          height: 215px;
          bottom: 0;
          left: 0;
          right: 0; }
          body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar.fixed {
            position: fixed;
            bottom: 0;
            left: 1px;
            width: 200px; }
          body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar.top {
            position: relative;
            top: 0;
            bottom: inherit; }
          body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .control-bar {
            height: 15px;
            width: 100%; }
            body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .control-bar .arrow-left-events {
              background-image: url("../img/crm/arrow-left-grey.2ad84f98d965.png");
              background-position: 90%; }
            body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .control-bar .arrow-right-events {
              background-image: url("../img/crm/arrow-right-grey.2d4965a30317.png");
              background-position: 0%; }
            body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .control-bar .arrow-left-events, body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .control-bar .arrow-right-events {
              width: 19px;
              height: 15px;
              cursor: pointer;
              background-repeat: no-repeat; }
            body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .control-bar .month-label {
              text-transform: capitalize;
              text-align: center;
              line-height: 15px;
              font-size: 12px;
              font-weight: bold;
              color: #68829c;
              margin: 0;
              width: 160px; }
          body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-header-col, body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-col {
            float: left;
            height: 28px;
            width: 28px;
            border-radius: 3px;
            line-height: 28px;
            text-align: center;
            font-size: 11px; }
          body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-header-col {
            color: #777; }
          body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-col {
            color: #a4a4a4;
            cursor: pointer;
            position: relative; }
            body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-col.cal-day-today {
              background: transparent;
              border: 2px dotted #68829c;
              border-radius: 15px;
              line-height: 25px;
              font-weight: bold; }
              body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-col.cal-day-today span {
                margin-right: 1px; }
            body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-col.cal-day-weekend {
              color: #68829c; }
            body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-col.cal-day-outmonth {
              color: #4a535a; }
            body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-col:hover {
              background-color: #efefef; }
            body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar .events-col .events-circle {
              position: absolute;
              height: 6px;
              width: 6px;
              border-radius: 30px;
              background-color: crimson;
              top: 0;
              right: 0; }
          body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar mwl-calendar.loading .loader {
            background-image: url("../img/spinner-dark-big.98f31ebf0967.gif"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body.app #sidebar.layout_v2 .sidebar-content .sidebar-calendar mwl-calendar.loading .loader {
                background-image: url("../img/spinner-dark-big@2x.be074cad7f35.gif");
                background-size: 70px; } }
        body.app #sidebar.layout_v2 .sidebar-content .usage-block {
          position: initial; }
          body.app #sidebar.layout_v2 .sidebar-content .usage-block .slash {
            color: #bebebe;
            font-size: 24px; }
      body.app #sidebar.layout_v2 .sidebar-footer {
        border-top: 1px solid #666;
        position: relative;
        flex: 0 1 auto;
        height: 40px;
        width: 100%;
        display: flex; }
        body.app #sidebar.layout_v2 .sidebar-footer a {
          font-size: 13px;
          display: block;
          flex: 1 1 0;
          position: relative;
          vertical-align: middle;
          text-align: center;
          color: #68829c;
          background-repeat: no-repeat;
          background-position: 12px center;
          border-right: 1px solid #666;
          outline: none; }
          body.app #sidebar.layout_v2 .sidebar-footer a:hover {
            color: #515870; }
          body.app #sidebar.layout_v2 .sidebar-footer a.disabled {
            cursor: not-allowed;
            filter: alpha(opacity=40);
            opacity: .4;
            -moz-opacity: .4; }
            body.app #sidebar.layout_v2 .sidebar-footer a.disabled:hover {
              color: #8e8e96; }
          body.app #sidebar.layout_v2 .sidebar-footer a.settings {
            background-position: 10px center; }
            body.app #sidebar.layout_v2 .sidebar-footer a.settings i {
              width: 16px;
              background-image: url("../img/icon-settings.8a24ba08041c.png"); }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-footer a.settings i {
                  background-image: url("../img/icon-settings@2x.1c8ea0b8be83.png");
                  background-size: 16px 16px; } }
          body.app #sidebar.layout_v2 .sidebar-footer a.account i {
            width: 16px;
            background-image: url("../img/icon-account-v2.3e79e780706f.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body.app #sidebar.layout_v2 .sidebar-footer a.account i {
                background-image: url("../img/icon-account-v2@2x.eecfeaf4ff62.png");
                background-size: 16px 16px; } }
          body.app #sidebar.layout_v2 .sidebar-footer a.collapser-holder i {
            width: 16px;
            background-size: 16px 7.6px;
            background-image: url("../img/icon-collapse.2ac3ff7e452b.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body.app #sidebar.layout_v2 .sidebar-footer a.collapser-holder i {
                background-image: url("../img/icon-collapse@2x.3f44fc845430.png");
                background-size: 16px 7.6px; } }
            body.app #sidebar.layout_v2 .sidebar-footer a.collapser-holder i.collapsed {
              background-image: url("../img/icon-expand.f7f7b4f1b8a6.png"); }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2 .sidebar-footer a.collapser-holder i.collapsed {
                  background-image: url("../img/icon-expand@2x.8c70cd565a2e.png");
                  background-size: 16px 7.6px; } }
          body.app #sidebar.layout_v2 .sidebar-footer a .icon-text-container {
            display: inline-block;
            margin: 0 auto;
            height: 100%; }
          body.app #sidebar.layout_v2 .sidebar-footer a i {
            display: block;
            height: 38px;
            background-repeat: no-repeat;
            background-position: 100%; }
          body.app #sidebar.layout_v2 .sidebar-footer a span {
            display: none;
            margin-top: 1px; }
      body.app #sidebar.layout_v2.collapsed {
        width: 70px; }
        body.app #sidebar.layout_v2.collapsed + #main {
          width: calc(100% - 70px);
          margin-left: 70px; }
        body.app #sidebar.layout_v2.collapsed .sidebar-content {
          display: none; }
        body.app #sidebar.layout_v2.collapsed .sidebar-footer {
          display: block;
          height: auto;
          border-top: none; }
          body.app #sidebar.layout_v2.collapsed .sidebar-footer a {
            width: 100%;
            border-right: none; }
        body.app #sidebar.layout_v2.collapsed .sidebar-menu {
          text-align: center;
          overflow-y: hidden;
          margin-right: 0; }
          body.app #sidebar.layout_v2.collapsed .sidebar-menu .logo {
            height: 45px;
            width: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            margin: 15px 0 15px 0;
            background-image: url("../img/readycloud-mark.5636ce64ca14.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body.app #sidebar.layout_v2.collapsed .sidebar-menu .logo {
                background-image: url("../img/readycloud-mark@2x.8cb3490027fe.png");
                background-size: 25px 25px; } }
          body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li {
            display: block;
            width: 45px;
            margin: 0 auto;
            margin-bottom: 10px;
            padding: 0; }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.dashboard {
              background-image: url("../img/icon-nav-dashboard.73f194260239.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.dashboard {
                  background-image: url("../img/icon-nav-dashboard@2x.fbd2341d4929.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.dashboard:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.dashboard.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.dashboard.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.dashboard.control-more {
                background-image: url("../img/icon-nav-active-dashboard.76510bcc8290.png");
                background-color: #1EBEF3; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.dashboard:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.dashboard.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.dashboard.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.dashboard.control-more {
                    background-image: url("../img/icon-nav-active-dashboard@2x.d669e5fa9943.png");
                    background-size: 17px 17px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.orders {
              background-image: url("../img/icon-nav-orders.130292e71889.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.orders {
                  background-image: url("../img/icon-nav-orders@2x.fbd827c18b7a.png");
                  background-size: 17px 16px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.orders:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.orders.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.orders.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.orders.control-more {
                background-image: url("../img/icon-nav-active-orders.c73cd40f2b15.png");
                background-color: #5DCF9A; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.orders:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.orders.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.orders.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.orders.control-more {
                    background-image: url("../img/icon-nav-active-orders@2x.baa10e930e9c.png");
                    background-size: 17px 16px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.reports {
              background-image: url("../img/icon-nav-reports.9aa54ad906c2.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.reports {
                  background-image: url("../img/icon-nav-reports@2x.7eeedd8bc1ae.png");
                  background-size: 17px 15px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.reports:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.reports.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.reports.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.reports.control-more {
                background-image: url("../img/icon-nav-active-reports.692b888c6f97.png");
                background-color: #A685F0; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.reports:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.reports.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.reports.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.reports.control-more {
                    background-image: url("../img/icon-nav-active-reports@2x.805da4e02f4f.png");
                    background-size: 17px 15px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tracking {
              background-image: url("../img/icon-nav-tracking.7f3ba5b11461.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tracking {
                  background-image: url("../img/icon-nav-tracking@2x.7b1dc912b7bc.png");
                  background-size: 19px 13px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tracking:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tracking.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.tracking.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tracking.control-more {
                background-image: url("../img/icon-nav-active-tracking.83a5e647e116.png");
                background-color: #F29A4C; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tracking:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tracking.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.tracking.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tracking.control-more {
                    background-image: url("../img/icon-nav-active-tracking@2x.21c66e67c88a.png");
                    background-size: 19px 13px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.contacts {
              background-image: url("../img/icon-nav-contacts.fdb6ed7a6f7c.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.contacts {
                  background-image: url("../img/icon-nav-contacts@2x.0e5671c4d587.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.contacts:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.contacts.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.contacts.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.contacts.control-more {
                background-image: url("../img/icon-nav-active-contacts.2ecc470cea7b.png");
                background-color: #F9D238; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.contacts:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.contacts.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.contacts.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.contacts.control-more {
                    background-image: url("../img/icon-nav-active-contacts@2x.33bd31a69655.png");
                    background-size: 17px 17px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.notes {
              background-image: url("../img/icon-nav-notes.30b38ab82f4e.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.notes {
                  background-image: url("../img/icon-nav-notes@2x.11ec37d63537.png");
                  background-size: 15px 20px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.notes:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.notes.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.notes.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.notes.control-more {
                background-image: url("../img/icon-nav-active-notes.0b1347367fdc.png");
                background-color: #56CCCE; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.notes:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.notes.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.notes.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.notes.control-more {
                    background-image: url("../img/icon-nav-active-notes@2x.78616835ca4b.png");
                    background-size: 15px 20px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.events {
              background-image: url("../img/icon-nav-events.62482390d979.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.events {
                  background-image: url("../img/icon-nav-events@2x.24d33731428c.png");
                  background-size: 15px 16px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.events:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.events.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.events.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.events.control-more {
                background-image: url("../img/icon-nav-active-events.b7d8778115b8.png");
                background-color: #F79C53; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.events:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.events.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.events.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.events.control-more {
                    background-image: url("../img/icon-nav-active-events@2x.53a2ec4b2768.png");
                    background-size: 15px 16px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.forum {
              background-image: url("../img/icon-nav-forum.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.forum {
                  background-image: url("../img/icon-nav-forum@2x.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.forum:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.forum.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.forum.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.forum.control-more {
                background-image: url("../img/icon-nav-active-forum.png");
                background-color: #fff; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.forum:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.forum.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.forum.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.forum.control-more {
                    background-image: url("../img/icon-nav-active-forum@2x.png");
                    background-size: 17px 17px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.appstore {
              background-image: url("../img/icon-nav-apps.6cd3b5dbf23b.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.appstore {
                  background-image: url("../img/icon-nav-apps@2x.4f8d4238a64b.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.appstore:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.appstore.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.appstore.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.appstore.control-more {
                background-image: url("../img/icon-nav-active-apps.1737616a8b52.png");
                background-color: #64939A; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.appstore:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.appstore.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.appstore.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.appstore.control-more {
                    background-image: url("../img/icon-nav-active-apps@2x.28de887681f1.png");
                    background-size: 17px 17px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.installedapps {
              background-image: url("../img/icon-nav-apps.6cd3b5dbf23b.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.installedapps {
                  background-image: url("../img/icon-nav-apps@2x.4f8d4238a64b.png");
                  background-size: 17px 17px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.installedapps:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.installedapps.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.installedapps.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.installedapps.control-more {
                background-image: url("../img/icon-nav-active-apps.1737616a8b52.png");
                background-color: #64939A; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.installedapps:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.installedapps.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.installedapps.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.installedapps.control-more {
                    background-image: url("../img/icon-nav-active-apps@2x.28de887681f1.png");
                    background-size: 17px 17px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tasks {
              background-image: url("../img/icon-nav-tasks.cf8f5eb9ca50.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tasks {
                  background-image: url("../img/icon-nav-tasks@2x.51bceecb58bc.png");
                  background-size: 16px 15px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tasks:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tasks.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.tasks.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tasks.control-more {
                background-image: url("../img/icon-nav-active-tasks.94f06aa1098f.png");
                background-color: #3884F2; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tasks:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tasks.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.tasks.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.tasks.control-more {
                    background-image: url("../img/icon-nav-active-tasks@2x.1c49082feece.png");
                    background-size: 16px 15px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.action-alerts {
              background-image: url("../img/icon-nav-action-alerts.9855fa8da5a7.png");
              background-repeat: no-repeat;
              background-position: center center; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.action-alerts {
                  background-image: url("../img/icon-nav-action-alerts@2x.29b50f108094.png");
                  background-size: 20px 16px; } }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.action-alerts:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.action-alerts.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.action-alerts.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.action-alerts.control-more {
                background-image: url("../img/icon-nav-active-action-alerts.0a657a78d5ab.png");
                background-color: #F79C53; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.action-alerts:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.action-alerts.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.action-alerts.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.action-alerts.control-more {
                    background-image: url("../img/icon-nav-active-action-alerts@2x.af1026b7b3ee.png");
                    background-size: 20px 16px; } }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.installed-app {
              background-position: center center; }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li:hover, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.active, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.control-more, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.control-more {
              border-radius: 4px; }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li:hover:before, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li:hover .plus-icon, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.active:before, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.control-more:before, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.control-more:before, body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.active .plus-icon, body.app #sidebar.layout_v2.collapsed .custom-dropdown.open .sidebar-menu > ul > li.control-more .plus-icon, body.app .custom-dropdown.open #sidebar.layout_v2.collapsed .sidebar-menu > ul > li.control-more .plus-icon {
                display: none; }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li > a:not(.plus-icon) {
              display: block;
              height: 45px;
              padding-left: 0; }
              body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li > a:not(.plus-icon) > span {
                display: none; }
            body.app #sidebar.layout_v2.collapsed .sidebar-menu > ul > li > ul {
              display: none; }
  body.lobby {
    min-width: auto; }
    body.lobby #wrapper {
      padding: 0;
      background: none;
      margin: 0 auto; }
  body.related-objects-select-iframe {
    min-width: 780px;
    overflow: hidden; }
    body.related-objects-select-iframe #content #main {
      width: 100%; }
    body.related-objects-select-iframe .daterangepicker {
      width: 720px;
      left: 10px !important; }
      body.related-objects-select-iframe .daterangepicker:before, body.related-objects-select-iframe .daterangepicker:after {
        left: 107px; }
  body .usage-block {
    width: 100%;
    height: 110px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-family: 'proxima_novalight', sans-serif;
    opacity: 0;
    transition: opacity 150ms linear; }
    body .usage-block.visible {
      opacity: 1; }
    body .usage-block .title {
      color: #969696;
      font-size: 14px;
      margin-bottom: -10px; }
    body .usage-block .usage-amount {
      margin-bottom: 5px; }
      body .usage-block .usage-amount div {
        display: inline-table; }
      body .usage-block .usage-amount .current {
        color: #588fcd;
        font-size: 24px; }
      body .usage-block .usage-amount .divider {
        background: url("../img/divider.1bbd9b2545e3.png") no-repeat top;
        width: 8px;
        height: 21px;
        vertical-align: bottom;
        margin: 0 -2px 10px -3px; }
    body .usage-block .bar-wrapper {
      position: relative;
      width: 87%;
      margin: 0 auto; }
      body .usage-block .bar-wrapper .bar {
        height: 5px;
        border-radius: 5px;
        background-color: #e8e8e8;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.25) inset; }
        body .usage-block .bar-wrapper .bar .value {
          width: 0%;
          background-color: #87919c;
          height: 5px;
          border-radius: 5px;
          transition: width 600ms ease-out; }
      body .usage-block .bar-wrapper .amount-block {
        color: #a6a3a3;
        font-size: 12px;
        line-height: 13px;
        text-align: center;
        margin-bottom: 7px; }
        body .usage-block .bar-wrapper .amount-block .line:before {
          content: '|';
          font-size: 9px; }
      body .usage-block .bar-wrapper .first-amount {
        float: left;
        margin-left: -2px; }
      body .usage-block .bar-wrapper .last-amount {
        float: right;
        margin-right: -13px;
        width: 30px;
        overflow: hidden; }
  body .options .inner {
    font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
    padding-left: 10px;
    line-height: 41px; }
    body .options .inner .orders-filter-radios {
      position: relative;
      top: 4px; }
    body .options .inner .display-label {
      display: inline-block;
      margin-right: 10px;
      position: relative;
      top: 1px; }
  body #overview-st {
    border-bottom: 1px solid #ccc;
    background-color: #fafafa ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f2f2f2)) ;
    background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2) ;
    background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2) ;
    background-image: -ms-linear-gradient(top, #fafafa, #f2f2f2) ;
    background-image: -o-linear-gradient(top, #fafafa, #f2f2f2) ;
    background-image: linear-gradient(top, #fafafa, #f2f2f2) ;
    padding-top: 15px;
    padding-bottom: 15px; }
    body #overview-st .value {
      text-align: center;
      color: #999;
      font-size: 13px; }
      body #overview-st .value .rate {
        font-weight: 500;
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'proxima_novasemibold', sans-serif;
        font-size: 22px;
        color: #353535;
        display: block;
        margin-bottom: 4px; }
    body #overview-st .whibox {
      min-height: 70px;
      padding: 14px;
      height: 100%;
      background-image: url("../img/fence-pat.d92f39177720.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body #overview-st .whibox {
          background-image: url("../img/fence-pat@2x.png");
          background-size: 50px 50px; } }
    body #overview-st .barstats h5 {
      margin-top: 0;
      margin-bottom: 8px;
      text-transform: uppercase; }
    body #overview-st .barstats .proglabel {
      color: #999;
      font-size: 13px; }
    body #overview-st .barstats .green {
      color: #79b229; }
    body #overview-st .barstats .red {
      color: #e66675; }
    body #overview-st .barstats .green, body #overview-st .barstats .red {
      font-weight: bold; }
    body #overview-st .barstats .circle {
      border-radius: 50px;
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 4px;
      line-height: 8px; }
    body #overview-st .barstats .green.circle {
      background: #79b229; }
    body #overview-st .barstats .red.circle {
      background: #e66675; }
    body #overview-st .progbar {
      border-radius: 30px;
      height: 10px;
      background-color: #f2f2f2;
      overflow: hidden;
      position: relative; }
      body #overview-st .progbar.green {
        margin-bottom: 12px; }
        body #overview-st .progbar.green span {
          background-color: #94c54f ;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94c54f), color-stop(100%, #7da743)) ;
          background-image: -webkit-linear-gradient(top, #94c54f, #7da743) ;
          background-image: -moz-linear-gradient(top, #94c54f, #7da743) ;
          background-image: -ms-linear-gradient(top, #94c54f, #7da743) ;
          background-image: -o-linear-gradient(top, #94c54f, #7da743) ;
          background-image: linear-gradient(top, #94c54f, #7da743) ; }
      body #overview-st .progbar.red span {
        background-color: #e16473 ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e16473), color-stop(100%, #c05561)) ;
        background-image: -webkit-linear-gradient(top, #e16473, #c05561) ;
        background-image: -moz-linear-gradient(top, #e16473, #c05561) ;
        background-image: -ms-linear-gradient(top, #e16473, #c05561) ;
        background-image: -o-linear-gradient(top, #e16473, #c05561) ;
        background-image: linear-gradient(top, #e16473, #c05561) ; }
      body #overview-st .progbar span {
        display: block;
        background-color: #ccc ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccc), color-stop(100%, #999)) ;
        background-image: -webkit-linear-gradient(top, #ccc, #999) ;
        background-image: -moz-linear-gradient(top, #ccc, #999) ;
        background-image: -ms-linear-gradient(top, #ccc, #999) ;
        background-image: -o-linear-gradient(top, #ccc, #999) ;
        background-image: linear-gradient(top, #ccc, #999) ;
        border-radius: 30px;
        height: 10px; }
        body #overview-st .progbar span::after {
          display: block;
          position: absolute;
          width: 100%;
          height: 10px;
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
          background-color: transparent;
          content: '';
          top: 0;
          left: 0; }
  body #overview-graphs {
    background-color: #fff ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f3f6)) ;
    background-image: -webkit-linear-gradient(top, #fff, #f2f3f6) ;
    background-image: -moz-linear-gradient(top, #fff, #f2f3f6) ;
    background-image: -ms-linear-gradient(top, #fff, #f2f3f6) ;
    background-image: -o-linear-gradient(top, #fff, #f2f3f6) ;
    background-image: linear-gradient(top, #fff, #f2f3f6) ;
    border-bottom: 1px solid #c9cfd4;
    position: relative;
    margin-bottom: 0; }
    body #overview-graphs .pieg {
      height: 250px; }
    body #overview-graphs .pie {
      border-right: 1px solid rgba(0, 0, 0, 0.08);
      box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5);
      padding-left: 20px; }
    body #overview-graphs::after {
      content: '';
      display: block;
      width: 100%;
      height: 10px;
      position: absolute;
      bottom: -11px;
      left: 0;
      background: transparent;
      background-color: #e8e8ec ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8ec), color-stop(80%, #edeef2)) ;
      background-image: -webkit-linear-gradient(top, #e8e8ec 0%, #edeef2 80%) ;
      background-image: -moz-linear-gradient(top, #e8e8ec 0%, #edeef2 80%) ;
      background-image: -ms-linear-gradient(top, #e8e8ec 0%, #edeef2 80%) ;
      background-image: -o-linear-gradient(top, #e8e8ec 0%, #edeef2 80%) ;
      background-image: linear-gradient(top, #e8e8ec 0%, #edeef2 80%) ; }
  body #stacked-graph {
    height: 230px; }
  body body ul.legend.wide {
    padding-top: 0; }
    body body ul.legend.wide li .stat {
      font-size: 13px; }
  body #bar-graph {
    height: 250px;
    margin-bottom: 10px; }
  body #report-linegraph {
    min-height: 280px;
    background-color: #edeef2 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edeef2), color-stop(100%, #fff)) ;
    background-image: -webkit-linear-gradient(top, #edeef2, #fff) ;
    background-image: -moz-linear-gradient(top, #edeef2, #fff) ;
    background-image: -ms-linear-gradient(top, #edeef2, #fff) ;
    background-image: -o-linear-gradient(top, #edeef2, #fff) ;
    background-image: linear-gradient(top, #edeef2, #fff) ;
    margin-bottom: 0; }
    body #report-linegraph h4 {
      text-transform: uppercase;
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'proxima_novasemibold', sans-serif;
      font-weight: 500;
      color: #666b7e;
      padding-top: 10px;
      margin-bottom: 3px;
      text-shadow: 0 1px 0 #fff; }
      body #report-linegraph h4 span.lower {
        text-transform: lowercase; }
    body #report-linegraph.shipping .someclass {
      height: 250px; }
  body #history_holder {
    max-width: 940px;
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 30px;
    height: 100%; }
  body .travel.pull-left {
    margin-left: 20px !important; }
  body .travel.pull-right {
    margin-right: 20px !important; }
  body .icon-info {
    background: url("../img/info-icon-transp.eb4060a79837.png") no-repeat 50%; }
  body .icon-map {
    background: url("../img/icon-map.788c3a9fdbce.png") no-repeat 50%; }
  body .status-line-holder {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0 10px;
    width: 90px;
    height: 9px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #777;
    border-bottom: 1px solid #fff;
    overflow: hidden; }
  body .status-line {
    position: absolute;
    left: 1px;
    top: 0;
    height: 100%;
    width: 2%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #a1ca64;
    /* Old browsers */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExY2E2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OGE0NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a1ca64 0%, #78a449 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1ca64), color-stop(100%, #78a449));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a1ca64 0%, #78a449 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a1ca64 0%, #78a449 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a1ca64 0%, #78a449 100%);
    /* IE10+ */
    background: linear, to bottom, #a1ca64 0%, #78a449 100%;
    /* W3C */
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12); }
  body .grey-line-style {
    background: #fefefe;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #e8e8e8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #e8e8e8 100%);
    /* IE10+ */
    background: linear, to bottom, #fefefe 0%, #e8e8e8 100%;
    /* W3C */
    padding-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b2b6b9; }
  body #overview-stats {
    min-height: 200px; }
  body .status-holder {
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 3px; }
    body .status-holder .grey-text {
      font-weight: 300;
      color: #777; }
  body .ship-box {
    overflow: hidden; }
    body .ship-box .profile-info {
      text-align: center;
      font-size: 24px;
      line-height: 34px;
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'proxima_novasemibold', sans-serif; }
      body .ship-box .profile-info .profile-avatar {
        display: inline-block;
        width: 100px;
        height: 100px;
        background-size: cover !important;
        background: url("../img/crm/icon-big-contact-avatar.b17ce0c930e7.png") no-repeat 50%;
        margin: 10px 0;
        float: none;
        border-radius: 60px; }
      body .ship-box .profile-info .profile-link {
        display: block; }
  body .ship-label {
    float: left;
    text-align: right;
    width: 40px;
    min-height: 40px;
    margin: 0 17px 0 0;
    text-transform: uppercase;
    color: #5a678f;
    font-size: 10px;
    line-height: 11px;
    font-weight: bold; }
  body .ship-label-2 {
    text-transform: uppercase;
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 16px; }
  body .ship-text {
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    top: -3px;
    display: block; }
  body .ship-text-2 {
    text-align: center;
    color: #db6c56;
    font-size: 24px;
    line-height: 34px;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'proxima_novasemibold', sans-serif; }
  body .holder-for-info {
    padding-top: 18px;
    padding-bottom: 20px; }
  body .holder-for-info:after {
    content: '';
    display: block;
    clear: both; }
  body .info-holder:after {
    content: '';
    display: block;
    clear: both; }
  body .info-box {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cacaca;
    -webkit-box-shadow: -1px 1px 3px #d6d6d7;
    box-shadow: -1px 1px 3px #d6d6d7;
    background: #fff;
    overflow: hidden; }
    body .info-box .holder {
      overflow: hidden;
      padding: 13px 10px 8px 19px; }
      body .info-box .holder .img-holder {
        float: left;
        width: 40px;
        text-align: center;
        margin: 6px 23px 0 0; }
        body .info-box .holder .img-holder span {
          display: inline-block;
          vertical-align: middle;
          height: 46px;
          width: 44px; }
  body .ico-calendar {
    background: url("../img/info-box-calendar.5f94b1458a69.gif") no-repeat; }
  body .ico-state {
    background: url("../img/info-box-state.47bfd499aaa8.gif") no-repeat; }
  body .ico-box {
    background: url("../img/info-box-box.7308a1cc3844.gif") no-repeat; }
  body .info-text-holder {
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    color: #999; }
    body .info-text-holder .rate {
      display: block;
      min-height: 50px;
      font-size: 26px;
      line-height: 34px;
      color: #555; }
      body .info-text-holder .rate.small {
        font-size: 19px;
        line-height: 25px; }
  body .title-history-holder {
    text-align: center;
    padding: 0 0 30px; }
    body .title-history-holder:after {
      content: '';
      display: block;
      clear: both; }
  body .title-history {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    color: #757a8c;
    background: #fff;
    -webkit-box-shadow: -1px 1px 6px #bcbdc2;
    box-shadow: -1px 1px 6px #bcbdc2;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #cacaca;
    padding: 10px 15px;
    text-transform: uppercase; }
  body .travel-history {
    background: url("../img/travel-pattern.453b758a1fd9.gif");
    min-height: 220px; }
    body .travel-history .holder {
      background: url("../img/history-holder-bg.bd5222bf5989.gif") repeat-y 50% 0;
      overflow: hidden;
      padding: 20px 0; }
    body .travel-history .travel-holder {
      position: relative; }
      body .travel-history .travel-holder::after {
        content: '';
        display: block;
        clear: both; }
    body .travel-history .travel {
      background: #fff;
      -webkit-box-shadow: -1px 1px 6px #bcbdc2;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
      border-radius: 6px;
      border: 1px solid rgba(0, 0, 0, 0.3);
      width: 426px;
      position: relative;
      margin: 0; }
      body .travel-history .travel.pull-left:after {
        content: '';
        position: absolute;
        width: 32px;
        height: 19px;
        right: -32px;
        top: 10px;
        background: url("../img/history-corner.35890f4bb1dd.png") no-repeat; }
      body .travel-history .travel.pull-right:after {
        content: '';
        position: absolute;
        width: 32px;
        height: 19px;
        left: -32px;
        top: 10px;
        background: url("../img/history-corner.35890f4bb1dd.png") no-repeat 0 100%; }
    body .travel-history .date {
      display: block;
      font-size: 14px;
      line-height: 18px;
      color: #6278aa;
      border-bottom: 1px solid #e5e5e5;
      padding: 7px 3px 5px;
      margin: 0 7px 3px; }
      body .travel-history .date em {
        color: #999;
        font-style: normal; }
    body .travel-history .text {
      padding: 10px 0;
      overflow: hidden;
      -webkit-border-radius: 0 0 6px 6px;
      border-radius: 0 0 6px 6px; }
      body .travel-history .text.blue {
        border-bottom: 3px solid rgba(162, 187, 220, 0.5); }
      body .travel-history .text.purple {
        border-bottom: 3px solid #cdaaed; }
      body .travel-history .text.green {
        border-bottom: 3px solid #c3de9c; }
      body .travel-history .text span {
        display: block;
        margin: 0 13px;
        padding: 0 32px;
        color: #555; }
        body .travel-history .text span.car {
          background: url("../img/icon-car.d568180b2a12.gif") no-repeat 0 3px; }
        body .travel-history .text span.fly {
          background: url("../img/icon-fly.a3f6bd710f94.gif") no-repeat 0 3px; }
  body .subheader-text {
    padding-top: 14px; }
  body .dropdow {
    display: block; }
  body .lower {
    text-transform: lowercase; }
  body .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  body .flot-x-axis div {
    padding: 5px; }
  body #tooltip {
    position: absolute;
    display: none; }
  body table.palette {
    line-height: 16px; }
    body table.palette tr td {
      border: 4px solid #fff; }
  body .title-holder {
    padding: 10px 20px;
    font-size: 16px;
    text-align: center; }
    body .title-holder .date {
      color: #747889; }
  body .nowrap {
    white-space: nowrap; }
  body .nopadding {
    padding: 0 !important;
    margin: 0 !important; }
  body .nopadding-bottom {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }
  body #pie-graph {
    float: left;
    width: 49%; }
  body .legend {
    float: left;
    width: 40%; }
  body .auth-logo {
    background-image: url("../img/readycloud-logo-white.4bb80cfd1f90.png");
    background-image: url("../img/readycloud-logo-white.4bb80cfd1f90.png");
    background-image: url("../img/readycloud-logo-white.4bb80cfd1f90.png");
    background-image: url("../img/readycloud-logo-white.4bb80cfd1f90.png");
    background-image: url("../img/readycloud-logo-white.4bb80cfd1f90.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 50px;
    width: 450px; }
  body .dark-grey {
    color: #46484e; }
  body .vcenter {
    vertical-align: middle;
    display: inline-block;
    float: none; }
  body .auth-header {
    font-size: 18px;
    color: #676a73;
    line-height: 22px; }
    body .auth-header.case-upper {
      text-transform: uppercase;
      font-size: 14px; }
  body .auth-info {
    font-size: 14px;
    color: #7f8491;
    line-height: 17px; }
    body .auth-info.centered {
      text-align: center; }
  body a.auth-link {
    font-size: 14px;
    border-bottom: 1px solid #cdced0;
    line-height: 14px;
    cursor: pointer; }
  body p a.auth-link {
    line-height: 38px;
    color: #595a5f; }
  body .form-place {
    border-radius: 4px;
    background: #fff;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.07);
    display: inline-block;
    border-radius: 5px;
    background-color: #fff;
    padding: 30px 25px 15px; }
    body .form-place.signin {
      width: 100%;
      padding-top: 0; }
      body .form-place.signin .form-header {
        padding: 34px 10px 18px;
        text-align: center; }
        body .form-place.signin .form-header h4 {
          font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
          color: #2f2e2d;
          font-weight: 500;
          background-image: url("../img/header-shadow-line.7861cd270377.png");
          background-repeat: no-repeat;
          background-position: center bottom;
          border: 0;
          padding: 0 24% 16px;
          display: inline-block;
          vertical-align: top; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .form-place.signin .form-header h4 {
              background-image: url("../img/header-shadow-line@2x.a9808a3739d8.png");
              background-size: 100% 1px; } }
        body .form-place.signin .form-header h4.wide {
          padding: 0 15% 16px; }
      body .form-place.signin .alert {
        text-align: center; }
      body .form-place.signin .social-auth-container-delimiter {
        margin-bottom: 30px; }
    body .form-place.inputs-only .form-group:last-child {
      margin-bottom: 0; }
    body .form-place.scopes {
      padding: 17px;
      width: 100%; }
  body .auth-buttons {
    margin: 20px 0; }
    body .auth-buttons a:hover {
      color: #306593; }
  body .auth-holder {
    width: 50%;
    min-width: 700px;
    margin: 0 auto;
    margin-bottom: 50px; }
  body .extra-header {
    width: 300px;
    margin: 0 auto 30px !important;
    overflow: hidden; }
    body .extra-header .circle {
      float: left;
      width: 110px;
      height: 110px;
      background-image: url("../img/app-connect-circle.bb74aac1c0b7.png");
      position: relative; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .extra-header .circle {
          background-image: url("../img/app-connect-circle@2x.034addc5221d.png");
          background-size: 110px 110px; } }
      body .extra-header .circle .app-logo {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 72px;
        height: 72px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        body .extra-header .circle .app-logo img {
          height: auto;
          width: 100%; }
      body .extra-header .circle .auth-ico {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 76px;
        height: 76px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        body .extra-header .circle .auth-ico#cloud {
          background-image: url("../img/rc-appstore-auth.52b5dcb77d1b.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .extra-header .circle .auth-ico#cloud {
              background-image: url("../img/rc-appstore-auth@2x.ec6a0f8d1e9c.png");
              background-size: 76px 76px; } }
      body .extra-header .circle.float_r {
        float: right; }
    body .extra-header .arrow {
      display: block;
      overflow: hidden;
      position: relative;
      height: 12px;
      width: 53px;
      margin: 43px auto 0;
      background-image: url("../img/app-connect-arrow.e0fdfaa6174e.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .extra-header .arrow {
          background-image: url("../img/app-connect-arrow@2x.27eb686f7acd.png");
          background-size: 53px 12px; } }
  body .popover-title {
    font-weight: 700; }
  body .header-row {
    background: #FFFFFF;
    height: 58px;
    width: 100%;
    border-radius: 4px; }
    body .header-row h3 {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      clear: left;
      color: #293037;
      float: left;
      font-size: 17px;
      line-height: 58px;
      margin: 0 20px 0 20px;
      font-weight: initial; }
    body .header-row .breadcrumb-arrow {
      background-image: url("../img/breadcrumb-arrow.98094f3d1074.png");
      display: block;
      float: left;
      height: 12px;
      margin: 23px 0;
      width: 6px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .header-row .breadcrumb-arrow {
          background-image: url("../img/breadcrumb-arrow@2x.652eca7a2f28.png");
          background-size: 6px 12px; } }
  body .table-controls .custom-dropdown, body .title-bar .custom-dropdown {
    display: block;
    float: left;
    margin: 21px 20px 0 20px; }
    body .table-controls .custom-dropdown .dropdown-toggle, body .title-bar .custom-dropdown .dropdown-toggle {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      background-color: transparent !important;
      border: none;
      box-shadow: none;
      color: #576978;
      font-size: 13px;
      padding: 0; }
      body .table-controls .custom-dropdown .dropdown-toggle .caret, body .title-bar .custom-dropdown .dropdown-toggle .caret {
        background-image: url("../img/dropdown-caret.fe050d50ae1a.png");
        border: none;
        height: 6px;
        margin-bottom: 2px;
        margin-left: 12px;
        width: 9px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .table-controls .custom-dropdown .dropdown-toggle .caret, body .title-bar .custom-dropdown .dropdown-toggle .caret {
            background-image: url("../img/dropdown-caret@2x.caee99863a3f.png");
            background-size: 9px 6px; } }
  body .table-controls .table-total-count, body .title-bar .table-total-count {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    color: #576978;
    font-size: 13px;
    text-transform: uppercase;
    float: left;
    line-height: 61px;
    height: 58px;
    margin: 0 10px; }
  body .control-button, body .custom-dropdown.open .control-more {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 3px !important;
    color: #4A5668;
    font-size: 11px;
    height: 31px;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 13px 10px 0 0;
    padding: 9px 16px;
    text-transform: uppercase;
    box-shadow: none;
    outline: none !important; }
    body .control-button:hover, body .custom-dropdown.open .control-more:hover {
      background: #F8FAFB;
      border-color: #E2E2E2; }
    body .control-button:active, body .custom-dropdown.open .control-more:active, body .control-button.active, body .custom-dropdown.open .control-more {
      background: #4A5668;
      border-color: #4A5668;
      color: #fff; }
    body .control-button.table-control-filter i, body .custom-dropdown.open .table-control-filter.control-more i {
      background-image: url("../img/table-control-filter.d53b80c36fbb.png");
      height: 9px;
      width: 14px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.table-control-filter i, body .custom-dropdown.open .table-control-filter.control-more i {
          background-image: url("../img/table-control-filter@2x.529ad9a98f90.png");
          background-size: 14px 9px; } }
    body .control-button.table-control-filter:active i, body .custom-dropdown.open .table-control-filter.control-more:active i, body .control-button.table-control-filter.active i, body .custom-dropdown.open .table-control-filter.control-more i {
      background-image: url("../img/table-control-filter-active.ed6a684952bb.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.table-control-filter:active i, body .custom-dropdown.open .table-control-filter.control-more:active i, body .control-button.table-control-filter.active i, body .custom-dropdown.open .table-control-filter.control-more i {
          background-image: url("../img/table-control-filter-active@2x.d63be946d62e.png");
          background-size: 14px 9px; } }
    body .control-button.table-control-group i, body .custom-dropdown.open .table-control-group.control-more i {
      background-image: url("../img/table-control-group.cf0c92bc6b21.png");
      height: 14px;
      margin-top: -1px;
      width: 16px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.table-control-group i, body .custom-dropdown.open .table-control-group.control-more i {
          background-image: url("../img/table-control-group@2x.4e10c44e515d.png");
          background-size: 16px 14px; } }
    body .control-button.table-control-group:active i, body .custom-dropdown.open .table-control-group.control-more:active i, body .control-button.table-control-group.active i, body .custom-dropdown.open .table-control-group.control-more i {
      background-image: url("../img/table-control-group-active.d976caacd1a8.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.table-control-group:active i, body .custom-dropdown.open .table-control-group.control-more:active i, body .control-button.table-control-group.active i, body .custom-dropdown.open .table-control-group.control-more i {
          background-image: url("../img/table-control-group-active@2x.274d4c2f85bb.png");
          background-size: 16px 14px; } }
    body .control-button.table-control-visible-fields i, body .custom-dropdown.open .table-control-visible-fields.control-more i {
      background-image: url("../img/table-control-visible-fields.038791f5b881.png");
      height: 9px;
      width: 15px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.table-control-visible-fields i, body .custom-dropdown.open .table-control-visible-fields.control-more i {
          background-image: url("../img/table-control-visible-fields@2x.b19c500b9d38.png");
          background-size: 15px 9px; } }
    body .control-button.table-control-visible-fields:active i, body .custom-dropdown.open .table-control-visible-fields.control-more:active i, body .control-button.table-control-visible-fields.active i, body .custom-dropdown.open .table-control-visible-fields.control-more i {
      background-image: url("../img/table-control-visible-fields-active.84ccb01731a8.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.table-control-visible-fields:active i, body .custom-dropdown.open .table-control-visible-fields.control-more:active i, body .control-button.table-control-visible-fields.active i, body .custom-dropdown.open .table-control-visible-fields.control-more i {
          background-image: url("../img/table-control-visible-fields-active@2x.3066ed5efb81.png");
          background-size: 15px 9px; } }
    body .control-button.table-control-date-interval i, body .custom-dropdown.open .table-control-date-interval.control-more i {
      background-image: url("../img/table-control-date-interval.d09eca8fae28.png");
      height: 13px;
      margin-top: -1px;
      width: 12px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.table-control-date-interval i, body .custom-dropdown.open .table-control-date-interval.control-more i {
          background-image: url("../img/table-control-date-interval@2x.f437ff6ea06a.png");
          background-size: 12px 13px; } }
    body .control-button.table-control-date-interval:active i, body .custom-dropdown.open .table-control-date-interval.control-more:active i, body .control-button.table-control-date-interval.active i, body .custom-dropdown.open .table-control-date-interval.control-more i {
      background-image: url("../img/table-control-date-interval-active.ec45017462b8.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.table-control-date-interval:active i, body .custom-dropdown.open .table-control-date-interval.control-more:active i, body .control-button.table-control-date-interval.active i, body .custom-dropdown.open .table-control-date-interval.control-more i {
          background-image: url("../img/table-control-date-interval-active@2x.7889b9f09083.png");
          background-size: 12px 13px; } }
    body .control-button.control-more, body .custom-dropdown.open .control-more {
      width: 52px; }
      body .control-button.control-more i, body .custom-dropdown.open .control-more i {
        background-image: url("../img/table-control-more.347d239bfa0a.png");
        height: 4px;
        margin-right: 0;
        margin-top: -1px;
        width: 18px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .control-button.control-more i, body .custom-dropdown.open .control-more i {
            background-image: url("../img/table-control-more@2x.fa8ba8955682.png");
            background-size: 18px 4px; } }
      body .control-button.control-more:active i, body .custom-dropdown.open .control-more:active i, body .control-button.control-more.active i, body .custom-dropdown.open .control-more i {
        background-image: url("../img/table-control-more-active.5c3af312018e.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .control-button.control-more:active i, body .custom-dropdown.open .control-more:active i, body .control-button.control-more.active i, body .custom-dropdown.open .control-more i {
            background-image: url("../img/table-control-more-active@2x.a965ed9f8f3a.png");
            background-size: 18px 4px; } }
    body .control-button.filter-members i, body .custom-dropdown.open .filter-members.control-more i {
      background-image: url("../img/icon-filter-control-members.454347acaa13.png");
      height: 14px;
      margin-top: -1px;
      width: 13px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.filter-members i, body .custom-dropdown.open .filter-members.control-more i {
          background-image: url("../img/icon-filter-control-members@2x.183cff3e36f6.png");
          background-size: 13px 14px; } }
    body .control-button.filter-members:active i, body .custom-dropdown.open .filter-members.control-more:active i, body .control-button.filter-members.active i, body .custom-dropdown.open .filter-members.control-more i {
      background-image: url("../img/icon-filter-control-members-active.9a6f90d6322c.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.filter-members:active i, body .custom-dropdown.open .filter-members.control-more:active i, body .control-button.filter-members.active i, body .custom-dropdown.open .filter-members.control-more i {
          background-image: url("../img/icon-filter-control-members-active@2x.a719a26264b1.png");
          background-size: 13px 14px; } }
    body .control-button.filter-notes i, body .custom-dropdown.open .filter-notes.control-more i {
      background-image: url("../img/icon-filter-control-notes.266e529c902f.png");
      height: 16px;
      margin-top: -2px;
      width: 15px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.filter-notes i, body .custom-dropdown.open .filter-notes.control-more i {
          background-image: url("../img/icon-filter-control-notes@2x.9bdd55841552.png");
          background-size: 15px 16px; } }
    body .control-button.filter-notes:active i, body .custom-dropdown.open .filter-notes.control-more:active i, body .control-button.filter-notes.active i, body .custom-dropdown.open .filter-notes.control-more i {
      background-image: url("../img/icon-filter-control-notes-active.7dd6ad18108e.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.filter-notes:active i, body .custom-dropdown.open .filter-notes.control-more:active i, body .control-button.filter-notes.active i, body .custom-dropdown.open .filter-notes.control-more i {
          background-image: url("../img/icon-filter-control-notes-active@2x.7bc86ca8d914.png");
          background-size: 15px 16px; } }
    body .control-button.filter-tags i, body .custom-dropdown.open .filter-tags.control-more i {
      background-image: url("../img/icon-filter-control-tags.0f2538081609.png");
      height: 12px;
      margin: 0;
      width: 15px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.filter-tags i, body .custom-dropdown.open .filter-tags.control-more i {
          background-image: url("../img/icon-filter-control-tags@2x.c792302ab485.png");
          background-size: 15px 12px; } }
    body .control-button.filter-tags:active i, body .custom-dropdown.open .filter-tags.control-more:active i, body .control-button.filter-tags.active i, body .custom-dropdown.open .filter-tags.control-more i {
      background-image: url("../img/icon-filter-control-tags-active.c0ee586fb384.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .control-button.filter-tags:active i, body .custom-dropdown.open .filter-tags.control-more:active i, body .control-button.filter-tags.active i, body .custom-dropdown.open .filter-tags.control-more i {
          background-image: url("../img/icon-filter-control-tags-active@2x.fa890d29ff79.png");
          background-size: 15px 12px; } }
    body .control-button i, body .custom-dropdown.open .control-more i {
      display: block;
      float: left;
      margin-right: 10px;
      margin-top: 1px; }
  body .base-custom-table {
    width: 100%; }
    body .base-custom-table th, body .base-custom-table td {
      overflow: hidden;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap;
      border: 1px solid #E2E2E2; }
      body .base-custom-table th:first-child, body .base-custom-table td:first-child {
        border-left: none; }
      body .base-custom-table th:last-child, body .base-custom-table td:last-child {
        border-right: none; }
    body .base-custom-table thead {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      background: #F8FAFB;
      color: #2D3645;
      font-size: 11px;
      height: 44px;
      letter-spacing: 0.1px;
      line-height: 15px; }
      body .base-custom-table thead th {
        cursor: pointer;
        padding: 14px 15px;
        font-weight: normal; }
        body .base-custom-table thead th:hover span {
          background-color: #F8FAFB; }
        body .base-custom-table thead th.sort-descending {
          background-image: url("../img/table-column-order-arrow-down.2da984aa0322.png");
          background-position: right 25px center;
          background-repeat: no-repeat;
          padding-right: 35px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .base-custom-table thead th.sort-descending {
              background-image: url("../img/table-column-order-arrow-down@2x.9314a4146382.png");
              background-size: 10px 13px; } }
        body .base-custom-table thead th.sort-ascending {
          background-image: url("../img/table-column-order-arrow-up.233c29c26be9.png");
          background-position: right 25px center;
          background-repeat: no-repeat;
          padding-right: 35px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .base-custom-table thead th.sort-ascending {
              background-image: url("../img/table-column-order-arrow-up@2x.2df87c282eaf.png");
              background-size: 10px 13px; } }
        body .base-custom-table thead th.not-orderable {
          cursor: not-allowed; }
        body .base-custom-table thead th .handle {
          display: block;
          position: absolute;
          right: 10px;
          top: 15px; }
        body .base-custom-table thead th.no-top-border {
          border-top: none; }
        body .base-custom-table thead th.p5 {
          padding: 0 5px; }
    body .base-custom-table tbody {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      background: #fff;
      color: #0C1421;
      font-size: 13px;
      line-height: 14px; }
      body .base-custom-table tbody > tr {
        height: 53px; }
        body .base-custom-table tbody > tr.clickable.active, body .base-custom-table .custom-dropdown.open tbody > tr.clickable.control-more, body .custom-dropdown.open .base-custom-table tbody > tr.clickable.control-more {
          background-color: #e5e6e7 ;
          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e6e7), color-stop(100%, #fafafa)) ;
          background-image: -webkit-linear-gradient(bottom, #e5e6e7, #fafafa) ;
          background-image: -moz-linear-gradient(bottom, #e5e6e7, #fafafa) ;
          background-image: -ms-linear-gradient(bottom, #e5e6e7, #fafafa) ;
          background-image: -o-linear-gradient(bottom, #e5e6e7, #fafafa) ;
          background-image: linear-gradient(bottom, #e5e6e7, #fafafa) ; }
        body .base-custom-table tbody > tr.clickable:hover, body .base-custom-table tbody > tr.clickable.active, body .base-custom-table .custom-dropdown.open tbody > tr.clickable.control-more, body .custom-dropdown.open .base-custom-table tbody > tr.clickable.control-more {
          background-color: transparent;
          cursor: pointer; }
          body .base-custom-table tbody > tr.clickable:hover td, body .base-custom-table tbody > tr.clickable.active td, body .base-custom-table .custom-dropdown.open tbody > tr.clickable.control-more td, body .custom-dropdown.open .base-custom-table tbody > tr.clickable.control-more td {
            background-color: transparent;
            box-shadow: none;
            color: #5a678f; }
            body .base-custom-table tbody > tr.clickable:hover td span, body .base-custom-table tbody > tr.clickable.active td span, body .base-custom-table .custom-dropdown.open tbody > tr.clickable.control-more td span, body .custom-dropdown.open .base-custom-table tbody > tr.clickable.control-more td span {
              background-color: white; }
        body .base-custom-table tbody > tr.row-separator {
          height: 30px; }
          body .base-custom-table tbody > tr.row-separator td {
            text-align: left !important; }
        body .base-custom-table tbody > tr.unclickable td {
          padding-left: 30px; }
        body .base-custom-table tbody > tr.disabled {
          opacity: 0.5;
          background-color: #d9dcdf;
          cursor: not-allowed; }
        body .base-custom-table tbody > tr.active, body .base-custom-table .custom-dropdown.open tbody > tr.control-more, body .custom-dropdown.open .base-custom-table tbody > tr.control-more, body .base-custom-table tbody > tr.active span, body .base-custom-table .custom-dropdown.open tbody > tr.control-more span, body .custom-dropdown.open .base-custom-table tbody > tr.control-more span {
          background-color: #E2E5EA !important;
          background-image: none !important;
          box-shadow: none !important; }
        body .base-custom-table tbody > tr > td {
          padding: 0 5px;
          text-align: left; }
          body .base-custom-table tbody > tr > td:last-child:hover span {
            background-color: transparent;
            background-image: none;
            box-shadow: none; }
          body .base-custom-table tbody > tr > td > span, body .base-custom-table tbody > tr > td > a {
            height: 100%;
            min-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 53px; }
          body .base-custom-table tbody > tr > td.subtext > span {
            display: block;
            line-height: 20px; }
          body .base-custom-table tbody > tr > td.subtext sub {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-Regular', sans-serif;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
            color: #8998A5; }
    body .base-custom-table tfoot tr {
      height: 78px; }
      body .base-custom-table tfoot tr td {
        background: #F8FAFB; }
        body .base-custom-table tfoot tr td .info-cell-header {
          color: #6581A0; }
        body .base-custom-table tfoot tr td .info-cell-value {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          font-size: 15px;
          color: #414A58;
          line-height: 28px;
          min-height: 28px; }
  body .transactions-table td:nth-child(2) {
    max-width: 600px;
    color: #848893;
    font-size: 14px;
    min-height: 22px;
    font-weight: 300; }
  body .orders-table th:hover, body .orders-table td:hover {
    overflow: visible; }
  body .orders-table th:last-of-type span, body .orders-table td:last-of-type span, body .orders-table th:last-of-type span a, body .orders-table td:last-of-type span a {
    transition: margin 250ms linear; }
  body .orders-table.is-firefox tbody tr:first-of-type td:hover span {
    top: 1px; }
  body .orders-table th:last-of-type:hover span.overflowed, body .orders-table td:last-of-type:hover span {
    padding: 0 !important;
    position: relative; }
    body .orders-table th:last-of-type:hover span.overflowed .status-label, body .orders-table td:last-of-type:hover span .status-label {
      margin-top: 0; }
  body .orders-table tbody tr td:hover {
    overflow: visible; }
    body .orders-table tbody tr td:hover span {
      position: absolute;
      text-overflow: initial;
      top: 0;
      z-index: 2;
      left: 0;
      padding: 0 5px;
      background: white; }
      body .orders-table tbody tr td:hover span .status-label {
        margin-top: 16px; }
    body .orders-table tbody tr td:hover span, body .orders-table tbody tr td:hover a {
      text-overflow: initial; }
  body .orders-table tbody tr td span, body .orders-table tbody tr td a {
    display: block; }
  body .orders-table tbody tr td a {
    color: #0C1421 !important;
    outline: none;
    position: relative; }
    body .orders-table tbody tr td a.blue-link {
      color: #12AEE6 !important; }
    body .orders-table tbody tr td a.custom-checkbox-container {
      height: 53px;
      margin: 0;
      width: auto; }
    body .orders-table tbody tr td a .custom-checkbox {
      margin: 18px 5px 0 0; }
      body .orders-table tbody tr td a .custom-checkbox:not(.checked) {
        background-color: white; }
    body .orders-table tbody tr td a .tag {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      background: #8395A5;
      border-radius: 2px;
      padding: 4px 8px;
      border-radius: 2px;
      margin: 11px 4px 11px 0;
      display: inline;
      color: #fff;
      font-size: 13px; }
      body .orders-table tbody tr td a .tag:hover {
        background-color: #4a90e2; }
      body .orders-table tbody tr td a .tag .remove-button {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        display: none;
        padding: 0 0 0 4px;
        font-size: 15px;
        line-height: 17px;
        color: #fff; }
  body .orders-table tbody tr td .row-avatar {
    float: left;
    background-size: cover;
    margin: 7px 7px 0 0;
    height: 36px;
    width: 36px; }
  body .orders-table .status-label {
    margin: 0 auto;
    cursor: pointer;
    display: block;
    padding: 5px; }
  body .info-cell-header {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif;
    font-size: 11px;
    color: #81909E;
    letter-spacing: 0.3px;
    line-height: 16px; }
  body .main-container {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif;
    background: #fff;
    border: 1px solid #DDE2E7;
    border-radius: 4px;
    width: 100%;
    height: 100%; }
  body .user-settings-container, body .payments-settings-container {
    height: 100%;
    min-height: 600px;
    min-width: 1150px;
    border: 1px solid #e6e9ed;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 20px !important;
    width: auto !important; }
    body .user-settings-container .tab-content, body .payments-settings-container .tab-content {
      height: calc(100% - 56px);
      width: calc(100% - 170px);
      box-shadow: inset 1px 0 0 0 #e6e9ed;
      float: left;
      min-height: 600px; }
      body .user-settings-container .tab-content .tab-pane, body .payments-settings-container .tab-content .tab-pane {
        position: relative;
        height: 100%;
        width: 100%;
        padding-bottom: 82px; }
        body .user-settings-container .tab-content .tab-pane .dropzone, body .payments-settings-container .tab-content .tab-pane .dropzone {
          border: none;
          background: transparent;
          padding: 40px 20px 20px 20px;
          min-height: initial;
          position: relative;
          height: 130px; }
          body .user-settings-container .tab-content .tab-pane .dropzone *, body .payments-settings-container .tab-content .tab-pane .dropzone * {
            pointer-events: none; }
          body .user-settings-container .tab-content .tab-pane .dropzone a, body .user-settings-container .tab-content .tab-pane .dropzone li, body .user-settings-container .tab-content .tab-pane .dropzone .dz-default, body .payments-settings-container .tab-content .tab-pane .dropzone a, body .payments-settings-container .tab-content .tab-pane .dropzone li, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-default {
            pointer-events: auto; }
          body .user-settings-container .tab-content .tab-pane .dropzone.dz-drag-hover .upload-zone-hover-wrapper, body .payments-settings-container .tab-content .tab-pane .dropzone.dz-drag-hover .upload-zone-hover-wrapper {
            display: block; }
          body .user-settings-container .tab-content .tab-pane .dropzone.dz-drag-hover .upload-hover-label, body .payments-settings-container .tab-content .tab-pane .dropzone.dz-drag-hover .upload-hover-label {
            display: block; }
          body .user-settings-container .tab-content .tab-pane .dropzone.dz-drag-hover .dz-default, body .user-settings-container .tab-content .tab-pane .dropzone.dz-drag-hover .dropdown, body .payments-settings-container .tab-content .tab-pane .dropzone.dz-drag-hover .dz-default, body .payments-settings-container .tab-content .tab-pane .dropzone.dz-drag-hover .dropdown {
            filter: blur(4px); }
          body .user-settings-container .tab-content .tab-pane .dropzone .dz-default, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-default {
            cursor: pointer; }
          body .user-settings-container .tab-content .tab-pane .dropzone .dz-default, body .user-settings-container .tab-content .tab-pane .dropzone .preview, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-default, body .payments-settings-container .tab-content .tab-pane .dropzone .preview {
            text-align: left;
            margin: 0;
            float: left; }
            body .user-settings-container .tab-content .tab-pane .dropzone .dz-default img, body .user-settings-container .tab-content .tab-pane .dropzone .preview img, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-default img, body .payments-settings-container .tab-content .tab-pane .dropzone .preview img {
              height: 70px;
              width: 70px;
              border-radius: 50%; }
          body .user-settings-container .tab-content .tab-pane .dropzone .preview, body .user-settings-container .tab-content .tab-pane .dropzone .dz-remove, body .payments-settings-container .tab-content .tab-pane .dropzone .preview, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-remove {
            display: none; }
          body .user-settings-container .tab-content .tab-pane .dropzone .dz-preview, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-preview {
            margin: 0;
            min-height: initial; }
            body .user-settings-container .tab-content .tab-pane .dropzone .dz-preview .dz-image, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-preview .dz-image {
              width: 70px;
              height: 70px;
              overflow: initial;
              border-radius: 50%; }
              body .user-settings-container .tab-content .tab-pane .dropzone .dz-preview .dz-image img, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-preview .dz-image img {
                filter: blur(2px); }
          body .user-settings-container .tab-content .tab-pane .dropzone .upload-zone-hover-wrapper, body .payments-settings-container .tab-content .tab-pane .dropzone .upload-zone-hover-wrapper {
            top: 0;
            margin: 0;
            background-position-y: calc(50% - 15px); }
            body .user-settings-container .tab-content .tab-pane .dropzone .upload-zone-hover-wrapper .upload-hover-label, body .payments-settings-container .tab-content .tab-pane .dropzone .upload-zone-hover-wrapper .upload-hover-label {
              top: 62%; }
          body .user-settings-container .tab-content .tab-pane .dropzone .dz-progress, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-progress {
            position: absolute;
            bottom: 36px;
            left: 0;
            height: 3px;
            width: 70px;
            margin: 0;
            border: none;
            border-radius: 2px;
            box-shadow: none;
            background: rgba(27, 41, 62, 0.51); }
            body .user-settings-container .tab-content .tab-pane .dropzone .dz-progress .dz-upload, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-progress .dz-upload {
              background: #12AEE6;
              border-radius: 2px;
              box-shadow: none; }
          body .user-settings-container .tab-content .tab-pane .dropzone .dz-details, body .user-settings-container .tab-content .tab-pane .dropzone .dz-success-mark, body .user-settings-container .tab-content .tab-pane .dropzone .dz-error-mark, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-details, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-success-mark, body .payments-settings-container .tab-content .tab-pane .dropzone .dz-error-mark {
            display: none; }
          body .user-settings-container .tab-content .tab-pane .dropzone .dropdown, body .payments-settings-container .tab-content .tab-pane .dropzone .dropdown {
            margin: 25px 45px 0 45px; }
            body .user-settings-container .tab-content .tab-pane .dropzone .dropdown .dropdown-toggle, body .payments-settings-container .tab-content .tab-pane .dropzone .dropdown .dropdown-toggle {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-Medium', sans-serif; }
        body .user-settings-container .tab-content .tab-pane #team-avatar-upload-form .dz-default, body .user-settings-container .tab-content .tab-pane #app-avatar-upload-form .dz-default, body .user-settings-container .tab-content .tab-pane #app-screenshot-upload-form .dz-default, body .payments-settings-container .tab-content .tab-pane #team-avatar-upload-form .dz-default, body .payments-settings-container .tab-content .tab-pane #app-avatar-upload-form .dz-default, body .payments-settings-container .tab-content .tab-pane #app-screenshot-upload-form .dz-default {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/crm/icon-big-contact-avatar.b17ce0c930e7.png");
          height: 70px;
          width: 70px;
          border-radius: 50%;
          background-repeat: no-repeat;
          background-size: cover; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .user-settings-container .tab-content .tab-pane #team-avatar-upload-form .dz-default, body .user-settings-container .tab-content .tab-pane #app-avatar-upload-form .dz-default, body .user-settings-container .tab-content .tab-pane #app-screenshot-upload-form .dz-default, body .payments-settings-container .tab-content .tab-pane #team-avatar-upload-form .dz-default, body .payments-settings-container .tab-content .tab-pane #app-avatar-upload-form .dz-default, body .payments-settings-container .tab-content .tab-pane #app-screenshot-upload-form .dz-default {
              background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
              background-size: 70px 70px; } }
        body .user-settings-container .tab-content .tab-pane #team-form, body .payments-settings-container .tab-content .tab-pane #team-form {
          position: relative; }
        body .user-settings-container .tab-content .tab-pane #app-form, body .payments-settings-container .tab-content .tab-pane #app-form {
          position: relative; }
          body .user-settings-container .tab-content .tab-pane #app-form .scopes, body .payments-settings-container .tab-content .tab-pane #app-form .scopes {
            max-width: 734px; }
          body .user-settings-container .tab-content .tab-pane #app-form .scope, body .payments-settings-container .tab-content .tab-pane #app-form .scope {
            padding: 0; }
            body .user-settings-container .tab-content .tab-pane #app-form .scope input, body .payments-settings-container .tab-content .tab-pane #app-form .scope input {
              width: 12px;
              margin-top: 1px;
              height: 49px;
              -moz-margin-top: 2px; }
            body .user-settings-container .tab-content .tab-pane #app-form .scope input, body .user-settings-container .tab-content .tab-pane #app-form .scope x:-moz-any-link, body .user-settings-container .tab-content .tab-pane #app-form .scope x:default, body .payments-settings-container .tab-content .tab-pane #app-form .scope input, body .payments-settings-container .tab-content .tab-pane #app-form .scope x:-moz-any-link, body .payments-settings-container .tab-content .tab-pane #app-form .scope x:default {
              margin-top: 2px; }
            body .user-settings-container .tab-content .tab-pane #app-form .scope label, body .payments-settings-container .tab-content .tab-pane #app-form .scope label {
              width: auto; }
          body .user-settings-container .tab-content .tab-pane #app-form .toggle, body .payments-settings-container .tab-content .tab-pane #app-form .toggle {
            border: 1px solid #ccc;
            width: 549px !important;
            margin: 8px 0; }
            body .user-settings-container .tab-content .tab-pane #app-form .toggle .toggle-group label, body .payments-settings-container .tab-content .tab-pane #app-form .toggle .toggle-group label {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-Medium', sans-serif;
              border: none;
              box-shadow: none;
              padding-top: 9px;
              color: #81909d;
              font-size: 11px;
              text-transform: uppercase;
              text-align: left; }
              body .user-settings-container .tab-content .tab-pane #app-form .toggle .toggle-group label.btn-primary, body .payments-settings-container .tab-content .tab-pane #app-form .toggle .toggle-group label.btn-primary {
                color: #fff; }
          body .user-settings-container .tab-content .tab-pane #app-form #redirect_uri, body .payments-settings-container .tab-content .tab-pane #app-form #redirect_uri {
            width: 400px; }
          body .user-settings-container .tab-content .tab-pane #app-form #app_url, body .payments-settings-container .tab-content .tab-pane #app-form #app_url {
            width: 400px; }
          body .user-settings-container .tab-content .tab-pane #app-form tags-input, body .payments-settings-container .tab-content .tab-pane #app-form tags-input {
            min-height: 40px;
            padding: 0;
            width: 734px;
            border: 0;
            margin-top: 7px; }
            body .user-settings-container .tab-content .tab-pane #app-form tags-input .tags, body .payments-settings-container .tab-content .tab-pane #app-form tags-input .tags {
              outline-style: none;
              box-shadow: none;
              width: 549px;
              border: 0;
              padding-left: 0; }
            body .user-settings-container .tab-content .tab-pane #app-form tags-input .focused, body .payments-settings-container .tab-content .tab-pane #app-form tags-input .focused {
              outline-style: none;
              box-shadow: none;
              border: 0; }
            body .user-settings-container .tab-content .tab-pane #app-form tags-input .tag-item, body .payments-settings-container .tab-content .tab-pane #app-form tags-input .tag-item {
              margin-top: 7px;
              margin-left: 0px;
              padding: 1px 0px 0 5px;
              box-shadow: none;
              border: none;
              background-image: none;
              backgroud-repeat: no-repeat;
              background: #8395A5;
              border-radius: 2px;
              color: #46484a; }
              body .user-settings-container .tab-content .tab-pane #app-form tags-input .tag-item .remove-button, body .payments-settings-container .tab-content .tab-pane #app-form tags-input .tag-item .remove-button {
                background-image: url("../img/icon-remove-white.f5c12837c31a.png");
                position: relative;
                background-position: center;
                top: 0px;
                right: 3px;
                background-repeat: no-repeat;
                height: 11px;
                color: transparent;
                width: 11px;
                left: initial;
                margin-right: 4px;
                margin-left: 2px; }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body .user-settings-container .tab-content .tab-pane #app-form tags-input .tag-item .remove-button, body .payments-settings-container .tab-content .tab-pane #app-form tags-input .tag-item .remove-button {
                    background-image: url("../img/icon-remove-white@2x.2d4d2caa7e84.png");
                    background-size: 10px 10px; } }
              body .user-settings-container .tab-content .tab-pane #app-form tags-input .tag-item span, body .payments-settings-container .tab-content .tab-pane #app-form tags-input .tag-item span {
                font-variant-ligatures: none;
                -webkit-font-variant-ligatures: none;
                text-rendering: optimizeLegibility;
                -moz-osx-font-smoothing: grayscale;
                font-smoothing: antialiased;
                -webkit-font-smoothing: antialiased;
                font-family: 'AvenirNext-DemiBold', sans-serif;
                color: #fff; }
            body .user-settings-container .tab-content .tab-pane #app-form tags-input input, body .payments-settings-container .tab-content .tab-pane #app-form tags-input input {
              height: 22px;
              margin-top: 7px;
              outline-style: none;
              box-shadow: none;
              font-size: 12px;
              border: 0;
              min-width: 250px; }
            body .user-settings-container .tab-content .tab-pane #app-form tags-input ::-webkit-input-placeholder, body .payments-settings-container .tab-content .tab-pane #app-form tags-input ::-webkit-input-placeholder {
              /* WebKit browsers */
              color: transparent; }
            body .user-settings-container .tab-content .tab-pane #app-form tags-input :-moz-placeholder, body .payments-settings-container .tab-content .tab-pane #app-form tags-input :-moz-placeholder {
              /* Mozilla Firefox 4 to 18 */
              color: transparent; }
            body .user-settings-container .tab-content .tab-pane #app-form tags-input ::-moz-placeholder, body .payments-settings-container .tab-content .tab-pane #app-form tags-input ::-moz-placeholder {
              /* Mozilla Firefox 19+ */
              color: transparent; }
            body .user-settings-container .tab-content .tab-pane #app-form tags-input :-ms-input-placeholder, body .payments-settings-container .tab-content .tab-pane #app-form tags-input :-ms-input-placeholder {
              /* Internet Explorer 10+ */
              color: transparent; }
          body .user-settings-container .tab-content .tab-pane #app-form .overflow-row, body .payments-settings-container .tab-content .tab-pane #app-form .overflow-row {
            height: auto !important; }
          body .user-settings-container .tab-content .tab-pane #app-form .overflow-container, body .payments-settings-container .tab-content .tab-pane #app-form .overflow-container {
            padding-left: 185px; }
          body .user-settings-container .tab-content .tab-pane #app-form .app-description-input, body .payments-settings-container .tab-content .tab-pane #app-form .app-description-input {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-Regular', sans-serif;
            margin-top: 4px;
            padding: 10px 0 0 0;
            border: 0;
            float: left;
            width: 549px;
            min-height: 150px;
            font-size: 15px;
            color: #222425;
            line-height: 22px;
            resize: none; }
        body .user-settings-container .tab-content .tab-pane .apps-list-container, body .payments-settings-container .tab-content .tab-pane .apps-list-container {
          min-height: 500px;
          height: 100%; }
          body .user-settings-container .tab-content .tab-pane .apps-list-container .row.first, body .payments-settings-container .tab-content .tab-pane .apps-list-container .row.first {
            box-shadow: none; }
          body .user-settings-container .tab-content .tab-pane .apps-list-container .status-label, body .payments-settings-container .tab-content .tab-pane .apps-list-container .status-label {
            margin-top: 13px; }
          body .user-settings-container .tab-content .tab-pane .apps-list-container .control-button, body .user-settings-container .tab-content .tab-pane .apps-list-container .custom-dropdown.open .control-more, body .custom-dropdown.open .user-settings-container .tab-content .tab-pane .apps-list-container .control-more, body .payments-settings-container .tab-content .tab-pane .apps-list-container .control-button, body .payments-settings-container .tab-content .tab-pane .apps-list-container .custom-dropdown.open .control-more, body .custom-dropdown.open .payments-settings-container .tab-content .tab-pane .apps-list-container .control-more {
            margin: 7px 0; }
          body .user-settings-container .tab-content .tab-pane .apps-list-container .dropup .dropdown-menu, body .payments-settings-container .tab-content .tab-pane .apps-list-container .dropup .dropdown-menu {
            bottom: 40px; }
        body .user-settings-container .tab-content .tab-pane .alert, body .payments-settings-container .tab-content .tab-pane .alert {
          margin: 15px; }
        body .user-settings-container .tab-content .tab-pane .app-screenshot-row, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row {
          height: auto !important;
          box-shadow: inset 0 1px 0 0 #e6e9ed; }
          body .user-settings-container .tab-content .tab-pane .app-screenshot-row label, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row label {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-Medium', sans-serif;
            width: 185px;
            display: block;
            float: left;
            cursor: pointer;
            padding: 19px 20px 10px 20px;
            margin: 0;
            color: #81909d;
            font-size: 11px;
            text-transform: uppercase;
            font-weight: unset; }
          body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container {
            padding-left: 185px; }
            body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container #app-screenshot-upload-form, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container #app-screenshot-upload-form {
              padding-left: 0; }
            body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone {
              border: none;
              background: transparent;
              padding: 19px 20px 10px 20px;
              min-height: initial;
              position: relative;
              height: 100px; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone *, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone * {
                pointer-events: none; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone a, body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone li, body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-default, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone a, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone li, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-default {
                pointer-events: auto; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone.dz-drag-hover .upload-zone-hover-wrapper, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone.dz-drag-hover .upload-zone-hover-wrapper {
                display: block; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone.dz-drag-hover .upload-hover-label, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone.dz-drag-hover .upload-hover-label {
                display: block; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone.dz-drag-hover .dz-default, body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone.dz-drag-hover .dropdown, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone.dz-drag-hover .dz-default, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone.dz-drag-hover .dropdown {
                filter: blur(4px); }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-default, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-default {
                cursor: pointer; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-default, body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .preview, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-default, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .preview {
                text-align: left;
                margin: 0;
                float: left; }
                body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-default img, body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .preview img, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-default img, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .preview img {
                  height: 70px;
                  width: 70px; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .preview, body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-remove, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .preview, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-remove {
                display: none; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-preview, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-preview {
                margin: 0;
                min-height: initial; }
                body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-preview .dz-image, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-preview .dz-image {
                  width: 70px;
                  height: 70px;
                  overflow: initial;
                  border-radius: 50%; }
                  body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-preview .dz-image img, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-preview .dz-image img {
                    filter: blur(2px); }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .upload-zone-hover-wrapper, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .upload-zone-hover-wrapper {
                top: 0;
                margin: 0;
                background-position-y: calc(50% - 15px); }
                body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .upload-zone-hover-wrapper .upload-hover-label, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .upload-zone-hover-wrapper .upload-hover-label {
                  top: 62%; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-progress, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-progress {
                position: absolute;
                bottom: 36px;
                left: 0;
                height: 3px;
                width: 70px;
                margin: 0;
                border: none;
                border-radius: 2px;
                box-shadow: none;
                background: rgba(27, 41, 62, 0.51); }
                body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-progress .dz-upload, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-progress .dz-upload {
                  background: #12AEE6;
                  border-radius: 2px;
                  box-shadow: none; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-details, body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-success-mark, body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-error-mark, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-details, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-success-mark, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-error-mark {
                display: none; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dropdown.custom-dropdown, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dropdown.custom-dropdown {
                margin-left: 20px; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-container .dz-default.dz-message, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-container .dz-default.dz-message {
                margin-right: 10px; }
                body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-container .dz-default.dz-message:hover:before, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-container .dz-default.dz-message:hover:before {
                  content: ' ';
                  background: inherit;
                  webkit-filter: blur(4px);
                  /* Chrome, Safari, Opera */
                  filter: blur(4px);
                  filter: blur(4px);
                  border-radius: inherit;
                  width: inherit;
                  height: inherit;
                  display: block;
                  position: absolute; }
                body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-container .dz-default.dz-message:hover:after, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dz-container .dz-default.dz-message:hover:after {
                  filter: none;
                  content: ' ';
                  display: block;
                  width: 30px;
                  height: 30px;
                  background-image: url("../img/icon-delete@2x.39851e8e2a22.png");
                  background-size: 30px 30px;
                  position: relative;
                  top: 20px;
                  left: 20px;
                  float: left; }
              body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dropdown, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dropdown {
                margin: 25px 45px 0 45px; }
                body .user-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dropdown .dropdown-toggle, body .payments-settings-container .tab-content .tab-pane .app-screenshot-row .app-screenshot-container .dropzone .dropdown .dropdown-toggle {
                  font-variant-ligatures: none;
                  -webkit-font-variant-ligatures: none;
                  text-rendering: optimizeLegibility;
                  -moz-osx-font-smoothing: grayscale;
                  font-smoothing: antialiased;
                  -webkit-font-smoothing: antialiased;
                  font-family: 'AvenirNext-Medium', sans-serif; }
        body .user-settings-container .tab-content .tab-pane .app-history-container, body .payments-settings-container .tab-content .tab-pane .app-history-container {
          position: relative;
          box-shadow: inset 0 1px 0 0 #e6e9ed; }
          body .user-settings-container .tab-content .tab-pane .app-history-container .app-history-title label, body .payments-settings-container .tab-content .tab-pane .app-history-container .app-history-title label {
            padding-left: 0px !important; }
          body .user-settings-container .tab-content .tab-pane .app-history-container .status-label, body .payments-settings-container .tab-content .tab-pane .app-history-container .status-label {
            margin-top: 14px; }
          body .user-settings-container .tab-content .tab-pane .app-history-container .text-center, body .payments-settings-container .tab-content .tab-pane .app-history-container .text-center {
            padding-top: 10px; }
          body .user-settings-container .tab-content .tab-pane .app-history-container .row:not(.first), body .payments-settings-container .tab-content .tab-pane .app-history-container .row:not(.first) {
            height: auto;
            min-height: 45px; }
            body .user-settings-container .tab-content .tab-pane .app-history-container .row:not(.first) span, body .payments-settings-container .tab-content .tab-pane .app-history-container .row:not(.first) span {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-Medium', sans-serif;
              margin: 13px 0;
              display: block; }
          body .user-settings-container .tab-content .tab-pane .app-history-container .publicity-radio, body .payments-settings-container .tab-content .tab-pane .app-history-container .publicity-radio {
            margin-top: 14px;
            height: 20px; }
          body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn {
            width: 50px;
            height: 30px;
            margin-top: 9px;
            box-shadow: none;
            border-color: #adadad; }
            body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn:hover, body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn:active, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn:hover, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn:active {
              border-color: #adadad; }
            body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn.off .toggle-group, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn.off .toggle-group {
              left: 0%; }
            body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn.on .toggle-group, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn.on .toggle-group {
              right: 0%; }
            body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn.btn-primary, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn.btn-primary {
              background-color: #3fa42a; }
            body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-group, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-group {
              left: 45%; }
              body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-group label, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-group label {
                display: none; }
            body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-handle, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-handle {
              margin-top: 0;
              width: 32px;
              height: 32px;
              border-radius: 32px;
              border-color: #adadad; }
              body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-handle:hover, body .user-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-handle:active, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-handle:hover, body .payments-settings-container .tab-content .tab-pane .app-history-container .toggle.btn .toggle-handle:active {
                background-color: white; }
        body .user-settings-container .tab-content .tab-pane .controls-row, body .user-settings-container .tab-content .tab-pane .app-detail-controls-row, body .payments-settings-container .tab-content .tab-pane .controls-row, body .payments-settings-container .tab-content .tab-pane .app-detail-controls-row {
          height: 82px;
          padding: 20px;
          box-shadow: inset 0 1px 0 0 #e6e9ed; }
        body .user-settings-container .tab-content .tab-pane .settings-list-container, body .payments-settings-container .tab-content .tab-pane .settings-list-container {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Regular', sans-serif;
          position: relative; }
          body .user-settings-container .tab-content .tab-pane .settings-list-container .wrapper, body .payments-settings-container .tab-content .tab-pane .settings-list-container .wrapper {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
            overflow-y: auto; }
          body .user-settings-container .tab-content .tab-pane .settings-list-container .row, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row {
            height: 45px;
            box-shadow: inset 0 1px 0 0 #e6e9ed; }
            body .user-settings-container .tab-content .tab-pane .settings-list-container .row:last-of-type, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row:last-of-type {
              box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -1px 0 0 #e6e9ed; }
            body .user-settings-container .tab-content .tab-pane .settings-list-container .row.first, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row.first {
              height: 55px; }
              body .user-settings-container .tab-content .tab-pane .settings-list-container .row.first label, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row.first label {
                font-variant-ligatures: none;
                -webkit-font-variant-ligatures: none;
                text-rendering: optimizeLegibility;
                -moz-osx-font-smoothing: grayscale;
                font-smoothing: antialiased;
                -webkit-font-smoothing: antialiased;
                font-family: 'AvenirNext-DemiBold', sans-serif;
                color: #4a5667;
                font-size: 13px;
                padding: 20px 20px 0 20px; }
              body .user-settings-container .tab-content .tab-pane .settings-list-container .row.first .blue-link, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row.first .blue-link {
                font-variant-ligatures: none;
                -webkit-font-variant-ligatures: none;
                text-rendering: optimizeLegibility;
                -moz-osx-font-smoothing: grayscale;
                font-smoothing: antialiased;
                -webkit-font-smoothing: antialiased;
                font-family: 'AvenirNext-Medium', sans-serif;
                padding: 20px 20px 0 20px; }
                body .user-settings-container .tab-content .tab-pane .settings-list-container .row.first .blue-link i, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row.first .blue-link i {
                  left: -5px;
                  top: 2px; }
            body .user-settings-container .tab-content .tab-pane .settings-list-container .row.header, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row.header {
              height: 45px;
              background-color: #f7fafb; }
              body .user-settings-container .tab-content .tab-pane .settings-list-container .row.header label, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row.header label {
                padding: 16px 20px 14px 20px; }
              body .user-settings-container .tab-content .tab-pane .settings-list-container .row.header div[class^="col-xs-"], body .payments-settings-container .tab-content .tab-pane .settings-list-container .row.header div[class^="col-xs-"] {
                box-shadow: inset 1px 0 0 0 #e6e9ed;
                padding: 0; }
            body .user-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"].item-info, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"].item-info {
              padding: 0; }
              body .user-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"].item-info .row-avatar, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"].item-info .row-avatar {
                height: 25px;
                background-size: 25px 25px;
                width: 25px;
                margin: 10px 10px 5px 20px;
                float: left; }
              body .user-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"].item-info .name, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"].item-info .name {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-variant-ligatures: none;
                -webkit-font-variant-ligatures: none;
                text-rendering: optimizeLegibility;
                -moz-osx-font-smoothing: grayscale;
                font-smoothing: antialiased;
                -webkit-font-smoothing: antialiased;
                font-family: 'AvenirNext-Medium', sans-serif;
                max-width: 260px;
                float: left;
                font-size: 13px;
                padding: 15px 0 10px 0; }
            body .user-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"].email-info, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"].email-info {
              padding: 15px 20px 10px 20px; }
            body .user-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"] .dropdown-menu, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"] .dropdown-menu {
              width: 200px; }
            body .user-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"] .blue-link, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row div[class^="col-xs-"] .blue-link {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-Medium', sans-serif; }
            body .user-settings-container .tab-content .tab-pane .settings-list-container .row label, body .payments-settings-container .tab-content .tab-pane .settings-list-container .row label {
              width: 185px;
              display: block;
              float: left;
              cursor: pointer;
              padding: 19px 20px 10px 20px;
              margin: 0;
              color: #81909d;
              font-size: 11px;
              text-transform: uppercase; }
        body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container {
          position: relative;
          margin: 0 10px 0 0;
          height: 32px;
          width: 150px; }
          body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container.currency-select, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container.currency-select {
            width: 75px;
            margin-left: 10px; }
          body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container.group-operator-selector, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container.group-operator-selector {
            width: 85px; }
          body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container.ui-select-multiple, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container.ui-select-multiple {
            width: 100%;
            margin-top: 10px;
            min-height: 32px;
            height: auto; }
          body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container.select2-container .select2-choice, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container.select2-container .select2-choice {
            box-shadow: none !important;
            padding: 0 0 0 15px; }
            body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container.select2-container .select2-choice .select2-chosen .status-label, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container.select2-container .select2-choice .select2-chosen .status-label {
              margin-top: 5px; }
          body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match {
            background: #F8FAFB;
            border: 1px solid #E2E2E2;
            border-radius: 3px;
            height: 100%; }
            body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match span, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match span {
              height: 100%;
              line-height: 32px;
              font-size: 13px;
              font-weight: 400;
              cursor: default;
              color: #A3A6AB; }
              body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match span > span, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match span > span {
                color: #1B293E; }
            body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match .select2-arrow, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match .select2-arrow {
              border: none;
              background: none;
              padding: 11px 8px 11px 0; }
              body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match .select2-arrow b, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match .select2-arrow b {
                background-position: 50%;
                background-image: url("../img/icon-dropdown-arrow.fe050d50ae1a.png"); }
                @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                  body .user-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match .select2-arrow b, body .payments-settings-container .tab-content .tab-pane .locale-data .ui-select-container .ui-select-match .select2-arrow b {
                    background-image: url("../img/icon-dropdown-arrow@2x.caee99863a3f.png");
                    background-size: 9px 6px; } }
        body .user-settings-container .tab-content .tab-pane #invite-modal .modal-body, body .payments-settings-container .tab-content .tab-pane #invite-modal .modal-body {
          padding: 0; }
          body .user-settings-container .tab-content .tab-pane #invite-modal .modal-body .role-selector, body .payments-settings-container .tab-content .tab-pane #invite-modal .modal-body .role-selector {
            height: 150px; }
            body .user-settings-container .tab-content .tab-pane #invite-modal .modal-body .role-selector label, body .payments-settings-container .tab-content .tab-pane #invite-modal .modal-body .role-selector label {
              width: 100%;
              padding: 10px 20px; }
              body .user-settings-container .tab-content .tab-pane #invite-modal .modal-body .role-selector label input, body .payments-settings-container .tab-content .tab-pane #invite-modal .modal-body .role-selector label input {
                float: left;
                height: 30px;
                width: 30px;
                margin: 0; }
              body .user-settings-container .tab-content .tab-pane #invite-modal .modal-body .role-selector label span, body .payments-settings-container .tab-content .tab-pane #invite-modal .modal-body .role-selector label span {
                padding: 7px 0;
                display: block;
                float: left; }
          body .user-settings-container .tab-content .tab-pane #invite-modal .modal-body > .form-error, body .payments-settings-container .tab-content .tab-pane #invite-modal .modal-body > .form-error {
            padding: 10px;
            float: none;
            margin: 0; }
        body .user-settings-container .tab-content .tab-pane .team-members-container, body .payments-settings-container .tab-content .tab-pane .team-members-container {
          position: relative;
          height: calc(100% - 230px); }
          body .user-settings-container .tab-content .tab-pane .team-members-container .row.first, body .payments-settings-container .tab-content .tab-pane .team-members-container .row.first {
            height: 55px; }
            body .user-settings-container .tab-content .tab-pane .team-members-container .row.first label, body .payments-settings-container .tab-content .tab-pane .team-members-container .row.first label {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-DemiBold', sans-serif;
              color: #4a5667;
              font-size: 13px;
              padding: 20px 20px 0 20px; }
            body .user-settings-container .tab-content .tab-pane .team-members-container .row.first .blue-link, body .payments-settings-container .tab-content .tab-pane .team-members-container .row.first .blue-link {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-Medium', sans-serif;
              padding: 20px 20px 0 20px; }
              body .user-settings-container .tab-content .tab-pane .team-members-container .row.first .blue-link i, body .payments-settings-container .tab-content .tab-pane .team-members-container .row.first .blue-link i {
                left: -5px;
                top: 2px; }
        body .user-settings-container .tab-content .tab-pane .preferences-header, body .payments-settings-container .tab-content .tab-pane .preferences-header {
          height: 40px;
          background-color: #f0f3f8;
          text-transform: uppercase;
          color: #7b8498;
          padding: 0 15px; }
          body .user-settings-container .tab-content .tab-pane .preferences-header span, body .payments-settings-container .tab-content .tab-pane .preferences-header span {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            display: block;
            float: left;
            padding-top: 12px;
            font-size: 13px; }
          body .user-settings-container .tab-content .tab-pane .preferences-header.calendar-events i, body .payments-settings-container .tab-content .tab-pane .preferences-header.calendar-events i {
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("../img/icon-nav-events-dark-blue.5e2c18fade55.png");
            margin: 12px 10px 0 0;
            width: 15px;
            height: 16px;
            display: block;
            float: left; }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body .user-settings-container .tab-content .tab-pane .preferences-header.calendar-events i, body .payments-settings-container .tab-content .tab-pane .preferences-header.calendar-events i {
                background-image: url("../img/icon-nav-events-dark-blue@2x.d2300044bcb5.png");
                background-size: 15px 16px; } }
        body .user-settings-container .tab-content .tab-pane .preference, body .payments-settings-container .tab-content .tab-pane .preference {
          height: 55px;
          margin: 0 15px;
          box-shadow: inset 0 -1px 0 0 #eff1f5; }
          body .user-settings-container .tab-content .tab-pane .preference span, body .payments-settings-container .tab-content .tab-pane .preference span {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-Medium', sans-serif;
            font-size: 13px;
            color: #1f2021;
            display: block;
            float: left;
            padding-top: 19px; }
          body .user-settings-container .tab-content .tab-pane .preference .toggle, body .payments-settings-container .tab-content .tab-pane .preference .toggle {
            float: right;
            margin-top: 11px; }
        body .user-settings-container .tab-content .tab-pane .header, body .payments-settings-container .tab-content .tab-pane .header {
          height: 45px;
          background-color: #f7fafb; }
          body .user-settings-container .tab-content .tab-pane .header label, body .payments-settings-container .tab-content .tab-pane .header label {
            padding: 16px 20px 14px 20px; }
          body .user-settings-container .tab-content .tab-pane .header .col-xs-4, body .user-settings-container .tab-content .tab-pane .header .col-xs-2, body .payments-settings-container .tab-content .tab-pane .header .col-xs-4, body .payments-settings-container .tab-content .tab-pane .header .col-xs-2 {
            height: 45px;
            box-shadow: inset 1px 0 0 0 #e6e9ed;
            padding: 0; }
        body .user-settings-container .tab-content .tab-pane .table-row, body .payments-settings-container .tab-content .tab-pane .table-row {
          height: 45px; }
          body .user-settings-container .tab-content .tab-pane .table-row:last-of-type, body .payments-settings-container .tab-content .tab-pane .table-row:last-of-type {
            box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -1px 0 0 #e6e9ed; }
          body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4 {
            height: 45px; }
            body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.member-info, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.member-info {
              padding: 0; }
              body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.member-info .row-avatar, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.member-info .row-avatar {
                height: 25px;
                background-size: 25px 25px;
                width: 25px;
                margin: 10px 10px 5px 20px;
                float: left; }
              body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.member-info .name, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.member-info .name {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 260px;
                float: left;
                font-size: 13px;
                padding: 15px 0 10px 0; }
            body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.email-info, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.email-info {
              padding: 15px 20px 10px 20px; }
              body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.email-info .blue-link, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.email-info .blue-link {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 270px;
                display: block; }
            body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.status-info, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.status-info {
              padding: 7px 20px; }
              body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.status-info > span, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.status-info > span {
                color: #9ea2ab;
                margin-right: 15px;
                padding: 8px 0 5px 0;
                font-size: 13px; }
              body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.status-info .blue-link, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.status-info .blue-link {
                padding: 8px 0 5px 0;
                float: left; }
              body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.status-info .status-label, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.status-info .status-label {
                margin: 5px 0; }
            body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.toggle-info, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.toggle-info {
              padding: 11px 20px; }
            body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4.select-info, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4.select-info {
              padding: 6px 20px; }
            body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4 .control-button, body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4 .custom-dropdown.open .control-more, body .custom-dropdown.open .user-settings-container .tab-content .tab-pane .table-row .col-xs-4 .control-more, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4 .control-button, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4 .custom-dropdown.open .control-more, body .custom-dropdown.open .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4 .control-more {
              margin: 0; }
            body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4 .dropdown-menu, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4 .dropdown-menu {
              width: 200px; }
            body .user-settings-container .tab-content .tab-pane .table-row .col-xs-4 .blue-link, body .payments-settings-container .tab-content .tab-pane .table-row .col-xs-4 .blue-link {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-Medium', sans-serif; }
        body .user-settings-container .tab-content .tab-pane .info, body .payments-settings-container .tab-content .tab-pane .info {
          padding: 15px 0; }
          body .user-settings-container .tab-content .tab-pane .info > label, body .payments-settings-container .tab-content .tab-pane .info > label {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            margin: 0 0 0 15px;
            font-size: 13px;
            color: #4a5668;
            text-transform: uppercase;
            width: 225px;
            display: block;
            float: left; }
          body .user-settings-container .tab-content .tab-pane .info > span, body .payments-settings-container .tab-content .tab-pane .info > span {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-Regular', sans-serif;
            margin: 0 0 0 15px;
            font-size: 13px;
            color: #222425;
            display: block;
            float: left; }
            body .user-settings-container .tab-content .tab-pane .info > span.warning, body .payments-settings-container .tab-content .tab-pane .info > span.warning {
              color: #ff255d;
              text-decoration: underline;
              text-decoration-style: dotted;
              text-decoration-thickness: from-font;
              cursor: pointer; }
            body .user-settings-container .tab-content .tab-pane .info > span .card-icon, body .payments-settings-container .tab-content .tab-pane .info > span .card-icon {
              margin: 0 10px 0 0; }
          body .user-settings-container .tab-content .tab-pane .info.border-bottom, body .payments-settings-container .tab-content .tab-pane .info.border-bottom {
            box-shadow: inset 0 -1px 0 0 #e6e9ed;
            padding: 15px 0 20px 0; }
            body .user-settings-container .tab-content .tab-pane .info.border-bottom.no-padding, body .payments-settings-container .tab-content .tab-pane .info.border-bottom.no-padding {
              padding: 0;
              height: 1px; }
          body .user-settings-container .tab-content .tab-pane .info.payment-method, body .payments-settings-container .tab-content .tab-pane .info.payment-method {
            padding: 7px 0; }
            body .user-settings-container .tab-content .tab-pane .info.payment-method > label, body .payments-settings-container .tab-content .tab-pane .info.payment-method > label {
              margin-top: 8px; }
            body .user-settings-container .tab-content .tab-pane .info.payment-method .ui-select-container, body .payments-settings-container .tab-content .tab-pane .info.payment-method .ui-select-container {
              margin: 0 10px 0 15px; }
            body .user-settings-container .tab-content .tab-pane .info.payment-method .blue-link, body .payments-settings-container .tab-content .tab-pane .info.payment-method .blue-link {
              margin: 7px; }
          body .user-settings-container .tab-content .tab-pane .info.payment-plan-selector, body .payments-settings-container .tab-content .tab-pane .info.payment-plan-selector {
            padding: 0 0 15px 0; }
            body .user-settings-container .tab-content .tab-pane .info.payment-plan-selector .status-label, body .payments-settings-container .tab-content .tab-pane .info.payment-plan-selector .status-label {
              padding: 4px 12px;
              margin: 5px; }
            body .user-settings-container .tab-content .tab-pane .info.payment-plan-selector .control-button, body .user-settings-container .tab-content .tab-pane .info.payment-plan-selector .custom-dropdown.open .control-more, body .custom-dropdown.open .user-settings-container .tab-content .tab-pane .info.payment-plan-selector .control-more, body .payments-settings-container .tab-content .tab-pane .info.payment-plan-selector .control-button, body .payments-settings-container .tab-content .tab-pane .info.payment-plan-selector .custom-dropdown.open .control-more, body .custom-dropdown.open .payments-settings-container .tab-content .tab-pane .info.payment-plan-selector .control-more {
              margin-top: 0; }
          body .user-settings-container .tab-content .tab-pane .info.add-to-cart-button-container, body .payments-settings-container .tab-content .tab-pane .info.add-to-cart-button-container {
            margin: 0 0 0 15px; }
          body .user-settings-container .tab-content .tab-pane .info.italic, body .payments-settings-container .tab-content .tab-pane .info.italic {
            padding: 0; }
            body .user-settings-container .tab-content .tab-pane .info.italic > span, body .payments-settings-container .tab-content .tab-pane .info.italic > span {
              font-size: 12px;
              color: #bcbcbc;
              font-style: italic;
              margin: 0 0 10px 15px; }
        body .user-settings-container .tab-content .tab-pane .ready-shipper-membership-container, body .payments-settings-container .tab-content .tab-pane .ready-shipper-membership-container {
          height: calc(100% - 140px) !important;
          padding-bottom: 35px; }
        body .user-settings-container .tab-content .tab-pane .controls-row, body .payments-settings-container .tab-content .tab-pane .controls-row {
          height: 82px;
          padding: 20px;
          box-shadow: inset 0 1px 0 0 #e6e9ed; }
  body .payments-settings-container {
    min-width: unset; }
    body .payments-settings-container .tab-switcher {
      width: 180px; }
    body .payments-settings-container .tab-content {
      width: calc(100% - 180px); }
    body .payments-settings-container #wallet_tab.pb-140 {
      padding-bottom: 140px !important; }
    body .payments-settings-container #wallet_tab .stats-container > .row > * {
      padding-left: 5px; }
    body .payments-settings-container #wallet_tab .transactions-table td:nth-child(2) {
      max-width: 540px; }
    body .payments-settings-container #wallet_tab #return-transactions-usage-graph, body .payments-settings-container #wallet_tab #shipping-transactions-usage-graph {
      width: 50%;
      height: 200px;
      float: left;
      margin-top: 10px; }
      body .payments-settings-container #wallet_tab #return-transactions-usage-graph.wide, body .payments-settings-container #wallet_tab #shipping-transactions-usage-graph.wide {
        width: 100%; }
    body .payments-settings-container #wallet_tab .graph-container {
      margin-bottom: 10px; }
    body .payments-settings-container #wallet_tab .timeline-container {
      height: 700px;
      padding-bottom: 60px; }
  body .stats-container {
    padding: 0;
    box-shadow: inset -1px 0 0 0 #E6E9ED; }
    body .stats-container > .row {
      height: 50%;
      box-shadow: inset 0 -1px 0 0 #E6E9ED; }
      body .stats-container > .row > div[class^="col-xs-"] {
        height: 100%;
        padding: 37px 20px;
        box-shadow: inset 1px 0 0 0 #E6E9ED; }
        body .stats-container > .row > div[class^="col-xs-"]:first-child {
          box-shadow: none; }
    body .stats-container .info-cell-header {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 27px;
      color: #222425;
      line-height: 27px;
      height: 27px;
      margin-bottom: 10px; }
      body .stats-container .info-cell-header.warning {
        color: #ff255d;
        text-decoration: underline;
        text-decoration-style: dotted;
        text-decoration-thickness: from-font;
        cursor: pointer; }
    body .stats-container .info-cell-content {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 14px;
      line-height: 14px;
      height: 14px;
      color: #8998A5; }
      body .stats-container .info-cell-content.half {
        width: 50%; }
      body .stats-container .info-cell-content.right {
        text-align: right; }
      body .stats-container .info-cell-content.left {
        text-align: left; }
  body .pie-chart-container {
    height: 250px;
    box-shadow: inset 0 -1px 0 0 #E6E9ED;
    padding: 50px 0 0 35px; }
    body .pie-chart-container .info-cell-content {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 14px;
      line-height: 14px;
      color: #8998A5; }
    body .pie-chart-container .circle-container {
      position: relative;
      width: 148px;
      height: 148px;
      float: left; }
      body .pie-chart-container .circle-container .value-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 148px;
        height: 148px;
        padding: 42px 40px;
        text-align: center;
        line-height: 40px;
        font-size: 24px; }
        body .pie-chart-container .circle-container .value-container .value {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          font-size: 27px;
          color: #222425; }
        body .pie-chart-container .circle-container .value-container sup {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          font-size: 18px;
          color: #222425;
          letter-spacing: 0;
          top: -6px; }
    body .pie-chart-container .chart-legend-container {
      height: 148px;
      float: left;
      padding: 50px 10px 50px 20px; }
      body .pie-chart-container .chart-legend-container .info-cell-header, body .pie-chart-container .chart-legend-container .info-cell-content {
        display: inline-block; }
      body .pie-chart-container .chart-legend-container .info-cell-header {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 17px;
        color: #222425;
        letter-spacing: -0.23px; }
      body .pie-chart-container .chart-legend-container > .row:first-child {
        margin-bottom: 10px; }
      body .pie-chart-container .chart-legend-container table tr {
        height: 25px; }
        body .pie-chart-container .chart-legend-container table tr .legend-color-circle {
          height: 6px;
          width: 6px;
          margin: 0 7px 0 13px;
          border-radius: 50%; }
          body .pie-chart-container .chart-legend-container table tr .legend-color-circle.grey {
            background-color: #D4DFEA; }
          body .pie-chart-container .chart-legend-container table tr .legend-color-circle.blue {
            background-color: #27C6E3; }
        body .pie-chart-container .chart-legend-container table tr td:first-child:not(.no-data) {
          text-align: right; }
        body .pie-chart-container .chart-legend-container table tr td.no-data {
          width: 125px;
          text-align: center;
          color: #8998A5;
          line-height: 48px; }
  body .dashboard-container {
    width: calc(100% - 346px);
    min-width: 625px;
    float: left; }
    body .dashboard-container .title-bar .title {
      width: auto; }
      body .dashboard-container .title-bar .title span {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        font-size: 17px;
        color: #222425; }
    body .dashboard-container .info-cell-content {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 14px;
      line-height: 14px;
      color: #8998A5; }
    body .dashboard-container .stats-container {
      height: 250px; }
  body .dashboard-container .title-bar .title, body .user-settings-container .title-bar .title {
    width: auto; }
  body .dashboard-container {
    width: calc(100% - 346px);
    min-width: 625px;
    float: left; }
    body .dashboard-container .info-cell-content {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 14px;
      line-height: 14px;
      color: #8998A5; }
    body .dashboard-container .dashboard-stats-container {
      height: 250px;
      padding: 0;
      box-shadow: inset -1px 0 0 0 #E6E9ED; }
      body .dashboard-container .dashboard-stats-container > .row {
        height: 50%;
        box-shadow: inset 0 -1px 0 0 #E6E9ED; }
        body .dashboard-container .dashboard-stats-container > .row > .col-xs-6 {
          height: 100%;
          padding: 37px 20px;
          box-shadow: inset 1px 0 0 0 #E6E9ED; }
          body .dashboard-container .dashboard-stats-container > .row > .col-xs-6:first-child {
            box-shadow: none; }
      body .dashboard-container .dashboard-stats-container .info-cell-header {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 27px;
        color: #222425;
        line-height: 27px;
        margin-bottom: 10px; }
    body .dashboard-container .dashboard-main-chart-container {
      padding: 20px 20px 0 20px; }
      body .dashboard-container .dashboard-main-chart-container .controls .control-button, body .dashboard-container .dashboard-main-chart-container .controls .custom-dropdown.open .control-more, body .custom-dropdown.open .dashboard-container .dashboard-main-chart-container .controls .control-more {
        margin-top: 0; }
      body .dashboard-container .dashboard-main-chart-container #line-graph {
        height: 225px;
        margin-bottom: 50px; }
      body .dashboard-container .dashboard-main-chart-container .orders-by-channel-container {
        margin-bottom: 70px; }
        body .dashboard-container .dashboard-main-chart-container .orders-by-channel-container .title {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          font-size: 11px;
          color: #4C545A;
          letter-spacing: 0.2px;
          line-height: 16px;
          text-transform: uppercase;
          margin-bottom: 12px; }
        body .dashboard-container .dashboard-main-chart-container .orders-by-channel-container .row {
          height: 46px;
          box-shadow: inset 0 1px 0 0 #E6EAEF;
          padding: 13px 0; }
          body .dashboard-container .dashboard-main-chart-container .orders-by-channel-container .row .channel-name {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-Regular', sans-serif;
            font-size: 13px;
            color: #444F60; }
          body .dashboard-container .dashboard-main-chart-container .orders-by-channel-container .row .channel-value {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            font-size: 13px;
            color: #414141; }
  body .notifications-container .title-bar {
    font-size: 17px; }
    body .notifications-container .title-bar .title span {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      color: #222425; }
    body .notifications-container .title-bar .custom-button {
      margin: 13px 20px; }
  body .notifications-container .content-container {
    height: calc(100% - 56px);
    position: relative; }
  body .notifications-container .notifications-list-container {
    min-height: 550px;
    height: 100%;
    width: 100%;
    float: left;
    position: relative; }
    body .notifications-container .notifications-list-container .loader {
      z-index: 2; }
    body .notifications-container .notifications-list-container .notification-item {
      padding: 15px 0;
      margin: 0 15px;
      box-shadow: inset 0 -1px 0 0 #F1F3F6; }
      body .notifications-container .notifications-list-container .notification-item .notification-title {
        max-width: unset; }
      body .notifications-container .notifications-list-container .notification-item .notification-description {
        width: 75%;
        display: block; }
    body .notifications-container .notifications-list-container .text-center {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      display: block;
      margin: 10px;
      color: #6d737a; }
  body .notes-container.editing > .title-bar, body .notes-container.editing .note-item-container:not(.active) {
    opacity: 0.3; }
  body .notes-container.editing .note-container {
    padding-bottom: 87px; }
  body .notes-container > .title-bar {
    transition: all .2s ease-in-out; }
    body .notes-container > .title-bar .title {
      width: auto; }
      body .notes-container > .title-bar .title span {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        font-size: 17px;
        color: #222425; }
  body .notes-container .content-container {
    height: calc(100% - 56px);
    position: relative; }
  body .notes-container .notes-list-container {
    min-height: 550px;
    height: 100%;
    width: 335px;
    float: left;
    position: relative; }
    body .notes-container .notes-list-container .note-item-container {
      cursor: pointer;
      padding: 18px 15px 18px 23px;
      box-shadow: inset 0 -1px 0 0 #DDE2E7;
      transition: all .2s ease-in-out; }
      body .notes-container .notes-list-container .note-item-container.last {
        box-shadow: none; }
      body .notes-container .notes-list-container .note-item-container.active, body .notes-container .notes-list-container .custom-dropdown.open .note-item-container.control-more, body .custom-dropdown.open .notes-container .notes-list-container .note-item-container.control-more {
        opacity: 1;
        background: #EFF9F9;
        box-shadow: inset 3px 0 0 0 #56CCCE, inset 0 -1px 0 0 #DDE2E7;
        cursor: default; }
        body .notes-container .notes-list-container .note-item-container.active .members-and-icons-container .members-container .row-avatar, body .notes-container .notes-list-container .custom-dropdown.open .note-item-container.control-more .members-and-icons-container .members-container .row-avatar, body .custom-dropdown.open .notes-container .notes-list-container .note-item-container.control-more .members-and-icons-container .members-container .row-avatar {
          border: 2px solid #EFF9F9;
          background-color: #EFF9F9; }
      body .notes-container .notes-list-container .note-item-container.private {
        background-image: url("../img/icon-note-private.10244d70338c.png");
        background-repeat: no-repeat;
        background-position: 302px 16px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .notes-list-container .note-item-container.private {
            background-image: url("../img/icon-note-private@2x.77beaf7be62d.png");
            background-size: 11px 14px; } }
      body .notes-container .notes-list-container .note-item-container.order {
        background-image: url("../img/icon-nav-orders.130292e71889.png");
        background-repeat: no-repeat;
        background-position: 300px 16px;
        background-size: 14px 14px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .notes-list-container .note-item-container.order {
            background-image: url("../img/icon-nav-orders@2x.fbd827c18b7a.png");
            background-size: 14px 14px; } }
      body .notes-container .notes-list-container .note-item-container.event {
        background-image: url("../img/icon-nav-events.62482390d979.png");
        background-repeat: no-repeat;
        background-position: 300px 16px;
        background-size: 13px 14px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .notes-list-container .note-item-container.event {
            background-image: url("../img/icon-nav-events@2x.24d33731428c.png");
            background-size: 13px 14px; } }
      body .notes-container .notes-list-container .note-item-container.contact {
        background-image: url("../img/icon-nav-contacts.fdb6ed7a6f7c.png");
        background-repeat: no-repeat;
        background-position: 300px 16px;
        background-size: 14px 14px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .notes-list-container .note-item-container.contact {
            background-image: url("../img/icon-nav-contacts@2x.0e5671c4d587.png");
            background-size: 14px 14px; } }
      body .notes-container .notes-list-container .note-item-container .blue-link {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        color: #2980EC;
        line-height: 20px;
        max-width: 275px; }
      body .notes-container .notes-list-container .note-item-container .content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        font-size: 13px;
        color: #222425;
        line-height: 20px;
        margin-bottom: 10px;
        height: 20px; }
      body .notes-container .notes-list-container .note-item-container .date {
        text-transform: uppercase;
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 11px;
        color: #818CA0;
        margin-bottom: 10px; }
      body .notes-container .notes-list-container .note-item-container .members-and-icons-container {
        height: 25px; }
        body .notes-container .notes-list-container .note-item-container .members-and-icons-container .icons-container .icon {
          display: block;
          float: left;
          height: 16px;
          margin: 5px 0 0 10px;
          width: 16px; }
          body .notes-container .notes-list-container .note-item-container .members-and-icons-container .icons-container .icon.tag {
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("../img/icon-filter-control-tags.0f2538081609.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body .notes-container .notes-list-container .note-item-container .members-and-icons-container .icons-container .icon.tag {
                background-image: url("../img/icon-filter-control-tags@2x.c792302ab485.png");
                background-size: 15px 12px; } }
          body .notes-container .notes-list-container .note-item-container .members-and-icons-container .icons-container .icon.attachment {
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("../img/icon-note-attachments.f28c3f871475.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body .notes-container .notes-list-container .note-item-container .members-and-icons-container .icons-container .icon.attachment {
                background-image: url("../img/icon-note-attachments@2x.3fa82842f418.png");
                background-size: 9px 16px; } }
  body .notes-container .note-container {
    position: relative;
    border-left: 1px solid #E8EDF0;
    float: left;
    width: calc(100% - 335px);
    height: 100%;
    padding: 18px 30px; }
    body .notes-container .note-container [placeholder]:empty:before {
      content: attr(placeholder);
      color: #999 !important; }
    body .notes-container .note-container [placeholder]:empty:focus:before {
      content: ""; }
    body .notes-container .note-container .tab-pane.active, body .notes-container .note-container .custom-dropdown.open .tab-pane.control-more, body .custom-dropdown.open .notes-container .note-container .tab-pane.control-more {
      display: inline-block;
      height: 100%;
      width: 100%;
      padding-bottom: 60px; }
    body .notes-container .note-container form {
      display: inline-block;
      height: 100%;
      width: 100%;
      padding-bottom: 87px; }
    body .notes-container .note-container .title-bar {
      height: 42px; }
      body .notes-container .note-container .title-bar .title {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 100px);
        font-size: 17px;
        color: #222425;
        float: left;
        height: initial;
        padding: 0; }
      body .notes-container .note-container .title-bar .dropdown {
        margin: 0; }
      body .notes-container .note-container .title-bar .control-button, body .notes-container .note-container .title-bar .custom-dropdown.open .control-more, body .custom-dropdown.open .notes-container .note-container .title-bar .control-more {
        margin: -5px 0 0 0; }
      body .notes-container .note-container .title-bar input {
        width: 100%;
        background: #fff;
        border: none;
        box-shadow: none;
        border-radius: 0;
        line-height: normal;
        transition: all .5s ease-in-out;
        padding: 0; }
    body .notes-container .note-container .note-tags-container {
      padding: 20px 0 14px 0;
      box-shadow: inset 0 -1px 0 0 #e6e9ed;
      float: left;
      width: 100%; }
      body .notes-container .note-container .note-tags-container .note-tag {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Bold', sans-serif;
        padding: 7px 8px;
        text-transform: uppercase;
        background: #E8EDF0;
        border-radius: 2px;
        font-size: 10px;
        color: #4F5254;
        letter-spacing: 0.1px;
        line-height: 9px;
        margin: 0 6px 6px 0;
        float: left; }
        body .notes-container .note-container .note-tags-container .note-tag .remove-icon {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-remove-black.5088fa7204c2.png");
          height: 7px;
          width: 7px;
          margin-left: 4px;
          cursor: pointer;
          float: right; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .notes-container .note-container .note-tags-container .note-tag .remove-icon {
              background-image: url("../img/icon-remove-black@2x.a1bc1224b189.png");
              background-size: 7px 7px; } }
    body .notes-container .note-container .note-content-container {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      padding: 20px 0 60px 0;
      box-shadow: inset 0 -1px 0 0 #e6e9ed;
      float: left;
      width: 100%;
      font-size: 15px;
      color: #222425;
      line-height: 22px; }
    body .notes-container .note-container .note-contact-container {
      padding: 20px 0;
      box-shadow: inset 0 -1px 0 0 #e6e9ed;
      float: left;
      width: 100%; }
      body .notes-container .note-container .note-contact-container .icon {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-nav-contacts.fdb6ed7a6f7c.png");
        background-size: 17px 17px;
        height: 17px;
        width: 17px;
        float: left;
        margin-right: 12px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .note-container .note-contact-container .icon {
            background-image: url("../img/icon-nav-contacts@2x.0e5671c4d587.png");
            background-size: 17px 17px; } }
      body .notes-container .note-container .note-contact-container .name {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 12px;
        color: #4A5669;
        line-height: 17px;
        float: left;
        margin-right: 12px; }
      body .notes-container .note-container .note-contact-container .blue-link {
        float: left; }
      body .notes-container .note-container .note-contact-container .remove-icon {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-remove-black.5088fa7204c2.png");
        height: 17px;
        width: 7px;
        margin-left: 10px;
        cursor: pointer;
        float: left; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .note-container .note-contact-container .remove-icon {
            background-image: url("../img/icon-remove-black@2x.a1bc1224b189.png");
            background-size: 7px 7px; } }
    body .notes-container .note-container .note-contact-select-container {
      padding: 10px 0;
      box-shadow: inset 0 -1px 0 0 #e6e9ed;
      float: left;
      width: 100%; }
      body .notes-container .note-container .note-contact-select-container tags-input {
        float: left;
        width: calc(100% - 250px); }
        body .notes-container .note-container .note-contact-select-container tags-input .host {
          margin: 0; }
        body .notes-container .note-container .note-contact-select-container tags-input .tags {
          padding: 0; }
      body .notes-container .note-container .note-contact-select-container tags-input[name=contact] .tag-list {
        display: none; }
      body .notes-container .note-container .note-contact-select-container tags-input .input {
        width: 280px !important;
        border-bottom: none; }
      body .notes-container .note-container .note-contact-select-container .contact-info {
        width: 250px; }
        body .notes-container .note-container .note-contact-select-container .contact-info .contact-profile-image {
          height: 30px;
          width: 30px;
          border-radius: 17px;
          background-repeat: no-repeat;
          background-image: url("../img/crm/icon-big-contact-avatar.b17ce0c930e7.png");
          background-size: 30px 30px;
          margin: 5px 10px 5px 5px; }
        body .notes-container .note-container .note-contact-select-container .contact-info .contact-name {
          line-height: 40px;
          display: block; }
        body .notes-container .note-container .note-contact-select-container .contact-info:hover .contact-name {
          color: #4990e2; }
    body .notes-container .note-container .note-attachments-container {
      padding: 20px 0 4px 0;
      float: left;
      min-height: 170px;
      width: 100%;
      position: relative; }
      body .notes-container .note-container .note-attachments-container * {
        pointer-events: none; }
      body .notes-container .note-container .note-attachments-container.nv-file-over .upload-zone-hover-wrapper {
        display: block; }
      body .notes-container .note-container .note-attachments-container.nv-file-over .upload-hover-label {
        display: block; }
      body .notes-container .note-container .note-attachments-container.nv-file-over .attachment {
        filter: blur(4px); }
      body .notes-container .note-container .note-attachments-container .attachment {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-attachment-item.2742a2a6c452.png");
        background-position: center 36px;
        position: relative;
        width: 130px;
        height: 120px;
        margin: 0 16px 16px 0;
        cursor: pointer;
        text-align: center;
        border: 1px solid #CCD6DC;
        border-radius: 4px;
        float: left; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .note-container .note-attachments-container .attachment {
            background-image: url("../img/icon-attachment-item@2x.2dbc49073a0f.png");
            background-size: 27px 36px; } }
        body .notes-container .note-container .note-attachments-container .attachment.uploading {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-attachment-uploading.58fb57274ae1.png");
          background-position: center 32px;
          position: relative;
          background-color: rgba(27, 41, 62, 0.8);
          border-radius: 4px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .notes-container .note-container .note-attachments-container .attachment.uploading {
              background-image: url("../img/icon-attachment-uploading@2x.f4e205059170.png");
              background-size: 29px 28px; } }
          body .notes-container .note-container .note-attachments-container .attachment.uploading .progress {
            display: block; }
          body .notes-container .note-container .note-attachments-container .attachment.uploading .remove-icon {
            display: none; }
          body .notes-container .note-container .note-attachments-container .attachment.uploading .blue-link {
            color: #fff; }
        body .notes-container .note-container .note-attachments-container .attachment .blue-link {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 120px;
          display: block;
          position: absolute;
          bottom: 9px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          font-size: 11px;
          pointer-events: auto; }
        body .notes-container .note-container .note-attachments-container .attachment .remove-icon {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-remove-black-circle.d6972c7ff759.png");
          height: 20px;
          width: 20px;
          position: absolute;
          right: -10px;
          top: -10px;
          cursor: pointer;
          pointer-events: auto; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .notes-container .note-container .note-attachments-container .attachment .remove-icon {
              background-image: url("../img/icon-remove-black-circle@2x.4df7152193cd.png");
              background-size: 20px 20px; } }
        body .notes-container .note-container .note-attachments-container .attachment .progress {
          display: none;
          position: absolute;
          bottom: 36px;
          left: 0;
          height: 3px;
          width: 100px;
          margin: 0 14px;
          border: none;
          border-radius: 2px;
          box-shadow: none;
          background: rgba(27, 41, 62, 0.51); }
          body .notes-container .note-container .note-attachments-container .attachment .progress .progress-bar {
            background: #12AEE6;
            border-radius: 2px;
            box-shadow: none; }
    body .notes-container .note-container .controls-row > .left {
      padding: 17px 0; }
    body .notes-container .note-container .controls-row > .right {
      padding: 5px 0; }
    body .notes-container .note-container .controls-row .icon {
      height: 17px;
      width: 17px;
      float: left;
      margin-right: 36px;
      cursor: pointer; }
    body .notes-container .note-container .controls-row .icon-members {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-members.23ccd3697e7c.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notes-container .note-container .controls-row .icon-members {
          background-image: url("../img/icon-note-members@2x.4d9efc820ab3.png");
          background-size: 15px 17px; } }
      body .notes-container .note-container .controls-row .icon-members.active, body .notes-container .note-container .controls-row .custom-dropdown.open .icon-members.control-more, body .custom-dropdown.open .notes-container .note-container .controls-row .icon-members.control-more, body .notes-container .note-container .controls-row .icon-members:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-members-active.3227dc8e5cfa.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .note-container .controls-row .icon-members.active, body .notes-container .note-container .controls-row .custom-dropdown.open .icon-members.control-more, body .custom-dropdown.open .notes-container .note-container .controls-row .icon-members.control-more, body .notes-container .note-container .controls-row .icon-members:hover {
            background-image: url("../img/icon-note-members-active@2x.95358da5a8a3.png");
            background-size: 15px 17px; } }
    body .notes-container .note-container .controls-row .icon-tags {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-tags.e54dcd8d2150.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notes-container .note-container .controls-row .icon-tags {
          background-image: url("../img/icon-note-tags@2x.6b4947afdd58.png");
          background-size: 17px 17px; } }
      body .notes-container .note-container .controls-row .icon-tags.active, body .notes-container .note-container .controls-row .custom-dropdown.open .icon-tags.control-more, body .custom-dropdown.open .notes-container .note-container .controls-row .icon-tags.control-more, body .notes-container .note-container .controls-row .icon-tags:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-tags-active.3bb138c8643b.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .note-container .controls-row .icon-tags.active, body .notes-container .note-container .controls-row .custom-dropdown.open .icon-tags.control-more, body .custom-dropdown.open .notes-container .note-container .controls-row .icon-tags.control-more, body .notes-container .note-container .controls-row .icon-tags:hover {
            background-image: url("../img/icon-note-tags-active@2x.7f3d44948220.png");
            background-size: 17px 17px; } }
    body .notes-container .note-container .controls-row .icon-attachments {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-attachments-v2.abb9d6d5744e.png");
      position: relative;
      overflow: hidden; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notes-container .note-container .controls-row .icon-attachments {
          background-image: url("../img/icon-note-attachments-v2@2x.8fc2618abfb1.png");
          background-size: 9px 16px; } }
      body .notes-container .note-container .controls-row .icon-attachments.active, body .notes-container .note-container .controls-row .custom-dropdown.open .icon-attachments.control-more, body .custom-dropdown.open .notes-container .note-container .controls-row .icon-attachments.control-more, body .notes-container .note-container .controls-row .icon-attachments:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-attachments-v2-active.16fe5cdf4410.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .note-container .controls-row .icon-attachments.active, body .notes-container .note-container .controls-row .custom-dropdown.open .icon-attachments.control-more, body .custom-dropdown.open .notes-container .note-container .controls-row .icon-attachments.control-more, body .notes-container .note-container .controls-row .icon-attachments:hover {
            background-image: url("../img/icon-note-attachments-v2-active@2x.56852a75e602.png");
            background-size: 9px 16px; } }
      body .notes-container .note-container .controls-row .icon-attachments input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        direction: ltr;
        cursor: pointer; }
    body .notes-container .note-container .controls-row .icon-lock {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-unlocked.6e784f102e33.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notes-container .note-container .controls-row .icon-lock {
          background-image: url("../img/icon-note-unlocked@2x.4498fc4bc07b.png");
          background-size: 12px 15px; } }
      body .notes-container .note-container .controls-row .icon-lock.active, body .notes-container .note-container .controls-row .custom-dropdown.open .icon-lock.control-more, body .custom-dropdown.open .notes-container .note-container .controls-row .icon-lock.control-more, body .notes-container .note-container .controls-row .icon-lock:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-unlocked-active.327d8972ea95.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .notes-container .note-container .controls-row .icon-lock.active, body .notes-container .note-container .controls-row .custom-dropdown.open .icon-lock.control-more, body .custom-dropdown.open .notes-container .note-container .controls-row .icon-lock.control-more, body .notes-container .note-container .controls-row .icon-lock:hover {
            background-image: url("../img/icon-note-unlocked-active@2x.3318e324faaa.png");
            background-size: 12px 15px; } }
    body .notes-container .note-container tags-input {
      display: block;
      -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
      box-shadow: none !important; }
      body .notes-container .note-container tags-input * {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important; }
        body .notes-container .note-container tags-input *:before, body .notes-container .note-container tags-input *:after {
          -webkit-box-shadow: none !important;
          -moz-box-shadow: none !important;
          box-shadow: none !important; }
      body .notes-container .note-container tags-input .host {
        position: relative;
        margin-top: 5px;
        margin-bottom: 5px;
        height: 100%; }
      body .notes-container .note-container tags-input .tags {
        padding: 1px 1px 5px 1px;
        overflow: hidden;
        word-wrap: break-word;
        cursor: text;
        background-color: #fff;
        height: 100%;
        border: none; }
        body .notes-container .note-container tags-input .tags .tag-list {
          margin: 0;
          padding: 0;
          list-style-type: none; }
        body .notes-container .note-container tags-input .tags .tag-item {
          display: inline-block;
          float: left;
          font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
          height: 26px;
          border-radius: 3px;
          background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
          background: linear, to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%;
          font-size: 13px;
          line-height: 26px;
          color: #999;
          background: #f2f2f2;
          padding: 0 10px 0 10px;
          margin: 2px 10px 2px 0;
          border: none; }
          body .notes-container .note-container tags-input .tags .tag-item:hover {
            color: #fff;
            background-color: #4a90e2; }
          body .notes-container .note-container tags-input .tags .tag-item.selected {
            background: -webkit-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
            background: linear, to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%; }
          body .notes-container .note-container tags-input .tags .tag-item .remove-button {
            margin: 0 0 0 5px;
            padding: 0;
            border: none;
            background: none;
            cursor: pointer;
            vertical-align: baseline;
            font: bold 13px Arial, sans-serif;
            color: #585858; }
        body .notes-container .note-container tags-input .tags .input {
          outline: none;
          margin: 2px;
          padding: 0;
          padding-left: 5px;
          float: left;
          height: 26px;
          font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
          width: 280px !important;
          text-indent: 15px;
          line-height: 15px;
          border: none;
          box-shadow: none;
          background-image: url("../img/crm/icon-plus-grey.487e71c3b55a.png");
          background-repeat: no-repeat;
          background-size: 10px 10px;
          background-position: 0 50%; }
          body .notes-container .note-container tags-input .tags .input.invalid-tag {
            color: #ff0000; }
          body .notes-container .note-container tags-input .tags .input::-ms-clear {
            display: none; }
      body .notes-container .note-container tags-input.ng-invalid .tags {
        -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
        -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
        box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6); }
      body .notes-container .note-container tags-input[disabled] .host:focus {
        outline: none; }
      body .notes-container .note-container tags-input[disabled] .tags {
        background-color: #eee;
        cursor: default; }
        body .notes-container .note-container tags-input[disabled] .tags .tag-item {
          opacity: 0.65;
          background: -webkit-linear-gradient(top, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
          background: linear, to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%; }
          body .notes-container .note-container tags-input[disabled] .tags .tag-item .remove-button {
            cursor: default; }
            body .notes-container .note-container tags-input[disabled] .tags .tag-item .remove-button:active {
              color: #585858; }
        body .notes-container .note-container tags-input[disabled] .tags .input {
          background-color: #eee;
          cursor: default; }
      body .notes-container .note-container tags-input auto-complete {
        width: 280px;
        position: absolute;
        z-index: 1; }
        body .notes-container .note-container tags-input auto-complete.contacts-auto-complete .autocomplete li {
          min-height: 0;
          border-bottom: 1px solid #d9d9d9; }
        body .notes-container .note-container tags-input auto-complete.contacts-auto-complete .autocomplete li.selected {
          background-color: #D5F4FF; }
        body .notes-container .note-container tags-input auto-complete.contacts-auto-complete .autocomplete li:last-child {
          border: 0; }
        body .notes-container .note-container tags-input auto-complete .autocomplete {
          margin-top: 5px;
          padding: 5px 0;
          z-index: 999;
          background-color: #fff;
          border: 1px solid rgba(0, 0, 0, 0.2);
          -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
          body .notes-container .note-container tags-input auto-complete .autocomplete .suggestion-list {
            margin: 0;
            padding: 0;
            list-style-type: none;
            max-height: 280px;
            overflow-y: auto;
            position: relative; }
          body .notes-container .note-container tags-input auto-complete .autocomplete .suggestion-item {
            padding: 5px 10px;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #000;
            background-color: #fff; }
            body .notes-container .note-container tags-input auto-complete .autocomplete .suggestion-item.selected {
              color: #fff;
              background-color: #0097cf; }
              body .notes-container .note-container tags-input auto-complete .autocomplete .suggestion-item.selected em {
                color: #fff;
                background-color: #0097cf; }
            body .notes-container .note-container tags-input auto-complete .autocomplete .suggestion-item em {
              font: normal bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
              color: #000;
              background-color: #fff; }
      body .notes-container .note-container tags-input .tag-messages {
        float: left;
        clear: both;
        list-style: none;
        margin: 0;
        padding: 0; }
        body .notes-container .note-container tags-input .tag-messages .error {
          color: red; }
        body .notes-container .note-container tags-input .tag-messages .info {
          color: #888; }
  body .infinite-scroll .spinner {
    background-image: url("../img/spinner-big.7c1a7500c8b3.gif");
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    height: 70px;
    width: 100%;
    background-size: 20%; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .infinite-scroll .spinner {
        background-image: url("../img/spinner-big@2x.8b96bcf6b159.gif");
        background-size: 70px; } }
  body .no-notes {
    text-align: center;
    font-size: 16px;
    margin-top: 25px;
    color: #555; }
  body .tasks-and-calendar-container {
    float: left;
    width: 314px;
    margin: 0 16px;
    position: relative;
    height: calc(100% - 70px);
    top: 70px;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif; }
    body .tasks-and-calendar-container .tasks-container {
      height: 475px;
      margin-bottom: 10px;
      position: relative; }
      body .tasks-and-calendar-container .tasks-container .tasks-list-container {
        width: 315px;
        min-height: unset;
        height: auto;
        background-color: #fff;
        border: 1px solid #DDE2E7;
        border-radius: 4px; }
        body .tasks-and-calendar-container .tasks-container .tasks-list-container .task-item-container {
          cursor: default; }
      body .tasks-and-calendar-container .tasks-container .control-row {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
        body .tasks-and-calendar-container .tasks-container .control-row .custom-button {
          margin: 0; }
        body .tasks-and-calendar-container .tasks-container .control-row .link-arrow {
          margin-top: 10px; }
    body .tasks-and-calendar-container .calendar-container {
      height: 370px;
      padding-top: 15px; }
      body .tasks-and-calendar-container .calendar-container mwl-calendar {
        margin: 0 3px; }
      body .tasks-and-calendar-container .calendar-container .control-bar {
        height: 16px;
        width: 100%; }
        body .tasks-and-calendar-container .calendar-container .control-bar .month-label {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          text-transform: uppercase;
          text-align: center;
          line-height: 16px;
          font-size: 15px;
          font-weight: bold;
          color: #4A5668;
          margin: 0;
          width: 160px;
          letter-spacing: 0.2px; }
        body .tasks-and-calendar-container .calendar-container .control-bar .arrow-left-events, body .tasks-and-calendar-container .calendar-container .control-bar .arrow-right-events {
          height: 16px;
          width: 77px;
          cursor: pointer; }
        body .tasks-and-calendar-container .calendar-container .control-bar .arrow-right-events {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-small-arrow-right.50b88253fe48.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .tasks-and-calendar-container .calendar-container .control-bar .arrow-right-events {
              background-image: url("../img/icon-small-arrow-right@2x.ae2acc3c7a23.png");
              background-size: 5px 10px; } }
        body .tasks-and-calendar-container .calendar-container .control-bar .arrow-left-events {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-small-arrow-left.0a9716dcfde8.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .tasks-and-calendar-container .calendar-container .control-bar .arrow-left-events {
              background-image: url("../img/icon-small-arrow-left@2x.3a5fbbc80b73.png");
              background-size: 5px 10px; } }
      body .tasks-and-calendar-container .calendar-container .events-header-col, body .tasks-and-calendar-container .calendar-container .events-col {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 11px;
        color: #4A5668;
        float: left;
        height: 44px;
        width: 44px;
        border-radius: 3px;
        line-height: 44px;
        text-align: center; }
      body .tasks-and-calendar-container .calendar-container .events-header-col {
        text-transform: uppercase; }
      body .tasks-and-calendar-container .calendar-container .events-col {
        color: #4A5668;
        cursor: pointer;
        position: relative;
        letter-spacing: -0.2px;
        font-size: 14px; }
        body .tasks-and-calendar-container .calendar-container .events-col.cal-day-today {
          background: #4A5668;
          border-radius: 6px;
          color: #fff;
          letter-spacing: 0; }
        body .tasks-and-calendar-container .calendar-container .events-col.cal-day-outmonth {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Medium', sans-serif;
          color: #868A93;
          opacity: 0.5; }
        body .tasks-and-calendar-container .calendar-container .events-col:hover:not(.cal-day-today) {
          background-color: #efefef; }
        body .tasks-and-calendar-container .calendar-container .events-col .events-circle {
          position: absolute;
          height: 6px;
          width: 6px;
          border-radius: 30px;
          background-color: #F61E5B;
          bottom: 0;
          right: calc(50% - 3px); }
  body .link-arrow {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    font-size: 11px;
    color: #4C545A;
    letter-spacing: 0.2px;
    line-height: 11px;
    text-transform: uppercase; }
    body .link-arrow:link {
      color: #4C545A; }
  body .order-detail-container {
    min-width: 980px; }
    body .order-detail-container .content-container {
      height: calc(100% - 56px); }
    body .order-detail-container .empty-message {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif; }
    body .order-detail-container .title-bar .custom-dropdown {
      margin: 0; }
    body .order-detail-container .order-detail-info-container {
      width: calc(100% - 330px);
      height: 100%; }
      body .order-detail-container .order-detail-info-container > .row {
        box-shadow: inset 0 -1px 0 0 #e6e9ed; }
        body .order-detail-container .order-detail-info-container > .row > div {
          height: 78px;
          box-shadow: inset 1px 0 0 0 #e6e9ed;
          padding: 18px 20px 18px 20px; }
          body .order-detail-container .order-detail-info-container > .row > div:first-child {
            box-shadow: none; }
          body .order-detail-container .order-detail-info-container > .row > div .info-cell-content {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 15px;
            color: #414A58;
            line-height: 28px;
            margin: 5px 0 0 0; }
            body .order-detail-container .order-detail-info-container > .row > div .info-cell-content i {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-Regular', sans-serif;
              color: #7e7e7e;
              font-size: 13px; }
          body .order-detail-container .order-detail-info-container > .row > div .status-label {
            margin: 5px 0 0 0; }
      body .order-detail-container .order-detail-info-container .base-custom-table th {
        cursor: default;
        border-top: none;
        padding: 14px 20px; }
      body .order-detail-container .order-detail-info-container .base-custom-table td {
        padding: 0 20px; }
      body .order-detail-container .order-detail-info-container .base-custom-table td, body .order-detail-container .order-detail-info-container .base-custom-table th {
        max-width: 100px; }
        body .order-detail-container .order-detail-info-container .base-custom-table td:first-child, body .order-detail-container .order-detail-info-container .base-custom-table th:first-child {
          max-width: 300px; }
      body .order-detail-container .order-detail-info-container .base-custom-table .status-label {
        margin-right: 5px;
        cursor: default;
        display: inline-block;
        padding: 5px 12px;
        width: auto; }
      body .order-detail-container .order-detail-info-container .order-detail-tabs-container {
        height: calc(100% - 156px); }
      body .order-detail-container .order-detail-info-container .order-notes-tab {
        height: 100%; }
        body .order-detail-container .order-detail-info-container .order-notes-tab .contact-notes-container {
          height: 100%; }
          body .order-detail-container .order-detail-info-container .order-notes-tab .contact-notes-container .contact-note-form.active:not(.editing), body .order-detail-container .order-detail-info-container .order-notes-tab .contact-notes-container .custom-dropdown.open .contact-note-form.control-more:not(.editing), body .custom-dropdown.open .order-detail-container .order-detail-info-container .order-notes-tab .contact-notes-container .contact-note-form.control-more:not(.editing) {
            height: 230px; }
      body .order-detail-container .order-detail-info-container .order-detail-tab {
        position: relative;
        padding: 0 0 157px 0;
        height: 100%;
        display: inline-block;
        width: 100%; }
        body .order-detail-container .order-detail-info-container .order-detail-tab .base-custom-table td:last-child, body .order-detail-container .order-detail-info-container .order-detail-tab .base-custom-table th:last-child {
          text-align: right; }
        body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container {
          display: inline-block;
          width: 100%;
          box-shadow: inset 0 -1px 1px 0 #e6e9ed;
          height: 172px;
          overflow: hidden; }
          body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-message-and-return-container {
            float: left;
            width: calc(100% - 272px);
            height: 100%;
            overflow-x: auto; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-message-and-return-container .order-message-container, body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-message-and-return-container .order-return-container {
              float: left;
              width: 100%;
              padding: 20px 20px 10px 20px; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-message-and-return-container .order-message-container .info-cell-content {
              font-style: italic;
              font-size: 13px;
              color: #313946;
              letter-spacing: 0.2px;
              margin-bottom: 5px; }
          body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container {
            height: 172px;
            width: 272px;
            float: left;
            padding: 17px 20px 20px 20px;
            box-shadow: inset 1px 0 0 0 #e6e9ed, inset 0 -1px 0 0 #e6e9ed;
            background: #f8fafb;
            position: relative; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .row {
              margin-bottom: 12px; }
              body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .row:last-child {
                margin-bottom: 0; }
              body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .row:nth-last-child(2) {
                margin-bottom: 15px; }
              body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .row.total {
                bottom: 20px;
                position: absolute;
                width: 232px; }
                body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .row.total .total-header, body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .row.total .total-value {
                  font-variant-ligatures: none;
                  -webkit-font-variant-ligatures: none;
                  text-rendering: optimizeLegibility;
                  -moz-osx-font-smoothing: grayscale;
                  font-smoothing: antialiased;
                  -webkit-font-smoothing: antialiased;
                  font-family: 'AvenirNext-DemiBold', sans-serif;
                  font-size: 15px;
                  line-height: 12px;
                  color: #354553; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .total-header, body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .total-value {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-Medium', sans-serif;
              font-size: 13px;
              line-height: 18px; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .total-header {
              color: #6b818c; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .total-value {
              text-align: right;
              color: #313946; }
              body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .total-value.discount {
                color: #f70044; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-message-and-summary-container .order-summary-container .col-xs-6 {
              padding: 0; }
        body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container {
          position: absolute;
          bottom: 0;
          left: 0;
          height: auto;
          width: 100%;
          padding-top: 20px;
          overflow-y: hidden;
          overflow-x: auto; }
          body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .wrapper {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            width: max-content;
            height: 102px;
            position: relative; }
          body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .info-cell-header {
            margin-left: 20px; }
          body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .timeline-line {
            width: 100%;
            z-index: 1;
            height: 1px;
            background-color: #cfd2d8;
            top: 32px;
            position: absolute; }
          body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .timeline-group {
            display: block;
            float: left;
            height: 70px;
            margin: 32px 20px 0 0;
            z-index: 2;
            box-shadow: inset 1px 0 0 0 #CFD2D8;
            position: relative; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .timeline-group.first {
              margin-left: 15px; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .timeline-group.last {
              padding-right: 15px; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .timeline-group .timeline-dot {
              background: #fff;
              border: 1px solid #b9bfc7;
              border-radius: 4px;
              height: 8px;
              width: 8px;
              float: left;
              margin-top: -3.5px;
              margin-left: -3.5px; }
            body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .timeline-group .date-and-year-container {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-DemiBold', sans-serif;
              color: #707c8e;
              left: 15px;
              line-height: 14px;
              position: absolute;
              top: 35px;
              text-transform: uppercase; }
              body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .timeline-group .date-and-year-container .date-container {
                font-size: 13px;
                line-height: 14px; }
              body .order-detail-container .order-detail-info-container .order-detail-tab .order-timeline-summary-container .timeline-group .date-and-year-container .year-container {
                font-size: 10px; }
      body .order-detail-container .order-detail-info-container .order-timeline-tab {
        height: 100%; }
    body .order-detail-container .order-detail-sidebar {
      box-shadow: inset 1px 0 0 0 #e6e9ed;
      height: 100%;
      padding: 18px 24px;
      width: 330px; }
      body .order-detail-container .order-detail-sidebar .order-detail-customer-container {
        box-shadow: inset 0 -1px 0 0 #e6e9ed;
        height: 138px;
        padding-bottom: 5px;
        width: 100%; }
        body .order-detail-container .order-detail-sidebar .order-detail-customer-container .info-cell-header {
          margin-bottom: 5px; }
        body .order-detail-container .order-detail-sidebar .order-detail-customer-container .customer-avatar {
          background-image: url("../img/crm/icon-big-contact-avatar.b17ce0c930e7.png");
          background-repeat: no-repeat;
          background-size: cover !important;
          border-radius: 17px;
          display: block;
          height: 30px;
          margin-right: 12px;
          width: 30px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .order-detail-container .order-detail-sidebar .order-detail-customer-container .customer-avatar {
              background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
              background-size: 30px 30px; } }
        body .order-detail-container .order-detail-sidebar .order-detail-customer-container .customer-info {
          float: left;
          width: 240px; }
          body .order-detail-container .order-detail-sidebar .order-detail-customer-container .customer-info .blue-link {
            height: 30px;
            max-width: 215px;
            padding: 5px 0; }
          body .order-detail-container .order-detail-sidebar .order-detail-customer-container .customer-info .icon-star {
            margin: 6px 0 0 6px; }
        body .order-detail-container .order-detail-sidebar .order-detail-customer-container p {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Regular', sans-serif;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #414A58;
          float: left;
          font-size: 15px;
          margin-bottom: 0;
          width: 240px;
          line-height: 28px; }
      body .order-detail-container .order-detail-sidebar .order-detail-address-container {
        box-shadow: inset 0 -1px 0 0 #e6e9ed;
        min-height: 105px;
        margin-top: 20px;
        padding-bottom: 10px;
        width: 100%; }
        body .order-detail-container .order-detail-sidebar .order-detail-address-container p {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Regular', sans-serif;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #313233;
          font-size: 13px;
          line-height: 20px;
          margin: 0; }
      body .order-detail-container .order-detail-sidebar .order-detail-recent-orders {
        margin-top: 20px;
        width: 100%; }
        body .order-detail-container .order-detail-sidebar .order-detail-recent-orders .order-detail-recent-order {
          background-image: url("../img/icon-recent-order.2580fe0a9408.png");
          background-position: 6px 11px;
          background-repeat: no-repeat;
          padding: 10px 0 0 30px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .order-detail-container .order-detail-sidebar .order-detail-recent-orders .order-detail-recent-order {
              background-image: url("../img/icon-recent-order@2x.493678b0682c.png");
              background-size: 13px 13px; } }
          body .order-detail-container .order-detail-sidebar .order-detail-recent-orders .order-detail-recent-order .blue-link {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-Medium', sans-serif;
            font-size: 13px; }
          body .order-detail-container .order-detail-sidebar .order-detail-recent-orders .order-detail-recent-order .order-date {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-Medium', sans-serif;
            font-size: 10px;
            color: #8395A5;
            line-height: 10px;
            margin-top: 3px; }
      body .order-detail-container .order-detail-sidebar tags-input .host {
        margin-top: 10px; }
  body .tab-pane .controls-row {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 87px;
    padding: 18px 30px; }
  body .timeline-container {
    width: 100%;
    overflow: auto;
    height: calc(100% - 44px);
    max-height: 700px; }
    body .timeline-container .wrapper {
      position: relative; }
    body .timeline-container .timeline-line {
      position: absolute;
      height: calc(100% + 22px);
      width: 1px;
      background: #D9DCDF;
      top: -56px;
      left: 20px; }
    body .timeline-container .timeline-group {
      margin: 55px 20px 0 20px;
      z-index: 2;
      position: relative; }
      body .timeline-container .timeline-group .timeline-dot-container {
        width: 20px;
        margin: 31px 0;
        height: 1px;
        background: #b9bfc7;
        float: left; }
        body .timeline-container .timeline-group .timeline-dot-container .timeline-dot {
          background: #fff;
          border: 1px solid #b9bfc7;
          border-radius: 4px;
          float: left;
          height: 8px;
          margin-left: -3.5px;
          margin-top: -3.5px;
          width: 8px; }
      body .timeline-container .timeline-group .timeline-item {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        height: 62px;
        padding: 11px 16px;
        background: #fff;
        border: 1px solid #D9DCDF;
        border-radius: 3px;
        margin-bottom: 15px;
        margin-left: 20px; }
        body .timeline-container .timeline-group .timeline-item .timeline-item-icon {
          cursor: default;
          margin: 0 10px 0 0; }
          body .timeline-container .timeline-group .timeline-item .timeline-item-icon.readyshipper {
            background-position: 5px 1px; }
        body .timeline-container .timeline-group .timeline-item.expandable {
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Medium', sans-serif;
          cursor: pointer;
          height: auto;
          padding: 11px 0 0 0; }
          body .timeline-container .timeline-group .timeline-item.expandable.active .caret, body .timeline-container .timeline-group .custom-dropdown.open .timeline-item.expandable.control-more .caret, body .custom-dropdown.open .timeline-container .timeline-group .timeline-item.expandable.control-more .caret {
            transform: rotate(360deg); }
          body .timeline-container .timeline-group .timeline-item.expandable .timeline-item-description-container {
            padding: 0 16px 11px 16px;
            height: 49px; }
          body .timeline-container .timeline-group .timeline-item.expandable .caret {
            background-image: url("../img/dropdown-caret.fe050d50ae1a.png");
            transition-duration: 0.4s;
            transition-property: transform;
            position: absolute;
            top: 28px;
            right: 16px;
            border: none;
            height: 6px;
            margin: 0;
            width: 9px;
            transform: rotate(270deg); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body .timeline-container .timeline-group .timeline-item.expandable .caret {
                background-image: url("../img/dropdown-caret@2x.caee99863a3f.png");
                background-size: 9px 6px; } }
        body .timeline-container .timeline-group .timeline-item .panel-collapse {
          border-top: 1px solid #D9DCDF;
          width: 100%;
          float: left; }
          body .timeline-container .timeline-group .timeline-item .panel-collapse .panel-body {
            padding: 0;
            max-height: 550px;
            position: relative;
            overflow-x: hidden;
            overflow-y: auto; }
            body .timeline-container .timeline-group .timeline-item .panel-collapse .panel-body .transactions-table th {
              border-top: none; }
            body .timeline-container .timeline-group .timeline-item .panel-collapse .panel-body .transactions-table tbody tr:last-child td {
              border-bottom: none; }
            body .timeline-container .timeline-group .timeline-item .panel-collapse .panel-body .transactions-table tbody tr td {
              padding: 0 15px; }
      body .timeline-container .timeline-group .date-and-year-container {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        color: #233652;
        left: 22px;
        line-height: 14px;
        position: absolute;
        top: -21px;
        font-size: 11px;
        text-transform: uppercase; }
  body .address-info-container {
    background-image: url("../img/icon-location.80def8756821.png");
    background-position: 7px 13px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .address-info-container {
        background-image: url("../img/icon-location@2x.0595edf8d509.png");
        background-size: 10px 15px; } }
  body .warehouse-info-container {
    background-image: url("../img/icon-warehouse.9e661dfdd925.png");
    background-position: 6px 13px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .warehouse-info-container {
        background-image: url("../img/icon-warehouse@2x.2fc92e09eaef.png");
        background-size: 13px 12px; } }
  body .contact-name-info-container {
    background-image: url("../img/icon-address-contact.b6d3b043ffe9.png");
    background-position: 6px 13px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .contact-name-info-container {
        background-image: url("../img/icon-address-contact@2x.a590a4ddc1e9.png");
        background-size: 12px 12px; } }
  body .contact-email-info-container {
    background-image: url("../img/icon-address-email.5dee85ccd7f7.png");
    background-position: 6px 13px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .contact-email-info-container {
        background-image: url("../img/icon-address-email@2x.5e95eab0873c.png");
        background-size: 15px 12px; } }
  body .contact-phone-info-container {
    background-image: url("../img/icon-address-phone.47988c4fcbc8.png");
    background-position: 6px 13px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .contact-phone-info-container {
        background-image: url("../img/icon-address-phone@2x.72b5065bd2f9.png");
        background-size: 14px 14px; } }
  body .source-info-container {
    background-image: url("../img/icon-recent-order.2580fe0a9408.png");
    background-position: 6px 13px;
    background-repeat: no-repeat;
    padding: 10px 0 0 30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .source-info-container {
        background-image: url("../img/icon-recent-order@2x.493678b0682c.png");
        background-size: 13px 13px; } }
  body .notification-item {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 13px;
    color: #232425;
    display: block;
    min-height: 30px;
    position: relative; }
    body .notification-item:link {
      color: #232425; }
    body .notification-item .notification-title-container {
      margin-top: -2px;
      margin-left: 40px;
      float: none; }
      body .notification-item .notification-title-container .notification-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        max-width: 200px; }
      body .notification-item .notification-title-container .notification-time {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        height: 15px;
        width: 100%;
        font-size: 11px;
        color: #959AA3; }
    body .notification-item .icon-arrow {
      position: absolute;
      right: 0;
      top: 10px; }
  body .notification-description {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: block;
    margin-top: 5px;
    font-size: 13px; }
  body .notification-app-relation {
    margin-top: 5px; }
    body .notification-app-relation b {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      text-transform: capitalize;
      font-size: 13px;
      color: #414A58; }
    body .notification-app-relation i {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      font-size: 13px;
      color: #7e7e7e; }
  body .notification-item-icon {
    border-radius: 3px;
    height: 30px;
    width: 30px;
    float: left;
    cursor: pointer;
    position: initial;
    top: 0;
    display: block;
    text-align: center;
    background-color: #8E9CA8; }
    body .notification-item-icon.order {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-order-white.8e3d6f853806.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notification-item-icon.order {
          background-image: url("../img/icon-order-white@2x.b5ce8e66d8fa.png");
          background-size: 12px 13px; } }
      body .notification-item-icon.order.active, body .custom-dropdown.open .notification-item-icon.order.control-more {
        background-color: #5DCF9A; }
    body .notification-item-icon.event-alert {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-event-white.c7e3da48d228.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notification-item-icon.event-alert {
          background-image: url("../img/icon-event-white@2x.c700f5254893.png");
          background-size: 14px 15px; } }
      body .notification-item-icon.event-alert.active, body .custom-dropdown.open .notification-item-icon.event-alert.control-more {
        background-color: #F79C53; }
    body .notification-item-icon.shopify {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-timeline-shopify.d681a91d2ac6.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notification-item-icon.shopify {
          background-image: url("../img/icon-timeline-shopify@2x.967688eb11cd.png");
          background-size: 18px 21px; } }
      body .notification-item-icon.shopify.active, body .custom-dropdown.open .notification-item-icon.shopify.control-more {
        background-color: #95BF47; }
    body .notification-item-icon.readyshipper {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-timeline-readyshipper.7f361deff220.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notification-item-icon.readyshipper {
          background-image: url("../img/icon-timeline-readyshipper@2x.5eb5999db5f4.png");
          background-size: 17px 23px; } }
      body .notification-item-icon.readyshipper.active, body .custom-dropdown.open .notification-item-icon.readyshipper.control-more {
        background-color: #6DB33A; }
    body .notification-item-icon.readycloud {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-timeline-readycloud.679ea22c0aef.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notification-item-icon.readycloud {
          background-image: url("../img/icon-timeline-readycloud@2x.ad9e09ad583b.png");
          background-size: 22px 22px; } }
      body .notification-item-icon.readycloud.active, body .custom-dropdown.open .notification-item-icon.readycloud.control-more {
        background-color: #2A4B9B; }
    body .notification-item-icon.readyreturns {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-timeline-readyreturns.a3acc2ea56a0.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notification-item-icon.readyreturns {
          background-image: url("../img/icon-timeline-readyreturns@2x.ba310881d2be.png");
          background-size: 22px 22px; } }
      body .notification-item-icon.readyreturns.active, body .custom-dropdown.open .notification-item-icon.readyreturns.control-more {
        background-color: #E5244D; }
    body .notification-item-icon.task {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-task-white.38c4d41b5a88.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .notification-item-icon.task {
          background-image: url("../img/icon-task-white@2x.592fc1e3d7ae.png");
          background-size: 19px 10px; } }
      body .notification-item-icon.task.active, body .custom-dropdown.open .notification-item-icon.task.control-more {
        background-color: #35B8EA; }
  body .timeline-item-icon {
    border-radius: 3px;
    background: #fff;
    height: 36px;
    width: 36px;
    float: left;
    margin: -18px 0 0 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    position: initial;
    top: 0;
    display: block;
    text-align: center; }
    body .timeline-item-icon.member {
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-size: 36px 36px;
      border-radius: 50%; }
    body .timeline-item-icon.placed {
      background-color: #95BF47; }
      body .timeline-item-icon.placed:before {
        margin: 0 auto;
        color: #fff;
        line-height: 36px;
        font-size: 17px; }
    body .timeline-item-icon.import {
      background-color: #95BF47; }
      body .timeline-item-icon.import:before {
        margin: 0 auto;
        color: #fff;
        line-height: 36px;
        font-size: 17px; }
    body .timeline-item-icon.readyshipper {
      background-image: url("../img/icon-timeline-readyshipper.7f361deff220.png");
      background-color: #6DB33A;
      background-position: 8px 4px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .timeline-item-icon.readyshipper {
          background-image: url("../img/icon-timeline-readyshipper@2x.5eb5999db5f4.png");
          background-size: 19px 27px; } }
    body .timeline-item-icon.shipment_activity, body .timeline-item-icon.shipped {
      background-image: url("../img/icon-timeline-tracking.6df3d98326a1.png");
      background-color: #F9BE69; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .timeline-item-icon.shipment_activity, body .timeline-item-icon.shipped {
          background-image: url("../img/icon-timeline-tracking@2x.237d3cad2e8e.png");
          background-size: 18px 12px; } }
    body .timeline-item-icon.box_insured {
      background-image: url("../img/icon-timeline-insured-shield.945c23c623bc.png");
      background-color: #0070B9; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .timeline-item-icon.box_insured {
          background-image: url("../img/icon-timeline-insured-shield@2x.png");
          background-size: 18px 18px; } }
    body .timeline-item-icon.shipment_activity.delivered {
      position: relative; }
      body .timeline-item-icon.shipment_activity.delivered:before {
        top: -5px;
        right: -5px;
        position: absolute;
        font-size: 10px;
        line-height: 14px;
        height: 15px;
        width: 15px;
        border-radius: 15px;
        color: #fff;
        background-color: #6DB33A; }
    body .timeline-item-icon.return {
      background-image: url("../img/icon-timeline-readyreturns.a3acc2ea56a0.png");
      background-color: #E5244D; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .timeline-item-icon.return {
          background-image: url("../img/icon-timeline-readyreturns@2x.ba310881d2be.png");
          background-size: 22px 22px; } }
    body .timeline-item-icon.voided {
      background-color: #E5244D; }
      body .timeline-item-icon.voided:before {
        margin: 10px;
        color: #fff;
        line-height: 36px;
        font-size: 16px; }
    body .timeline-item-icon.notes {
      background-color: #35B8EA; }
      body .timeline-item-icon.notes:before {
        margin: 9px;
        color: #fff;
        line-height: 36px;
        font-size: 17px; }
    body .timeline-item-icon.revision {
      background-color: #35B8EA; }
      body .timeline-item-icon.revision.author {
        background-size: 36px 36px;
        border-radius: 50%; }
      body .timeline-item-icon.revision:before {
        margin: 11px;
        color: #fff;
        line-height: 36px; }
    body .timeline-item-icon.split {
      background-color: #6DB33A; }
      body .timeline-item-icon.split:before {
        margin: 10px;
        color: #fff;
        line-height: 36px;
        font-size: 18px; }
    body .timeline-item-icon.combine {
      background-color: #6DB33A; }
      body .timeline-item-icon.combine:before {
        margin: 8px;
        color: #fff;
        line-height: 36px;
        font-size: 20px; }
    body .timeline-item-icon.action_alert_transaction {
      background-color: #fcaf20;
      background-image: url("../img/icon-timeline-action-alert.295147475149.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .timeline-item-icon.action_alert_transaction {
          background-image: url("../img/icon-timeline-action-alert@2x.af1026b7b3ee.png");
          background-size: 20px 16px; } }
    body .timeline-item-icon.shipping_transaction {
      background-image: url("../img/icon-timeline-readyshipper.7f361deff220.png");
      background-color: #fcaf20;
      background-position: 8px 4px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .timeline-item-icon.shipping_transaction {
          background-image: url("../img/icon-timeline-readyshipper@2x.5eb5999db5f4.png");
          background-size: 19px 27px; } }
    body .timeline-item-icon.return_transaction {
      background-image: url("../img/icon-timeline-readyreturns.a3acc2ea56a0.png");
      background-color: #fcaf20; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .timeline-item-icon.return_transaction {
          background-image: url("../img/icon-timeline-readyreturns@2x.ba310881d2be.png");
          background-size: 22px 22px; } }
    body .timeline-item-icon.ups_qr_code_transaction {
      background-color: #fcaf20; }
      body .timeline-item-icon.ups_qr_code_transaction:before {
        margin: 8px;
        color: #fff;
        line-height: 36px;
        font-size: 20px; }
    body .timeline-item-icon.pickup_transaction {
      background-color: #fcaf20; }
      body .timeline-item-icon.pickup_transaction:before {
        margin: 8px;
        color: #fff;
        line-height: 36px;
        font-size: 20px; }
    body .timeline-item-icon.equipment_return_transaction {
      background-image: url("../img/icon-timeline-equipment-return.0dfd42518c4f.png");
      background-color: #fcaf20; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .timeline-item-icon.equipment_return_transaction {
          background-image: url("../img/icon-timeline-equipment-return@2x.1e3087066acc.png");
          background-size: 20px 23px; } }
    body .timeline-item-icon.item_restocked {
      background-color: #E5244D; }
      body .timeline-item-icon.item_restocked:before {
        margin: 8px;
        color: #fff;
        line-height: 36px;
        font-size: 20px; }
    body .timeline-item-icon.group {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Bold', sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 9px 0;
      background: #35B8EA;
      font-size: 13px;
      color: #fff;
      letter-spacing: 0.35px; }
  body .timeline-item-popover {
    background: #fff;
    box-shadow: 0 12px 27px 0 rgba(37, 51, 71, 0.26);
    border-radius: 3px;
    border: none;
    max-width: 600px;
    width: auto; }
    body .timeline-item-popover[placement="top-left"] .arrow {
      left: 6px !important; }
    body .timeline-item-popover[placement="top-right"] .arrow {
      right: 8px !important; }
    body .timeline-item-popover .arrow {
      border-top-color: transparent !important; }
    body .timeline-item-popover .timeline-item-icon {
      margin: 0 10px 0 0;
      cursor: default; }
    body .timeline-item-popover .timeline-item-description-container {
      max-width: 570px; }
    body .timeline-item-popover .timeline-group-popover-event {
      margin-bottom: 10px; }
      body .timeline-item-popover .timeline-group-popover-event.last {
        margin: 0; }
      body .timeline-item-popover .timeline-group-popover-event .timeline-item-description-container {
        max-width: 520px; }
    body .timeline-item-popover .timeline-item-container {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      body .timeline-item-popover .timeline-item-container:not(:first-child) {
        margin-top: 30px; }
  body .modal-backdrop.in {
    background: rgba(18, 30, 56, 0.75);
    opacity: 1; }
  body .custom-modal .modal-close {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-modal-close.fc996b4c3b12.png");
    position: absolute;
    cursor: pointer;
    top: 25px;
    right: 25px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .custom-modal .modal-close {
        background-image: url("../img/icon-modal-close@2x.41971c4b0f9c.png");
        background-size: 20px 20px; } }
  body .custom-modal .modal-dialog {
    background: #fff;
    box-shadow: 0 12px 30px 0 rgba(37, 51, 71, 0.64);
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 75px; }
  body .custom-modal .modal-header {
    height: 57px;
    padding: 17px 20px;
    background-image: none; }
    body .custom-modal .modal-header .modal-title {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 17px;
      color: #4A5668; }
  body .custom-modal .modal-body {
    box-shadow: inset 0 -1px 0 0 #DEE1E7, inset 0 1px 0 0 #DEE1E7;
    padding: 25px 20px;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 15px;
    color: #4A5668; }
    body .custom-modal .modal-body .modal-body-title {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      font-size: 17px;
      color: #4A5668;
      margin-bottom: 15px; }
  body .custom-modal .modal-footer {
    height: 77px;
    padding: 18px 25px; }
  body .shipment-tracking-modal .modal-dialog {
    width: 828px;
    height: 794px; }
    body .shipment-tracking-modal .modal-dialog .modal-header .tracking-info {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 50%;
      font-size: 15px;
      color: #4A5668;
      display: block;
      text-align: right;
      float: right; }
      body .shipment-tracking-modal .modal-dialog .modal-header .tracking-info .blue-link {
        cursor: default; }
    body .shipment-tracking-modal .modal-dialog .modal-body {
      background: #F3F6F9;
      padding: 15px 0 1px 0; }
      body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container {
        padding: 30px 145px 20px 145px;
        width: 100%;
        height: 100px; }
        body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container {
          position: relative; }
          body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .line {
            width: 100%;
            height: 2px;
            background-color: lightgrey; }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .line.green {
              background-color: #4FCC92; }
          body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .circle {
            border: solid 1px lightgrey;
            border-radius: 50%;
            display: inline-block;
            height: 10px;
            position: absolute;
            top: -4px;
            vertical-align: middle;
            width: 10px;
            background: lightgrey; }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .circle.first {
              left: 0; }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .circle.middle {
              left: calc(50% - 5px); }
              body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .circle.middle.big {
                left: calc(50% - 11px); }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .circle.last {
              right: 0; }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .circle.green {
              background: #4FCC92;
              border-color: #4FCC92; }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .circle.check {
              background-repeat: no-repeat;
              background-position: center center;
              background-image: url("../img/icon-check-light.a602515e5d16.png"); }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .circle.check {
                  background-image: url("../img/icon-check-light@2x.92bca3788b6d.png");
                  background-size: 10px 9px; } }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .circle.big {
              height: 22px;
              width: 22px;
              top: -10px; }
          body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .row {
            position: relative;
            margin: 16px -38px;
            text-align: center; }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .row > div {
              width: 90px;
              position: absolute; }
              body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .row > div.first {
                left: 0; }
              body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .row > div.middle {
                left: calc(50% - 45px); }
              body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .row > div.last {
                right: 0; }
          body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .info-cell-header {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            font-size: 13px;
            color: #929FAD;
            letter-spacing: 0.2px; }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .info-cell-header.green {
              color: #33C581; }
          body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .info-cell-content {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            font-size: 11px;
            color: #8A96A2; }
            body .shipment-tracking-modal .modal-dialog .modal-body .shipment-tracking-status-container .status-progress-container .info-cell-content.dark {
              color: #646D76; }
      body .shipment-tracking-modal .modal-dialog .modal-body > .row {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        background-color: #fff;
        box-shadow: inset 0 -1px 0 0 #DEE1E7, inset 0 1px 0 0 #DEE1E7;
        font-size: 13px;
        color: #414A58; }
        body .shipment-tracking-modal .modal-dialog .modal-body > .row > div {
          height: 136px;
          padding: 18px 25px; }
          body .shipment-tracking-modal .modal-dialog .modal-body > .row > div .info-cell-header {
            margin-bottom: 6px; }
          body .shipment-tracking-modal .modal-dialog .modal-body > .row > div > div:not(.info-cell-header) {
            margin-bottom: 10px;
            padding: 0 0 0 24px; }
          body .shipment-tracking-modal .modal-dialog .modal-body > .row > div .contact-name-info-container {
            background-position: 0 2px; }
          body .shipment-tracking-modal .modal-dialog .modal-body > .row > div .contact-email-info-container {
            background-position: 0 5px; }
          body .shipment-tracking-modal .modal-dialog .modal-body > .row > div .contact-phone-info-container {
            background-position: 0 3px; }
          body .shipment-tracking-modal .modal-dialog .modal-body > .row > div .warehouse-info-container {
            background-position: 0 2px; }
          body .shipment-tracking-modal .modal-dialog .modal-body > .row > div .address-info-container {
            background-position: 1px 1px; }
      body .shipment-tracking-modal .modal-dialog .modal-body .timeline-container-wrapper {
        height: 420px;
        overflow: hidden;
        overflow-y: auto; }
  body .timeline-item-description-container {
    float: left;
    max-width: calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  body .timeline-item-description {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #4C4C4C;
    margin: 0 0 5px 0; }
    body .timeline-item-description > span:after {
      content: '.';
      position: relative;
      left: -2px; }
    body .timeline-item-description b {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      color: #414A58;
      font-weight: normal; }
      body .timeline-item-description b.revision-field-name {
        text-transform: capitalize; }
      body .timeline-item-description b.member-name {
        color: #4C4C4C; }
    body .timeline-item-description i {
      text-transform: lowercase;
      color: #7e7e7e;
      margin-right: 1px; }
  body .timeline-item-link {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    font-size: 11px;
    margin-left: 10px; }
  body .timeline-item-date {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    font-size: 11px;
    color: #8995A2;
    clear: left; }
  body .blue-link {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4C4C4C;
    font-size: 13px; }
    body .blue-link.big {
      font-size: 15px; }
  body a.blue-link {
    color: #12AEE6; }
    body a.blue-link.red {
      color: #f56d6f; }
  body .custom-tooltip.tooltip {
    z-index: 100000001; }
    body .custom-tooltip.tooltip .tooltip-inner {
      background: #4A5669;
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      border-radius: 4px;
      box-shadow: 0 12px 27px 0 rgba(37, 51, 71, 0.26);
      color: #fff;
      font-size: 11px;
      padding: 7px 9px; }
    body .custom-tooltip.tooltip .tooltip-arrow {
      border-top-color: #4A5669; }
  body .uppercase {
    text-transform: uppercase; }
  body .custom-button {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.35px;
    height: 42px;
    padding: 12px 24px;
    text-transform: capitalize;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block; }
    body .custom-button:link {
      color: #fff;
      text-decoration: none; }
      body .custom-button:link:active, body .custom-button:link:focus {
        color: #fff; }
    body .custom-button.small {
      font-size: 12px;
      height: 30px;
      min-width: inherit;
      padding: 6px 15px; }
    body .custom-button.medium {
      font-size: 13px;
      height: 36px;
      min-width: inherit;
      padding: 9px 18px; }
    body .custom-button.mini {
      min-width: inherit;
      padding: 3px 10px;
      height: 26px; }
    body .custom-button.light-blue {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      background: transparent;
      color: #12AEE6;
      border: 2px solid #12AEE6;
      padding: 8px 18px; }
    body .custom-button.blue {
      background: #1EBEF3;
      border: 1px solid #1BAEDF; }
    body .custom-button.grey {
      background: #F8FAFB;
      border: 1px solid #DEDADA;
      color: #6B7178; }
    body .custom-button.red {
      background: #F96B69;
      border: 1px solid #F96B69; }
    body .custom-button.green {
      background: #73CAA1;
      border: 1px solid #73CAA1; }
    body .custom-button[disabled] {
      cursor: default;
      opacity: .4; }
    body .custom-button.active .caret, body .custom-dropdown.open .custom-button.control-more .caret {
      background-image: url("../img/icon-arrow-up-white.d2d96a889290.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .custom-button.active .caret, body .custom-dropdown.open .custom-button.control-more .caret {
          background-image: url("../img/icon-arrow-up-white@2x.6e295291bec7.png");
          background-size: 9px 6px; } }
    body .custom-button .caret {
      display: inline-block;
      height: 6px;
      margin-left: 8px;
      margin-bottom: 4px;
      width: 9px;
      border: none;
      background-image: url("../img/icon-arrow-down-white.626483709aca.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .custom-button .caret {
          background-image: url("../img/icon-arrow-down-white@2x.34e5fb439383.png");
          background-size: 9px 6px; } }
  body pie {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    float: left;
    height: 24px;
    width: 24px; }
    body pie.five-minutes {
      background-image: linear-gradient(120deg, transparent 50%, #c2e9f8 50%), linear-gradient(90deg, #c2e9f8 50%, transparent 50%); }
    body pie.ten-minutes {
      background-image: linear-gradient(150deg, transparent 50%, #c2e9f8 50%), linear-gradient(90deg, #c2e9f8 50%, transparent 50%); }
    body pie.fifteen-minutes {
      background-image: linear-gradient(180deg, transparent 50%, #c2e9f8 50%), linear-gradient(90deg, #c2e9f8 50%, transparent 50%); }
  body .icon-star {
    background-image: url("../img/icon-star.c8f72ebd95e3.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 17px;
    width: 16px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon-star {
        background-image: url("../img/icon-star@2x.c1071fdeb2a3.png");
        background-size: 17px 16px; } }
    body .icon-star:hover, body .icon-star .active, body .icon-star .custom-dropdown.open .control-more, body .custom-dropdown.open .icon-star .control-more {
      background-image: url("../img/icon-star-active.b4553ccace85.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .icon-star:hover, body .icon-star .active, body .icon-star .custom-dropdown.open .control-more, body .custom-dropdown.open .icon-star .control-more {
          background-image: url("../img/icon-star-active@2x.12593e112e1d.png");
          background-size: 17px 16px; } }
  body .icon-arrow {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-small-arrow-right.50b88253fe48.png");
    height: 10px;
    width: 10px;
    display: inline-block; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon-arrow {
        background-image: url("../img/icon-small-arrow-right@2x.ae2acc3c7a23.png");
        background-size: 5px 10px; } }
  body .icon-arrow-left {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-small-arrow-left.0a9716dcfde8.png");
    height: 10px;
    width: 10px;
    display: inline-block; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon-arrow-left {
        background-image: url("../img/icon-small-arrow-left@2x.3a5fbbc80b73.png");
        background-size: 5px 10px; } }
  body .icon-arrow-blue {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-small-arrow-blue-right.ac69704e2cbf.png");
    height: 9px;
    width: 6px;
    display: inline-block; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon-arrow-blue {
        background-image: url("../img/icon-small-arrow-blue-right@2x.6262c66f894b.png");
        background-size: 6px 9px; } }
  body .icon-add-blue {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-add-blue.89dd0460b587.png");
    height: 14px;
    width: 14px;
    display: inline-block; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon-add-blue {
        background-image: url("../img/icon-add-blue@2x.2468b5b446fd.png");
        background-size: 14px 14px; } }
  body .icon-remove-grey {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-remove-grey.b4ff0b27d884.png");
    height: 11px;
    width: 11px;
    display: inline-block; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon-remove-grey {
        background-image: url("../img/icon-remove-grey@2x.1adc2d6ab1d7.png");
        background-size: 11px 11px; } }
  body .icon-bell {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-alert.856eb47d8e00.png");
    height: 12px;
    width: 12px;
    display: inline-block;
    background-size: 12px 12px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon-bell {
        background-image: url("../img/icon-alert@2x.8faccbfeebac.png");
        background-size: 12px 12px; } }
  body .icon-caret {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-dropdown-arrow.fe050d50ae1a.png");
    height: 6px;
    width: 9px;
    display: inline-block; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .icon-caret {
        background-image: url("../img/icon-dropdown-arrow@2x.caee99863a3f.png");
        background-size: 9px 6px; } }
  body .title-bar {
    box-shadow: inset 0 -1px 0 0 #e6e9ed;
    height: 56px; }
    body .title-bar .title {
      width: 335px;
      height: 100%;
      padding: 0 8px 0 20px; }
      body .title-bar .title > span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        font-size: 17px;
        color: #222425;
        line-height: 56px;
        max-width: 250px;
        display: block;
        float: left; }
      body .title-bar .title .control-more {
        margin-right: 0; }
    body .title-bar .controls {
      width: calc(100% - 335px);
      padding: 0 20px;
      height: 100%;
      box-shadow: inset 1px 0 0 0 #e6e9ed; }
      body .title-bar .controls .custom-dropdown {
        margin: 17px 0 0 0; }
        body .title-bar .controls .custom-dropdown .dropdown-toggle {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Medium', sans-serif;
          font-size: 17px;
          color: #4A5668; }
  body .table-views-popover {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif;
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 3px 7px 1px rgba(37, 51, 71, 0.26);
    margin-top: 0;
    max-width: 320px; }
    body .table-views-popover .arrow {
      display: none; }
  body .table-filters-popover {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif;
    background: #fff;
    border: none;
    border-radius: 5px;
    box-shadow: 0 3px 7px 1px rgba(37, 51, 71, 0.26);
    margin-top: 0;
    max-width: 800px; }
    body .table-filters-popover .arrow {
      display: none; }
    body .table-filters-popover .popover-content {
      padding: 20px; }
    body .table-filters-popover b {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Bold', sans-serif;
      color: #1B293E;
      font-size: 13px;
      font-weight: 500;
      display: block;
      height: 32px;
      line-height: 32px; }
    body .table-filters-popover .query-builder {
      display: inline-block; }
      body .table-filters-popover .query-builder.disabled {
        opacity: 0.6;
        pointer-events: none; }
    body .table-filters-popover .add-table-filter-button {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      background: #fff;
      border: none;
      color: #1EBEF3;
      font-size: 13px;
      height: 20px;
      letter-spacing: 0.3px;
      line-height: 18px;
      margin: 13px 0 0 0;
      padding: 0; }
      body .table-filters-popover .add-table-filter-button i {
        background-image: url("../img/icon-add-blue.89dd0460b587.png");
        display: block;
        float: left;
        height: 14px;
        margin-right: 10px;
        margin-top: 1px;
        width: 14px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .table-filters-popover .add-table-filter-button i {
            background-image: url("../img/icon-add-blue@2x.2468b5b446fd.png");
            background-size: 14px 14px; } }
  body .table-filter-row {
    margin-top: 10px; }
    body .table-filter-row.last {
      margin-bottom: 0; }
    body .table-filter-row.multiple {
      min-height: 32px;
      height: auto; }
    body .table-filter-row > span, body .table-filter-row .table-filter-condition > span {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      color: #1B293E;
      display: block;
      font-size: 13px;
      height: 32px;
      line-height: 34px;
      margin: 0 13px 0 0; }
    body .table-filter-row .table-filter-condition {
      margin-top: 10px;
      display: inline-block;
      width: 555px;
      position: relative; }
      body .table-filter-row .table-filter-condition .ui-select-container:first-of-type .ui-select-dropdown .select2-result-single li:nth-last-child(3) {
        position: relative; }
        body .table-filter-row .table-filter-condition .ui-select-container:first-of-type .ui-select-dropdown .select2-result-single li:nth-last-child(3):before {
          content: "";
          height: 1px;
          width: 100%;
          background-color: #e2e2e2;
          position: absolute;
          top: -1px; }
      body .table-filter-row .table-filter-condition .ui-select-container:nth-of-type(3):not(.ui-select-multiple) .ui-select-dropdown {
        margin-left: -83px; }
    body .table-filter-row .remove-filter-group {
      color: #9EAFBE;
      margin: 0 4px 0 0; }
      body .table-filter-row .remove-filter-group i {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-remove-grey.b4ff0b27d884.png");
        display: block;
        float: left;
        height: 32px;
        width: 11px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .table-filter-row .remove-filter-group i {
            background-image: url("../img/icon-remove-grey@2x.1adc2d6ab1d7.png");
            background-size: 11px 11px; } }
    body .table-filter-row .group-operator-container {
      box-shadow: inset 0 -1px 0 0 #EFF0F1;
      padding-bottom: 10px;
      min-width: 570px; }
    body .table-filter-row .condition {
      margin-left: 15px;
      clear: both; }
    body .table-filter-row .custom-input {
      border: 1px solid #E2E2E2;
      border-radius: 3px;
      display: block;
      height: 32px;
      width: 150px;
      font-size: 13px;
      text-indent: 10px; }
      body .table-filter-row .custom-input[type="date"] {
        text-indent: 5px; }
      body .table-filter-row .custom-input.match-input {
        width: 247px; }
      body .table-filter-row .custom-input.money-input {
        width: 75px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-right: 0; }
  body .ui-select-container {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif;
    position: relative;
    margin: 0 10px 0 0;
    height: 32px;
    width: 150px; }
    body .ui-select-container.wide {
      width: 300px; }
      body .ui-select-container.wide .select2-drop {
        width: 285px; }
    body .ui-select-container.currency-select {
      width: 75px;
      margin-left: 0; }
      body .ui-select-container.currency-select .ui-select-match {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
      body .ui-select-container.currency-select .ui-select-dropdown {
        left: 0;
        width: 75px; }
        body .ui-select-container.currency-select .ui-select-dropdown .ui-select-choices {
          padding: 5px; }
    body .ui-select-container.group-operator-selector {
      width: 240px; }
    body .ui-select-container.ui-select-multiple {
      margin-top: 10px;
      margin-left: 20px;
      height: 32px; }
    body .ui-select-container.select2-container .select2-choice {
      box-shadow: none !important;
      padding: 0 0 0 15px;
      border-bottom-color: #E2E2E2 !important; }
      body .ui-select-container.select2-container .select2-choice .select2-chosen {
        color: #1B293E; }
        body .ui-select-container.select2-container .select2-choice .select2-chosen .status-label {
          margin-top: 5px; }
    body .ui-select-container.bold {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif; }
      body .ui-select-container.bold > a > span {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 13px;
        color: #586D6E;
        letter-spacing: 0.3px; }
      body .ui-select-container.bold.select2-container .select2-choice .select2-chosen {
        color: #586D6E; }
    body .ui-select-container b {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Bold', sans-serif;
      float: left;
      margin-right: 3px;
      font-weight: 500;
      color: #1B293E; }
    body .ui-select-container .ui-select-match {
      background: #F8FAFB;
      border: 1px solid #E2E2E2;
      border-radius: 3px;
      height: 100%; }
      body .ui-select-container .ui-select-match span {
        height: 100%;
        line-height: 32px;
        font-size: 13px;
        font-weight: 400;
        cursor: default;
        color: #A3A6AB; }
        body .ui-select-container .ui-select-match span > span {
          color: #1B293E; }
      body .ui-select-container .ui-select-match .select2-arrow {
        border: none;
        background: none;
        padding: 11px 8px 11px 0; }
        body .ui-select-container .ui-select-match .select2-arrow b {
          background-position: 50%;
          background-image: url("../img/icon-dropdown-arrow.fe050d50ae1a.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .ui-select-container .ui-select-match .select2-arrow b {
              background-image: url("../img/icon-dropdown-arrow@2x.caee99863a3f.png");
              background-size: 9px 6px; } }
  body .select2-container-multi .select2-choices {
    background: #F8FAFB;
    border: 1px solid #E2E2E2;
    border-radius: 3px;
    height: 100% !important;
    width: 523px; }
    body .select2-container-multi .select2-choices .ui-select-match {
      border: none; }
    body .select2-container-multi .select2-choices .select2-search-field input {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      height: 30px;
      font-size: 13px;
      text-indent: 10px;
      width: 150px !important; }
      body .select2-container-multi .select2-choices .select2-search-field input::-webkit-input-placeholder {
        color: #9EA8B2; }
      body .select2-container-multi .select2-choices .select2-search-field input:-moz-placeholder {
        color: #9EA8B2; }
      body .select2-container-multi .select2-choices .select2-search-field input:-ms-input-placeholder {
        color: #9EA8B2; }
    body .select2-container-multi .select2-choices .select2-search-choice {
      margin: 7px 5px;
      height: 17px;
      padding: 0 20px 0 5px;
      box-shadow: none;
      border: none;
      background-image: none;
      background: #8395A5;
      border-radius: 2px;
      color: #46484a; }
      body .select2-container-multi .select2-choices .select2-search-choice .ui-select-match-close {
        background-image: url("../img/icon-remove-white.f5c12837c31a.png");
        background-position: initial !important;
        top: 3px;
        right: 3px;
        height: 11px;
        width: 11px;
        left: initial; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .select2-container-multi .select2-choices .select2-search-choice .ui-select-match-close {
            background-image: url("../img/icon-remove-white@2x.2d4d2caa7e84.png");
            background-size: 11px 11px; } }
      body .select2-container-multi .select2-choices .select2-search-choice span {
        line-height: 18px; }
        body .select2-container-multi .select2-choices .select2-search-choice span > span {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          font-size: 10px;
          color: #fff;
          line-height: 18px; }
  body .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #E2E2E2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  body .select2-container-multi .select2-search-choice-close {
    left: unset; }
  body .select2-search-choice-close {
    margin-top: 1px; }
  body .select2-drop {
    width: 233px;
    background: #FFFFFF;
    box-shadow: 0 12px 27px 0 rgba(37, 51, 71, 0.26);
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    margin-top: 3px; }
    body .select2-drop.wide {
      width: 280px; }
    body .select2-drop .select2-results {
      padding: 5px 5px 5px 5px;
      margin: 0;
      max-height: 215px; }
      body .select2-drop .select2-results .select2-result-label {
        height: 32px;
        padding: 0 0 0 10px; }
        body .select2-drop .select2-results .select2-result-label > div {
          line-height: 32px; }
      body .select2-drop .select2-results li {
        border-radius: 3px;
        font-size: 13px;
        color: #1B293E;
        font-weight: 400; }
        body .select2-drop .select2-results li.ui-select-choices-row {
          height: 34px; }
        body .select2-drop .select2-results li .status-label {
          margin-top: 6px; }
      body .select2-drop .select2-results .select2-highlighted {
        background: #4A5668;
        border: 1px solid #4A5668;
        color: #fff; }
        body .select2-drop .select2-results .select2-highlighted b {
          color: #fff; }
  body .select2-search {
    padding: 0;
    border-radius: 5px; }
    body .select2-search input {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      background: #fff;
      border: none;
      box-shadow: inset 0 -1px 0 0 #E2E2E2;
      font-size: 13px;
      height: 44px !important;
      width: 100% !important;
      border-radius: 5px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      padding: 4px 20px 4px 15px; }
      body .select2-search input::-webkit-input-placeholder {
        color: #9EA8B2; }
      body .select2-search input:-moz-placeholder {
        color: #9EA8B2; }
      body .select2-search input:-ms-input-placeholder {
        color: #9EA8B2; }
  body .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: 50%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  body #table-columns-modal .block-rate-header {
    color: #7f7f8a;
    text-align: center;
    margin: 0 0 10px 0;
    width: 100%;
    line-height: 19px; }
  body #table-columns-modal .checkbox {
    cursor: pointer; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    body .select2-search input, body .select2-container .select2-choice .select2-arrow b {
      background-image: url("../img/icon-dropdown-arrow@2x.caee99863a3f.png") !important;
      background-size: 9px 6px !important; }
    body .select2-search-choice-close {
      background-image: url("../img/icon-remove-white@2x.2d4d2caa7e84.png") !important;
      background-size: 11px 11px !important; }
    body .select2-search input {
      background-position: 100% -21px !important; } }
  body .ui-select-container.ui-select-multiple.table-views-container {
    margin: 21px 15px 0;
    max-width: 200px;
    min-width: 115px;
    width: auto; }
    body .ui-select-container.ui-select-multiple.table-views-container.shareable .select2-drop {
      width: 260px; }
      body .ui-select-container.ui-select-multiple.table-views-container.shareable .select2-drop li.ui-select-choices-row {
        width: 206px;
        position: relative; }
        body .ui-select-container.ui-select-multiple.table-views-container.shareable .select2-drop li.ui-select-choices-row .custom-checkbox {
          position: absolute;
          top: 9px;
          right: -22px; }
    body .ui-select-container.ui-select-multiple.table-views-container > button {
      text-transform: uppercase; }
      body .ui-select-container.ui-select-multiple.table-views-container > button span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 165px;
        display: block;
        float: left; }
      body .ui-select-container.ui-select-multiple.table-views-container > button .caret {
        margin-top: 5px; }
    body .ui-select-container.ui-select-multiple.table-views-container .ui-select-choices {
      padding-bottom: 0; }
    body .ui-select-container.ui-select-multiple.table-views-container .select2-choices {
      display: none; }
    body .ui-select-container.ui-select-multiple.table-views-container .select2-drop {
      left: -5px; }
    body .ui-select-container.ui-select-multiple.table-views-container .select2-result-single .select2-highlighted .select2-result-label .name {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      color: #fff; }
    body .ui-select-container.ui-select-multiple.table-views-container .select2-result-single .select2-result-label .name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      color: #1B293E;
      float: left;
      font-size: 13px;
      width: 170px; }
    body .ui-select-container.ui-select-multiple.table-views-container .add-filter-condition {
      margin: 0 0 10px 15px; }
  body .table-views-save-button {
    margin: 16px 0 0;
    float: left; }
    body .table-views-save-button.ng-hide {
      opacity: 0; }
    body .table-views-save-button.ng-hide-add, body .table-views-save-button.ng-hide-remove {
      transition: all linear 0.01s 1s; }
  body .upload-zone-hover-wrapper {
    background-image: url("../img/icon-upload-zone-hover.0e3171798c80.png");
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    background-repeat: no-repeat;
    background-color: rgba(27, 41, 62, 0.65);
    background-position-x: center;
    background-position-y: calc(50% - 24px);
    border-radius: 6px;
    margin-left: -15px;
    margin-right: -15px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .upload-zone-hover-wrapper {
        background-image: url("../img/icon-upload-zone-hover@2x.a2c42246ac8c.png");
        background-size: 44px 48px; } }
    body .upload-zone-hover-wrapper .upload-hover-label {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 20px;
      color: #fff;
      position: absolute;
      text-align: center;
      width: 100%;
      top: 55%; }
  body .custom-dropdown .dropdown-menu {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif;
    box-shadow: 0 12px 27px 0 rgba(37, 51, 71, 0.26);
    margin-top: 5px;
    border-radius: 5px;
    border: none;
    min-width: 160px;
    padding: 10px 0; }
    body .custom-dropdown .dropdown-menu li {
      border-top: none;
      background-repeat: no-repeat;
      height: 32px; }
      body .custom-dropdown .dropdown-menu li.download-order-button i {
        background-image: url("../img/icon-download.c55ade4e64e3.png");
        background-position: center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.download-order-button i {
            background-image: url("../img/icon-download@2x.44bebf4f2bbb.png");
            background-size: 17px 17px; } }
      body .custom-dropdown .dropdown-menu li.edit-button i {
        background-image: url("../img/icon-edit.e92929b5b2a2.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.edit-button i {
            background-image: url("../img/icon-edit@2x.2dc674335927.png");
            background-size: 13px 14px; } }
      body .custom-dropdown .dropdown-menu li.split-button i {
        font-size: 14px !important;
        text-align: center;
        top: 2px;
        left: 1px; }
      body .custom-dropdown .dropdown-menu li.delete-button {
        color: #F26263 !important; }
        body .custom-dropdown .dropdown-menu li.delete-button i {
          background-image: url("../img/icon-delete.f43ce72af463.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .custom-dropdown .dropdown-menu li.delete-button i {
              background-image: url("../img/icon-delete@2x.39851e8e2a22.png");
              background-size: 11px 14px; } }
      body .custom-dropdown .dropdown-menu li.order-details-button i {
        background-image: url("../img/icon-order-details.338d776efe09.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.order-details-button i {
            background-image: url("../img/icon-order-details@2x.b1f1548ccd27.png");
            background-size: 14px 14px; } }
      body .custom-dropdown .dropdown-menu li.order-notes-button a {
        position: relative; }
      body .custom-dropdown .dropdown-menu li.order-notes-button i {
        background-image: url("../img/icon-notes-blue.73e4bc35bbf4.png");
        background-position: center 0; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.order-notes-button i {
            background-image: url("../img/icon-notes-blue@2x.e6fc5ec78af1.png");
            background-size: 13px 17px; } }
      body .custom-dropdown .dropdown-menu li.order-notes-button .red-circle {
        left: 15px;
        bottom: 0;
        top: 6px; }
      body .custom-dropdown .dropdown-menu li.order-timeline-button a i {
        background-image: url("../img/icon-timeline.93af2fbfa23f.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.order-timeline-button a i {
            background-image: url("../img/icon-timeline@2x.df84d6155526.png");
            background-size: 14px 14px; } }
      body .custom-dropdown .dropdown-menu li.order-timeline-button a:active i, body .custom-dropdown .dropdown-menu li.order-timeline-button a.active i, body .custom-dropdown.open .dropdown-menu li.order-timeline-button a.control-more i {
        background-image: url("../img/icon-timeline-active.f295444e1f6a.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.order-timeline-button a:active i, body .custom-dropdown .dropdown-menu li.order-timeline-button a.active i, body .custom-dropdown.open .dropdown-menu li.order-timeline-button a.control-more i {
            background-image: url("../img/icon-timeline-active@2x.69c1477f6786.png");
            background-size: 14px 14px; } }
      body .custom-dropdown .dropdown-menu li.order-shipping-details-button a i {
        background-image: url("../img/icon-tracking-black.9b4e5f5738cb.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.order-shipping-details-button a i {
            background-image: url("../img/icon-tracking-black@2x.8e4cd84d6e6a.png");
            background-size: 15px 11px; } }
      body .custom-dropdown .dropdown-menu li.order-shipping-details-button a:active i, body .custom-dropdown .dropdown-menu li.order-shipping-details-button a.active i, body .custom-dropdown.open .dropdown-menu li.order-shipping-details-button a.control-more i {
        background-image: url("../img/icon-tracking-black-active.95c0b97b3179.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.order-shipping-details-button a:active i, body .custom-dropdown .dropdown-menu li.order-shipping-details-button a.active i, body .custom-dropdown.open .dropdown-menu li.order-shipping-details-button a.control-more i {
            background-image: url("../img/icon-tracking-black-active@2x.af433771c3c3.png");
            background-size: 15px 11px; } }
      body .custom-dropdown .dropdown-menu li.tasks-button a i {
        background-image: url("../img/icon-filter-control-notes.266e529c902f.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.tasks-button a i {
            background-image: url("../img/icon-filter-control-notes@2x.9bdd55841552.png");
            background-size: 15px 16px; } }
      body .custom-dropdown .dropdown-menu li.tasks-button a:active i, body .custom-dropdown .dropdown-menu li.tasks-button a.active i, body .custom-dropdown.open .dropdown-menu li.tasks-button a.control-more i {
        background-image: url("../img/icon-filter-control-notes-active.7dd6ad18108e.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.tasks-button a:active i, body .custom-dropdown .dropdown-menu li.tasks-button a.active i, body .custom-dropdown.open .dropdown-menu li.tasks-button a.control-more i {
            background-image: url("../img/icon-filter-control-notes-active@2x.7bc86ca8d914.png");
            background-size: 15px 16px; } }
      body .custom-dropdown .dropdown-menu li.attachment-button a i {
        background-image: url("../img/icon-note-attachments-v2.abb9d6d5744e.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.attachment-button a i {
            background-image: url("../img/icon-note-attachments-v2@2x.8fc2618abfb1.png");
            background-size: 9px 16px; } }
      body .custom-dropdown .dropdown-menu li.attachment-button a:active i, body .custom-dropdown .dropdown-menu li.attachment-button a.active i, body .custom-dropdown.open .dropdown-menu li.attachment-button a.control-more i {
        background-image: url("../img/icon-note-attachments-v2-white.f4fda90194a6.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.attachment-button a:active i, body .custom-dropdown .dropdown-menu li.attachment-button a.active i, body .custom-dropdown.open .dropdown-menu li.attachment-button a.control-more i {
            background-image: url("../img/icon-note-attachments-v2-white@2x.81e676545368.png");
            background-size: 9px 16px; } }
      body .custom-dropdown .dropdown-menu li.lock-button a i {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-locked.b32d2cb3dd5d.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.lock-button a i {
            background-image: url("../img/icon-note-locked@2x.812733f27b73.png");
            background-size: 11px 15px; } }
      body .custom-dropdown .dropdown-menu li.lock-button a:active i, body .custom-dropdown .dropdown-menu li.lock-button a.active i, body .custom-dropdown.open .dropdown-menu li.lock-button a.control-more i {
        background-image: url("../img/icon-note-locked-white.c68ff52ef011.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.lock-button a:active i, body .custom-dropdown .dropdown-menu li.lock-button a.active i, body .custom-dropdown.open .dropdown-menu li.lock-button a.control-more i {
            background-image: url("../img/icon-note-locked-white@2x.229258cc2750.png");
            background-size: 11px 15px; } }
      body .custom-dropdown .dropdown-menu li.past-due-button a i {
        background-image: url("../img/icon-timeline-red.79a4b057445c.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.past-due-button a i {
            background-image: url("../img/icon-timeline-red@2x.4bc54477ffdd.png");
            background-size: 14px 14px; } }
      body .custom-dropdown .dropdown-menu li.events-button i {
        background-image: url("../img/icon-contacts-events.a83f63256d6c.png");
        background-position: 2px 1px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .custom-dropdown .dropdown-menu li.events-button i {
            background-image: url("../img/icon-contacts-events@2x.3ca88eec0401.png");
            background-size: 14px 14px; } }
      body .custom-dropdown .dropdown-menu li a {
        font-size: 13px;
        color: #1b293e;
        font-weight: 500;
        padding: 7px 0;
        margin: 0 6px;
        border-radius: 3px;
        border: none;
        height: 32px; }
        body .custom-dropdown .dropdown-menu li a:hover:not(.active):not(:active) {
          color: #1b293e;
          background-color: #f5f5f5; }
        body .custom-dropdown .dropdown-menu li a:active, body .custom-dropdown .dropdown-menu li a.active, body .custom-dropdown.open .dropdown-menu li a.control-more {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          color: #fff;
          background: #4a5668; }
        body .custom-dropdown .dropdown-menu li a i {
          display: block;
          float: left;
          width: 17px;
          margin: 0 10px 0 5px;
          background-repeat: no-repeat;
          height: 100%;
          background-position: center center; }
        body .custom-dropdown .dropdown-menu li a span {
          height: 18px;
          display: block;
          float: left; }
  body .custom-dropdown .red-circle {
    position: absolute;
    background-size: 20px;
    height: 6px;
    width: 6px;
    background-color: #F61E5B;
    border-radius: 50%;
    right: 15px;
    bottom: 0;
    top: 0; }
  body .form-error {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif;
    margin: 10px 0 0 0;
    display: block;
    float: left;
    color: #d33434;
    width: 100%; }
  body .tooltip-inner {
    max-width: 350px;
    min-height: 25px; }
  body .status-label-container {
    background: #F3F6F9;
    border-radius: 4px;
    padding: 7px 10px; }
    body .status-label-container > span {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 11px;
      color: #47566A;
      letter-spacing: 0.4px; }
    body .status-label-container .status-label {
      margin-right: 10px; }
  body .status-label {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Bold', sans-serif;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 20px;
    letter-spacing: 0.2px;
    line-height: 10px;
    padding: 5px 12px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    font-weight: normal;
    white-space: nowrap;
    margin: 0 auto; }
    body .status-label.green {
      background: #4fcd92; }
    body .status-label.red {
      background: #f23772; }
    body .status-label.yellow {
      background: #f9be69; }
    body .status-label.grey {
      background: #8d9ca9; }
    body .status-label.light-grey {
      background: #B9C0C6; }
    body .status-label.orange {
      background: #FFF4E7;
      border-radius: 3px;
      color: #F28A37; }
    body .status-label.blue {
      background: #33519F; }
  body .form-error {
    margin: 10px 0 0 0;
    display: block;
    float: left;
    color: #d33434;
    width: 100%; }
  body .toggle, body .toggle-on, body .toggle-off {
    border-radius: 20px; }
  body .toggle .toggle-handle {
    border-radius: 20px; }
  body toggle.disabled {
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none;
    opacity: 0.65; }
  body toggle .toggle.btn {
    width: 50px;
    height: 30px;
    margin-top: 9px;
    box-shadow: none;
    border-color: #adadad; }
    body toggle .toggle.btn:hover, body toggle .toggle.btn:active {
      border-color: #adadad; }
    body toggle .toggle.btn.off .toggle-group {
      left: 0%; }
    body toggle .toggle.btn.on .toggle-group {
      right: 0%; }
    body toggle .toggle.btn.btn-primary {
      background-color: #3fa42a; }
    body toggle .toggle.btn .toggle-group {
      left: 45%; }
      body toggle .toggle.btn .toggle-group label {
        display: none; }
    body toggle .toggle.btn .toggle-handle {
      margin-top: 0;
      width: 32px;
      height: 32px;
      border-radius: 32px;
      border-color: #adadad;
      float: left; }
      body toggle .toggle.btn .toggle-handle:hover, body toggle .toggle.btn .toggle-handle:active {
        background-color: white; }
  body toggle.mini .toggle.btn {
    width: 38px;
    height: 22px;
    min-width: 38px;
    min-height: 22px;
    margin: 0; }
    body toggle.mini .toggle.btn .toggle-handle {
      width: 20px;
      height: 20px;
      border-radius: 16px;
      padding: 0;
      margin: 0; }
  body toggle.blue .toggle {
    border-radius: 4px; }
    body toggle.blue .toggle.btn {
      border: none;
      background-color: #e6e6e6; }
      body toggle.blue .toggle.btn.off .toggle-group {
        left: 6%; }
      body toggle.blue .toggle.btn.btn-primary {
        background-color: #2980EC; }
      body toggle.blue .toggle.btn .toggle-group {
        left: 54%; }
      body toggle.blue .toggle.btn .toggle-handle {
        border-radius: 3px;
        border: none;
        width: 14px;
        height: 14px;
        margin-top: 2px; }
  body toggle.blue.mini .toggle.btn {
    width: 34px;
    height: 18px;
    min-width: 34px;
    min-height: 18px; }
  body #edit-card-pop .modal-dialog {
    min-width: 250px; }
  body #cancel-subscription-pop .modal-header, body #reactivate-subscription-pop .modal-header {
    background-image: none;
    padding-bottom: 10px; }
  body #cancel-subscription-pop .modal-dialog, body #reactivate-subscription-pop .modal-dialog {
    width: 350px; }
  body #cancel-subscription-pop .modal-body, body #reactivate-subscription-pop .modal-body {
    text-align: center; }
  body #cancel-subscription-pop .description, body #reactivate-subscription-pop .description {
    margin-top: 10px; }
  body .color-picker-option, body .color-picker {
    margin: 5px;
    width: 20px;
    height: 20px;
    border-radius: 17px;
    border: 2px solid #FFF;
    cursor: pointer; }
    body .color-picker-option.red, body .color-picker-option.red:hover, body .color-picker.red, body .color-picker.red:hover {
      background-color: #ff255d; }
    body .color-picker-option.orange, body .color-picker-option.orange:hover, body .color-picker.orange, body .color-picker.orange:hover {
      background-color: #ff8a01; }
    body .color-picker-option.yellow, body .color-picker-option.yellow:hover, body .color-picker.yellow, body .color-picker.yellow:hover {
      background-color: #ffc502; }
    body .color-picker-option.green, body .color-picker-option.green:hover, body .color-picker.green, body .color-picker.green:hover {
      background-color: #59d531; }
    body .color-picker-option.blue, body .color-picker-option.blue:hover, body .color-picker.blue, body .color-picker.blue:hover {
      background-color: #18a4f7; }
    body .color-picker-option.purple, body .color-picker-option.purple:hover, body .color-picker.purple, body .color-picker.purple:hover {
      background-color: #c668dd; }
    body .color-picker-option.brown, body .color-picker-option.brown:hover, body .color-picker.brown, body .color-picker.brown:hover {
      background-color: #987854; }
    body .color-picker-option:hover, body .color-picker-option.selected, body .color-picker:hover, body .color-picker.selected {
      box-shadow: 0 0 2px #888; }
    body .color-picker-option:hover, body .color-picker:hover {
      border: 2px solid #E7E7E7; }
  body .color-picker-popover .popover-content {
    padding: 0; }
  body .tableau-container .center-block {
    margin-top: 35px;
    width: 600px; }
  body .tableau-container .outer-circle-container {
    position: relative;
    text-align: center;
    width: 130px;
    height: 130px; }
    body .tableau-container .outer-circle-container .cloud-icon {
      position: absolute;
      top: 0;
      margin-top: 45px;
      margin-left: 37px; }
  body .tableau-container .icon {
    float: left;
    margin-right: 20px;
    margin-top: 2px; }
  body .tableau-container .description {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif;
    float: left;
    width: calc(100% - 180px);
    margin: 40px 0 0 20px; }
    body .tableau-container .description h3 {
      margin: 0; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    body.app #header #path .logo {
      background-size: 155px;
      background-image: url("../img/readycloud-logo.61517f3119d2.png");
      background-image: url("../img/readycloud-logo.61517f3119d2.png");
      background-image: url("../img/readycloud-logo.61517f3119d2.png");
      background-image: url("../img/readycloud-logo.61517f3119d2.png");
      background-image: url("../img/readycloud-logo.61517f3119d2.png");
      background-repeat: no-repeat;
      background-position: 3px 50%; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.dashboard {
      background-size: 20px;
      background-image: url("../img/icon-dashboard@2x.89069b661f99.png");
      background-image: url("../img/icon-dashboard@2x.89069b661f99.png");
      background-image: url("../img/icon-dashboard@2x.89069b661f99.png");
      background-image: url("../img/icon-dashboard@2x.89069b661f99.png");
      background-image: url("../img/icon-dashboard@2x.89069b661f99.png");
      background-repeat: no-repeat;
      background-position: 18px 50%; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.dashboard.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.dashboard.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.dashboard.control-more {
        background-size: 20px;
        background-image: url("../img/icon-dashboard-active@2x.a2d1f34de8b2.png");
        background-image: url("../img/icon-dashboard-active@2x.a2d1f34de8b2.png");
        background-image: url("../img/icon-dashboard-active@2x.a2d1f34de8b2.png");
        background-image: url("../img/icon-dashboard-active@2x.a2d1f34de8b2.png");
        background-image: url("../img/icon-dashboard-active@2x.a2d1f34de8b2.png");
        background-repeat: no-repeat;
        background-position: 18px 50%; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.orders {
      background-size: 20px;
      background-image: url("../img/icon-orders@2x.6d9abbdc0249.png");
      background-image: url("../img/icon-orders@2x.6d9abbdc0249.png");
      background-image: url("../img/icon-orders@2x.6d9abbdc0249.png");
      background-image: url("../img/icon-orders@2x.6d9abbdc0249.png");
      background-image: url("../img/icon-orders@2x.6d9abbdc0249.png");
      background-repeat: no-repeat;
      background-position: 18px 50%; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.orders.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.orders.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.orders.control-more {
        background-size: 20px;
        background-image: url("../img/icon-orders-active@2x.9eac5daaddb7.png");
        background-image: url("../img/icon-orders-active@2x.9eac5daaddb7.png");
        background-image: url("../img/icon-orders-active@2x.9eac5daaddb7.png");
        background-image: url("../img/icon-orders-active@2x.9eac5daaddb7.png");
        background-image: url("../img/icon-orders-active@2x.9eac5daaddb7.png");
        background-repeat: no-repeat;
        background-position: 18px 50%; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.reports {
      background-size: 20px;
      background-image: url("../img/icon-reports@2x.240df4e14d21.png");
      background-image: url("../img/icon-reports@2x.240df4e14d21.png");
      background-image: url("../img/icon-reports@2x.240df4e14d21.png");
      background-image: url("../img/icon-reports@2x.240df4e14d21.png");
      background-image: url("../img/icon-reports@2x.240df4e14d21.png");
      background-repeat: no-repeat;
      background-position: 18px 50%;
      background-position: 18px 10px; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.reports.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.reports.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.reports.control-more {
        background-size: 20px;
        background-image: url("../img/icon-reports-active@2x.ebb5f86b4e75.png");
        background-image: url("../img/icon-reports-active@2x.ebb5f86b4e75.png");
        background-image: url("../img/icon-reports-active@2x.ebb5f86b4e75.png");
        background-image: url("../img/icon-reports-active@2x.ebb5f86b4e75.png");
        background-image: url("../img/icon-reports-active@2x.ebb5f86b4e75.png");
        background-repeat: no-repeat;
        background-position: 18px 50%;
        background-position: 18px 10px; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.tracking {
      background-size: 22px;
      background-image: url("../img/icon-tracking@2x.25b9e55c35e2.png");
      background-image: url("../img/icon-tracking@2x.25b9e55c35e2.png");
      background-image: url("../img/icon-tracking@2x.25b9e55c35e2.png");
      background-image: url("../img/icon-tracking@2x.25b9e55c35e2.png");
      background-image: url("../img/icon-tracking@2x.25b9e55c35e2.png");
      background-repeat: no-repeat;
      background-position: 17px 50%; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.tracking.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.tracking.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.tracking.control-more {
        background-size: 22px;
        background-image: url("../img/icon-tracking-active@2x.6a8489f1fcc6.png");
        background-image: url("../img/icon-tracking-active@2x.6a8489f1fcc6.png");
        background-image: url("../img/icon-tracking-active@2x.6a8489f1fcc6.png");
        background-image: url("../img/icon-tracking-active@2x.6a8489f1fcc6.png");
        background-image: url("../img/icon-tracking-active@2x.6a8489f1fcc6.png");
        background-repeat: no-repeat;
        background-position: 17px 50%; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.contacts {
      background-size: 20px;
      background-image: url("../img/icon-contacts@2x.63c2c7a8e133.png");
      background-image: url("../img/icon-contacts@2x.63c2c7a8e133.png");
      background-image: url("../img/icon-contacts@2x.63c2c7a8e133.png");
      background-image: url("../img/icon-contacts@2x.63c2c7a8e133.png");
      background-image: url("../img/icon-contacts@2x.63c2c7a8e133.png");
      background-repeat: no-repeat;
      background-position: 18px 50%; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.contacts.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.contacts.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.contacts.control-more {
        background-size: 20px;
        background-image: url("../img/icon-contacts-active@2x.0c7c127608c3.png");
        background-image: url("../img/icon-contacts-active@2x.0c7c127608c3.png");
        background-image: url("../img/icon-contacts-active@2x.0c7c127608c3.png");
        background-image: url("../img/icon-contacts-active@2x.0c7c127608c3.png");
        background-image: url("../img/icon-contacts-active@2x.0c7c127608c3.png");
        background-repeat: no-repeat;
        background-position: 18px 50%; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.notes {
      background-size: 15px;
      background-image: url("../img/icon-notes@2x.0063083c4d6a.png");
      background-image: url("../img/icon-notes@2x.0063083c4d6a.png");
      background-image: url("../img/icon-notes@2x.0063083c4d6a.png");
      background-image: url("../img/icon-notes@2x.0063083c4d6a.png");
      background-image: url("../img/icon-notes@2x.0063083c4d6a.png");
      background-repeat: no-repeat;
      background-position: 20px 50%; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.notes.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.notes.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.notes.control-more {
        background-size: 15px;
        background-image: url("../img/icon-notes-active@2x.5664ae834bfe.png");
        background-image: url("../img/icon-notes-active@2x.5664ae834bfe.png");
        background-image: url("../img/icon-notes-active@2x.5664ae834bfe.png");
        background-image: url("../img/icon-notes-active@2x.5664ae834bfe.png");
        background-image: url("../img/icon-notes-active@2x.5664ae834bfe.png");
        background-repeat: no-repeat;
        background-position: 20px 50%; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.events {
      background-size: 20px;
      background-image: url("../img/icon-events@2x.9721b31abd84.png");
      background-image: url("../img/icon-events@2x.9721b31abd84.png");
      background-image: url("../img/icon-events@2x.9721b31abd84.png");
      background-image: url("../img/icon-events@2x.9721b31abd84.png");
      background-image: url("../img/icon-events@2x.9721b31abd84.png");
      background-repeat: no-repeat;
      background-position: 18px 50%; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.events.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.events.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.events.control-more {
        background-size: 20px;
        background-image: url("../img/icon-events-active@2x.48890ed99a6a.png");
        background-image: url("../img/icon-events-active@2x.48890ed99a6a.png");
        background-image: url("../img/icon-events-active@2x.48890ed99a6a.png");
        background-image: url("../img/icon-events-active@2x.48890ed99a6a.png");
        background-image: url("../img/icon-events-active@2x.48890ed99a6a.png");
        background-repeat: no-repeat;
        background-position: 18px 50%; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.forum {
      background-size: 20px;
      background-image: url("../img/icon-forum@2x.37a912052289.png");
      background-image: url("../img/icon-forum@2x.37a912052289.png");
      background-image: url("../img/icon-forum@2x.37a912052289.png");
      background-image: url("../img/icon-forum@2x.37a912052289.png");
      background-image: url("../img/icon-forum@2x.37a912052289.png");
      background-repeat: no-repeat;
      background-position: 18px 50%; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.forum.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.forum.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.forum.control-more {
        background-size: 20px;
        background-image: url("../img/icon-forum-active@2x.640a911030e2.png");
        background-image: url("../img/icon-forum-active@2x.640a911030e2.png");
        background-image: url("../img/icon-forum-active@2x.640a911030e2.png");
        background-image: url("../img/icon-forum-active@2x.640a911030e2.png");
        background-image: url("../img/icon-forum-active@2x.640a911030e2.png");
        background-repeat: no-repeat;
        background-position: 18px 50%; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.appstore {
      background-size: 20px;
      background-image: url("../img/icon-app-store@2x.ec257885a033.png");
      background-image: url("../img/icon-app-store@2x.ec257885a033.png");
      background-image: url("../img/icon-app-store@2x.ec257885a033.png");
      background-image: url("../img/icon-app-store@2x.ec257885a033.png");
      background-image: url("../img/icon-app-store@2x.ec257885a033.png");
      background-repeat: no-repeat;
      background-position: 18px 50%; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.appstore.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.appstore.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.appstore.control-more {
        background-size: 20px;
        background-image: url("../img/icon-app-store-active@2x.4fd012376489.png");
        background-image: url("../img/icon-app-store-active@2x.4fd012376489.png");
        background-image: url("../img/icon-app-store-active@2x.4fd012376489.png");
        background-image: url("../img/icon-app-store-active@2x.4fd012376489.png");
        background-image: url("../img/icon-app-store-active@2x.4fd012376489.png");
        background-repeat: no-repeat;
        background-position: 18px 50%; }
    body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.installedapps {
      background-size: 18px;
      background-image: url("../img/icon-installed-apps@2x.67440aa523bc.png");
      background-image: url("../img/icon-installed-apps@2x.67440aa523bc.png");
      background-image: url("../img/icon-installed-apps@2x.67440aa523bc.png");
      background-image: url("../img/icon-installed-apps@2x.67440aa523bc.png");
      background-image: url("../img/icon-installed-apps@2x.67440aa523bc.png");
      background-repeat: no-repeat;
      background-position: 18px 50%;
      background-position: 19px 10px; }
      body.app #sidebar:not(.layout_v2) .sidebar-menu > ul > li.installedapps.active, body.app #sidebar:not(.layout_v2) .custom-dropdown.open .sidebar-menu > ul > li.installedapps.control-more, body.app .custom-dropdown.open #sidebar:not(.layout_v2) .sidebar-menu > ul > li.installedapps.control-more {
        background-size: 20px;
        background-image: url("../img/icon-installed-apps-active@2x.3b215a531ca9.png");
        background-image: url("../img/icon-installed-apps-active@2x.3b215a531ca9.png");
        background-image: url("../img/icon-installed-apps-active@2x.3b215a531ca9.png");
        background-image: url("../img/icon-installed-apps-active@2x.3b215a531ca9.png");
        background-image: url("../img/icon-installed-apps-active@2x.3b215a531ca9.png");
        background-repeat: no-repeat;
        background-position: 18px 50%; }
    body .ship-box .profile-info .profile-avatar {
      background-size: 150px;
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-repeat: no-repeat;
      background-position: 0 50%; } }
  body .ghost a {
    color: #0C1421 !important;
    line-height: 53px; }
    body .ghost a .custom-checkbox {
      margin: 18px 5px 0 0; }
    body .ghost a .row-avatar {
      float: left;
      background-size: cover;
      margin: 7px 7px 0 0;
      height: 36px;
      width: 36px; }
  body #hubspot-messages-iframe-container {
    bottom: -10px !important; }
  body .contacts-list {
    min-width: 1050px; }
    body .contacts-list .tab-switcher {
      box-shadow: inset -1px 0px 0 0 #e6e9ed; }
    body .contacts-list .first-letter-navigation {
      padding: 18px 30px 0 30px;
      width: 80px;
      position: relative; }
      body .contacts-list .first-letter-navigation li {
        font-size: 10px;
        text-align: center;
        margin-bottom: 0;
        padding: 6px 0;
        height: 24px; }
    body .contacts-list .tab-content {
      height: calc(100% - 56px);
      width: calc(100% - 250px);
      float: left;
      min-height: 700px;
      position: relative; }
      body .contacts-list .tab-content.contacts-merge {
        width: calc(100% - 170px); }
      body .contacts-list .tab-content .tab-pane {
        position: relative;
        height: 100%;
        width: 100%; }
    body .contacts-list .contacts-list-container {
      height: 100%;
      width: 100%;
      float: left;
      min-height: 700px;
      position: relative; }
      body .contacts-list .contacts-list-container .vertical-scroll-wrapper {
        padding-bottom: 70px; }
    body .contacts-list .contact-detail-row {
      height: 60px;
      padding: 12px 15px 12px 10px; }
      body .contacts-list .contact-detail-row:not(.first) {
        box-shadow: inset 0 1px 0 0 #e6e9ed; }
      body .contacts-list .contact-detail-row .row-avatar {
        height: 36px;
        width: 36px;
        margin: 0 12px 0 0;
        background-size: 36px 36px;
        float: left; }
      body .contacts-list .contact-detail-row .name {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 15px;
        color: #222326;
        padding: 7px 0;
        width: 250px;
        float: left; }
      body .contacts-list .contact-detail-row .email, body .contacts-list .contact-detail-row .phone {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 7px 0;
        font-size: 15px;
        float: left;
        width: 250px;
        color: #1EBEF3; }
        body .contacts-list .contact-detail-row .email a, body .contacts-list .contact-detail-row .phone a {
          color: #1EBEF3; }
      body .contacts-list .contact-detail-row .phone {
        width: 140px; }
      body .contacts-list .contact-detail-row .custom-checkbox {
        margin: 10px 0; }
    body .contacts-list .controls-row {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 70px;
      padding: 18px 30px;
      background: #fff;
      box-shadow: inset 0 1px 0 0 #e6e9ed; }
      body .contacts-list .controls-row .custom-button {
        margin: 3px 15px 0 0;
        height: 31px; }
      body .contacts-list .controls-row .control-button, body .contacts-list .controls-row .custom-dropdown.open .control-more, body .custom-dropdown.open .contacts-list .controls-row .control-more {
        margin: 3px 0 0 0;
        border-color: #E2E2E2; }
      body .contacts-list .controls-row .dropdown-menu {
        margin-bottom: 10px; }
        body .contacts-list .controls-row .dropdown-menu li a {
          padding: 7px; }
      body .contacts-list .controls-row .control-info {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 15px;
        color: #48525A;
        padding: 7px 0; }
  body #contact-create-modal .modal-dialog {
    width: 840px; }
  body #contact-create-modal .modal-body {
    padding: 0;
    height: 670px; }
  body #contact-create-modal .gray-header {
    padding: 0 15px 0 20px; }
  body #contact-create-modal .inputs-container label {
    width: 163px; }
  body #contact-create-modal .inputs-container input {
    width: 300px;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif;
    font-size: 15px;
    color: #1C1E22;
    text-align: left; }
  body #contact-create-modal .inputs-container .row {
    display: inline-block;
    width: 100%; }
  body #contact-create-modal .inputs-container .custom-checkbox-container {
    margin: 16px 0 16px 120px; }
  body #contact-create-modal .modal-footer .control-icon {
    margin: 12px 32px 0 0; }
  body #contact-create-modal .additional-fields-dropdown > .dropdown-menu {
    left: -10px;
    overflow: initial; }
  body #contact-create-modal .additional-fields-dropdown .dropdown-menu li {
    margin-bottom: 5px; }
    body #contact-create-modal .additional-fields-dropdown .dropdown-menu li a {
      padding: 7px; }
  body #contact-create-modal .additional-fields-dropdown .dropdown-menu .icon-arrow {
    float: right;
    margin-right: 0; }
  body #contact-create-modal .additional-fields-dropdown .social-networks-menu {
    left: 160px;
    bottom: -2px; }
  body #image-resize-modal .modal-dialog {
    margin-top: 144px; }
  body #image-resize-modal .modal-content {
    width: 600px;
    height: 500px; }
    body #image-resize-modal .modal-content .modal-body {
      height: 366px; }
    body #image-resize-modal .modal-content .crop-area {
      width: 560px;
      height: 315px;
      overflow: hidden; }
      body #image-resize-modal .modal-content .crop-area img-crop {
        width: 560px;
        height: 315px; }
  body #contact-deletion-confirmation-modal .form-error {
    margin: 0 0 10px 0; }
  body .contacts-table {
    min-width: 1050px; }
    body .contacts-table .tab-switcher {
      box-shadow: inset -1px 0px 0 0 #e6e9ed; }
    body .contacts-table .first-letter-navigation {
      padding: 18px 30px 0 30px;
      width: 80px;
      position: relative;
      box-shadow: inset 0 1px 0 0 #e6e9ed, inset -1px 0 0 0 #e6e9ed; }
      body .contacts-table .first-letter-navigation li {
        font-size: 10px;
        text-align: center;
        margin-bottom: 0;
        padding: 6px 0;
        height: 24px; }
    body .contacts-table .tab-content {
      height: calc(100% - 56px);
      width: calc(100% - 80px);
      float: left;
      min-height: 700px;
      position: relative;
      box-shadow: inset 1px 0px 0 0 #e6e9ed; }
      body .contacts-table .tab-content.contacts-merge {
        width: calc(100% - 170px); }
      body .contacts-table .tab-content .tab-pane {
        position: relative;
        height: 100%;
        width: 100%; }
    body .contacts-table > .table-views-container {
      padding: 10px;
      width: 230px;
      position: relative;
      float: left;
      box-shadow: inset -1px 0px 0 0 #e6e9ed, inset 0 1px 0 0 #e6e9ed;
      height: 100%; }
      body .contacts-table > .table-views-container .controls {
        margin-bottom: 10px; }
        body .contacts-table > .table-views-container .controls .table-views-save-button {
          margin: 3px 0 0 0; }
      body .contacts-table > .table-views-container .select2-result-label {
        border-radius: 3px;
        font-size: 13px;
        color: #1B293E;
        font-weight: 400;
        height: 32px;
        padding: 0 0 0 10px;
        margin: 0;
        cursor: pointer;
        user-select: none; }
        body .contacts-table > .table-views-container .select2-result-label:hover {
          background-color: #f5f5f5; }
        body .contacts-table > .table-views-container .select2-result-label.active, body .contacts-table > .table-views-container .custom-dropdown.open .select2-result-label.control-more, body .custom-dropdown.open .contacts-table > .table-views-container .select2-result-label.control-more {
          background: #4A5668;
          border: 1px solid #4A5668;
          color: #fff; }
          body .contacts-table > .table-views-container .select2-result-label.active .name, body .contacts-table > .table-views-container .custom-dropdown.open .select2-result-label.control-more .name, body .custom-dropdown.open .contacts-table > .table-views-container .select2-result-label.control-more .name {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            color: #fff; }
        body .contacts-table > .table-views-container .select2-result-label .name {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Medium', sans-serif;
          color: #1B293E;
          float: left;
          font-size: 13px;
          width: 170px;
          line-height: 32px; }
    body .contacts-table .contacts-list-container {
      height: 100%;
      width: 100%;
      float: left;
      min-height: 700px;
      position: relative; }
      body .contacts-table .contacts-list-container .vertical-scroll-wrapper {
        padding-bottom: 70px; }
    body .contacts-table .contact-detail-row {
      height: 60px;
      padding: 12px 15px 12px 10px; }
      body .contacts-table .contact-detail-row:not(.first) {
        box-shadow: inset 0 1px 0 0 #e6e9ed; }
      body .contacts-table .contact-detail-row .row-avatar {
        height: 36px;
        width: 36px;
        margin: 0 12px 0 0;
        background-size: 36px 36px;
        float: left; }
      body .contacts-table .contact-detail-row .name {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 15px;
        color: #222326;
        padding: 7px 0;
        width: 250px;
        float: left; }
      body .contacts-table .contact-detail-row .email, body .contacts-table .contact-detail-row .phone {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 7px 0;
        font-size: 15px;
        float: left;
        width: 250px;
        color: #1EBEF3; }
        body .contacts-table .contact-detail-row .email a, body .contacts-table .contact-detail-row .phone a {
          color: #1EBEF3; }
      body .contacts-table .contact-detail-row .phone {
        width: 140px; }
      body .contacts-table .contact-detail-row .custom-checkbox {
        margin: 10px 0; }
    body .contacts-table .controls-row {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 70px;
      padding: 18px 30px;
      background: #fff;
      box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -2px 0 0 #e6e9ed; }
      body .contacts-table .controls-row .custom-button {
        margin: 3px 15px 0 0;
        height: 31px; }
      body .contacts-table .controls-row .control-button, body .contacts-table .controls-row .custom-dropdown.open .control-more, body .custom-dropdown.open .contacts-table .controls-row .control-more {
        margin: 3px 0 0 0;
        border-color: #E2E2E2; }
      body .contacts-table .controls-row .dropdown-menu {
        margin-bottom: 10px; }
        body .contacts-table .controls-row .dropdown-menu li a {
          padding: 7px; }
      body .contacts-table .controls-row .control-info {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 15px;
        color: #48525A;
        padding: 7px 0; }
  body #contact-create-modal .modal-dialog {
    width: 840px; }
  body #contact-create-modal .modal-body {
    padding: 0;
    height: 670px; }
  body #contact-create-modal .gray-header {
    padding: 0 15px 0 20px; }
  body #contact-create-modal .inputs-container label {
    width: 163px; }
  body #contact-create-modal .inputs-container input {
    width: 300px;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Medium', sans-serif;
    font-size: 15px;
    color: #1C1E22;
    text-align: left; }
  body #contact-create-modal .inputs-container .row {
    display: inline-block;
    width: 100%; }
  body #contact-create-modal .inputs-container .custom-checkbox-container {
    margin: 16px 0 16px 120px; }
  body #contact-create-modal .modal-footer .control-icon {
    margin: 12px 32px 0 0; }
  body #contact-create-modal .additional-fields-dropdown > .dropdown-menu {
    left: -10px;
    overflow: initial; }
  body #contact-create-modal .additional-fields-dropdown .dropdown-menu li {
    margin-bottom: 5px; }
    body #contact-create-modal .additional-fields-dropdown .dropdown-menu li a {
      padding: 7px; }
  body #contact-create-modal .additional-fields-dropdown .dropdown-menu .icon-arrow {
    float: right;
    margin-right: 0; }
  body #contact-create-modal .additional-fields-dropdown .social-networks-menu {
    left: 160px;
    bottom: -2px; }
  body #image-resize-modal .modal-dialog {
    margin-top: 144px; }
  body #image-resize-modal .modal-content {
    width: 600px;
    height: 500px; }
    body #image-resize-modal .modal-content .modal-body {
      height: 366px; }
    body #image-resize-modal .modal-content .crop-area {
      width: 560px;
      height: 315px;
      overflow: hidden; }
      body #image-resize-modal .modal-content .crop-area img-crop {
        width: 560px;
        height: 315px; }
  body #contact-deletion-confirmation-modal .form-error {
    margin: 0 0 10px 0; }
  body .contact-detail .contact-info {
    width: 335px;
    height: 100%;
    float: left;
    box-shadow: inset -1px 0 0 0 #e6e9ed;
    padding: 10px 20px; }
    body .contact-detail .contact-info .contact-avatar {
      box-shadow: inset 0 -1px 0 0 #e6e9ed;
      width: 100%;
      padding: 40px 0 10px 0;
      position: relative; }
      body .contact-detail .contact-info .contact-avatar .dropdown {
        position: absolute;
        right: 0;
        top: 0; }
        body .contact-detail .contact-info .contact-avatar .dropdown .control-button, body .contact-detail .contact-info .contact-avatar .dropdown .custom-dropdown.open .control-more, body .custom-dropdown.open .contact-detail .contact-info .contact-avatar .dropdown .control-more {
          margin: 0; }
      body .contact-detail .contact-info .contact-avatar .row-avatar {
        width: 60px;
        height: 60px;
        margin: 0 auto;
        background-size: 60px 60px; }
      body .contact-detail .contact-info .contact-avatar .contact-name {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        margin-top: 15px;
        font-size: 20px;
        color: #3A3F48;
        letter-spacing: -0.2px;
        width: 100%;
        display: block;
        text-align: center; }
      body .contact-detail .contact-info .contact-avatar .contact-occupation {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        font-size: 14px;
        margin-top: 5px;
        color: #3A3F48;
        letter-spacing: -0.2px;
        width: 100%;
        display: block;
        text-align: center; }
    body .contact-detail .contact-info .contact-email-info-container, body .contact-detail .contact-info .contact-phone-info-container, body .contact-detail .contact-info .address-info-container, body .contact-detail .contact-info .source-info-container {
      position: relative;
      padding: 20px 0 15px 40px;
      box-shadow: inset 0 -1px 0 0 #e6e9ed; }
      body .contact-detail .contact-info .contact-email-info-container .info-cell-header, body .contact-detail .contact-info .contact-email-info-container p, body .contact-detail .contact-info .contact-phone-info-container .info-cell-header, body .contact-detail .contact-info .contact-phone-info-container p, body .contact-detail .contact-info .address-info-container .info-cell-header, body .contact-detail .contact-info .address-info-container p, body .contact-detail .contact-info .source-info-container .info-cell-header, body .contact-detail .contact-info .source-info-container p {
        margin-bottom: 5px; }
      body .contact-detail .contact-info .contact-email-info-container p, body .contact-detail .contact-info .contact-phone-info-container p, body .contact-detail .contact-info .address-info-container p, body .contact-detail .contact-info .source-info-container p {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        font-size: 13px;
        color: #1C1E22;
        text-align: left;
        line-height: 20px; }
    body .contact-detail .contact-info .source-info-container {
      background-position: 12px 20px; }
      body .contact-detail .contact-info .source-info-container p {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        color: #414A58;
        line-height: 28px; }
        body .contact-detail .contact-info .source-info-container p i {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Regular', sans-serif;
          color: #7e7e7e;
          font-size: 13px; }
    body .contact-detail .contact-info .contact-email-info-container {
      background-position: 8px 21px; }
    body .contact-detail .contact-info .contact-phone-info-container {
      background-position: 9px 20px; }
    body .contact-detail .contact-info .address-info-container {
      background-position: 11px 19px; }
    body .contact-detail .contact-info .tag-list {
      margin-top: 10px; }
  body .contact-detail .tab-content {
    float: left;
    width: calc(100% - 335px);
    height: 100%; }
    body .contact-detail .tab-content .title-bar .contact-view-switcher {
      margin: 17px 20px 0 20px; }
      body .contact-detail .tab-content .title-bar .contact-view-switcher button span {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        font-size: 17px;
        color: #4A5668;
        text-align: left; }
  body .contact-detail .contact-detail-orders {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    body .contact-detail .contact-detail-orders #table-container {
      height: 815px; }
  body .contact-detail .ui-select-container.ui-select-multiple.table-views-container {
    margin: 21px 10px 0 0; }
  body .contact-notes-container {
    position: relative;
    width: 100%;
    float: left;
    height: 815px; }
    body .contact-notes-container .contact-note-form {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      background-image: url("../img/icon-notes-grey.a4127623b502.png");
      background-repeat: no-repeat;
      background-position: 20px 20px;
      position: relative;
      cursor: pointer;
      height: 58px;
      transition: height .2s ease-in-out;
      border: 1px solid #E6E9ED;
      border-radius: 4px;
      font-size: 15px;
      color: #8692A8;
      text-align: left;
      line-height: 20px;
      margin: 20px 25px 30px 25px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .contact-notes-container .contact-note-form {
          background-image: url("../img/icon-notes-grey@2x.d3c52c841eb8.png");
          background-size: 12px 17px; } }
      body .contact-notes-container .contact-note-form span.placeholder {
        font-size: 15px;
        color: #8692A8;
        text-align: left;
        line-height: 20px;
        display: block;
        margin: 20px 0 0 42px; }
      body .contact-notes-container .contact-note-form .contact-note-row {
        height: 67px;
        box-shadow: inset 0 -1px 0 0 #e6e9ed;
        padding: 18px 20px; }
        body .contact-notes-container .contact-note-form .contact-note-row .date {
          padding-top: 8px; }
      body .contact-notes-container .contact-note-form .note-content-container {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        background-image: url("../img/icon-notes-grey.a4127623b502.png");
        background-repeat: no-repeat;
        background-position: 20px 20px;
        height: 150px;
        overflow-x: hidden;
        overflow-y: auto;
        float: left;
        width: 100%;
        font-size: 15px;
        color: #222425;
        line-height: 22px;
        display: none;
        padding: 19px 0 0 42px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .contact-notes-container .contact-note-form .note-content-container {
            background-image: url("../img/icon-notes-grey@2x.d3c52c841eb8.png");
            background-size: 12px 17px; } }
        body .contact-notes-container .contact-note-form .note-content-container textarea {
          height: 100%;
          width: 100%;
          padding: 0;
          border: none;
          resize: none; }
          body .contact-notes-container .contact-note-form .note-content-container textarea::-webkit-input-placeholder {
            color: #8692A8; }
          body .contact-notes-container .contact-note-form .note-content-container textarea:-moz-placeholder {
            color: #8692A8; }
          body .contact-notes-container .contact-note-form .note-content-container textarea:-ms-input-placeholder {
            color: #8692A8; }
      body .contact-notes-container .contact-note-form .controls-row {
        display: none; }
      body .contact-notes-container .contact-note-form.active, body .contact-notes-container .custom-dropdown.open .contact-note-form.control-more, body .custom-dropdown.open .contact-notes-container .contact-note-form.control-more {
        height: 250px;
        cursor: default;
        box-shadow: 0 1px 2px 0 rgba(163, 169, 175, 0.24), 0 1px 6px 0 rgba(199, 203, 206, 0.5);
        border-radius: 4px;
        background: none; }
        body .contact-notes-container .contact-note-form.active .controls-row, body .contact-notes-container .custom-dropdown.open .contact-note-form.control-more .controls-row, body .custom-dropdown.open .contact-notes-container .contact-note-form.control-more .controls-row {
          display: block;
          height: 78px;
          box-shadow: inset 0 1px 0 0 #e6e9ed;
          padding: 18px 20px;
          float: left;
          width: 100%; }
          body .contact-notes-container .contact-note-form.active .controls-row .custom-checkbox-container, body .contact-notes-container .custom-dropdown.open .contact-note-form.control-more .controls-row .custom-checkbox-container, body .custom-dropdown.open .contact-notes-container .contact-note-form.control-more .controls-row .custom-checkbox-container {
            margin: 12px 0 0 0; }
        body .contact-notes-container .contact-note-form.active .placeholder, body .contact-notes-container .custom-dropdown.open .contact-note-form.control-more .placeholder, body .custom-dropdown.open .contact-notes-container .contact-note-form.control-more .placeholder {
          display: none; }
        body .contact-notes-container .contact-note-form.active .note-content-container, body .contact-notes-container .custom-dropdown.open .contact-note-form.control-more .note-content-container, body .custom-dropdown.open .contact-notes-container .contact-note-form.control-more .note-content-container {
          display: block; }
      body .contact-notes-container .contact-note-form.editing {
        height: 300px; }
    body .contact-notes-container .row-avatar {
      margin: 0 10px 5px 0;
      float: left; }
      body .contact-notes-container .row-avatar.readyreturns {
        background-image: url("../img/icon-timeline-readyreturns.a3acc2ea56a0.png");
        background-color: #E5244D; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .contact-notes-container .row-avatar.readyreturns {
            background-image: url("../img/icon-timeline-readyreturns@2x.ba310881d2be.png");
            background-size: 22px 22px; } }
    body .contact-notes-container .name {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 13px;
      color: #222425;
      text-align: left;
      float: left;
      height: 30px;
      display: block;
      padding: 7px 0;
      margin-right: 15px; }
    body .contact-notes-container .date {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 10px;
      color: #81909E;
      text-align: left;
      float: left;
      height: 30px;
      display: block;
      padding: 10px 0 0 0; }
    body .contact-notes-container .contact-note {
      margin: 0 10px 10px 10px;
      padding: 10px 15px;
      display: inline-block;
      width: calc(100% - 20px); }
      body .contact-notes-container .contact-note:hover {
        background: #F3FBFE;
        border-radius: 4px; }
        body .contact-notes-container .contact-note:hover .control-more {
          display: block; }
      body .contact-notes-container .contact-note .content {
        float: left;
        width: 100%; }
      body .contact-notes-container .contact-note .control-more {
        display: none;
        margin: 0; }
      body .contact-notes-container .contact-note .agent {
        float: right;
        font-size: 12px;
        color: #81909E; }
  body #note-deletion-confirmation-modal .form-error {
    margin: 0 0 10px 0; }
  body .contact-detail-events#crm-content {
    margin: 0 !important;
    border: none !important;
    height: 100% !important; }
    body .contact-detail-events#crm-content .events-content {
      height: 100%; }
    body .contact-detail-events#crm-content .contact-view-switcher {
      margin: 7px 20px 0 0; }
  body .contact-edit {
    min-width: 1050px; }
    body .contact-edit .title-bar .row-avatar {
      height: 36px;
      width: 36px;
      background-size: 36px 36px;
      float: left;
      margin: 10px 20px; }
    body .contact-edit .title-bar .name {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      font-size: 17px;
      line-height: 56px;
      color: #222425;
      text-align: left;
      float: left; }
    body .contact-edit .tab-switcher {
      box-shadow: inset -1px 0px 0 0 #e6e9ed;
      width: 200px; }
    body .contact-edit .tab-content {
      float: left;
      height: calc(100% - 133px);
      width: calc(100% - 200px); }
      body .contact-edit .tab-content > form {
        position: relative; }
        body .contact-edit .tab-content > form.active, body .contact-edit .custom-dropdown.open .tab-content > form.control-more, body .custom-dropdown.open .contact-edit .tab-content > form.control-more {
          width: 100%;
          height: 100%; }
      body .contact-edit .tab-content .tab-pane {
        float: left;
        position: relative;
        height: 100%;
        width: 100%;
        display: none; }
        body .contact-edit .tab-content .tab-pane.active, body .contact-edit .tab-content .custom-dropdown.open .tab-pane.control-more, body .custom-dropdown.open .contact-edit .tab-content .tab-pane.control-more {
          display: block; }
    body .contact-edit .controls-row {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 78px;
      padding: 18px 30px;
      background: #fff;
      box-shadow: inset 0 1px 0 0 #e6e9ed; }
    body .contact-edit .row.image-upload {
      box-shadow: none; }
      body .contact-edit .row.image-upload .row-avatar {
        margin: 0 75px 0 0; }
    body .contact-edit .inputs-container.social .row {
      box-shadow: inset 0 -1px 0 0 #e6e9ed; }
    body .contact-edit .inputs-container .row:last-child {
      box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -1px 0 0 #e6e9ed; }
    body .contact-edit .inputs-container label {
      width: 165px; }
      body .contact-edit .inputs-container label.narrow {
        width: 120px; }
    body .contact-edit .inputs-container input {
      width: 380px; }
      body .contact-edit .inputs-container input.narrow {
        width: 140px; }
    body .contact-edit .social .custom-dropdown .dropdown-menu {
      top: 35px;
      left: 15px; }
      body .contact-edit .social .custom-dropdown .dropdown-menu li a {
        padding: 7px; }
    body .contact-edit .add-address {
      margin: 16px 20px;
      display: block; }
      body .contact-edit .add-address .icon-add-blue {
        margin: 1px 12px 0 0;
        float: left; }
    body .contact-edit #table-container {
      height: 680px; }
  body .tasks-container.editing > .title-bar, body .tasks-container.editing .task-item-container:not(.active) {
    opacity: 0.3;
    pointer-events: none; }
  body .tasks-container.editing .task-container {
    padding-bottom: 87px; }
  body .tasks-container > .title-bar {
    transition: all .2s ease-in-out; }
    body .tasks-container > .title-bar .title {
      width: auto; }
      body .tasks-container > .title-bar .title span {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        font-size: 17px;
        color: #222425; }
    body .tasks-container > .title-bar .ui-select-container.ui-select-multiple {
      margin: 0;
      height: 100%;
      width: auto; }
      body .tasks-container > .title-bar .ui-select-container.ui-select-multiple .select2-choices {
        display: none; }
    body .tasks-container > .title-bar .custom-dropdown {
      margin: 0; }
  body .tasks-container .content-container {
    height: calc(100% - 56px);
    position: relative; }
  body .tasks-container .member-select-widget .select2-container {
    margin: 0; }
  body .tasks-container .member-select-widget .ui-select-match {
    display: none; }
  body .tasks-container .member-select-widget .ui-select-container[theme="select2"].direction-up .ui-select-dropdown, body .tasks-container .member-select-widget .ui-select-container.select2.direction-up .ui-select-dropdown {
    top: -274px !important;
    margin-top: 0; }
  body .tasks-container .member-select-widget .select2-choices {
    display: none; }
  body .tasks-container .member-select-widget .select2-disabled {
    background: #4A5668 !important;
    color: #fff !important; }
  body .tasks-container .member-select-widget .select2-highlighted {
    background: #fff;
    font-weight: 400;
    border: none; }
    body .tasks-container .member-select-widget .select2-highlighted:hover {
      background-color: #f5f5f5; }
  body .tasks-container .member-select-widget .select2-result-single li {
    width: 205px;
    margin-bottom: 5px; }
  body .tasks-container .member-select-widget .select2-result-single .select2-disabled .select2-result-label .name {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    color: #fff; }
  body .tasks-container .member-select-widget .select2-result-single .select2-disabled .select2-result-label .remove-icon {
    display: block; }
  body .tasks-container .member-select-widget .select2-result-single .select2-result-label {
    height: 34px;
    padding: 4px 0 4px 9px; }
    body .tasks-container .member-select-widget .select2-result-single .select2-result-label .row-avatar {
      background-size: 24px 24px;
      border: 1px solid #fff;
      float: left;
      height: 26px;
      margin: 0 10px 0 0;
      width: 26px; }
    body .tasks-container .member-select-widget .select2-result-single .select2-result-label .name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      color: #1B293E;
      float: left;
      font-size: 13px;
      line-height: 26px;
      width: 120px; }
    body .tasks-container .member-select-widget .select2-result-single .select2-result-label .remove-icon {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-remove-white.f5c12837c31a.png");
      display: none;
      cursor: pointer;
      float: right;
      height: 26px;
      margin: 0 11px 0 0;
      width: 11px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .member-select-widget .select2-result-single .select2-result-label .remove-icon {
          background-image: url("../img/icon-remove-white@2x.2d4d2caa7e84.png");
          background-size: 11px 11px; } }
  body .tasks-container .member-select-widget .custom-select-choices {
    list-style: none;
    margin: 0;
    box-shadow: inset 0 -1px 0 0 #E2E2E2; }
    body .tasks-container .member-select-widget .custom-select-choices .all-team-members, body .tasks-container .member-select-widget .custom-select-choices .your-team-member {
      width: 100%; }
      body .tasks-container .member-select-widget .custom-select-choices .all-team-members i, body .tasks-container .member-select-widget .custom-select-choices .your-team-member i {
        display: block;
        float: left;
        margin-right: 10px;
        margin-top: 5px; }
    body .tasks-container .member-select-widget .custom-select-choices .all-team-members i {
      background-image: url("../img/icon-filter-control-members.454347acaa13.png");
      height: 14px;
      width: 13px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .member-select-widget .custom-select-choices .all-team-members i {
          background-image: url("../img/icon-filter-control-members@2x.183cff3e36f6.png");
          background-size: 13px 14px; } }
    body .tasks-container .member-select-widget .custom-select-choices .all-team-members.select2-highlighted.select2-disabled i {
      background-image: url("../img/icon-filter-control-members-active.9a6f90d6322c.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .member-select-widget .custom-select-choices .all-team-members.select2-highlighted.select2-disabled i {
          background-image: url("../img/icon-filter-control-members-active@2x.a719a26264b1.png");
          background-size: 13px 14px; } }
    body .tasks-container .member-select-widget .custom-select-choices .your-team-member i {
      background-image: url("../img/icon-your-tasks.2a3a97748b6d.png");
      height: 13px;
      width: 17px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .member-select-widget .custom-select-choices .your-team-member i {
          background-image: url("../img/icon-your-tasks@2x.4749238dece3.png");
          background-size: 17px 13px; } }
    body .tasks-container .member-select-widget .custom-select-choices .your-team-member.select2-highlighted.select2-disabled i {
      background-image: url("../img/icon-your-tasks-active.0c81bb0f8d88.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .member-select-widget .custom-select-choices .your-team-member.select2-highlighted.select2-disabled i {
          background-image: url("../img/icon-your-tasks-active@2x.a37bec219c42.png");
          background-size: 17px 13px; } }
  body .tasks-container .tasks-list-container {
    min-height: 550px;
    height: 100%;
    width: 335px;
    float: left;
    position: relative; }
    body .tasks-container .tasks-list-container .task-item-container {
      cursor: pointer;
      padding: 18px 15px;
      box-shadow: inset 0 -1px 0 0 #DDE2E7;
      transition: all .2s ease-in-out; }
      body .tasks-container .tasks-list-container .task-item-container.last {
        box-shadow: none; }
      body .tasks-container .tasks-list-container .task-item-container.active, body .tasks-container .tasks-list-container .custom-dropdown.open .task-item-container.control-more, body .custom-dropdown.open .tasks-container .tasks-list-container .task-item-container.control-more {
        opacity: 1;
        background: #EFF9F9;
        box-shadow: inset 3px 0 0 0 #56CCCE, inset 0 -1px 0 0 #DDE2E7;
        cursor: default; }
        body .tasks-container .tasks-list-container .task-item-container.active .members-and-icons-container .members-container .row-avatar, body .tasks-container .tasks-list-container .custom-dropdown.open .task-item-container.control-more .members-and-icons-container .members-container .row-avatar, body .custom-dropdown.open .tasks-container .tasks-list-container .task-item-container.control-more .members-and-icons-container .members-container .row-avatar {
          border: 2px solid #EFF9F9;
          background-color: #EFF9F9; }
      body .tasks-container .tasks-list-container .task-item-container.done {
        opacity: .6; }
        body .tasks-container .tasks-list-container .task-item-container.done .title-container .blue-link {
          color: #74777D;
          text-decoration: line-through; }
      body .tasks-container .tasks-list-container .task-item-container .title-container {
        width: 100%;
        height: 21px; }
      body .tasks-container .tasks-list-container .task-item-container .custom-checkbox {
        float: left;
        margin: 2px 10px 60px 0; }
      body .tasks-container .tasks-list-container .task-item-container .blue-link {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        color: #2980EC;
        line-height: 20px;
        max-width: 275px; }
        body .tasks-container .tasks-list-container .task-item-container .blue-link.has-label {
          max-width: 180px;
          float: left; }
      body .tasks-container .tasks-list-container .task-item-container .date {
        text-transform: uppercase;
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 11px;
        color: #818CA0;
        margin-bottom: 10px; }
      body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container {
        height: 25px; }
        body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .members-container {
          position: relative; }
          body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .members-container .row-avatar {
            position: absolute;
            height: 29px;
            width: 29px;
            border: 2px solid #fff;
            float: left;
            margin: 0;
            background-color: #fff;
            background-size: 25px 25px;
            top: -2px;
            left: -2px;
            z-index: 2; }
            body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .members-container .row-avatar:nth-child(2) {
              left: 15px;
              z-index: 1; }
            body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .members-container .row-avatar:nth-child(3) {
              left: 32px;
              z-index: 0; }
          body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .members-container .more-members-link {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            float: left;
            line-height: 25px;
            font-size: 11px;
            color: #4A5668;
            margin-left: 68px;
            cursor: pointer; }
        body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .icons-container .icon {
          display: block;
          float: left;
          height: 16px;
          margin: 5px 0 0 10px;
          width: 16px; }
          body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .icons-container .icon.tag {
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("../img/icon-filter-control-tags.0f2538081609.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .icons-container .icon.tag {
                background-image: url("../img/icon-filter-control-tags@2x.c792302ab485.png");
                background-size: 15px 12px; } }
          body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .icons-container .icon.attachment {
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("../img/icon-note-attachments.f28c3f871475.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .icons-container .icon.attachment {
                background-image: url("../img/icon-note-attachments@2x.3fa82842f418.png");
                background-size: 9px 16px; } }
          body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .icons-container .icon.private {
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("../img/icon-note-locked.b32d2cb3dd5d.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body .tasks-container .tasks-list-container .task-item-container .members-and-icons-container .icons-container .icon.private {
                background-image: url("../img/icon-note-locked@2x.812733f27b73.png");
                background-size: 11px 15px; } }
  body .tasks-container .task-container {
    position: relative;
    border-left: 1px solid #E8EDF0;
    float: left;
    width: calc(100% - 335px);
    height: 100%;
    padding: 18px 30px; }
    body .tasks-container .task-container [placeholder]:empty:before {
      content: attr(placeholder);
      color: #999 !important; }
    body .tasks-container .task-container [placeholder]:empty:focus:before {
      content: ""; }
    body .tasks-container .task-container .task-detail-view-pane .vertical-scroll-wrapper {
      padding: 18px 30px; }
    body .tasks-container .task-container .tab-pane.active, body .tasks-container .task-container .custom-dropdown.open .tab-pane.control-more, body .custom-dropdown.open .tasks-container .task-container .tab-pane.control-more {
      display: inline-block;
      height: 100%;
      width: 100%;
      padding-bottom: 60px; }
    body .tasks-container .task-container .task-form {
      display: inline-block;
      height: 100%;
      width: 100%;
      padding-bottom: 87px; }
    body .tasks-container .task-container .title-bar {
      height: 42px; }
      body .tasks-container .task-container .title-bar .title {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 100px);
        font-size: 17px;
        color: #222425;
        float: left;
        height: initial;
        padding: 0; }
      body .tasks-container .task-container .title-bar .dropdown {
        margin: 0; }
      body .tasks-container .task-container .title-bar .control-button, body .tasks-container .task-container .title-bar .custom-dropdown.open .control-more, body .custom-dropdown.open .tasks-container .task-container .title-bar .control-more {
        margin: -5px 0 0 0; }
      body .tasks-container .task-container .title-bar .custom-checkbox {
        margin: 1px 10px 0 0; }
      body .tasks-container .task-container .title-bar input {
        width: calc(100% - 30px);
        background: #fff;
        border: none;
        box-shadow: none;
        border-radius: 0;
        line-height: normal;
        transition: all .5s ease-in-out;
        padding: 0; }
    body .tasks-container .task-container .due-date-container {
      padding: 15px 0 15px 27px;
      box-shadow: inset 0 -1px 0 0 #e6e9ed;
      float: left;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-clock-dark.3bd396d8d1ed.png");
      background-position: 0 16px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .task-container .due-date-container {
          background-image: url("../img/icon-clock-dark@2x.f820b59a8377.png");
          background-size: 17px 17px; } }
      body .tasks-container .task-container .due-date-container .date {
        text-transform: uppercase;
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 11px;
        color: #818CA0;
        margin: 3px 10px 0 0; }
    body .tasks-container .task-container .task-tags-container {
      padding: 20px 0 14px 0;
      box-shadow: inset 0 -1px 0 0 #e6e9ed;
      float: left;
      width: 100%; }
      body .tasks-container .task-container .task-tags-container .tags-input {
        float: left;
        clear: left;
        display: inline; }
      body .tasks-container .task-container .task-tags-container .hide-tags-input .tags-input, body .tasks-container .task-container .task-tags-container .hide-tags-input .remove-button {
        display: none; }
    body .tasks-container .task-container .task-content-container {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      padding: 20px 0 60px 0;
      box-shadow: inset 0 -1px 0 0 #e6e9ed;
      float: left;
      width: 100%;
      font-size: 15px;
      color: #222425;
      line-height: 22px; }
    body .tasks-container .task-container .task-attachments-container {
      padding: 20px 0 4px 0;
      float: left;
      min-height: 170px;
      width: 100%;
      position: relative; }
      body .tasks-container .task-container .task-attachments-container * {
        pointer-events: none; }
      body .tasks-container .task-container .task-attachments-container.nv-file-over .upload-zone-hover-wrapper {
        display: block; }
      body .tasks-container .task-container .task-attachments-container.nv-file-over .upload-hover-label {
        display: block; }
      body .tasks-container .task-container .task-attachments-container.nv-file-over .attachment {
        filter: blur(4px); }
      body .tasks-container .task-container .task-attachments-container .attachment {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-attachment-item.2742a2a6c452.png");
        background-position: center 36px;
        position: relative;
        width: 130px;
        height: 120px;
        margin: 0 16px 16px 0;
        cursor: pointer;
        text-align: center;
        border: 1px solid #CCD6DC;
        border-radius: 4px;
        float: left; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .tasks-container .task-container .task-attachments-container .attachment {
            background-image: url("../img/icon-attachment-item@2x.2dbc49073a0f.png");
            background-size: 27px 36px; } }
        body .tasks-container .task-container .task-attachments-container .attachment.uploading {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-attachment-uploading.58fb57274ae1.png");
          background-position: center 32px;
          position: relative;
          background-color: rgba(27, 41, 62, 0.8);
          border-radius: 4px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .tasks-container .task-container .task-attachments-container .attachment.uploading {
              background-image: url("../img/icon-attachment-uploading@2x.f4e205059170.png");
              background-size: 29px 28px; } }
          body .tasks-container .task-container .task-attachments-container .attachment.uploading .progress {
            display: block; }
          body .tasks-container .task-container .task-attachments-container .attachment.uploading .remove-icon {
            display: none; }
          body .tasks-container .task-container .task-attachments-container .attachment.uploading .blue-link {
            color: #fff; }
        body .tasks-container .task-container .task-attachments-container .attachment .blue-link {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 120px;
          display: block;
          position: absolute;
          bottom: 9px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          font-size: 11px;
          pointer-events: auto; }
        body .tasks-container .task-container .task-attachments-container .attachment .remove-icon {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-remove-black-circle.d6972c7ff759.png");
          height: 20px;
          width: 20px;
          position: absolute;
          right: -10px;
          top: -10px;
          cursor: pointer;
          pointer-events: auto; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .tasks-container .task-container .task-attachments-container .attachment .remove-icon {
              background-image: url("../img/icon-remove-black-circle@2x.4df7152193cd.png");
              background-size: 20px 20px; } }
        body .tasks-container .task-container .task-attachments-container .attachment .progress {
          display: none;
          position: absolute;
          bottom: 36px;
          left: 0;
          height: 3px;
          width: 100px;
          margin: 0 14px;
          border: none;
          border-radius: 2px;
          box-shadow: none;
          background: rgba(27, 41, 62, 0.51); }
          body .tasks-container .task-container .task-attachments-container .attachment .progress .progress-bar {
            background: #12AEE6;
            border-radius: 2px;
            box-shadow: none; }
    body .tasks-container .task-container .contact-notes-container {
      height: unset;
      min-height: 60px; }
      body .tasks-container .task-container .contact-notes-container .contact-note-form {
        margin: 0 0 20px 0; }
        body .tasks-container .task-container .contact-notes-container .contact-note-form .controls-row > .right {
          padding: 0; }
        body .tasks-container .task-container .contact-notes-container .contact-note-form .controls-row > .left {
          display: none; }
      body .tasks-container .task-container .contact-notes-container .contact-note {
        width: 100%;
        margin: 0 0 10px 0; }
    body .tasks-container .task-container .controls-row > .left {
      padding: 17px 0; }
    body .tasks-container .task-container .controls-row > .right {
      padding: 5px 0; }
    body .tasks-container .task-container .controls-row .icon {
      height: 17px;
      width: 17px;
      float: left;
      margin-right: 36px;
      cursor: pointer; }
    body .tasks-container .task-container .controls-row .icon-members {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-members.23ccd3697e7c.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .task-container .controls-row .icon-members {
          background-image: url("../img/icon-note-members@2x.4d9efc820ab3.png");
          background-size: 15px 17px; } }
      body .tasks-container .task-container .controls-row .icon-members.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-members.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-members.control-more, body .tasks-container .task-container .controls-row .icon-members:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-members-active.3227dc8e5cfa.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .tasks-container .task-container .controls-row .icon-members.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-members.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-members.control-more, body .tasks-container .task-container .controls-row .icon-members:hover {
            background-image: url("../img/icon-note-members-active@2x.95358da5a8a3.png");
            background-size: 15px 17px; } }
    body .tasks-container .task-container .controls-row .icon-tags {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-tags.e54dcd8d2150.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .task-container .controls-row .icon-tags {
          background-image: url("../img/icon-note-tags@2x.6b4947afdd58.png");
          background-size: 17px 17px; } }
      body .tasks-container .task-container .controls-row .icon-tags.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-tags.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-tags.control-more, body .tasks-container .task-container .controls-row .icon-tags:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-tags-active.3bb138c8643b.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .tasks-container .task-container .controls-row .icon-tags.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-tags.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-tags.control-more, body .tasks-container .task-container .controls-row .icon-tags:hover {
            background-image: url("../img/icon-note-tags-active@2x.7f3d44948220.png");
            background-size: 17px 17px; } }
    body .tasks-container .task-container .controls-row .icon-attachments {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-attachments-v2.abb9d6d5744e.png");
      position: relative;
      overflow: hidden; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .task-container .controls-row .icon-attachments {
          background-image: url("../img/icon-note-attachments-v2@2x.8fc2618abfb1.png");
          background-size: 9px 16px; } }
      body .tasks-container .task-container .controls-row .icon-attachments.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-attachments.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-attachments.control-more, body .tasks-container .task-container .controls-row .icon-attachments:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-attachments-v2-active.16fe5cdf4410.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .tasks-container .task-container .controls-row .icon-attachments.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-attachments.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-attachments.control-more, body .tasks-container .task-container .controls-row .icon-attachments:hover {
            background-image: url("../img/icon-note-attachments-v2-active@2x.56852a75e602.png");
            background-size: 9px 16px; } }
      body .tasks-container .task-container .controls-row .icon-attachments input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        direction: ltr;
        cursor: pointer; }
    body .tasks-container .task-container .controls-row .icon-clock {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-clock-dark.3bd396d8d1ed.png");
      position: relative;
      overflow: hidden; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .task-container .controls-row .icon-clock {
          background-image: url("../img/icon-clock-dark@2x.f820b59a8377.png");
          background-size: 17px 17px; } }
      body .tasks-container .task-container .controls-row .icon-clock.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-clock.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-clock.control-more, body .tasks-container .task-container .controls-row .icon-clock:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-clock-dark-active.40d8d1f87905.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .tasks-container .task-container .controls-row .icon-clock.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-clock.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-clock.control-more, body .tasks-container .task-container .controls-row .icon-clock:hover {
            background-image: url("../img/icon-clock-dark-active@2x.b83da25653a3.png");
            background-size: 17px 17px; } }
    body .tasks-container .task-container .controls-row .icon-lock {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-unlocked.6e784f102e33.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .tasks-container .task-container .controls-row .icon-lock {
          background-image: url("../img/icon-note-unlocked@2x.4498fc4bc07b.png");
          background-size: 11px 15px; } }
      body .tasks-container .task-container .controls-row .icon-lock.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-lock.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-lock.control-more, body .tasks-container .task-container .controls-row .icon-lock:hover {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-unlocked-active.327d8972ea95.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .tasks-container .task-container .controls-row .icon-lock.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-lock.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-lock.control-more, body .tasks-container .task-container .controls-row .icon-lock:hover {
            background-image: url("../img/icon-note-unlocked-active@2x.3318e324faaa.png");
            background-size: 11px 15px; } }
      body .tasks-container .task-container .controls-row .icon-lock.locked {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-note-locked.b32d2cb3dd5d.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .tasks-container .task-container .controls-row .icon-lock.locked {
            background-image: url("../img/icon-note-locked@2x.812733f27b73.png");
            background-size: 11px 15px; } }
        body .tasks-container .task-container .controls-row .icon-lock.locked.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-lock.locked.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-lock.locked.control-more, body .tasks-container .task-container .controls-row .icon-lock.locked:hover {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-note-locked-active.8bc50d72b14d.png"); }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .tasks-container .task-container .controls-row .icon-lock.locked.active, body .tasks-container .task-container .controls-row .custom-dropdown.open .icon-lock.locked.control-more, body .custom-dropdown.open .tasks-container .task-container .controls-row .icon-lock.locked.control-more, body .tasks-container .task-container .controls-row .icon-lock.locked:hover {
              background-image: url("../img/icon-note-locked-active@2x.972b7f38e096.png");
              background-size: 11px 15px; } }
    body .tasks-container .task-container .controls-row .dropdown .dropdown-menu {
      top: -330px;
      left: -80px; }
  body .events-container.events-day-view-container {
    float: right;
    position: relative;
    height: calc(100% - 70px);
    top: 70px;
    width: 325px;
    margin: 0 15px 0 15px; }
    body .events-container.events-day-view-container .event-detail {
      background: #E7ECF2;
      border-radius: 5px;
      padding: 10px 20px 15px;
      margin: 0 10px 20px 0; }
      body .events-container.events-day-view-container .event-detail .custom-dropdown:not(.open) .control-button:not(:active), body .events-container.events-day-view-container .event-detail .custom-dropdown:not(.open) .custom-dropdown.open .control-more:not(:active), body .custom-dropdown.open .events-container.events-day-view-container .event-detail .custom-dropdown:not(.open) .control-more:not(:active) {
        background: #E7ECF2; }
      body .events-container.events-day-view-container .event-detail .dropdown-menu {
        min-width: 170px; }
  body .events-container .calendar-controls-container {
    position: relative;
    height: 70px;
    width: 100%;
    background: #F8FAFB;
    text-align: center; }
    body .events-container .calendar-controls-container .tab-switcher {
      position: absolute;
      height: 100%;
      width: 240px;
      padding: 20px 0 20px 20px; }
      body .events-container .calendar-controls-container .tab-switcher li {
        float: left;
        padding: 8px 18px; }
    body .events-container .calendar-controls-container .calendar-switcher {
      padding-top: 25px;
      height: 70px;
      margin: 0 auto;
      display: inline-block; }
      body .events-container .calendar-controls-container .calendar-switcher .icon-arrow, body .events-container .calendar-controls-container .calendar-switcher .icon-arrow-left {
        float: left;
        height: 24px;
        width: 32px;
        cursor: pointer; }
      body .events-container .calendar-controls-container .calendar-switcher .dropdown {
        position: unset; }
        body .events-container .calendar-controls-container .calendar-switcher .dropdown .date-time-picker {
          top: 60px !important;
          left: calc(50% - 185px) !important; }
      body .events-container .calendar-controls-container .calendar-switcher .calendar-title {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        font-size: 18px;
        color: #222425;
        text-align: left; }
  body .events-container .event-alert-switcher .icon-bell {
    float: left;
    margin-right: 8px; }
  body .events-container .event-alert-switcher .dropdown-menu {
    left: 0;
    min-width: 170px; }
  body .events-container .event-alert-switcher .custom-dropdown li a {
    padding: 7px; }
  body .events-container .event-alert-switcher .selector {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    font-size: 11px;
    color: #4A5669;
    cursor: pointer; }
    body .events-container .event-alert-switcher .selector .icon-caret {
      margin-left: 5px; }
  body .events-container .event-detail .header {
    height: 38px;
    display: inline-block;
    width: 100%;
    box-shadow: inset 0px -1px 0 0 #e3e7ed; }
    body .events-container .event-detail .header .dropdown .control-button, body .events-container .event-detail .header .dropdown .custom-dropdown.open .control-more, body .custom-dropdown.open .events-container .event-detail .header .dropdown .control-more {
      margin: 0; }
    body .events-container .event-detail .header .events-popup-title {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 17px;
      color: #212324;
      margin: 3px 0 0 0;
      width: 200px; }
  body .events-container .event-detail .alert-and-dates {
    height: 70px;
    width: 100%;
    padding: 15px 0 15px 0; }
    body .events-container .event-detail .alert-and-dates .dates {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 11px;
      color: #737D95;
      margin-bottom: 8px; }
  body .events-container .event-detail .description, body .events-container .event-detail .location {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif;
    box-shadow: inset 0 1px 0 0 #e3e7ed;
    background-repeat: no-repeat;
    background-position: 0 15px;
    font-size: 13px;
    color: #212324;
    padding: 15px 0 15px 20px; }
  body .events-container .event-detail .description {
    background-image: url("../img/icon-notes-grey.a4127623b502.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .events-container .event-detail .description {
        background-image: url("../img/icon-notes-grey@2x.d3c52c841eb8.png");
        background-size: 12px 17px; } }
  body .events-container .event-detail .location {
    background-image: url("../img/icon-location.80def8756821.png"); }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .events-container .event-detail .location {
        background-image: url("../img/icon-location@2x.0595edf8d509.png");
        background-size: 10px 15px; } }
  body .events-container .event-detail .members-container {
    width: 100%;
    padding-bottom: 15px;
    height: 40px; }
  body .events-container .event-detail .attachments {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    font-size: 11px;
    color: #737D95;
    display: inline-block;
    margin: 10px 0; }
    body .events-container .event-detail .attachments .attachment {
      display: block;
      width: 30px;
      height: 38px;
      cursor: pointer;
      background-repeat: no-repeat;
      background-size: 30px 38px;
      margin-right: 10px;
      background-image: url("../img/crm/icon-image.93881876f7bb.png"); }
      body .events-container .event-detail .attachments .attachment.pdf {
        background-image: url("../img/crm/icon-pdf.f01cb1a4487f.png"); }
      body .events-container .event-detail .attachments .attachment.doc {
        background-image: url("../img/crm/icon-doc.4891a880cf15.png"); }
  body .events-container .event-detail .status {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    padding-top: 15px;
    font-size: 11px;
    color: #737D95;
    box-shadow: inset 0 1px 0 0 #e3e7ed; }
    body .events-container .event-detail .status .status-label {
      margin-left: 5px; }
  body .events-container mwl-calendar {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    flex-direction: row;
    -webkit-flex-direction: row;
    height: 100%;
    width: 100%; }
    body .events-container mwl-calendar.month {
      height: calc(100% - 126px); }
    body .events-container mwl-calendar .events-row {
      display: flex;
      display: -webkit-flex;
      flex: 1;
      -webkit-flex: 1;
      -webkit-flex-direction: row;
      flex-direction: row;
      background-color: #fff;
      min-height: 100px; }
    body .events-container mwl-calendar .events-col {
      flex: 1;
      -webkit-flex: 1;
      transition: all .2s ease-in-out; }
      body .events-container mwl-calendar .events-col:hover:not(.day-highlight) {
        background-color: #f8f8f8; }
      body .events-container mwl-calendar .events-col:hover .events-num {
        color: #4a4a4a !important; }
    body .events-container mwl-calendar .col-current {
      background-color: #f8f8f8; }
    body .events-container mwl-calendar .events-num {
      font-size: 12px;
      font-weight: bold;
      color: #d4d4dc;
      margin-bottom: 9px;
      transition: all .2s ease-in-out; }
    body .events-container mwl-calendar .num-inactive {
      color: #efefef; }
    body .events-container mwl-calendar .num-current {
      color: #4a4a4a; }
    body .events-container mwl-calendar .cal-context {
      display: flex;
      flex: 1;
      flex-direction: column;
      -webkit-flex-direction: column; }
      body .events-container mwl-calendar .cal-context .cal-month-box, body .events-container mwl-calendar .cal-context .cal-week-box, body .events-container mwl-calendar .cal-context .cal-year-box {
        border: none; }
      body .events-container mwl-calendar .cal-context .cal-slide-box, body .events-container mwl-calendar .cal-context .cal-day-tick {
        display: none; }
      body .events-container mwl-calendar .cal-context .events-list {
        width: 100%;
        padding: 0 5px;
        z-index: inherit;
        max-height: 75px; }
        body .events-container mwl-calendar .cal-context .events-list .event-container .event {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          float: left;
          display: block;
          height: auto;
          background-color: unset;
          border: none;
          border-radius: 0;
          box-shadow: none;
          width: calc(100% - 45px);
          font-size: 11px;
          margin: 0;
          padding: 0; }
          body .events-container mwl-calendar .cal-context .events-list .event-container .event i {
            cursor: pointer;
            margin-left: 3px;
            margin-bottom: -1px; }
        body .events-container mwl-calendar .cal-context .events-list .event-container > span {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          float: right;
          font-size: 9px;
          color: #737D95;
          margin-top: 2px; }
      body .events-container mwl-calendar .cal-context .cal-day-inmonth span[data-cal-date] {
        opacity: 1; }
      body .events-container mwl-calendar .cal-context .events-col span[data-cal-date] {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        cursor: pointer;
        font-size: 13px;
        color: #4A5669;
        margin: 0;
        padding: 15px;
        width: 100%;
        text-align: right; }
      body .events-container mwl-calendar .cal-context .events-col .cal-day-weekend:not(.cal-day-today) span[data-cal-date] {
        color: darkred; }
      body .events-container mwl-calendar .cal-context .cal-day-today {
        background-color: unset; }
        body .events-container mwl-calendar .cal-context .cal-day-today span[data-cal-date] {
          margin: 5px 6px 0 0;
          width: 32px;
          height: 32px;
          color: #fff;
          background-color: #4A5668;
          border-radius: 3px;
          text-align: center;
          padding: 8px 0; }
      body .events-container mwl-calendar .cal-context .cal-day-box .cal-row-head {
        display: none; }
      body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel {
        border: none;
        padding-left: 50px;
        height: 660px !important; }
        body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .day-event {
          margin: 0 0 0 20px;
          padding: 0 !important; }
        body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour {
          z-index: 1;
          margin-left: -50px; }
          body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour {
            display: flex;
            display: -webkit-flex;
            height: 60px;
            -webkit-flex-direction: row;
            flex-direction: row; }
            body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour:nth-child(odd) {
              background-color: #fff; }
            body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour:first-of-type {
              box-shadow: inset 0 1px 0 0 #e6e9ed; }
            body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour:last-of-type .cal-day-events .cal-day-hour-part:last-of-type {
              box-shadow: none; }
            body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour:last-of-type .hour-label {
              box-shadow: inset -1px 0 0 0 #e3e7ed; }
            body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .hour-label {
              max-width: 51px;
              box-shadow: inset 0 -1px 0 0 #e3e7ed, inset -1px 0 0 0 #e3e7ed;
              text-align: center;
              flex: 1;
              -webkit-flex: 1; }
              body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .hour-label p {
                font-variant-ligatures: none;
                -webkit-font-variant-ligatures: none;
                text-rendering: optimizeLegibility;
                -moz-osx-font-smoothing: grayscale;
                font-smoothing: antialiased;
                -webkit-font-smoothing: antialiased;
                font-family: 'AvenirNext-DemiBold', sans-serif;
                font-size: 9px;
                color: #4A5669;
                text-align: center;
                margin: 0;
                padding: 24px 0; }
            body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .cal-day-events {
              flex: 1;
              -webkit-flex: 1; }
              body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .cal-day-events .cal-day-hour-part {
                height: 30px;
                border: none;
                box-shadow: inset 0 -1px 0 0 #e6e9ed; }
                body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .cal-day-events .cal-day-hour-part:first-of-type {
                  box-shadow: none; }
        body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-days-events-panel {
          width: 100%;
          height: 1440px;
          position: absolute;
          display: flex;
          padding: 0 35px 0 0; }
          body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-days-events-panel .cal-day-events-panel {
            flex: 1;
            position: relative;
            z-index: 2; }
            body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-days-events-panel .cal-day-events-panel.today {
              background: rgba(24, 176, 231, 0.05); }
            body .events-container mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-days-events-panel .cal-day-events-panel .cal-day-event {
              position: absolute; }
      body .events-container mwl-calendar .cal-context .cal-week-box [data-event-class] {
        padding: 0 !important; }
      body .events-container mwl-calendar .cal-context .cal-week-box span[data-cal-date] {
        margin: 0; }
      body .events-container mwl-calendar .cal-context .cal-week-box .row {
        background-image: none; }
        body .events-container mwl-calendar .cal-context .cal-week-box .row .col-xs-12 {
          padding: 0; }
      body .events-container mwl-calendar .cal-context .cal-year-box .row {
        display: flex;
        flex: 1;
        -webkit-flex-direction: row;
        flex-direction: row; }
      body .events-container mwl-calendar .cal-context .all-day-events-header {
        background: #F8F8F8;
        display: flex;
        box-shadow: inset 0 -1px 0 0 #e6e9ed;
        position: sticky;
        top: 0;
        z-index: 5; }
        body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col {
          -webkit-flex: 1;
          flex: 1;
          text-align: center;
          min-height: 33px;
          box-shadow: inset 1px 0 0 0 #e6e9ed; }
          body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col.first {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            font-size: 9px;
            color: #4A5669;
            text-align: center;
            padding: 11px 0;
            max-width: 50px;
            box-shadow: none; }
          body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            background: #8D9CAA;
            margin: 1px 1px 1px 2px;
            height: 31px;
            font-size: 11px;
            padding: 8px 0; }
            body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.red, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.red:hover {
              background-color: rgba(255, 207, 220, 0.7); }
              body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.red .line, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.red:hover .line {
                background-color: #ff255d; }
            body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.orange, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.orange:hover {
              background-color: rgba(255, 230, 197, 0.7); }
              body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.orange .line, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.orange:hover .line {
                background-color: #ff8a01; }
            body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.yellow, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.yellow:hover {
              background-color: rgba(255, 243, 197, 0.7); }
              body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.yellow .line, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.yellow:hover .line {
                background-color: #ffc502; }
            body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.green, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.green:hover {
              background-color: rgba(219, 246, 210, 0.7); }
              body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.green .line, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.green:hover .line {
                background-color: #59d531; }
            body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.blue, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.blue:hover {
              background-color: rgba(203, 237, 253, 0.7); }
              body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.blue .line, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.blue:hover .line {
                background-color: #18a4f7; }
            body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.purple, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.purple:hover {
              background-color: rgba(244, 223, 247, 0.7); }
              body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.purple .line, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.purple:hover .line {
                background-color: #c668dd; }
            body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.brown, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.brown:hover {
              background-color: rgba(234, 226, 219, 0.7); }
              body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.brown .line, body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.brown:hover .line {
                background-color: #987854; }
            body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.task {
              border: 1px dashed black; }
              body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event.task a {
                color: #fff; }
            body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event a {
              position: relative;
              display: block;
              color: #4A5669; }
              body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .all-day-event a span {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
                padding: 0 5px; }
          body .events-container mwl-calendar .cal-context .all-day-events-header .events-header-col .day-view-link {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            font-size: 11px;
            color: #4A5669;
            padding: 3px 0;
            height: 20px;
            display: inline-block; }
      body .events-container mwl-calendar .cal-context mwl-calendar-week {
        height: 100%; }
        body .events-container mwl-calendar .cal-context mwl-calendar-week .events-header {
          height: 20px;
          background: #F8FAFB;
          display: flex;
          box-shadow: inset 0 -1px 0 0 #e6e9ed; }
          body .events-container mwl-calendar .cal-context mwl-calendar-week .events-header .events-header-col {
            -webkit-flex: 1;
            flex: 1;
            text-align: center; }
            body .events-container mwl-calendar .cal-context mwl-calendar-week .events-header .events-header-col.first {
              max-width: 50px; }
            body .events-container mwl-calendar .cal-context mwl-calendar-week .events-header .events-header-col .week-day-label {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-DemiBold', sans-serif;
              font-size: 11px;
              color: #4A5669;
              text-transform: uppercase;
              cursor: pointer; }
            body .events-container mwl-calendar .cal-context mwl-calendar-week .events-header .events-header-col .icon-calendar-week-header {
              background-repeat: no-repeat;
              background-position: center center;
              background-image: url("../img/icon-calendar-week-header.f675de056eba.png");
              height: 13px;
              width: 13px;
              display: inline-block; }
              @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
                body .events-container mwl-calendar .cal-context mwl-calendar-week .events-header .events-header-col .icon-calendar-week-header {
                  background-image: url("../img/icon-calendar-week-header@2x.3e8bfa5ebcde.png");
                  background-size: 13px 13px; } }
      body .events-container mwl-calendar .cal-context mwl-calendar-month {
        display: flex;
        flex: 1;
        flex-direction: column;
        -webkit-flex-direction: column; }
        body .events-container mwl-calendar .cal-context mwl-calendar-month .events-header {
          background: #F8FAFB;
          height: 20px;
          display: flex;
          box-shadow: inset 0 -1px 0 0 #e6e9ed; }
          body .events-container mwl-calendar .cal-context mwl-calendar-month .events-header .events-header-col {
            -webkit-flex: 1;
            flex: 1;
            text-align: center; }
            body .events-container mwl-calendar .cal-context mwl-calendar-month .events-header .events-header-col .events-header-title {
              font-variant-ligatures: none;
              -webkit-font-variant-ligatures: none;
              text-rendering: optimizeLegibility;
              -moz-osx-font-smoothing: grayscale;
              font-smoothing: antialiased;
              -webkit-font-smoothing: antialiased;
              font-family: 'AvenirNext-DemiBold', sans-serif;
              font-size: 11px;
              color: #949BA8;
              text-transform: uppercase; }
        body .events-container mwl-calendar .cal-context mwl-calendar-month .cal-month-box {
          display: flex;
          flex: 1;
          flex-direction: column;
          -webkit-flex-direction: column; }
          body .events-container mwl-calendar .cal-context mwl-calendar-month .cal-month-box > div {
            display: flex;
            flex: 1;
            flex-direction: row;
            -webkit-flex-direction: row; }
          body .events-container mwl-calendar .cal-context mwl-calendar-month .cal-month-box .cal-row-fluid {
            display: flex;
            flex: 1;
            flex-direction: row;
            -webkit-flex-direction: row; }
        body .events-container mwl-calendar .cal-context mwl-calendar-month .events-row {
          border-radius: 3px; }
          body .events-container mwl-calendar .cal-context mwl-calendar-month .events-row .events-col {
            position: relative;
            box-shadow: inset 0 -1px 0 0 #e6e9ed, inset -1px 0 0 0 #e6e9ed; }
            body .events-container mwl-calendar .cal-context mwl-calendar-month .events-row .events-col:last-child {
              box-shadow: inset 0 -1px 0 0 #e6e9ed; }
            body .events-container mwl-calendar .cal-context mwl-calendar-month .events-row .events-col > ng-include {
              position: absolute;
              height: 100%;
              width: 100%; }
              body .events-container mwl-calendar .cal-context mwl-calendar-month .events-row .events-col > ng-include .cal-month-day {
                height: 100%; }
                body .events-container mwl-calendar .cal-context mwl-calendar-month .events-row .events-col > ng-include .cal-month-day .events-list {
                  margin-bottom: 10px; }
          body .events-container mwl-calendar .cal-context mwl-calendar-month .events-row:last-child .events-col {
            box-shadow: inset -1px 0 0 0 #e6e9ed; }
            body .events-container mwl-calendar .cal-context mwl-calendar-month .events-row:last-child .events-col:first-child {
              border-radius: 0 0 0 3px; }
            body .events-container mwl-calendar .cal-context mwl-calendar-month .events-row:last-child .events-col:last-child {
              box-shadow: none;
              border-radius: 0 0 3px 0; }
      body .events-container mwl-calendar .cal-context mwl-calendar-day .cal-day-box {
        height: 715px;
        overflow-y: auto !important;
        overflow-x: hidden !important; }
        body .events-container mwl-calendar .cal-context mwl-calendar-day .cal-day-box .all-day-events-header {
          box-shadow: inset 0 -1px 0 0 #e6e9ed, inset 0 1px 0 0 #e6e9ed; }
    body .events-container mwl-calendar .popover {
      background: #fff;
      box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      border: none;
      padding: 0;
      cursor: initial; }
      body .events-container mwl-calendar .popover[placement="top-left"], body .events-container mwl-calendar .popover[placement="bottom-left"] {
        margin-left: -17px; }
      body .events-container mwl-calendar .popover[placement="top-right"], body .events-container mwl-calendar .popover[placement="bottom-right"] {
        margin-left: 17px; }
      body .events-container mwl-calendar .popover.top .arrow {
        border-top-color: rgba(0, 0, 0, 0.05); }
      body .events-container mwl-calendar .popover.bottom .arrow {
        border-bottom-color: rgba(0, 0, 0, 0.05); }
      body .events-container mwl-calendar .popover .popover-content {
        padding: 0;
        display: inline-block;
        width: 100%; }
    body .events-container mwl-calendar .event-popup {
      padding: 10px 20px 15px;
      width: 300px;
      max-width: 300px; }
    body .events-container mwl-calendar .events-popup {
      width: 560px;
      max-width: 560px; }
      body .events-container mwl-calendar .events-popup .header {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        font-size: 18px;
        color: #212324;
        margin-bottom: 10px; }
      body .events-container mwl-calendar .events-popup .events-popup-list {
        position: relative;
        height: 100%;
        float: left;
        padding: 20px 0 0 15px;
        box-shadow: inset -1px 0 0 #e3e7ed; }
        body .events-container mwl-calendar .events-popup .events-popup-list .events-list-container {
          position: relative;
          width: 245px;
          min-height: 300px; }
          body .events-container mwl-calendar .events-popup .events-popup-list .events-list-container .tab-switcher {
            width: 100%;
            height: 100%;
            padding: 0 10px 0 0;
            text-align: left; }
            body .events-container mwl-calendar .events-popup .events-popup-list .events-list-container .tab-switcher li {
              height: auto;
              padding: 7px;
              margin-bottom: 5px;
              text-transform: inherit; }
      body .events-container mwl-calendar .events-popup .event-detail {
        width: 300px;
        float: right;
        padding: 10px 20px 15px; }
    body .events-container mwl-calendar .current-time-line {
      position: absolute;
      display: flex;
      width: 100%;
      height: 1px;
      background: #ff332b;
      z-index: 3; }
      body .events-container mwl-calendar .current-time-line.day-view {
        right: 0;
        left: 50px; }
      body .events-container mwl-calendar .current-time-line .current-day-panel {
        flex: 1;
        position: relative; }
        body .events-container mwl-calendar .current-time-line .current-day-panel .current-day-circle {
          height: 10px;
          width: 10px;
          position: absolute;
          background-color: #ff332b;
          border-radius: 7px;
          left: -5px;
          top: -5px; }
    body .events-container mwl-calendar .day-event, body .events-container mwl-calendar .cal-day-event {
      color: #000;
      border: none;
      background-color: rgba(221, 221, 221, 0.7);
      white-space: inherit;
      z-index: 2 !important; }
      body .events-container mwl-calendar .day-event:hover, body .events-container mwl-calendar .cal-day-event:hover {
        color: #000;
        background-color: rgba(221, 221, 221, 0.7); }
        body .events-container mwl-calendar .day-event:hover .line, body .events-container mwl-calendar .cal-day-event:hover .line {
          background-color: #989898; }
      body .events-container mwl-calendar .day-event.red, body .events-container mwl-calendar .day-event.red:hover, body .events-container mwl-calendar .cal-day-event.red, body .events-container mwl-calendar .cal-day-event.red:hover {
        background-color: rgba(255, 207, 220, 0.7); }
        body .events-container mwl-calendar .day-event.red .line, body .events-container mwl-calendar .day-event.red:hover .line, body .events-container mwl-calendar .cal-day-event.red .line, body .events-container mwl-calendar .cal-day-event.red:hover .line {
          background-color: #ff255d; }
      body .events-container mwl-calendar .day-event.orange, body .events-container mwl-calendar .day-event.orange:hover, body .events-container mwl-calendar .cal-day-event.orange, body .events-container mwl-calendar .cal-day-event.orange:hover {
        background-color: rgba(255, 230, 197, 0.7); }
        body .events-container mwl-calendar .day-event.orange .line, body .events-container mwl-calendar .day-event.orange:hover .line, body .events-container mwl-calendar .cal-day-event.orange .line, body .events-container mwl-calendar .cal-day-event.orange:hover .line {
          background-color: #ff8a01; }
      body .events-container mwl-calendar .day-event.yellow, body .events-container mwl-calendar .day-event.yellow:hover, body .events-container mwl-calendar .cal-day-event.yellow, body .events-container mwl-calendar .cal-day-event.yellow:hover {
        background-color: rgba(255, 243, 197, 0.7); }
        body .events-container mwl-calendar .day-event.yellow .line, body .events-container mwl-calendar .day-event.yellow:hover .line, body .events-container mwl-calendar .cal-day-event.yellow .line, body .events-container mwl-calendar .cal-day-event.yellow:hover .line {
          background-color: #ffc502; }
      body .events-container mwl-calendar .day-event.green, body .events-container mwl-calendar .day-event.green:hover, body .events-container mwl-calendar .cal-day-event.green, body .events-container mwl-calendar .cal-day-event.green:hover {
        background-color: rgba(219, 246, 210, 0.7); }
        body .events-container mwl-calendar .day-event.green .line, body .events-container mwl-calendar .day-event.green:hover .line, body .events-container mwl-calendar .cal-day-event.green .line, body .events-container mwl-calendar .cal-day-event.green:hover .line {
          background-color: #59d531; }
      body .events-container mwl-calendar .day-event.blue, body .events-container mwl-calendar .day-event.blue:hover, body .events-container mwl-calendar .cal-day-event.blue, body .events-container mwl-calendar .cal-day-event.blue:hover {
        background-color: rgba(203, 237, 253, 0.7); }
        body .events-container mwl-calendar .day-event.blue .line, body .events-container mwl-calendar .day-event.blue:hover .line, body .events-container mwl-calendar .cal-day-event.blue .line, body .events-container mwl-calendar .cal-day-event.blue:hover .line {
          background-color: #18a4f7; }
      body .events-container mwl-calendar .day-event.purple, body .events-container mwl-calendar .day-event.purple:hover, body .events-container mwl-calendar .cal-day-event.purple, body .events-container mwl-calendar .cal-day-event.purple:hover {
        background-color: rgba(244, 223, 247, 0.7); }
        body .events-container mwl-calendar .day-event.purple .line, body .events-container mwl-calendar .day-event.purple:hover .line, body .events-container mwl-calendar .cal-day-event.purple .line, body .events-container mwl-calendar .cal-day-event.purple:hover .line {
          background-color: #c668dd; }
      body .events-container mwl-calendar .day-event.brown, body .events-container mwl-calendar .day-event.brown:hover, body .events-container mwl-calendar .cal-day-event.brown, body .events-container mwl-calendar .cal-day-event.brown:hover {
        background-color: rgba(234, 226, 219, 0.7); }
        body .events-container mwl-calendar .day-event.brown .line, body .events-container mwl-calendar .day-event.brown:hover .line, body .events-container mwl-calendar .cal-day-event.brown .line, body .events-container mwl-calendar .cal-day-event.brown:hover .line {
          background-color: #987854; }
      body .events-container mwl-calendar .day-event .line, body .events-container mwl-calendar .cal-day-event .line {
        background-color: #dddddd;
        float: left;
        height: 100%;
        width: 3px;
        margin-right: 3px; }
      body .events-container mwl-calendar .day-event .event-title, body .events-container mwl-calendar .cal-day-event .event-title {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 11px;
        color: #4A5669;
        line-height: initial;
        padding: 5px 5px 0 0; }
        body .events-container mwl-calendar .day-event .event-title .event-time, body .events-container mwl-calendar .cal-day-event .event-title .event-time {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          font-size: 9px;
          color: #737D95;
          line-height: initial;
          margin: 2px 0 0 0;
          float: right;
          display: inline-block;
          width: auto; }
  body .events-container .big-blue-create-button {
    z-index: 10; }
  body .events-container #event-edit-modal .modal-dialog {
    margin-top: 120px;
    width: 640px; }
  body .events-container #event-edit-modal .modal-body {
    padding: 0;
    display: inline-block;
    width: 100%; }
  body .events-container #event-edit-modal .inputs-container input {
    width: 230px; }
  body .events-container #event-edit-modal .modal-footer {
    padding: 18px; }
  body .events-container #event-edit-modal .row .event-alert-switcher .selector {
    font-size: 14px;
    padding: 15px 0;
    display: block; }
  body .events-container #event-edit-modal .row .event-alert-switcher .dropdown-menu {
    margin-top: -10px; }
  body .events-container #event-edit-modal .custom-checkbox-container {
    width: 90px; }
  body .events-container #event-edit-modal .color-picker {
    margin-top: 15px; }
  body .events-container #event-edit-modal .member-select-widget {
    margin-top: 10px;
    width: 53px;
    position: relative; }
  body .events-container #event-edit-modal .upload-zone-hover-wrapper {
    margin: 5px 15px; }
  body .events-container #event-edit-modal .members-list-container {
    float: unset;
    display: inline-block;
    padding: 15px 18px 3px 18px;
    box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -1px 0 0 #e6e9ed; }
  body .events-container #event-edit-modal .counter {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Bold', sans-serif;
    position: absolute;
    background-color: #5D6A76;
    border: 2px solid #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-style: normal;
    top: -7px;
    left: 7px;
    z-index: 1; }
  body .events-container #event-edit-modal .icon-attachments {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-note-attachments-v2.abb9d6d5744e.png");
    position: relative;
    overflow: hidden;
    height: 17px;
    width: 17px;
    float: left;
    margin: 9px 36px 0 0;
    cursor: pointer; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      body .events-container #event-edit-modal .icon-attachments {
        background-image: url("../img/icon-note-attachments-v2@2x.8fc2618abfb1.png");
        background-size: 9px 16px; } }
    body .events-container #event-edit-modal .icon-attachments.active, body .events-container #event-edit-modal .custom-dropdown.open .icon-attachments.control-more, body .custom-dropdown.open .events-container #event-edit-modal .icon-attachments.control-more, body .events-container #event-edit-modal .icon-attachments:hover {
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("../img/icon-note-attachments-v2-active.16fe5cdf4410.png"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        body .events-container #event-edit-modal .icon-attachments.active, body .events-container #event-edit-modal .custom-dropdown.open .icon-attachments.control-more, body .custom-dropdown.open .events-container #event-edit-modal .icon-attachments.control-more, body .events-container #event-edit-modal .icon-attachments:hover {
          background-image: url("../img/icon-note-attachments-v2-active@2x.56852a75e602.png");
          background-size: 9px 16px; } }
    body .events-container #event-edit-modal .icon-attachments input {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      opacity: 0;
      direction: ltr;
      cursor: pointer; }
  body .action-alerts-container.editing > .title-bar, body .action-alerts-container.editing .action-alert-item-container:not(.active) {
    opacity: 0.3;
    pointer-events: none; }
  body .action-alerts-container.editing .action-alert-container {
    padding-bottom: 87px; }
  body .action-alerts-container.editor .big-blue-create-button {
    bottom: 45px; }
  body .action-alerts-container #bee-plugin-container {
    height: 100%; }
    body .action-alerts-container #bee-plugin-container iframe {
      border-radius: 3px; }
  body .action-alerts-container .content-container {
    height: calc(100% - 56px);
    position: relative; }
  body .action-alerts-container .domain-select-widget .select2-drop {
    width: 330px; }
    body .action-alerts-container .domain-select-widget .select2-drop .name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      float: left;
      display: block;
      line-height: 32px;
      max-width: 200px; }
    body .action-alerts-container .domain-select-widget .select2-drop .status-label {
      line-height: 13px;
      margin-right: 10px; }
  body .action-alerts-container .member-select-widget {
    margin: 0; }
    body .action-alerts-container .member-select-widget .custom-select-toggle {
      box-shadow: none !important;
      padding: 0 0 0 15px;
      background: #F8FAFB;
      border: 1px solid #E2E2E2;
      border-radius: 3px;
      height: 100%;
      user-select: none;
      white-space: nowrap;
      line-height: 26px;
      color: #444;
      text-decoration: none;
      overflow: hidden;
      position: relative;
      display: block; }
      body .action-alerts-container .member-select-widget .custom-select-toggle span.chosen {
        color: #1B293E;
        margin-right: 26px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: 100%;
        line-height: 32px;
        font-size: 13px;
        font-weight: 400;
        cursor: default; }
    body .action-alerts-container .member-select-widget .select2-container {
      margin: 0; }
    body .action-alerts-container .member-select-widget .ui-select-match {
      display: block; }
    body .action-alerts-container .member-select-widget .ui-select-container[theme="select2"].direction-up .ui-select-dropdown, body .action-alerts-container .member-select-widget .ui-select-container.select2.direction-up .ui-select-dropdown {
      top: -274px !important;
      margin-top: 0; }
    body .action-alerts-container .member-select-widget .select2-choices {
      display: none; }
    body .action-alerts-container .member-select-widget .select2-disabled {
      background: #4A5668 !important;
      color: #fff !important; }
    body .action-alerts-container .member-select-widget .select2-highlighted {
      background: #fff;
      font-weight: 400;
      border: none; }
      body .action-alerts-container .member-select-widget .select2-highlighted:hover {
        background-color: #f5f5f5; }
    body .action-alerts-container .member-select-widget .select2-result-single li {
      width: 205px;
      margin-bottom: 5px; }
    body .action-alerts-container .member-select-widget .select2-result-single .select2-disabled .select2-result-label .name {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      color: #fff; }
    body .action-alerts-container .member-select-widget .select2-result-single .select2-disabled .select2-result-label .remove-icon {
      display: block; }
    body .action-alerts-container .member-select-widget .select2-result-single .select2-result-label {
      height: 34px;
      padding: 4px 0 4px 9px; }
      body .action-alerts-container .member-select-widget .select2-result-single .select2-result-label .row-avatar {
        background-size: 24px 24px;
        border: 1px solid #fff;
        float: left;
        height: 26px;
        margin: 0 10px 0 0;
        width: 26px; }
      body .action-alerts-container .member-select-widget .select2-result-single .select2-result-label .name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        color: #1B293E;
        float: left;
        font-size: 13px;
        line-height: 26px;
        width: 120px; }
      body .action-alerts-container .member-select-widget .select2-result-single .select2-result-label .remove-icon {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-remove-white.f5c12837c31a.png");
        display: none;
        cursor: pointer;
        float: right;
        height: 26px;
        margin: 0 11px 0 0;
        width: 11px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .action-alerts-container .member-select-widget .select2-result-single .select2-result-label .remove-icon {
            background-image: url("../img/icon-remove-white@2x.2d4d2caa7e84.png");
            background-size: 11px 11px; } }
    body .action-alerts-container .member-select-widget .custom-select-choices {
      list-style: none;
      margin: 0;
      box-shadow: inset 0 -1px 0 0 #E2E2E2; }
      body .action-alerts-container .member-select-widget .custom-select-choices .all-team-members, body .action-alerts-container .member-select-widget .custom-select-choices .your-team-member {
        width: 100%; }
        body .action-alerts-container .member-select-widget .custom-select-choices .all-team-members i, body .action-alerts-container .member-select-widget .custom-select-choices .your-team-member i {
          display: block;
          float: left;
          margin-right: 10px;
          margin-top: 5px; }
      body .action-alerts-container .member-select-widget .custom-select-choices .all-team-members i {
        background-image: url("../img/icon-filter-control-members.454347acaa13.png");
        height: 14px;
        width: 13px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .action-alerts-container .member-select-widget .custom-select-choices .all-team-members i {
            background-image: url("../img/icon-filter-control-members@2x.183cff3e36f6.png");
            background-size: 13px 14px; } }
      body .action-alerts-container .member-select-widget .custom-select-choices .all-team-members.select2-highlighted.select2-disabled i {
        background-image: url("../img/icon-filter-control-members-active.9a6f90d6322c.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .action-alerts-container .member-select-widget .custom-select-choices .all-team-members.select2-highlighted.select2-disabled i {
            background-image: url("../img/icon-filter-control-members-active@2x.a719a26264b1.png");
            background-size: 13px 14px; } }
      body .action-alerts-container .member-select-widget .custom-select-choices .your-team-member i {
        background-image: url("../img/icon-your-tasks.2a3a97748b6d.png");
        height: 13px;
        width: 17px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .action-alerts-container .member-select-widget .custom-select-choices .your-team-member i {
            background-image: url("../img/icon-your-tasks@2x.4749238dece3.png");
            background-size: 17px 13px; } }
      body .action-alerts-container .member-select-widget .custom-select-choices .your-team-member.select2-highlighted.select2-disabled i {
        background-image: url("../img/icon-your-tasks-active.0c81bb0f8d88.png"); }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .action-alerts-container .member-select-widget .custom-select-choices .your-team-member.select2-highlighted.select2-disabled i {
            background-image: url("../img/icon-your-tasks-active@2x.a37bec219c42.png");
            background-size: 17px 13px; } }
  body .action-alerts-container .send-test-email-button {
    position: absolute;
    bottom: 20px;
    left: 120px; }
  body .action-alerts-container .spf-instructions-container {
    position: relative;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 15px;
    min-height: 50px; }
    body .action-alerts-container .spf-instructions-container a {
      position: absolute;
      font-size: 14px;
      text-decoration: underline;
      right: 20px;
      top: 15px; }
    body .action-alerts-container .spf-instructions-container ol {
      list-style: none;
      list-style-type: none;
      counter-reset: ol-counter;
      padding: 0; }
      body .action-alerts-container .spf-instructions-container ol > li {
        counter-increment: chapter;
        list-style-type: none; }
        body .action-alerts-container .spf-instructions-container ol > li::before {
          content: counter(chapter) ". ";
          font-weight: 700;
          float: left;
          min-width: 30px;
          counter-increment: ol-counter;
          color: #212b35; }
        body .action-alerts-container .spf-instructions-container ol > li code {
          background: #f4f6f8;
          border-radius: 3px;
          color: #212b35; }
  body .action-alerts-container .custom-domain-switcher {
    box-shadow: inset 0 -1px 0 0 #e6e9ed; }
    body .action-alerts-container .custom-domain-switcher label {
      width: 450px; }
    body .action-alerts-container .custom-domain-switcher toggle {
      margin-right: 20px; }
  body .action-alerts-container .custom-domain-form .row {
    box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -1px 0 0 #e6e9ed; }
  body .action-alerts-container .custom-domain-form .custom-button {
    margin: 7px 20px; }
  body .action-alerts-container .custom-domain-form .domain-list-table .custom-button {
    margin: 7px 0 7px 20px; }
    body .action-alerts-container .custom-domain-form .domain-list-table .custom-button:first-child {
      margin: 7px 20px; }
  body .action-alerts-container .company-form .row:first-child {
    box-shadow: none; }
    body .action-alerts-container .company-form .row:first-child input {
      margin: 0 10px 0 0; }
  body .action-alerts-container .company-form .controls {
    box-shadow: inset 0 1px 0 0 #e6e9ed, inset 0 -1px 0 0 #e6e9ed; }
  body .action-alerts-container .company-form .send-from-email-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 550px;
    float: left;
    margin: 11px 0; }
  body .action-alerts-container .category-list-container {
    min-height: 550px;
    height: 100%;
    width: 200px;
    float: left;
    position: relative;
    border-right: 1px solid #E8EDF0; }
    body .action-alerts-container .category-list-container .category-container {
      position: relative;
      cursor: pointer;
      padding: 18px 15px;
      box-shadow: inset 0 -1px 0 0 #DDE2E7;
      transition: all .2s ease-in-out; }
      body .action-alerts-container .category-list-container .category-container.readyreturns {
        background-image: url("../img/crm/rrSumLogo.39575e9bacf8.png");
        background-position: 10px 13px;
        background-size: 30px;
        background-repeat: no-repeat;
        text-indent: 35px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .action-alerts-container .category-list-container .category-container.readyreturns {
            background-image: url("../img/crm/rrSumLogo@2x.31a97f4e76cb.png");
            background-size: 30px 30px; } }
      body .action-alerts-container .category-list-container .category-container.last {
        box-shadow: none; }
      body .action-alerts-container .category-list-container .category-container.active, body .action-alerts-container .category-list-container .custom-dropdown.open .category-container.control-more, body .custom-dropdown.open .action-alerts-container .category-list-container .category-container.control-more {
        background-color: #EFF9F9;
        box-shadow: inset 0 -1px 0 0 #DDE2E7; }
        body .action-alerts-container .category-list-container .category-container.active :before, body .action-alerts-container .category-list-container .custom-dropdown.open .category-container.control-more :before, body .custom-dropdown.open .action-alerts-container .category-list-container .category-container.control-more :before {
          opacity: 1;
          cursor: default;
          position: absolute;
          display: inline-block;
          background: #56CCCE none repeat scroll 0 0;
          content: "";
          height: 56px;
          width: 3px;
          left: 0;
          top: 0; }
      body .action-alerts-container .category-list-container .category-container .blue-link {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        color: #2980EC;
        line-height: 20px;
        max-width: 200px; }
  body .action-alerts-container .action-alerts-list-container {
    min-height: 550px;
    height: 100%;
    width: 300px;
    float: left;
    position: relative; }
    body .action-alerts-container .action-alerts-list-container .action-alert-item-container {
      cursor: pointer;
      padding: 18px 15px;
      box-shadow: inset 0 -1px 0 0 #DDE2E7;
      transition: all .2s ease-in-out; }
      body .action-alerts-container .action-alerts-list-container .action-alert-item-container.last {
        box-shadow: none; }
      body .action-alerts-container .action-alerts-list-container .action-alert-item-container.active, body .action-alerts-container .action-alerts-list-container .custom-dropdown.open .action-alert-item-container.control-more, body .custom-dropdown.open .action-alerts-container .action-alerts-list-container .action-alert-item-container.control-more {
        opacity: 1;
        background: #EFF9F9;
        box-shadow: inset 3px 0 0 0 #56CCCE, inset 0 -1px 0 0 #DDE2E7;
        cursor: default; }
        body .action-alerts-container .action-alerts-list-container .action-alert-item-container.active .members-and-icons-container .members-container .row-avatar, body .action-alerts-container .action-alerts-list-container .custom-dropdown.open .action-alert-item-container.control-more .members-and-icons-container .members-container .row-avatar, body .custom-dropdown.open .action-alerts-container .action-alerts-list-container .action-alert-item-container.control-more .members-and-icons-container .members-container .row-avatar {
          border: 2px solid #EFF9F9;
          background-color: #EFF9F9; }
      body .action-alerts-container .action-alerts-list-container .action-alert-item-container.done {
        opacity: .6; }
        body .action-alerts-container .action-alerts-list-container .action-alert-item-container.done .title-container .blue-link {
          color: #74777D;
          text-decoration: line-through; }
      body .action-alerts-container .action-alerts-list-container .action-alert-item-container .title-container {
        width: 100%;
        height: 21px; }
      body .action-alerts-container .action-alerts-list-container .action-alert-item-container .toggle-wrapper {
        height: 22px;
        width: 38px;
        float: right; }
      body .action-alerts-container .action-alerts-list-container .action-alert-item-container .custom-checkbox {
        float: left;
        margin: 2px 10px 60px 0; }
      body .action-alerts-container .action-alerts-list-container .action-alert-item-container .blue-link {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        color: #2980EC;
        line-height: 20px;
        max-width: 225px;
        float: left; }
      body .action-alerts-container .action-alerts-list-container .action-alert-item-container .date {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 11px;
        color: #818CA0;
        margin-bottom: 10px; }
      body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container {
        height: 25px; }
        body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .members-container {
          position: relative; }
          body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .members-container .row-avatar {
            position: absolute;
            height: 29px;
            width: 29px;
            border: 2px solid #fff;
            float: left;
            margin: 0;
            background-color: #fff;
            background-size: 25px 25px;
            top: -2px;
            left: -2px;
            z-index: 2; }
            body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .members-container .row-avatar:nth-child(2) {
              left: 15px;
              z-index: 1; }
            body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .members-container .row-avatar:nth-child(3) {
              left: 32px;
              z-index: 0; }
          body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .members-container .more-members-link {
            font-variant-ligatures: none;
            -webkit-font-variant-ligatures: none;
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-family: 'AvenirNext-DemiBold', sans-serif;
            float: left;
            line-height: 25px;
            font-size: 11px;
            color: #4A5668;
            margin-left: 68px;
            cursor: pointer; }
        body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .icons-container .icon {
          display: block;
          float: left;
          height: 16px;
          margin: 5px 0 0 10px;
          width: 16px; }
          body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .icons-container .icon.text {
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("../img/icon-chat-bubbles.7cd6a400f628.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .icons-container .icon.text {
                background-image: url("../img/icon-chat-bubbles@2x.d1cf1dc844f4.png");
                background-size: 16px 13px; } }
          body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .icons-container .icon.email {
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url("../img/icon-mail-black-envelope.5f1b0aa5502c.png"); }
            @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
              body .action-alerts-container .action-alerts-list-container .action-alert-item-container .members-and-icons-container .icons-container .icon.email {
                background-image: url("../img/icon-mail-black-envelope@2x.ed233bbafe0c.png");
                background-size: 16px 12px; } }
  body .action-alerts-container .action-alert-container {
    position: relative;
    border-left: 1px solid #E8EDF0;
    float: left;
    width: calc(100% - 300px);
    height: 100%;
    padding: 18px 30px; }
    body .action-alerts-container .action-alert-container.narrow {
      width: calc(100% - 500px); }
    body .action-alerts-container .action-alert-container [placeholder]:empty:before {
      content: attr(placeholder);
      color: #999 !important; }
    body .action-alerts-container .action-alert-container [placeholder]:empty:focus:before {
      content: ""; }
    body .action-alerts-container .action-alert-container .tab-pane.active, body .action-alerts-container .action-alert-container .custom-dropdown.open .tab-pane.control-more, body .custom-dropdown.open .action-alerts-container .action-alert-container .tab-pane.control-more {
      display: inline-block;
      height: 100%;
      width: 100%;
      padding-bottom: 60px; }
    body .action-alerts-container .action-alert-container .action-alert-detail-view-pane #action-alert-graph {
      width: 100%;
      height: 150px; }
      body .action-alerts-container .action-alert-container .action-alert-detail-view-pane #action-alert-graph .morris-hover {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif; }
    body .action-alerts-container .action-alert-container .action-alert-detail-view-pane .vertical-scroll-wrapper {
      padding: 18px 0; }
    body .action-alerts-container .action-alert-container .action-alert-detail-view-pane .action-alert-detail-info-container > .row {
      box-shadow: inset 0 -1px 0 0 #e6e9ed; }
      body .action-alerts-container .action-alert-container .action-alert-detail-view-pane .action-alert-detail-info-container > .row > div {
        height: 78px;
        box-shadow: inset 1px 0 0 0 #e6e9ed;
        padding: 18px 20px 18px 20px; }
        body .action-alerts-container .action-alert-container .action-alert-detail-view-pane .action-alert-detail-info-container > .row > div:first-child {
          box-shadow: none; }
    body .action-alerts-container .action-alert-container .action-alert-detail-view-pane .action-alert-detail-info-container .info-cell-content {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 15px;
      color: #414A58;
      line-height: 28px;
      margin: 5px 0 0 0; }
    body .action-alerts-container .action-alert-container .action-alert-detail-activity-pane .control-buttons-container {
      width: 100%;
      padding: 0 10px 10px 10px;
      display: inline-block; }
    body .action-alerts-container .action-alert-container .action-alert-detail-activity-pane .tab-content {
      overflow-y: auto;
      overflow-x: auto;
      position: relative;
      height: 555px;
      padding-bottom: 80px; }
      body .action-alerts-container .action-alert-container .action-alert-detail-activity-pane .tab-content .base-custom-table .row-avatar {
        float: left;
        background-size: cover;
        margin: 7px 7px 0 0;
        height: 36px;
        width: 36px; }
    body .action-alerts-container .action-alert-container .action-alert-form {
      display: inline-block;
      height: 100%;
      width: 100%;
      padding-bottom: 87px;
      min-height: 730px; }
      body .action-alerts-container .action-alert-container .action-alert-form .ql-toolbar.ql-snow {
        float: left;
        width: 100%; }
      body .action-alerts-container .action-alert-container .action-alert-form .ql-container {
        width: 100%;
        float: left;
        height: 200px; }
      body .action-alerts-container .action-alert-container .action-alert-form label {
        padding: 0;
        width: 130px;
        margin: 9px 0; }
        body .action-alerts-container .action-alert-container .action-alert-form label.narrow {
          margin: 9px 0 9px 15px;
          width: 30px; }
      body .action-alerts-container .action-alert-container .action-alert-form .inputs-container {
        padding: 15px 0;
        box-shadow: inset 0 -1px 0 0 #e6e9ed;
        float: left;
        width: 100%;
        color: #222425; }
        body .action-alerts-container .action-alert-container .action-alert-form .inputs-container.has-error {
          box-shadow: inset 0 -1px 0 0 #f96b69; }
        body .action-alerts-container .action-alert-container .action-alert-form .inputs-container > input {
          height: 30px;
          padding: 0;
          width: 400px; }
      body .action-alerts-container .action-alert-container .action-alert-form .table-views-container {
        margin: 0 10px 0 0; }
        body .action-alerts-container .action-alert-container .action-alert-form .table-views-container .select2-choices {
          display: block;
          width: 150px; }
        body .action-alerts-container .action-alert-container .action-alert-form .table-views-container .select2-drop {
          left: 0; }
      body .action-alerts-container .action-alert-container .action-alert-form .number-input-btns-container, body .action-alerts-container .action-alert-container .action-alert-form .number-input-hint {
        display: none; }
      body .action-alerts-container .action-alert-container .action-alert-form .number-input-container {
        height: 32px;
        margin: 0; }
        body .action-alerts-container .action-alert-container .action-alert-form .number-input-container .number-input {
          height: 32px;
          width: 50px !important;
          border: 1px solid #ccc;
          border-radius: 4px;
          padding: 6px 10px;
          text-align: right; }
        body .action-alerts-container .action-alert-container .action-alert-form .number-input-container label {
          margin: 0 0 0 10px;
          width: 50px; }
    body .action-alerts-container .action-alert-container .title-bar {
      height: 42px;
      padding: 0 20px; }
      body .action-alerts-container .action-alert-container .title-bar .title {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(100% - 100px);
        font-size: 17px;
        color: #222425;
        float: left;
        height: initial;
        padding: 0; }
      body .action-alerts-container .action-alert-container .title-bar .dropdown {
        margin: 0; }
      body .action-alerts-container .action-alert-container .title-bar .control-button, body .action-alerts-container .action-alert-container .title-bar .custom-dropdown.open .control-more, body .custom-dropdown.open .action-alerts-container .action-alert-container .title-bar .control-more {
        margin: -5px 0 0 0; }
      body .action-alerts-container .action-alert-container .title-bar .custom-checkbox {
        margin: 1px 10px 0 0; }
      body .action-alerts-container .action-alert-container .title-bar input {
        width: calc(100% - 30px);
        background: #fff;
        border: none;
        box-shadow: none;
        border-radius: 0;
        line-height: normal;
        transition: all .5s ease-in-out;
        padding: 0; }
    body .action-alerts-container .action-alert-container .action-alert-type-container {
      padding: 15px 0;
      box-shadow: inset 0 -1px 0 0 #e6e9ed;
      float: left;
      width: 100%;
      color: #222425; }
      body .action-alerts-container .action-alert-container .action-alert-type-container .sub-trigger-type-selector {
        width: 170px; }
      body .action-alerts-container .action-alert-container .action-alert-type-container .custom-button.small {
        height: 32px; }
    body .action-alerts-container .action-alert-container .action-alert-message-fields-container .select2-drop {
      width: 275px; }
    body .action-alerts-container .action-alert-container .action-alert-content-container {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      padding: 20px 30px 60px 30px;
      float: left;
      width: 100%;
      font-size: 15px;
      color: #222425;
      line-height: 22px; }
    body .action-alerts-container .action-alert-container .action-alert-preview-container {
      padding: 20px 30px 60px 30px; }
      body .action-alerts-container .action-alert-container .action-alert-preview-container img {
        width: 600px;
        margin: 0 auto;
        display: block; }
  body .action-alerts-container .action-alert-templates-list-container {
    position: relative;
    min-height: 550px;
    height: 100%;
    width: 100%;
    float: left;
    padding: 15px 20px 20px 20px; }
    body .action-alerts-container .action-alert-templates-list-container .vertical-scroll-wrapper {
      position: absolute !important;
      height: unset !important;
      top: 15px;
      left: 20px;
      bottom: 0; }
    body .action-alerts-container .action-alert-templates-list-container .blank_template {
      -webkit-transition: 0.2s all ease;
      -o-transition: 0.2s all ease;
      transition: 0.2s all ease;
      -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
      overflow: hidden;
      border: 1px solid #e5e5e5;
      color: white;
      text-align: center;
      position: relative;
      text-decoration: none;
      margin-top: 5px;
      padding: 2rem .5rem;
      border-radius: .25rem;
      cursor: pointer;
      max-width: 270px; }
      body .action-alerts-container .action-alert-templates-list-container .blank_template .image {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-action-alert-blank-template.0076ba8c9af6.png");
        width: 114px;
        height: 91px;
        margin: 0 auto;
        padding-bottom: .25rem;
        max-width: 100%; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body .action-alerts-container .action-alert-templates-list-container .blank_template .image {
            background-image: url("../img/icon-action-alert-blank-template@2x.67d04003466d.png");
            background-size: 114px 91px; } }
      body .action-alerts-container .action-alert-templates-list-container .blank_template h3 {
        color: #333a45;
        margin-top: .5rem;
        margin-bottom: 0;
        padding-right: .5rem;
        padding-left: .5rem;
        text-align: center; }
      body .action-alerts-container .action-alert-templates-list-container .blank_template p {
        color: #959595;
        text-align: center; }
      body .action-alerts-container .action-alert-templates-list-container .blank_template .blank_template_cta {
        background: #179dc7;
        color: #fff;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 35px;
        font-size: 0.9em;
        padding: 0.7em 0.5em;
        margin-top: 1em;
        border-radius: .25rem; }
        body .action-alerts-container .action-alert-templates-list-container .blank_template .blank_template_cta .image {
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url("../img/icon-action-alert-create-template-button.a4ae04149c50.png");
          width: 25px !important;
          margin: 0 0 3px 0;
          max-width: 100%; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            body .action-alerts-container .action-alert-templates-list-container .blank_template .blank_template_cta .image {
              background-image: url("../img/icon-action-alert-create-template-button@2x.99eb723b7990.png");
              background-size: 25px 25px; } }
    body .action-alerts-container .action-alert-templates-list-container .template {
      -webkit-transition: 0.2s all ease;
      -o-transition: 0.2s all ease;
      transition: 0.2s all ease;
      -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
      overflow: hidden;
      max-height: 500px;
      min-height: 285px;
      border-radius: .25rem;
      opacity: 0;
      position: relative;
      margin-top: 5px;
      cursor: pointer; }
      body .action-alerts-container .action-alert-templates-list-container .template:hover {
        -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
        -webkit-transform: translateY(-0.5rem);
        -ms-transform: translateY(-0.5rem);
        transform: translateY(-0.5rem); }
        body .action-alerts-container .action-alert-templates-list-container .template:hover .template__info {
          opacity: 1; }
      body .action-alerts-container .action-alert-templates-list-container .template .template__info {
        background-color: white;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: 0.2s all ease;
        -o-transition: 0.2s all ease;
        transition: 0.2s all ease;
        position: absolute;
        padding: 90% 1rem;
        border: 1px solid #ddd;
        text-align: center; }
        body .action-alerts-container .action-alert-templates-list-container .template .template__info h3 {
          margin: 0 0 10px 0; }
        body .action-alerts-container .action-alert-templates-list-container .template .template__info .custom-button {
          margin: 0 auto; }
      body .action-alerts-container .action-alert-templates-list-container .template img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0; }
      body .action-alerts-container .action-alert-templates-list-container .template .template-badge {
        width: 35px;
        height: 35px;
        position: absolute;
        top: -1px;
        right: -1px;
        background-color: #169dc7;
        border-bottom-left-radius: 5px; }
        body .action-alerts-container .action-alert-templates-list-container .template .template-badge i {
          display: block;
          padding: 7px 0 0 8px;
          font-size: 20px;
          color: #fff; }
  body.lobby {
    background-color: #1b293e; }
    body.lobby #header {
      background: none;
      min-height: 184px;
      padding: 0;
      position: relative; }
      body.lobby #header #logo {
        background-image: url("../img/readycloud-wordmark-big.8dea2b4960cb.png");
        background-repeat: no-repeat;
        background-position: center center;
        display: block;
        width: 499px;
        height: 184px;
        background-size: 90%;
        margin: 0 auto; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          body.lobby #header #logo {
            background-image: url("../img/readycloud-wordmark-big@2x.9cac0835b772.png");
            background-size: 90%; } }
    body.lobby #sign-in-box {
      margin-bottom: 0; }
      body.lobby #sign-in-box #authorize-header {
        position: relative;
        height: auto;
        padding: 0;
        padding-bottom: 20px;
        margin: 0 21% 10px;
        font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
        color: #676a73;
        font-size: 18px;
        line-height: 22px;
        text-align: center; }
        body.lobby #sign-in-box #authorize-header.form-empty {
          margin-bottom: 40px; }
      body.lobby #sign-in-box #code {
        display: block;
        text-align: center;
        white-space: nowrap;
        margin: 0 2px;
        padding: 0 5px;
        border: 1px solid #ececec;
        background-color: #f8f8f8;
        border-radius: 3px;
        font-size: 16px;
        font-weight: 300;
        color: #666a6d;
        line-height: 23px; }
      body.lobby #sign-in-box .form-group label {
        width: 100%; }
      body.lobby #sign-in-box .form-container {
        margin: 0 auto;
        max-width: 500px; }
        body.lobby #sign-in-box .form-container.terms {
          margin: 0 6% 10px; }
        body.lobby #sign-in-box .form-container.company-list {
          text-align: center;
          margin: 0 4% 10px; }
        body.lobby #sign-in-box .form-container #resources {
          margin: 5px 10px; }
          body.lobby #sign-in-box .form-container #resources .resource {
            padding-top: 5px;
            padding-bottom: 10px;
            margin-left: 10px; }
          body.lobby #sign-in-box .form-container #resources .description {
            color: #808080;
            font-size: 90%; }
          body.lobby #sign-in-box .form-container #resources .resource_image {
            float: left; }
            body.lobby #sign-in-box .form-container #resources .resource_image img {
              max-width: inherit; }
        body.lobby #sign-in-box .form-container #form1 #remember-me {
          margin-bottom: 65px;
          margin-top: 7px; }
        body.lobby #sign-in-box .form-container label {
          font-size: 14px;
          font-weight: 500; }
          body.lobby #sign-in-box .form-container label span {
            font-size: 12px;
            font-weight: 300;
            color: #808080; }
          body.lobby #sign-in-box .form-container label img {
            float: right; }
        body.lobby #sign-in-box .form-container .img_success {
          padding-bottom: 20px; }
        body.lobby #sign-in-box .form-container .invitee {
          background: url("../img/invited-icon.d4d3bb7efc19.png") no-repeat 10px 10px;
          background-color: #f6f6f7;
          height: 50px;
          border: 1px solid #d4d8d7;
          margin-bottom: 5px;
          -webkit-border-radius: 4px;
          border-radius: 4px;
          -moz-box-shadow: inset 0 -1px 0 0 #9b9f9e;
          -webkit-box-shadow: inset 0 -1px 0 0 #9b9f9e;
          box-shadow: inset 0 -1px 0 0 #9b9f9e; }
          body.lobby #sign-in-box .form-container .invitee span {
            font-size: 16px;
            line-height: 46px;
            color: #3b4752;
            padding-left: 50px;
            display: block; }
      body.lobby #sign-in-box #container_success {
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        text-align: center !important;
        font-size: 18px;
        color: #808080;
        padding: 34px 0 0 0; }
        body.lobby #sign-in-box #container_success p {
          padding: 10px 89px 10px 89px; }
        body.lobby #sign-in-box #container_success #success_buttons {
          text-align: center;
          margin-top: 20px;
          padding: 20px 0;
          width: 340px;
          display: table;
          border-top: 1px solid #dedfe1;
          border-bottom-right-radius: 4px;
          border-bottom-left-radius: 4px; }
          body.lobby #sign-in-box #container_success #success_buttons.center-block {
            margin-left: auto;
            margin-right: auto; }
      body.lobby #sign-in-box #container_error {
        text-align: center !important;
        font-size: 18px;
        color: #808080;
        padding: 0 40px 34px;
        margin: 0 12% 10px;
        width: 76%; }
    body.lobby .input-fields {
      width: 100%;
      height: 34px !important;
      padding-left: 0;
      text-indent: 40px;
      background-color: #fff !important;
      line-height: normal;
      font-size: 14px;
      font-weight: 300;
      border: none;
      border-radius: 3px;
      vertical-align: center; }
      body.lobby .input-fields:focus {
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        background-color: #fff !important; }
      body.lobby .input-fields:-moz-placeholder, body.lobby .input-fields:-ms-input-placeholder, body.lobby .input-fields:-webkit-input-placeholder {
        color: #a4a9af;
        vertical-align: center; }
      body.lobby .input-fields.password {
        background-image: url("../img/lock-icon.e5fd73ea744b.png");
        background-image: url("../img/lock-icon.e5fd73ea744b.png");
        background-image: url("../img/lock-icon.e5fd73ea744b.png");
        background-image: url("../img/lock-icon.e5fd73ea744b.png");
        background-image: url("../img/lock-icon.e5fd73ea744b.png");
        background-repeat: no-repeat;
        background-position: 13px 50%; }
        body.lobby .input-fields.password:focus {
          background-image: url("../img/lock-icon-active.3cdae3661f65.png");
          color: #5b5e63; }
      body.lobby .input-fields#id_username {
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-repeat: no-repeat;
        background-position: 8px 50%; }
        body.lobby .input-fields#id_username:focus {
          background-image: url("../img/email-icon-active.03c4f0d55651.png");
          color: #5b5e63; }
      body.lobby .input-fields#id_email {
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-image: url("../img/email-icon.c7f9586ddd0d.png");
        background-repeat: no-repeat;
        background-position: 8px 50%; }
        body.lobby .input-fields#id_email:focus {
          background-image: url("../img/email-icon-active.03c4f0d55651.png");
          color: #5b5e63; }
      body.lobby .input-fields#id_license_key {
        background-image: url("../img/shield-icon.6115281f31e6.png");
        background-image: url("../img/shield-icon.6115281f31e6.png");
        background-image: url("../img/shield-icon.6115281f31e6.png");
        background-image: url("../img/shield-icon.6115281f31e6.png");
        background-image: url("../img/shield-icon.6115281f31e6.png");
        background-repeat: no-repeat;
        background-position: 13px 50%; }
        body.lobby .input-fields#id_license_key:focus {
          background-image: url("../img/shield-icon-active.86d9a94586a2.png");
          color: #5b5e63; }
          body.lobby .input-fields#id_license_key:focus.ajax {
            background-image: url("../img/shield-icon-active.86d9a94586a2.png") 11px 50% no-repeat, url("../img/loading.7b9776076d5f.gif") 98% no-repeat; }
      body.lobby .input-fields.invite {
        background-image: url("../img/invitee-icon.bf581bca8369.png");
        background-image: url("../img/invitee-icon.bf581bca8369.png");
        background-image: url("../img/invitee-icon.bf581bca8369.png");
        background-image: url("../img/invitee-icon.bf581bca8369.png");
        background-image: url("../img/invitee-icon.bf581bca8369.png");
        background-repeat: no-repeat;
        background-position: 10px 50%;
        margin-bottom: 10px;
        width: 80%; }
        body.lobby .input-fields.invite:focus {
          color: #5b5e63; }
      body.lobby .input-fields.app-relation-name {
        text-indent: 10px;
        margin-top: 10px; }
    body.lobby .btn_success {
      width: 200px; }
    body.lobby .btn_green {
      height: 43px;
      color: #fff !important;
      text-shadow: 0 1px 0 #325420;
      -webkit-font-smoothing: antialiased;
      font-weight: bold;
      font-size: 16px;
      background-color: #178d00 !important;
      background-repeat: repeat-x;
      background-color: #29ac00 ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29ac00), color-stop(100%, #178d00)) ;
      background-image: -webkit-linear-gradient(top, #29ac00, #178d00) ;
      background-image: -moz-linear-gradient(top, #29ac00, #178d00) ;
      background-image: -ms-linear-gradient(top, #29ac00, #178d00) ;
      background-image: -o-linear-gradient(top, #29ac00, #178d00) ;
      background-image: linear-gradient(top, #29ac00, #178d00) ;
      border: 0;
      border-top: 1px solid #7eb645;
      border-radius: 3px;
      box-shadow: inset 0 1px 0 0 #a4cc7c, 0 1px 1px 0 #b0b0b0; }
      body.lobby .btn_green:active {
        background-image: none;
        background-color: #0f5a00;
        border: 1px solid #137400;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }
    body.lobby .btn_blue {
      height: 43px;
      color: #fff !important;
      text-shadow: 0 1px 0 #3c5c89;
      -webkit-font-smoothing: antialiased;
      font-weight: bold;
      font-size: 16px;
      background-color: #0068ca !important;
      background-repeat: repeat-x;
      background-color: #007ed5 ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007ed5), color-stop(100%, #0068ca)) ;
      background-image: -webkit-linear-gradient(top, #007ed5, #0068ca) ;
      background-image: -moz-linear-gradient(top, #007ed5, #0068ca) ;
      background-image: -ms-linear-gradient(top, #007ed5, #0068ca) ;
      background-image: -o-linear-gradient(top, #007ed5, #0068ca) ;
      background-image: linear-gradient(top, #007ed5, #0068ca) ;
      border: 0;
      border-top: 1px solid #7eade1;
      border-radius: 3px;
      box-shadow: inset 0 1px 0 0 #00ade6, 0 1px 1px 0 #b0b0b0; }
    body.lobby .btn.select-active-company {
      width: 100%;
      margin-bottom: 20px;
      height: auto;
      padding: 10px;
      font-size: 14px; }
    body.lobby #signup-link, body.lobby .form-link {
      font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
      font-size: 15px;
      text-align: center;
      margin-top: 2%;
      margin-bottom: 4%;
      font-weight: 300; }
      body.lobby #signup-link a, body.lobby .form-link a {
        line-height: 23px;
        color: #46484e;
        font-weight: 500; }
        body.lobby #signup-link a:hover, body.lobby .form-link a:hover {
          color: #306593; }
      body.lobby #signup-link p, body.lobby .form-link p {
        margin: 0; }
    body.lobby .btns.center-block {
      text-align: center;
      margin: 10px 0; }
      body.lobby .btns.center-block .btn {
        padding: 4px 24px; }
    body.lobby .checkbox {
      padding-left: 0;
      min-height: 14px;
      cursor: pointer; }
      body.lobby .checkbox.checked .check {
        border: 1px solid #555;
        background-position: -289px -2px;
        background-image: url("../img/glyphicons-halflings.2516339970d7.png"); }
    body.lobby input[type=checkbox] {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    body.lobby input[type="checkbox"] + label {
      font-size: 14px;
      height: 14px;
      line-height: 14px;
      vertical-align: middle;
      color: #666a6d; }
    body.lobby input[type="checkbox"] + label span {
      height: 14px; }
      body.lobby input[type="checkbox"] + label span.extra-info {
        display: inline-block; }
        body.lobby input[type="checkbox"] + label span.extra-info a {
          line-height: 14px;
          font-size: 13px; }
      body.lobby input[type="checkbox"] + label span.check {
        display: inline-block;
        width: 14px;
        margin-right: 6px;
        vertical-align: top;
        border: 1px solid #aaa;
        -webkit-border-radius: 4px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        border-radius: 4px;
        background-clip: padding-box;
        background-color: #fff;
        cursor: pointer;
        padding: 0;
        -moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.15);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none; }
      body.lobby input[type="checkbox"] + label span:disabled + label span.check {
        opacity: .5; }
        body.lobby input[type="checkbox"] + label span:disabled + label span.check:hover {
          background-image: none !important;
          border: 1px solid #aaa;
          cursor: default; }
      body.lobby input[type="checkbox"] + label span:checked + label span.check {
        background-image: url("../img/glyphicons-halflings.2516339970d7.png");
        background-image: url("../img/glyphicons-halflings.2516339970d7.png");
        background-image: url("../img/glyphicons-halflings.2516339970d7.png");
        background-image: url("../img/glyphicons-halflings.2516339970d7.png");
        background-image: url("../img/glyphicons-halflings.2516339970d7.png");
        background-repeat: no-repeat;
        background-position: -289px -2px;
        border: 1px solid #555; }
        body.lobby input[type="checkbox"] + label span:checked + label span.check:active {
          background-position: -165px -70px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
      body.lobby .input-fields#id_email, body.lobby .input-fields#id_username {
        background-image: url("../img/email-icon@2x.0c8ca86516dd.png");
        background-size: 22px; }
        body.lobby .input-fields#id_email:focus, body.lobby .input-fields#id_username:focus {
          background-image: url("../img/email-icon-active@2x.426757fbe98e.png"); }
      body.lobby .input-fields#id_license_key {
        background-image: url("../img/shield-icon@2x.65fb7b2cba07.png");
        background-size: 12px; }
        body.lobby .input-fields#id_license_key:focus {
          background-image: url("../img/shield-icon-active@2x.48643acfaf80.png"); }
      body.lobby .input-fields.password {
        background-image: url("../img/lock-icon@2x.e75efe65651e.png");
        background-size: 13px; }
        body.lobby .input-fields.password:focus {
          background-image: url("../img/lock-icon-active@2x.f7caf2e788a6.png"); }
      body.lobby .input-fields.invite {
        background-image: url("../img/invitee-icon@2x.465532354713.png");
        background-size: 17px; }
        body.lobby .input-fields.invite:focus {
          background-image: url("../img/invitee-icon-active@2x.png"); } }
    body.lobby .row {
      margin: 0; }
    body.lobby .lobby-panel {
      width: 350px;
      margin: 0 auto;
      background-color: #fff;
      border-radius: 3px;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      font-family: "proxima_nova_rgregular"; }
      body.lobby .lobby-panel.auth {
        width: 600px; }
      body.lobby .lobby-panel.auth.invite-success {
        width: 610px; }
      body.lobby .lobby-panel.auth.unsubscribe-success {
        width: 500px; }
        body.lobby .lobby-panel.auth.unsubscribe-success .auth-info {
          margin: 0 30px auto; }
      body.lobby .lobby-panel .center {
        text-align: center; }
      body.lobby .lobby-panel .header {
        border-bottom: 1px solid #f1f3f6;
        padding: 15px;
        font-family: "proxima_novalight";
        font-size: 18px; }
        body.lobby .lobby-panel .header p {
          margin-bottom: 0; }
      body.lobby .lobby-panel .body {
        padding: 20px 15px; }
        body.lobby .lobby-panel .body a {
          color: #29b7ec;
          font-family: "proxima_novasemibold"; }
        body.lobby .lobby-panel .body .org-list {
          max-height: 350px;
          overflow: auto; }
          body.lobby .lobby-panel .body .org-list a {
            margin: 5px 0;
            border: 1px solid #fff;
            display: block;
            padding: 10px 15px; }
          body.lobby .lobby-panel .body .org-list a.active, body.lobby .lobby-panel .body .org-list .custom-dropdown.open a.control-more, body.lobby .custom-dropdown.open .lobby-panel .body .org-list a.control-more, body.lobby .lobby-panel .body .org-list a:hover {
            border: 1px solid #f0f0f0;
            border-radius: 3px;
            background-color: #f8fafb;
            color: #70767d; }
        body.lobby .lobby-panel .body .ok-icon {
          float: right; }
          body.lobby .lobby-panel .body .ok-icon:before {
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            -webkit-font-smoothing: antialiased;
            content: "\e013";
            font-size: 14px; }
        body.lobby .lobby-panel .body .auth-info-wrapper {
          padding: 10px 0;
          border-top: 1px solid #f0f0f0;
          border-bottom: 1px solid #f0f0f0; }
        body.lobby .lobby-panel .body .auth-info {
          margin: 0 auto; }
        body.lobby .lobby-panel .body form.accept-invite {
          text-align: center; }
          body.lobby .lobby-panel .body form.accept-invite input[type=text], body.lobby .lobby-panel .body form.accept-invite input[type=password] {
            width: 200px;
            margin: 0 15px; }
      body.lobby .lobby-panel .app-btn {
        background-color: #4f4f75;
        background-image: none; }
      body.lobby .lobby-panel .center-btn {
        margin: 0 auto -15px auto;
        display: block; }
      body.lobby .lobby-panel .footer .auth-link {
        font-size: 16px;
        line-height: 38px; }
      body.lobby .lobby-panel .footer .auth-buttons {
        margin: 0 15px 15px 15px;
        height: 60px; }
      body.lobby .lobby-panel #resources .resource_image {
        width: 36px;
        margin: 0;
        float: left; }
        body.lobby .lobby-panel #resources .resource_image.calendar img {
          padding: 10px 10px; }
        body.lobby .lobby-panel #resources .resource_image.contact img {
          padding: 9px 10px; }
        body.lobby .lobby-panel #resources .resource_image.note img {
          padding: 8px 11px; }
        body.lobby .lobby-panel #resources .resource_image.company {
          padding: 0 !important; }
        body.lobby .lobby-panel #resources .resource_image img {
          max-width: inherit; }

.company {
  padding-left: 10px !important;
  margin: 10px 0 20px 0;
  font-weight: 600 !important;
  font-size: 15px;
  color: #788caa; }
  .company img {
    padding-right: 10px !important;
    position: relative;
    float: left; }

.clear {
  clear: both; }

.float_l {
  float: left; }

.float_r {
  float: right; }

.errors {
  display: none; }

.form_errors {
  border: 1px solid #bc0028;
  border-radius: 4px;
  margin-bottom: 10px;
  text-align: center;
  color: #bc0028; }

.popover {
  z-index: 100000000; }
  .popover .popover-buttons {
    padding: 10px 0;
    border-top: 1px solid #ebebeb;
    width: 100%;
    background-color: #f7f7f7; }
    .popover .popover-buttons .btn-group {
      margin-left: 110px; }
    .popover .popover-buttons .app-btn {
      margin-right: 10px;
      float: none; }

.export-btn .btn_blue {
  background-color: #79a9e1 ;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79a9e1), color-stop(100%, #3c65a8)) ;
  background-image: -webkit-linear-gradient(top, #79a9e1, #3c65a8) ;
  background-image: -moz-linear-gradient(top, #79a9e1, #3c65a8) ;
  background-image: -ms-linear-gradient(top, #79a9e1, #3c65a8) ;
  background-image: -o-linear-gradient(top, #79a9e1, #3c65a8) ;
  background-image: linear-gradient(top, #79a9e1, #3c65a8) ;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 #fff;
  font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  border-color: #42515c;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); }
  .export-btn .btn_blue:link {
    color: #fff; }
  .export-btn .btn_blue:hover, .export-btn .btn_blue:focus {
    background-color: rgba(121, 169, 225, 0.9) ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(121, 169, 225, 0.9)), color-stop(100%, rgba(60, 101, 168, 0.9))) ;
    background-image: -webkit-linear-gradient(top, rgba(121, 169, 225, 0.9), rgba(60, 101, 168, 0.9)) ;
    background-image: -moz-linear-gradient(top, rgba(121, 169, 225, 0.9), rgba(60, 101, 168, 0.9)) ;
    background-image: -ms-linear-gradient(top, rgba(121, 169, 225, 0.9), rgba(60, 101, 168, 0.9)) ;
    background-image: -o-linear-gradient(top, rgba(121, 169, 225, 0.9), rgba(60, 101, 168, 0.9)) ;
    background-image: linear-gradient(top, rgba(121, 169, 225, 0.9), rgba(60, 101, 168, 0.9)) ;
    background-position: 0;
    color: #fff;
    background-color: #000; }
  .export-btn .btn_blue:active, .export-btn .btn_blue[disabled] {
    background: #6c7587;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #fff;
    border-color: #42515c; }
  .export-btn .btn_blue.shadowed {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.12); }
    .export-btn .btn_blue.shadowed:active {
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }

a:link {
  color: #5a95d7;
  text-decoration: none; }
a:visited, a:hover, a:active {
  text-decoration: none; }
a.logo {
  font-size: 18px;
  line-height: 21px;
  font-family: 'proxima_novasemibold';
  color: #fff;
  display: inline-block;
  vertical-align: middle; }
  a.logo img {
    padding-top: 5px;
    position: relative;
    float: left;
    top: -2px;
    display: block;
    margin-left: auto;
    margin-right: auto; }

img.header {
  margin-right: -5px;
  margin-top: -10px; }

#forgot-pwd {
  margin-bottom: 10px;
  margin-top: 10px; }
  #forgot-pwd .auth-link {
    font-size: 13px; }

#banner-noise-div {
  position: absolute;
  background-image: url("/static/img/top_noise.903d9dfd488b.png");
  z-index: 1;
  width: 100%;
  height: 299px;
  opacity: .4; }

#banner-div {
  background-image: url("/static/img/bluebanner.654acbcd6041.png");
  background-position-x: 50%;
  position: absolute;
  height: 300px;
  z-index: -1;
  width: 100%;
  border-bottom: 1px solid #4e4e4e; }

#footer {
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-family: 'AvenirNext-DemiBold', sans-serif;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 30px; }
  #footer #footer-contents {
    margin: 0 auto;
    display: table; }
  #footer a {
    font-size: 14px;
    color: #7f8491;
    float: left;
    padding: 0 14px; }
    #footer a:hover {
      color: #515870; }
  #footer p {
    font-weight: 400;
    font-size: 12px;
    color: #979dad;
    float: left;
    margin: 2px 0 0 15px; }

.dropdown-menu.open, .tooltip {
  z-index: 10000; }

.dropdown-menu ul.dropdown-menu li {
  border-top: none; }

#boxes-menu {
  margin-right: 14px; }

#alert-pop, .delete-modal {
  margin-top: -170px;
  top: 50%; }
  #alert-pop .modal-dialog, .delete-modal .modal-dialog {
    width: 380px; }

@media only screen and (max-width: 1100px) {
  body.app .order_details .packing-list {
    background: none;
    padding-left: 0; } }
.change-list {
  border: 1px solid #d3d3d3;
  width: 500px;
  padding: 10px;
  padding-left: 20px;
  border-radius: 5px;
  list-style: none; }
  .change-list li {
    list-style-type: none; }
  .change-list .separator {
    margin: 0 10px; }
  .change-list .field {
    color: #747889;
    margin-bottom: 10px;
    font-weight: bold; }
    .change-list .field .values {
      font-weight: normal; }

.tooltip.storage-info .tooltip-inner {
  text-align: left;
  max-width: 500px;
  min-width: 250px; }
  .tooltip.storage-info .tooltip-inner ul {
    padding-left: 10px;
    margin-left: 5px; }
.tooltip.warning .tooltip-arrow {
  border-top-color: #bc0028; }
.tooltip.warning .tooltip-inner {
  background-color: #bc0028; }

#settings-pop {
  overflow-y: hidden;
  top: 10%; }
  #settings-pop .modal-dialog {
    width: 640px;
    margin: 0 auto; }
  #settings-pop .modal-body {
    overflow-y: auto;
    padding: 15px 15px 0 15px; }
  #settings-pop .title {
    margin-left: -20px; }
  #settings-pop #invite-form {
    border-radius: 5px; }
    #settings-pop #invite-form.highlight {
      box-shadow: 0 0 10px #12b3ff; }
    #settings-pop #invite-form .auth-header {
      align: center; }
  #settings-pop label {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px; }
  #settings-pop .control-group {
    background: none 222px 8px no-repeat; }
    #settings-pop .control-group.ajax input[type="text"] {
      background-image: url("../img/loading.7b9776076d5f.gif"); }
    #settings-pop .control-group.success input[type="text"] {
      background-image: url("../img/checkmark.a77409492014.png"); }
    #settings-pop .control-group.failure input[type="text"] {
      background-image: url("../img/redx.efd34c394eaa.gif"); }
  #settings-pop input[type="text"] {
    background: none 222px 8px no-repeat; }
    #settings-pop input[type="text"].ajax {
      background-image: url("../img/loading.7b9776076d5f.gif"); }
    #settings-pop input[type="text"].success {
      background-image: url("../img/checkmark.a77409492014.png"); }
    #settings-pop input[type="text"].failure {
      background-image: url("../img/redx.efd34c394eaa.gif"); }
  #settings-pop .centered-label {
    float: left;
    margin-right: 25px;
    padding-top: 6px; }
  #settings-pop .has-error .help-inline {
    color: #b94a48;
    display: block;
    max-width: 250px; }
  #settings-pop .control-group {
    margin-bottom: 10px;
    padding: 0 !important; }
  #settings-pop .form-control {
    width: 250px; }
  #settings-pop .invites-table .row, #settings-pop .table-data .row {
    position: relative; }
  #settings-pop #settings-tab-licenses .btn-lkey-delete {
    float: right;
    margin-top: 12px; }
  #settings-pop #settings-tab-clients .btn-client-delete {
    float: right;
    margin-top: 30px; }
  #settings-pop #settings-tab-clients .copied-message-popover {
    width: 80px !important;
    height: 38px !important; }
    #settings-pop #settings-tab-clients .copied-message-popover .popover-title {
      background-color: #fff;
      border: 0; }
  #settings-pop #settings-tab-clients .client-key-input {
    width: 278px;
    height: 25px;
    margin-top: 10px;
    float: left;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px 0 0 3px; }
  #settings-pop #settings-tab-clients .client-app-name {
    display: block;
    margin-top: 13px; }
  #settings-pop #settings-tab-clients .input-group {
    display: block; }
    #settings-pop #settings-tab-clients .input-group .btn {
      font-size: 11px;
      font-weight: 600;
      display: block;
      width: 50px;
      height: 25px;
      line-height: 18px;
      float: left;
      padding: 2px 7px;
      margin-top: 10px; }
  #settings-pop #settings-tab-clients .input-group.client-key {
    height: 25px;
    margin-bottom: 25px; }
  #settings-pop #settings-tab-people .invite-section-container {
    display: inline-block;
    width: 100%;
    margin: 20px 0 0 0; }
    #settings-pop #settings-tab-people .invite-section-container .invite-button-container {
      float: left;
      width: 200px; }
    #settings-pop #settings-tab-people .invite-section-container .organization-plan-info-container {
      margin: 0;
      width: 300px;
      height: 70px; }
      #settings-pop #settings-tab-people .invite-section-container .organization-plan-info-container.content-loading {
        background-image: url("../img/spinner-big.7c1a7500c8b3.gif");
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-color: white; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          #settings-pop #settings-tab-people .invite-section-container .organization-plan-info-container.content-loading {
            background-image: url("../img/spinner-big@2x.8b96bcf6b159.gif");
            background-size: 70px; } }
        #settings-pop #settings-tab-people .invite-section-container .organization-plan-info-container.content-loading .organization-plan-info {
          display: none; }
      #settings-pop #settings-tab-people .invite-section-container .organization-plan-info-container .payment-plan-name {
        font-weight: 700; }
  #settings-pop #settings-tab-people #invite-button {
    margin-top: 10px; }
  #settings-pop #settings-tab-people #organization-submit {
    margin-top: 3px; }
  #settings-pop #settings-tab-people #organization-name {
    margin-right: 25px; }
  #settings-pop #settings-tab-people #organization-form {
    display: inline-block; }
    #settings-pop #settings-tab-people #organization-form #organization-name, #settings-pop #settings-tab-people #organization-form #organization-submit {
      float: left; }
  #settings-pop #settings-tab-people #invite-form-container {
    display: none; }
  #settings-pop #settings-tab-people #invite-form {
    margin: 6px 1px; }
    #settings-pop #settings-tab-people #invite-form .control-group {
      display: table; }
    #settings-pop #settings-tab-people #invite-form .input-group {
      width: 100%;
      margin-bottom: 5px; }
    #settings-pop #settings-tab-people #invite-form .form-control {
      width: 248px; }
    #settings-pop #settings-tab-people #invite-form .app-btn {
      float: right;
      font-size: 13px;
      height: 33px;
      line-height: 33px;
      min-width: 100px;
      padding: 0 20px;
      margin-top: 4px; }
    #settings-pop #settings-tab-people #invite-form .popover-content {
      padding: 14px; }
    #settings-pop #settings-tab-people #invite-form .help-inline {
      display: table-cell;
      vertical-align: middle;
      width: 200px; }
      #settings-pop #settings-tab-people #invite-form .help-inline.has-success {
        color: #3c763d; }
      #settings-pop #settings-tab-people #invite-form .help-inline.has-errors {
        color: #b94a48; }
  #settings-pop #settings-tab-people .company-message {
    font-size: 1.1em;
    margin: 15px 0; }
  #settings-pop .add-license {
    margin-bottom: 30px; }
    #settings-pop .add-license .was-explanation {
      margin-bottom: 10px; }
    #settings-pop .add-license .add-title {
      margin-bottom: 10px; }
    #settings-pop .add-license .license-fill {
      display: inline-block;
      float: left; }
      #settings-pop .add-license .license-fill input {
        margin-bottom: 0; }
    #settings-pop .add-license #company-select {
      margin-left: 8px;
      display: inline-block !important;
      position: absolute; }
      #settings-pop .add-license #company-select .btn-group {
        margin-bottom: 0; }
      #settings-pop .add-license #company-select button.dropdown-toggle {
        font-size: 11.9px; }
    #settings-pop .add-license .add-license-button {
      display: inline-block;
      margin-left: 10px; }
      #settings-pop .add-license .add-license-button a {
        padding: 5px 12px 6px 12px;
        width: 115px;
        height: 34px;
        line-height: 22px; }
  #settings-pop .avatar-span {
    text-align: left; }
  #settings-pop img.people-avatar {
    width: 60px;
    height: 60px;
    box-shadow: 0 2px 7px rgba(50, 50, 50, 0.51);
    border-radius: 7px; }
  #settings-pop .explanation {
    margin-left: -20px;
    font-size: 1.1em;
    margin-top: 5px;
    margin-bottom: 20px; }
  #settings-pop .units-choose .row {
    padding-bottom: 0;
    margin-top: 10px; }
  #settings-pop .profile-image {
    padding-bottom: 10px;
    padding-top: 10px;
    float: left;
    display: inline-block; }
    #settings-pop .profile-image img {
      border-radius: 10px;
      width: 250px;
      box-shadow: 0 2px 7px rgba(50, 50, 50, 0.51); }
  #settings-pop .profile-image-upload {
    width: 100%;
    max-width: 230px;
    margin-top: 20px;
    float: right;
    display: inline-block; }
    #settings-pop .profile-image-upload .change-gravatar {
      margin-top: 15px; }
  #settings-pop #image-upload #avatar {
    cursor: pointer; }
  #settings-pop #image-upload .dz-default.dz-message {
    border: none;
    background: none;
    padding: 0; }
  #settings-pop #image-upload-form ul.errorlist {
    color: #bc0028; }
  #settings-pop #image-upload-form #filename {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 10px; }
  #settings-pop #image-upload-form #upload {
    padding-left: 10px; }
  #settings-pop #image-upload-form .dz-default.dz-message {
    position: relative;
    display: table;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100px;
    float: left;
    border: 1px dashed #d3d3d3;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px; }
    #settings-pop #image-upload-form .dz-default.dz-message span {
      color: #808080;
      display: table-cell;
      vertical-align: middle; }
  #settings-pop #image-upload-form .preview {
    display: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.02);
    position: relative;
    width: 100%;
    float: left;
    border: 1px dashed #d3d3d3;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px; }
  #settings-pop .dropzone {
    border: none !important;
    padding: 0;
    min-height: 1px; }
  #settings-pop .dz-message {
    margin: 0; }
  #settings-pop .popup-forum-profile-numbers {
    width: 33%;
    border-right: 1px solid #dbdddf; }
  #settings-pop .popup-forum-profile {
    text-align: center;
    vertical-align: middle;
    font-size: 14px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #929292 !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    padding: 0px; }
    #settings-pop .popup-forum-profile.big {
      font-size: 48px !important;
      padding-bottom: 10px;
      font-weight: 400 !important;
      line-height: 35px !important;
      color: #666b7e !important; }
  #settings-pop .popup-forum-left {
    float: left; }
  #settings-pop .popup-forum-right {
    float: right; }
  #settings-pop .popup-forum-profile-numbers-last {
    border-right: none !important; }
  #settings-pop .popup-forum-line {
    margin-top: 20px;
    width: 570px;
    background-color: #dbdddf; }
  #settings-pop .popup-forum-subscriptions {
    margin: 10px 20px; }
  #settings-pop .popup-forum-subscriptions-title {
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666b7e;
    text-shadow: 0 1px 0 #fff;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px; }
  #settings-pop .popup-row {
    padding-top: 10px; }
  #settings-pop .popup-forum-subscriptions-list {
    max-width: 400px; }
    #settings-pop .popup-forum-subscriptions-list li {
      font-size: 14px !important;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
      color: #505050 !important;
      font-weight: 400 !important;
      line-height: 20px; }
      #settings-pop .popup-forum-subscriptions-list li a {
        font-size: 14px !important;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        color: #505050 !important;
        font-weight: 400 !important;
        text-decoration: none; }
  #settings-pop .popup-forum-icon-unsubscribe {
    background-image: url("../img/iconUnsub.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    text-decoration: none; }
  #settings-pop .profile-change-password {
    margin-bottom: 15px; }
  #settings-pop .selectpicker, #settings-pop .locale-select {
    width: 250px; }
  #settings-pop .setting-auto-detect {
    font-size: 12px;
    color: #5b71aa;
    position: absolute;
    right: 20px; }
  #settings-pop .popover {
    max-width: 150px; }
    #settings-pop .popover.invite-form-popover {
      max-width: 275px;
      top: -10px !important; }
      #settings-pop .popover.invite-form-popover .popover-content {
        padding: 9px 10px; }
      #settings-pop .popover.invite-form-popover .arrow {
        top: 88px !important; }

#maintenance {
  position: fixed;
  top: 0;
  left: 0;
  right: 1;
  z-index: 100;
  background-color: #fff;
  color: #bb7580;
  padding: 15px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25), inset 0 0 4px rgba(50, 101, 130, 0.15);
  line-height: 10px;
  width: 100%;
  text-align: center; }

.btn.zeroclipboard-is-hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
  background-color: #e6e6e6; }

.btn.zeroclipboard-is-active {
  border: 1px solid #999;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  background-image: none;
  outline: 0; }

/* morris tooltips */
.morris-hover {
  position: absolute;
  z-index: 1000; }
  .morris-hover.morris-default-style {
    border-radius: 10px;
    padding: 2px;
    color: #666;
    background: rgba(255, 255, 255, 0.8);
    border: solid 2px rgba(230, 230, 230, 0.8);
    font-family: sans-serif;
    font-size: 12px;
    text-align: center; }
    .morris-hover.morris-default-style .morris-hover-row-label {
      font-weight: bold;
      min-width: 54px; }
  .morris-hover .morris-hover-point {
    white-space: nowrap; }

.btn.disabled,
.btn.btn-rcdark[disabled] {
  background-color: rgba(160, 168, 177, 0.9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(160, 168, 177, 0.9)), color-stop(100%, rgba(99, 105, 121, 0.9)));
  background-image: -webkit-linear-gradient(top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9));
  background-image: -moz-linear-gradient(top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9));
  background-image: -ms-linear-gradient(top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9));
  background-image: -o-linear-gradient(top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9));
  background-image: linear, top, rgba(160, 168, 177, 0.9), rgba(99, 105, 121, 0.9);
  background-position: 0;
  color: #fff; }

.pagination-buttons .btn {
  outline: none !important;
  height: 24px;
  background-color: #c0c0c0; }
  .pagination-buttons .btn.disabled {
    background-color: #e6e6e6;
    background-image: none; }
    .pagination-buttons .btn.disabled i {
      color: #636f8a; }
.pagination-buttons i {
  color: #3a4256;
  top: 0; }

ul.inline > li, ol.inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: middle; }
  ul.inline > li.cardinality, ol.inline > li.cardinality {
    padding-top: 2px;
    font-size: 13px;
    color: #666b7e; }

.rc-handle-container {
  position: relative; }

.rc-handle {
  position: absolute;
  width: 7px;
  cursor: ew-resize;
  margin-left: -3px;
  z-index: 2; }

table.rc-table-resizing {
  cursor: ew-resize; }

table.rc-table-resizing thead, table.rc-table-resizing thead > th, table.rc-table-resizing thead > th > a {
  cursor: ew-resize; }

.hidden-active-table > #table-container {
  visibility: hidden; }

.ico-cloud {
  background-image: url("../img/iconcloud.a9685d07c304.png");
  width: 28px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -14px;
  margin-right: 7px; }

.ico-user {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  -moz-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.35);
  overflow: hidden; }
  .ico-user img {
    width: 100%;
    height: auto; }

.main-holder {
  border-radius: 5px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  margin: 15px 30px 15px 12px; }

.breadcrumbs {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 0;
  line-height: 0;
  max-width: calc(100% - 190px); }
  .breadcrumbs li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 21px;
    padding: 0 18px 0 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .breadcrumbs li:before {
      position: absolute;
      top: 4px;
      left: -3px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      content: "\e258";
      color: #A7B1C8;
      font-size: 14px; }
    .breadcrumbs li:last-child {
      max-width: 450px; }
  .breadcrumbs a {
    color: #fff; }

.bootstrap-select {
  z-index: 9999; }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee; }

.mt-7 {
  margin-top: 7px; }

.mt-10 {
  margin-top: 10px; }

.modal-footer {
  text-align: center;
  border: none; }

.modal-header {
  background-image: url("../img/header-shadow-line.7861cd270377.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  border: 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .modal-header {
      background-image: url("../img/header-shadow-line@2x.a9808a3739d8.png");
      background-size: 100% 1px; } }

.no-background {
  background: none; }

.no-padding {
  padding: 0 !important; }

#table-ajax-loader {
  background-image: url("../img/spinner-big.7c1a7500c8b3.gif");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
  position: absolute;
  z-index: 999;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: .6;
  filter: alpha(opacity=60);
  -moz-opacity: .6; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    #table-ajax-loader {
      background-image: url("../img/spinner-big@2x.8b96bcf6b159.gif");
      background-size: 70px; } }

.rating-loading {
  width: 25px;
  height: 25px;
  font-size: 0px;
  color: #fff;
  background: transparent url("../img/loading.7b9776076d5f.gif") top left no-repeat;
  border: none; }

.rating-gly {
  font-family: 'Glyphicons Halflings'; }

.rating-gly-star {
  font-family: 'Glyphicons Halflings';
  padding-left: 2px; }
  .rating-gly-star .rating-stars:before {
    padding-left: 2px; }

.rating-lg .rating-gly-star {
  padding-left: 4px; }
  .rating-lg .rating-gly-star .rating-stars:before {
    padding-left: 4px; }

.rating-xl .rating-gly-star {
  padding-left: 2px; }
  .rating-xl .rating-gly-star .rating-stars:before {
    padding-left: 2px; }

.rating-active {
  cursor: default; }

.rating-disabled {
  cursor: not-allowed; }

.rating-uni {
  font-size: 1.2em;
  margin-top: -5px; }

.rating-container {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: #e3e3e3;
  overflow: hidden; }
  .rating-container:before {
    content: attr(data-content); }
  .rating-container .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #fde16d;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out; }
    .rating-container .rating-stars:before {
      content: attr(data-content);
      text-shadow: 0 0 1px rgba(0, 0, 0, 0.7); }

.rating-container-rtl {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  color: #fde16d; }
  .rating-container-rtl:before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7); }
  .rating-container-rtl .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #e3e3e3;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out; }
    .rating-container-rtl .rating-stars:before {
      content: attr(data-content); }

.rating-xl {
  font-size: 4.89em; }

.rating-lg {
  font-size: 3.91em; }

.rating-md {
  font-size: 3.13em; }

.rating-sm {
  font-size: 2.5em; }

.rating-xs {
  font-size: 2em; }

.star-rating .clear-rating, .star-rating-rtl .clear-rating {
  color: #aaa;
  cursor: not-allowed;
  display: inline-block;
  vertical-align: middle;
  font-size: 60%; }

.clear-rating-active {
  cursor: pointer !important; }
  .clear-rating-active:hover {
    color: #843534; }

.star-rating .clear-rating {
  padding-right: 5px; }
.star-rating .caption {
  color: #999;
  display: inline-block;
  vertical-align: middle;
  font-size: 55%;
  padding-left: 5px; }

.star-rating-rtl .caption {
  color: #999;
  display: inline-block;
  vertical-align: middle;
  font-size: 55%;
  padding-right: 5px; }

.app_iframe {
  width: 100%;
  height: 100%;
  border: none; }

.app-display {
  padding: 10px;
  margin: 10px 10px 10px 20px;
  border: 1px solid #939db2; }
  .app-display h1 {
    margin-top: 0; }
  .app-display .row-fluid {
    margin: 10px 0 45px 0; }

.p0 {
  padding-left: 0;
  padding-right: 0; }

.modal-wrapper {
  max-width: 761px;
  width: 100%; }

.icon-star {
  color: #ff9f00; }

.modal-backdrop {
  background: #c3c3cd; }

/*modal-body*/
.block-review {
  padding: 40px 0; }
  .block-review .header-title {
    font-weight: bold;
    margin-top: 0; }

.block-wrapper {
  display: table;
  margin-bottom: 40px;
  width: 100%; }

.block-wrapper-img {
  display: table-cell; }
  .block-wrapper-img a {
    display: block; }
    .block-wrapper-img a img {
      width: 42px;
      margin-right: 15px; }

.block-text {
  display: table-cell;
  vertical-align: top; }

.block-text-header {
  margin-bottom: 20px; }
  .block-text-header h5 {
    margin: 0 5px 0 0;
    font-weight: bold;
    display: block;
    float: left; }

.block-text-p p {
  margin-bottom: 0;
  color: #7f7f8a; }

.block-rate {
  display: table;
  width: 100%;
  padding-bottom: 30px; }

.block-rate-header {
  color: #7f7f8a;
  text-align: center; }
  .block-rate-header h3 {
    margin: 0; }

.block-rate-star {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  margin-right: 18px;
  padding: 15px;
  display: table-cell;
  vertical-align: top; }
  .block-rate-star .star-rating .clear-rating, .block-rate-star .caption {
    display: none; }
  .block-rate-star .rating-container {
    font-size: 16px; }
    .block-rate-star .rating-container .rating-stars {
      color: #ff9f00; }
  .block-rate-star .rating-xs {
    font-size: 1em;
    text-align: center;
    margin: 0 auto; }

.block-rate-message {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding-left: 15px; }
  .block-rate-message .form-control {
    height: 77px; }

.btn-submit {
  float: right;
  margin-top: 19px; }

i.star-icon-big {
  background-image: url("../img/star-icon@2x.224f79cd0e67.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: block;
  float: left; }
  i.star-icon-big.filled {
    background-image: url("../img/star-icon-filled@2x.bd19c118e1c3.png"); }
i.star-icon {
  background-image: url("../img/star-icon.7572d442e528.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: block;
  float: left; }
  i.star-icon.filled {
    background-image: url("../img/star-icon-filled.14c3c08ff020.png"); }

.close {
  opacity: .5; }

.modal-header--logo {
  float: left; }
  .modal-header--logo .logo {
    margin-left: 15px; }

.img-circle {
  border-radius: 50%; }

/* media queries*/
@media (max-width: 1024px) and (min-width: 768px) {
  .block-photo {
    margin-bottom: 10px; } }
@media (max-width: 767px) {
  .modal-content-content .modal-title {
    padding: 18px 0; }
    .modal-content-content .modal-titleh4 {
      font-size: 17px; }

  .block {
    padding: 20px 0; }

  .block-review {
    padding: 20px 0; }

  .block-text-header h5 {
    margin: 0 5px 0 0;
    font-size: 12px;
    display: block;
    float: left; }

  .block p, .block-text-p p, .app-btn {
    font-size: 12px; }

  .section-header .modal-dialog {
    margin: 0; }

  .modal-content-content .modal-title span {
    margin-right: 0;
    width: 100%;
    display: block; } }
.app-list {
  padding: 0;
  margin: 0;
  list-style: none; }
  .app-list > li {
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    margin: 15px 30px 15px 12px; }
    .app-list > li .row {
      margin: 0;
      height: 110px;
      padding: 20px 25px 19px 19px; }
      .app-list > li .row.app-multiple-installs {
        height: 50px;
        padding: 10px 25px 9px 19px; }
  .app-list .app-multiple-installs {
    border-top: 1px solid #d3d3d3; }
    .app-list .app-multiple-installs .app-title {
      vertical-align: bottom; }
      .app-list .app-multiple-installs .app-title h2 {
        margin: 0;
        height: 100%;
        top: 50%;
        display: block; }
    .app-list .app-multiple-installs .app-image {
      text-align: center; }
      .app-list .app-multiple-installs .app-image img {
        width: 30px; }
    .app-list .app-multiple-installs button {
      margin-top: 0; }
  .app-list .app-btn {
    margin: 17px 0 0;
    padding: 0; }

.dropup .dropdown-menu {
  bottom: 30px; }

.app-dropdown {
  top: 0;
  margin-right: 16px;
  display: inline-block;
  vertical-align: middle;
  float: right; }
  .app-dropdown button.title {
    margin-right: 1px;
    float: left;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .app-dropdown button.arrow {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 15px; }
    .app-dropdown button.arrow .caret {
      margin-left: -5px; }
  .app-dropdown.open .caret {
    color: #666666; }

.app-image {
  display: inline-block;
  width: 71px;
  vertical-align: middle; }
  .app-image img {
    width: 100%;
    height: auto;
    display: inline-block; }

.app-title {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 18px;
  font-size: 13px;
  line-height: 17px;
  color: #94949f;
  box-sizing: border-box; }
  .modal-content .app-title {
    width: 65%; }
  .app-title h2 {
    line-height: 21px;
    font-weight: 400;
    font-size: 16px;
    color: #5A5A5A;
    margin: 0 10px 7px 0;
    display: block;
    float: left; }
  .app-title h4 {
    font-size: 20px;
    color: #454850;
    line-height: 24px;
    text-align: center; }
  .app-title p {
    margin: 0;
    clear: both; }
  .app-title a {
    color: #404046;
    font-weight: bold;
    cursor: pointer; }
    .app-title a:hover {
      text-decoration: underline; }
  .app-title .rate {
    float: left; }
  .app-title .date-added {
    float: right;
    line-height: 26px; }

.btn-form {
  float: right; }

.app-btn {
  font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
  background-image: -webkit-linear-gradient(-90deg, #7AB13E 0%, #528B01 100%);
  background-image: -moz-linear-gradient(-90deg, #7AB13E 0%, #528B01 100%);
  background-image: -ms-linear-gradient(-90deg, #7AB13E 0%, #528B01 100%);
  background-image: -o-linear-gradient(-90deg, #7AB13E 0%, #528B01 100%);
  background-image: linear, -90deg, #7AB13E 0%, #528B01 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
  font-weight: bold;
  border-radius: 4px;
  border: medium none;
  text-align: center;
  height: 37px;
  line-height: 37px;
  display: inline-block;
  min-width: 107px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 rgba(0, 0, 0, 0.12);
  font-size: 14px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer; }
  .app-btn:hover {
    color: #fff; }
  .app-btn:active:not([disabled]), .app-btn:focus:not([disabled]) {
    background-image: -webkit-linear-gradient(-90deg, #6e9e38 0%, #528B01 100%);
    background-image: -moz-linear-gradient(-90deg, #6e9e38 0%, #528B01 100%);
    background-image: -ms-linear-gradient(-90deg, #6e9e38 0%, #528B01 100%);
    background-image: -o-linear-gradient(-90deg, #6e9e38 0%, #528B01 100%);
    background-image: linear, -90deg, #6e9e38 0%, #528B01 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    color: #fff;
    outline: medium none; }
  .app-btn:after {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0; }
  .app-btn:link {
    color: #fff;
    text-decoration: none; }
    .app-btn:link:active, .app-btn:link:focus {
      color: #fff; }
  .app-btn.medium {
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    min-width: inherit;
    padding: 0 15px; }
  .app-btn.small {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    min-width: inherit;
    padding: 0 15px; }
  .app-btn.mini {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
    float: right;
    font-size: 11px;
    height: 25px;
    line-height: 17px;
    min-width: inherit;
    padding: 4px 10px;
    margin: 4px 2px 4px;
    border-radius: 3px;
    font-weight: 300; }
  .app-btn.installing {
    border: 1px solid #d9d9d9;
    background: #fff; }
    .app-btn.installing span {
      color: #757575; }
  .app-btn.uninstall {
    background-image: -webkit-linear-gradient(-90deg, #9a9aa5 0%, #6e6e79 100%);
    background-image: -moz-linear-gradient(-90deg, #9a9aa5 0%, #6e6e79 100%);
    background-image: -ms-linear-gradient(-90deg, #9a9aa5 0%, #6e6e79 100%);
    background-image: -o-linear-gradient(-90deg, #9a9aa5 0%, #6e6e79 100%);
    background-image: linear, -90deg, #9a9aa5 0%, #6e6e79 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.uninstall:active, .app-btn.uninstall:focus {
      background-image: -webkit-linear-gradient(-90deg, #8D8D98 0%, #6e6e79 100%);
      background-image: -moz-linear-gradient(-90deg, #8D8D98 0%, #6e6e79 100%);
      background-image: -ms-linear-gradient(-90deg, #8D8D98 0%, #6e6e79 100%);
      background-image: -o-linear-gradient(-90deg, #8D8D98 0%, #6e6e79 100%);
      background-image: linear, -90deg, #8D8D98 0%, #6e6e79 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.uninstall span {
      color: #fff; }
  .app-btn span {
    display: inline-block;
    vertical-align: middle;
    color: #fff; }
    .app-btn span.spinner {
      display: none;
      background: transparent url("../img/app-btn-spinner.3c2eee37653d.gif") no-repeat 50%; }
  .app-btn.loading {
    padding-right: 7px; }
    .app-btn.loading span.spinner {
      display: inline-block;
      float: right;
      width: 16px;
      margin-left: 5px;
      height: 100%; }
  .app-btn.pale {
    background-image: -webkit-linear-gradient(-90deg, #FFFFFF 0%, #F3F3F3 100%);
    background-image: -moz-linear-gradient(-90deg, #FFFFFF 0%, #F3F3F3 100%);
    background-image: -ms-linear-gradient(-90deg, #FFFFFF 0%, #F3F3F3 100%);
    background-image: -o-linear-gradient(-90deg, #FFFFFF 0%, #F3F3F3 100%);
    background-image: linear, -90deg, #FFFFFF 0%, #F3F3F3 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: #333;
    text-shadow: none; }
    .app-btn.pale:active:not([disabled]), .app-btn.pale:focus:not([disabled]) {
      background-image: -webkit-linear-gradient(-90deg, #FFFFFF 0%, #F3F3F3 100%);
      background-image: -moz-linear-gradient(-90deg, #FFFFFF 0%, #F3F3F3 100%);
      background-image: -ms-linear-gradient(-90deg, #FFFFFF 0%, #F3F3F3 100%);
      background-image: -o-linear-gradient(-90deg, #FFFFFF 0%, #F3F3F3 100%);
      background-image: linear, -90deg, #FFFFFF 0%, #F3F3F3 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
      color: #333;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0, 0, 0, 0.15); }
    .app-btn.pale[disabled] {
      color: graytext;
      cursor: default; }
    .app-btn.pale span {
      color: #000; }
      .app-btn.pale span.spinner {
        background: transparent url("../img/spinner.0086791e4fa0.gif") no-repeat 50%; }
  .app-btn.blue {
    background-image: -webkit-linear-gradient(-90deg, #3981D1 0%, #286EC8 100%);
    background-image: -moz-linear-gradient(-90deg, #3981D1 0%, #286EC8 100%);
    background-image: -ms-linear-gradient(-90deg, #3981D1 0%, #286EC8 100%);
    background-image: -o-linear-gradient(-90deg, #3981D1 0%, #286EC8 100%);
    background-image: linear, -90deg, #3981D1 0%, #286EC8 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.blue a {
      color: white; }
    .app-btn.blue:active, .app-btn.blue:focus {
      background-image: -webkit-linear-gradient(-90deg, #3871c0 0%, #286EC8 100%);
      background-image: -moz-linear-gradient(-90deg, #3871c0 0%, #286EC8 100%);
      background-image: -ms-linear-gradient(-90deg, #3871c0 0%, #286EC8 100%);
      background-image: -o-linear-gradient(-90deg, #3871c0 0%, #286EC8 100%);
      background-image: linear, -90deg, #3871c0 0%, #286EC8 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.blue span.spinner {
      background: transparent url("../img/app-btn-blue-spinner.8b0091601148.gif") no-repeat 50%; }
  .app-btn.orange {
    background-image: -webkit-linear-gradient(-90deg, #fcaf20 0%, #FFAC12 100%);
    background-image: -moz-linear-gradient(-90deg, #fcaf20 0%, #FFAC12 100%);
    background-image: -ms-linear-gradient(-90deg, #fcaf20 0%, #FFAC12 100%);
    background-image: -o-linear-gradient(-90deg, #fcaf20 0%, #FFAC12 100%);
    background-image: linear, -90deg, #fcaf20 0%, #FFAC12 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.orange a {
      color: white; }
    .app-btn.orange:active, .app-btn.orange:focus {
      background-image: -webkit-linear-gradient(-90deg, #D69722 0%, #FFAC12 100%);
      background-image: -moz-linear-gradient(-90deg, #D69722 0%, #FFAC12 100%);
      background-image: -ms-linear-gradient(-90deg, #D69722 0%, #FFAC12 100%);
      background-image: -o-linear-gradient(-90deg, #D69722 0%, #FFAC12 100%);
      background-image: linear, -90deg, #D69722 0%, #FFAC12 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.orange span.spinner {
      background: transparent url("../img/app-btn-orange-spinner.874d86481efa.gif") no-repeat 50%; }
  .app-btn.red {
    background-image: -webkit-linear-gradient(-90deg, #EC716E 0%, #DE5E5B 100%);
    background-image: -moz-linear-gradient(-90deg, #EC716E 0%, #DE5E5B 100%);
    background-image: -ms-linear-gradient(-90deg, #EC716E 0%, #DE5E5B 100%);
    background-image: -o-linear-gradient(-90deg, #EC716E 0%, #DE5E5B 100%);
    background-image: linear, -90deg, #EC716E 0%, #DE5E5B 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.red:active, .app-btn.red:focus {
      background-image: -webkit-linear-gradient(-90deg, #c66363 0%, #DE5E5B 100%);
      background-image: -moz-linear-gradient(-90deg, #c66363 0%, #DE5E5B 100%);
      background-image: -ms-linear-gradient(-90deg, #c66363 0%, #DE5E5B 100%);
      background-image: -o-linear-gradient(-90deg, #c66363 0%, #DE5E5B 100%);
      background-image: linear, -90deg, #c66363 0%, #DE5E5B 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.red span.spinner {
      background: transparent url("../img/app-btn-red-spinner.08ce3bf09327.gif") no-repeat 50%; }
  .app-btn.rcdark {
    background-image: -webkit-linear-gradient(-90deg, #a0a8b1 0%, #636979 100%);
    background-image: -moz-linear-gradient(-90deg, #a0a8b1 0%, #636979 100%);
    background-image: -ms-linear-gradient(-90deg, #a0a8b1 0%, #636979 100%);
    background-image: -o-linear-gradient(-90deg, #a0a8b1 0%, #636979 100%);
    background-image: linear, -90deg, #a0a8b1 0%, #636979 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.rcdark#display-options {
      margin-bottom: 2px;
      line-height: 28px; }
    .app-btn.rcdark:active, .app-btn.rcdark:focus {
      background-image: -webkit-linear-gradient(-90deg, #8c939c 0%, #636979 100%);
      background-image: -moz-linear-gradient(-90deg, #8c939c 0%, #636979 100%);
      background-image: -ms-linear-gradient(-90deg, #8c939c 0%, #636979 100%);
      background-image: -o-linear-gradient(-90deg, #8c939c 0%, #636979 100%);
      background-image: linear, -90deg, #8c939c 0%, #636979 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.rcdark i {
      margin-top: 4px;
      display: block;
      float: left; }
  .app-btn.user-drop {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    max-width: 210px;
    background-image: -webkit-linear-gradient(-90deg, #96a4c2 0%, #7A8BAF 100%);
    background-image: -moz-linear-gradient(-90deg, #96a4c2 0%, #7A8BAF 100%);
    background-image: -ms-linear-gradient(-90deg, #96a4c2 0%, #7A8BAF 100%);
    background-image: -o-linear-gradient(-90deg, #96a4c2 0%, #7A8BAF 100%);
    background-image: linear, -90deg, #96a4c2 0%, #7A8BAF 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0); }
    .app-btn.user-drop:active, .app-btn.user-drop:focus {
      background-image: -webkit-linear-gradient(-90deg, #8c9ab8 0%, #7081a5 100%);
      background-image: -moz-linear-gradient(-90deg, #8c9ab8 0%, #7081a5 100%);
      background-image: -ms-linear-gradient(-90deg, #8c9ab8 0%, #7081a5 100%);
      background-image: -o-linear-gradient(-90deg, #8c9ab8 0%, #7081a5 100%);
      background-image: linear, -90deg, #8c9ab8 0%, #7081a5 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(0, 0, 0, 0.18);
      -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(0, 0, 0, 0.18); }
    .app-btn.user-drop b.caret {
      margin-left: 5px;
      border-top: 3px solid;
      border-right: 3px solid transparent;
      border-left: 3px solid transparent; }
  .app-btn i {
    margin-right: 3px; }

.app-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .app-btn-group .app-btn {
    margin: 0;
    float: left; }
    .app-btn-group .app-btn.active, .app-btn-group body .custom-dropdown.open .app-btn.control-more, body .custom-dropdown.open .app-btn-group .app-btn.control-more {
      background-image: -webkit-linear-gradient(-90deg, #d0d0d0 0%, #e6e6e6 100%); }
  .app-btn-group > .app-btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .app-btn-group > .app-btn:not(:first-child):not(:last-child) {
    border-radius: 0; }
  .app-btn-group > .app-btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.app-iframe-container {
  width: 100%;
  min-height: 140px; }
  .app-iframe-container.tabbed-app {
    margin-top: 50px;
    height: 100%; }
    .app-iframe-container.tabbed-app iframe {
      height: 100% !important; }
  .app-iframe-container iframe {
    width: 100%;
    min-height: 140px; }
    .app-iframe-container iframe.active, .app-iframe-container body .custom-dropdown.open iframe.control-more, body .custom-dropdown.open .app-iframe-container iframe.control-more {
      background-image: url("../img/spinner-big.7c1a7500c8b3.gif");
      background-color: transparent;
      background-position: center;
      background-repeat: no-repeat; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
        .app-iframe-container iframe.active, .app-iframe-container body .custom-dropdown.open iframe.control-more, body .custom-dropdown.open .app-iframe-container iframe.control-more {
          background-image: url("../img/spinner-big@2x.8b96bcf6b159.gif");
          background-size: 70px; } }

.modal.app-detail-modal {
  z-index: 1049;
  /* below app settings modal */ }
  .modal.app-detail-modal .modal-dialog {
    margin: 0 auto;
    border-top: none;
    max-width: 761px;
    width: 100%; }
    .modal.app-detail-modal .modal-dialog .modal-content {
      border: none;
      border-radius: 0 0 4px 4px; }
      .modal.app-detail-modal .modal-dialog .modal-content .modal-header {
        padding: 10px;
        border-bottom: 1px solid #e1e1e1; }
      .modal.app-detail-modal .modal-dialog .modal-content .modal-body {
        padding: 0 30px;
        border-top: 1px solid #ebebeb; }
        .modal.app-detail-modal .modal-dialog .modal-content .modal-body .screenshots {
          width: 100%; }
          .modal.app-detail-modal .modal-dialog .modal-content .modal-body .screenshots .block-photo {
            padding: 0 30px 0 0; }
            .modal.app-detail-modal .modal-dialog .modal-content .modal-body .screenshots .block-photo img {
              border-radius: 3px;
              display: block;
              margin: 0 auto;
              background: #ff00bf;
              box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
              cursor: pointer; }
            .modal.app-detail-modal .modal-dialog .modal-content .modal-body .screenshots .block-photo:nth-of-type(3) {
              padding: 0; }
      .modal.app-detail-modal .modal-dialog .modal-content .navbar {
        vertical-align: middle;
        height: 99px;
        padding: 10px 20px 0; }
        .modal.app-detail-modal .modal-dialog .modal-content .navbar .app-btn {
          margin-top: 17px; }
.modal .modal-dialog button.close {
  background-image: url("../img/modal-close-x.3d81a20ab26d.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: center center;
  margin: 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .modal .modal-dialog button.close {
      background-image: url("../img/modal-close-x@2x.2b6d890bb362.png");
      background-size: 10px 10px; } }
.modal .modal-dialog .modal-footer .app-btn {
  margin: 0 10px; }
.modal .modal-dialog .modal-content {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 24px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 24px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: none; }
  .modal .modal-dialog .modal-content .navbar {
    margin-bottom: 0; }
  .modal .modal-dialog .modal-content .modal-title .rate {
    float: left;
    padding-top: 4px; }
  .modal .modal-dialog .modal-content .modal-title span {
    margin-right: 20px;
    float: left; }
  .modal .modal-dialog .modal-content .modal-body .block {
    padding: 40px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #e1e1e1; }
    .modal .modal-dialog .modal-content .modal-body .block p {
      margin-bottom: 0;
      color: #7f7f8a; }
      .modal .modal-dialog .modal-content .modal-body .block p.app-description {
        font-size: 14px;
        line-height: 20px; }
    .modal .modal-dialog .modal-content .modal-body .block:first-child {
      border-top: none; }
    .modal .modal-dialog .modal-content .modal-body .block:last-child {
      border-bottom: none; }

.app-settings-modal .modal-dialog {
  width: 550px;
  margin-top: 0;
  top: -5px; }
  .app-settings-modal .modal-dialog button.close {
    position: absolute;
    right: 30px;
    background-position: top right; }
.app-settings-modal .modal-header {
  padding: 30px; }
.app-settings-modal .modal-body {
  padding: 15px 15px 0 15px; }
.app-settings-modal .container-fluid .app-image {
  width: 100%;
  text-align: center; }
  .app-settings-modal .container-fluid .app-image img {
    width: initial; }
.app-settings-modal .container-fluid .app-title {
  width: 100%;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  color: #5A5A5A;
  padding: 0; }
.app-settings-modal .container-fluid .app-description {
  float: left;
  width: 75%;
  padding-top: 10px; }
.app-settings-modal .modal-body form > .row {
  padding-bottom: 20px; }
.app-settings-modal .modal-body form .uninstall {
  margin-left: 15px;
  float: left; }
.app-settings-modal .modal-body form .save {
  margin-right: 15px;
  float: right; }

#app-install-modal .modal-dialog, .app-install-modal .modal-dialog {
  width: 550px; }
#app-install-modal .modal-header, .app-install-modal .modal-header {
  padding-bottom: 0; }
#app-install-modal .modal-body, .app-install-modal .modal-body {
  padding-top: 0; }
#app-install-modal #authorize-header, .app-install-modal #authorize-header {
  position: relative;
  height: auto;
  padding: 0;
  padding-bottom: 20px;
  margin: 0 7% 10px;
  font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
  color: #676a73;
  font-size: 18px;
  line-height: 22px;
  text-align: center; }
#app-install-modal .form-container, .app-install-modal .form-container {
  margin: 0 7% 10px; }
  #app-install-modal .form-container #resources, .app-install-modal .form-container #resources {
    margin: 5px 10px; }
    #app-install-modal .form-container #resources .resource, .app-install-modal .form-container #resources .resource {
      padding-top: 5px;
      padding-bottom: 10px;
      margin-left: 10px; }
    #app-install-modal .form-container #resources .description, .app-install-modal .form-container #resources .description {
      color: #808080;
      font-size: 90%; }
    #app-install-modal .form-container #resources .resource_image, .app-install-modal .form-container #resources .resource_image {
      float: left; }
      #app-install-modal .form-container #resources .resource_image.calendar img, .app-install-modal .form-container #resources .resource_image.calendar img {
        padding: 10px 10px; }
      #app-install-modal .form-container #resources .resource_image.contact img, .app-install-modal .form-container #resources .resource_image.contact img {
        padding: 9px 10px; }
      #app-install-modal .form-container #resources .resource_image.note img, .app-install-modal .form-container #resources .resource_image.note img {
        padding: 8px 11px; }
      #app-install-modal .form-container #resources .resource_image.company, .app-install-modal .form-container #resources .resource_image.company {
        padding: 0 !important; }
      #app-install-modal .form-container #resources .resource_image img, .app-install-modal .form-container #resources .resource_image img {
        max-width: inherit; }
#app-install-modal .input-fields, .app-install-modal .input-fields {
  width: 100%;
  height: 34px !important;
  padding-left: 0;
  text-indent: 40px;
  background-color: #fff !important;
  line-height: normal;
  font-size: 14px;
  font-weight: 300;
  border: none;
  border-radius: 3px;
  vertical-align: center; }
  #app-install-modal .input-fields:focus, .app-install-modal .input-fields:focus {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    background-color: #fff !important; }
  #app-install-modal .input-fields:-moz-placeholder, #app-install-modal .input-fields:-ms-input-placeholder, #app-install-modal .input-fields:-webkit-input-placeholder, .app-install-modal .input-fields:-moz-placeholder, .app-install-modal .input-fields:-ms-input-placeholder, .app-install-modal .input-fields:-webkit-input-placeholder {
    color: #a4a9af;
    vertical-align: center; }
  #app-install-modal .input-fields.app-relation-name, .app-install-modal .input-fields.app-relation-name {
    text-indent: 10px;
    margin-top: 10px; }

html.embedded {
  background-image: url("../img/spinner-big.7c1a7500c8b3.gif");
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    html.embedded {
      background-image: url("../img/spinner-big@2x.8b96bcf6b159.gif");
      background-size: 70px; } }
  html.embedded body {
    background-color: white;
    background-image: none;
    min-height: 140px; }
    html.embedded body.full-size {
      height: 100%; }
    html.embedded body .settings-form {
      position: relative;
      padding: 10px 0 30px 0; }
      html.embedded body .settings-form .control-label {
        margin-right: 10px;
        width: 145px;
        text-align: end; }
      html.embedded body .settings-form input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), html.embedded body .settings-form select {
        display: inline-block;
        width: 345px;
        vertical-align: middle; }
      html.embedded body .settings-form table td {
        padding: 5px; }
      html.embedded body .settings-form table table tr:first-child {
        height: 60px; }
      html.embedded body .settings-form .text-danger {
        margin: 5px 0 0 160px;
        display: inline-block;
        width: 345px; }
      html.embedded body .settings-form .row {
        margin: 0 0 15px 0; }
        html.embedded body .settings-form .row .form-group {
          width: 100%; }
          html.embedded body .settings-form .row .form-group:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 100%; }
        html.embedded body .settings-form .row.controls {
          margin-top: 20px;
          margin-bottom: 0;
          text-align: right;
          position: relative; }
          html.embedded body .settings-form .row.controls .save-btn {
            float: right;
            margin: 0; }
          html.embedded body .settings-form .row.controls .cancel-btn {
            margin: 0 10px 0 0; }
    html.embedded body .modal-backdrop {
      background: transparent; }
    html.embedded body .confirm-duplicate-app-install-popover {
      max-width: 415px;
      width: 415px;
      top: -70px !important;
      left: 32px !important; }
      html.embedded body .confirm-duplicate-app-install-popover .popover-inner .popover-content {
        text-align: left;
        padding: 15px 15px 0 15px; }
      html.embedded body .confirm-duplicate-app-install-popover .popover-inner .popover-controls {
        padding: 10px 15px 15px 15px;
        text-align: right; }
        html.embedded body .confirm-duplicate-app-install-popover .popover-inner .popover-controls .save-btn {
          float: right;
          margin: 0; }
        html.embedded body .confirm-duplicate-app-install-popover .popover-inner .popover-controls .cancel-btn {
          margin: 0 10px 0 0; }
      html.embedded body .confirm-duplicate-app-install-popover .arrow {
        top: 82px !important; }

.app-screenshot-modal img {
  max-width: calc(100vw - 3em);
  display: block;
  margin: 0 auto;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 24px 0 rgba(0, 0, 0, 0.2); }
.app-screenshot-modal .modal-wrapper {
  width: max-content;
  max-width: unset; }
  .app-screenshot-modal .modal-wrapper .modal-content {
    background-color: transparent;
    box-shadow: unset; }
.app-screenshot-modal .left-arrow-block, .app-screenshot-modal .right-arrow-block {
  position: fixed;
  width: 50px;
  background-color: rgba(255, 255, 255, 0);
  height: 100%;
  top: 0;
  cursor: pointer;
  user-select: none;
  transition: background-color 150ms linear; }
  .app-screenshot-modal .left-arrow-block:hover, .app-screenshot-modal .right-arrow-block:hover {
    background-color: rgba(255, 255, 255, 0.25); }
  .app-screenshot-modal .left-arrow-block div, .app-screenshot-modal .right-arrow-block div {
    position: absolute;
    font-size: 75px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%); }
.app-screenshot-modal .left-arrow-block {
  left: 0; }
  .app-screenshot-modal .left-arrow-block div {
    left: 12px; }
.app-screenshot-modal .right-arrow-block {
  right: 0; }
  .app-screenshot-modal .right-arrow-block div {
    right: 12px; }

#header #search-input {
  border: none;
  border-radius: 40px;
  display: none;
  height: 26px;
  line-height: normal;
  padding: 0px 0 0 10px;
  width: 0px; }
#header #search-icon {
  cursor: pointer;
  cursor: hand;
  width: 16px;
  height: 28px;
  margin: 0 5px 0 10px;
  transition: all .2s ease-in-out;
  background-position: 50%;
  background-image: url("../img/crm/search-white.8b03de27e981.png");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  float: right; }

#crm-content {
  position: relative;
  background-color: #fff;
  height: calc(100% - 70px); }
  #crm-content p {
    margin: 0; }
  #crm-content .clear {
    clear: both; }
  #crm-content .clear-margin {
    margin: 0 !important; }
  #crm-content.events-content #table #table-content, #crm-content .events-content #table #table-content {
    padding-top: 60px; }
  #crm-content.event-edit mwl-calendar {
    padding-top: 0; }
  #crm-content .event-selector {
    cursor: pointer;
    cursor: hand;
    height: 72px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #fff;
    border: 1px dashed #dedee4;
    border-radius: 5px;
    color: #909090;
    float: right;
    margin-left: 20px; }
    #crm-content .event-selector p {
      font-size: 14px;
      line-height: 72px;
      text-align: center; }
    #crm-content .event-selector:hover {
      background-color: #f6fbf1;
      border-color: #7ad926;
      color: #414141; }
  #crm-content .calendar-big-row {
    cursor: pointer;
    cursor: hand;
    background-color: transparent;
    width: 100%;
    border-bottom: 1px solid #dedee4;
    transition: all .1s ease-in-out; }
    #crm-content .calendar-big-row:hover {
      background-color: #4a90e2; }
      #crm-content .calendar-big-row:hover .calendar-small-p {
        color: #fff;
        background-color: #4a90e2; }
      #crm-content .calendar-big-row:hover .calendar-small-row {
        border-color: #4a90e2;
        border-color: #dedee4; }
  #crm-content #readyreturns-logo {
    background-image: url("../img/crm/rrSumLogo.39575e9bacf8.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 59.21px;
    background-color: #fff; }
  #crm-content #readyshipper-logo {
    background-image: url("../img/crm/rsSumLogo.25e39c8589b5.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 48.8px 60px;
    background-color: #fff; }
  #crm-content #readylabels-logo {
    background-image: url("../img/crm/rlSumLogo.4d61f2c77803.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 49px 59px;
    background-color: #fff; }
  #crm-content #readycloud-logo {
    background-image: url("../img/crm/rcSumLogo.4a861ee5de28.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 59px 58px;
    background-color: #fff; }
  #crm-content .member-head {
    font-size: 20px;
    color: #4a4a4a;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center; }
  #crm-content .summary-span {
    font-size: 12px;
    font-weight: bold;
    color: #4a90e2;
    float: right;
    margin-right: 20px; }
  #crm-content .member-desc {
    font-size: 12px;
    color: #9b9b9b;
    text-align: center;
    margin-bottom: 40px; }
  #crm-content .subhead {
    font-size: 12px;
    color: #9b9b9b;
    margin-top: 4px; }
  #crm-content .product-divider {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
    border: none;
    height: 1px;
    background-color: #dedee4; }
  #crm-content .orders-text {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    text-align: center;
    color: #9b9b9b;
    margin-bottom: 15px; }
  #crm-content .orders-blue {
    font-size: 18px;
    color: #4a90e2; }
  #crm-content .pagination i {
    font-size: 14px; }
  #crm-content #meter {
    width: 100%;
    height: 6px;
    border-radius: 6px;
    background-color: #e8e8e8;
    margin-bottom: 20px;
    position: relative; }
  #crm-content #fill-meter {
    width: 60%;
    height: 6px;
    position: absolute;
    border-radius: 6px;
    background-color: #7ed321; }
  #crm-content .popup-logo {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    background-color: #ececec;
    margin-left: 20px; }
  #crm-content .popup-title {
    font-size: 14px;
    color: #4a4a4a;
    font-weight: normal;
    margin-bottom: 10px;
    margin-left: 20px;
    text-align: left; }
  #crm-content .popup-desc {
    font-size: 12px;
    color: #9b9b9b;
    line-height: 16px;
    font-weight: normal;
    margin-left: 20px;
    text-align: left;
    width: 400px; }
  #crm-content .popup-hr {
    width: 100px;
    height: 1px;
    border: 0;
    background-color: #ececec;
    color: #ececec;
    border-color: #ececec;
    margin: 0 auto;
    margin-bottom: 20px; }
  #crm-content .payment-row {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #f7f7f7; }
  #crm-content .payment-row-text {
    line-height: 40px;
    color: #4a4a4a; }
  #crm-content .content-form input {
    width: 100%;
    height: 30px;
    background: #fff;
    border: none;
    border-bottom: 1px dashed #d9d9d9;
    box-shadow: none;
    border-radius: 0;
    font-size: 12px;
    color: #4a4a4a;
    line-height: normal;
    transition: all .5s ease-in-out; }
    #crm-content .content-form input[type=checkbox] {
      width: initial;
      height: initial;
      margin: 0 10px 0 0; }
  #crm-content .content-form label {
    font-size: 12px;
    font-weight: 400;
    line-height: 30px; }
  #crm-content .content-form .form-group {
    min-height: 50px;
    width: 100%; }
    #crm-content .content-form .form-group.has-error input {
      background: #FFF5F6;
      border-color: #E23A4E; }
  #crm-content .content-form .error {
    font-size: 12px;
    color: red;
    line-height: 12px;
    margin: 5px 0 0 0; }
  #crm-content .content-form .control-bar .app-btn {
    margin: 5px 0 0 10px; }
  #crm-content .content-form .alert-selector-container {
    min-height: 35px; }
    #crm-content .content-form .alert-selector-container label:not(.error) {
      line-height: 20px;
      color: #757575; }
    #crm-content .content-form .alert-selector-container select {
      float: right; }
  #crm-content .content-form tags-input .host {
    margin-top: 0; }
  #crm-content .content-form tags-input .tags input {
    width: 100% !important;
    background-color: transparent;
    border: none;
    font-size: 12px;
    border-bottom: 1px dashed #d9d9d9; }
  #crm-content .content-form tags-input .tags .tags-list {
    margin-bottom: 10px;
    display: inline-block; }
  #crm-content .content-form tags-input auto-complete {
    width: 100%; }
    #crm-content .content-form tags-input auto-complete .autocomplete {
      padding: 0; }
  #crm-content .popup-dropdown {
    background-color: #f2f4f6 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f4f6), color-stop(100%, #d9dadc)) ;
    background-image: -webkit-linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    background-image: -moz-linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    background-image: -ms-linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    background-image: -o-linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    background-image: linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 10px;
    appearance: none;
    border: 1px solid #d9dadc;
    border-radius: 5px;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    cursor: hand; }
  #crm-content .content-head {
    background-color: #fff ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f8f8f8)) ;
    background-image: -webkit-linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ;
    background-image: -moz-linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ;
    background-image: -ms-linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ;
    background-image: -o-linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ;
    background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ; }
  #crm-content .modal {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%; }
  #crm-content .modal-search {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999; }
  #crm-content .task-input {
    width: 100%;
    height: 30px;
    border: 1px solid #dedee4;
    -webkit-box-shadow: none;
    border-radius: 5px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 12px; }
  #crm-content .product-row {
    display: flex;
    padding: 20px;
    padding-top: 50px; }
  #crm-content .app-item {
    width: 100%;
    display: flex;
    padding: 20px;
    border: 1px solid #dedee4;
    border-radius: 5px;
    margin-bottom: 10px; }
  #crm-content #rs-circles {
    width: 100%;
    display: flex; }
  #crm-content .team-wrap {
    width: 100%;
    display: flex; }
  #crm-content .referral {
    font-size: 12px;
    font-weight: bold;
    color: #4a4a4a;
    line-height: 30px;
    border-bottom: 1px dotted #dedee4; }
    #crm-content .referral span {
      float: right;
      text-transform: uppercase;
      letter-spacing: 1px; }
  #crm-content .team-member {
    width: 80px;
    height: 80px;
    background-color: #fff;
    background-image: url("../img/crm/add-contact.ebacb0107462.png");
    background-position: center center;
    background-size: 20px 20.45px;
    background-repeat: no-repeat;
    border: 2px solid #dedee4;
    border-radius: 80px;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    cursor: hand; }
  #crm-content .member-link {
    font-size: 10px;
    color: #4a90e2; }
  #crm-content .member-circle {
    background-image: url("../img/crm/joe-avatar.png");
    background-repeat: no-repeat;
    background-size: 60px 60px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin-right: 20px; }
  #crm-content .dot-border {
    width: 49.4%;
    min-height: 100px;
    border-radius: 10px;
    border: 2px dashed #dedee4;
    padding: 20px; }
  #crm-content .member-block {
    width: 300px;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #dedee4;
    box-shadow: 0 1px 2px 0 #dedee4;
    margin-bottom: 20px;
    margin-right: 20px; }
    #crm-content .member-block p {
      text-align: center;
      font-weight: bold;
      color: #4a4a4a;
      font-size: 14px; }
  #crm-content .member-meter {
    position: relative;
    height: 20px;
    border-radius: 3px;
    background-color: #f3f3f3;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 20px; }
  #crm-content .member-fill {
    position: absolute;
    height: 20px;
    width: 40%;
    border-radius: 3px;
    background-color: #4a90e2; }
  #crm-content .email-input {
    width: 100%;
    border-radius: 5px 5px 0 0;
    border: 1px solid #dedee4;
    line-height: 40px;
    padding-left: 10px; }
  #crm-content .email-input-2 {
    width: 60%;
    border-radius: 0 5px 5px 0;
    border: 1px solid #dedee4;
    border-left: 0;
    line-height: 32px;
    padding-left: 10px; }
  #crm-content .share-area {
    width: 100%;
    border: 1px solid #dedee4;
    border-top: 0;
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 20px; }
  #crm-content .rs-circle {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 2px solid #dedee4;
    margin-right: 20px; }
  #crm-content .rc-circle {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 2px solid #dedee4;
    background-image: url("../img/crm/green-pixel.85a39539e6f1.gif");
    background-repeat: no-repeat;
    background-position: bottom;
    margin-right: 20px; }
  #crm-content .circle-fill {
    height: 40px;
    border-radius: 50px;
    border: none;
    background-color: #7ed321; }
  #crm-content .app-logo {
    width: 60px;
    height: 60px;
    background-color: none;
    background-size: 60px 60px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px;
    margin-right: 20px; }
  #crm-content #amazon-app {
    background-image: url("../img/crm/logo-amazon.4754ed8841d9.png"); }
  #crm-content #shopify-app {
    background-image: url("../img/crm/logo-shopify.18be7d769cf3.png"); }
  #crm-content #shopify-app-small {
    background-image: url("../img/crm/logo-shopify-small.f5b5e412dacc.png");
    background-size: 34px 34px; }
  #crm-content #magento-app {
    background-image: url("../img/crm/logo-magento.445aa040fe89.png?v=1.02"); }
  #crm-content .app-title {
    font-size: 14px;
    margin-bottom: 10px;
    color: #4a4a4a; }
  #crm-content .added-text {
    color: #9b9b9b;
    float: right; }
  #crm-content .app-circle-status {
    width: 10px;
    height: 10px;
    background-color: #7ed321;
    float: left;
    border-radius: 10px;
    margin-top: 3px;
    margin-right: 10px; }
  #crm-content .app-description {
    color: #9b9b9b;
    font-size: 12px;
    line-height: 16px; }
  #crm-content .product-box {
    background-color: #fff;
    border: 1px solid #dedee4;
    border-radius: 5px;
    min-width: 200px;
    margin-right: 20px; }
  #crm-content .product-box-content {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 180px;
    margin-bottom: 20px; }
  #crm-content .product-logo {
    background-color: #fff ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f3f3f3)) ;
    background-image: -webkit-linear-gradient(to bottom, #fff 0, #f3f3f3 100%) ;
    background-image: -moz-linear-gradient(to bottom, #fff 0, #f3f3f3 100%) ;
    background-image: -ms-linear-gradient(to bottom, #fff 0, #f3f3f3 100%) ;
    background-image: -o-linear-gradient(to bottom, #fff 0, #f3f3f3 100%) ;
    background-image: linear-gradient(to bottom, #fff 0, #f3f3f3 100%) ;
    width: 80px;
    height: 80px;
    border: 1px solid #dedee4;
    border-radius: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px; }
  #crm-content .bottom-action-bar {
    width: 100%;
    padding: 20px;
    background-color: #f8f8f8;
    border-top: 1px solid #dedee4;
    border-radius: 0 0 5px 5px; }
  #crm-content .apps-row {
    min-height: 200px;
    margin-right: 20px; }
  #crm-content .product-title {
    font-size: 18px;
    color: #4a4a4a;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center; }
  #crm-content .product-description {
    color: #9b9b9b;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    min-height: 60px; }
  #crm-content .modal-window-search {
    min-width: 20px;
    min-height: 20px;
    padding: 20px;
    background-color: #fff;
    z-index: 991;
    border-radius: 10px;
    position: relative; }
  #crm-content .modal-close {
    width: 8.49px;
    height: 8.49px;
    background-image: url("../img/crm/icon-close.606c08ecf6fb.png");
    background-repeat: no-repeat;
    background-size: 8.49px 8.49px;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 20px;
    margin-right: 20px; }
    #crm-content .modal-close:hover {
      background-image: url("../img/crm/icon-close-blue.8180b5b52ca9.png"); }
  #crm-content .modal-window {
    width: 540px;
    min-height: 200px;
    background-color: #fff;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 991;
    border-radius: 0 0 10px 10px; }
  #crm-content .modal-head {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px; }
  #crm-content .modal-content {
    width: 100%;
    min-height: 50px;
    padding: 20px;
    background-color: #f3f3f3;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9; }
  #crm-content .modal-foot {
    text-align: center; }
  #crm-content .modal-title {
    font-size: 24px;
    color: #4a4a4a; }
  #crm-content .modal-desc {
    font-size: 14px;
    color: #9b9b9b;
    margin-top: 10px; }
  #crm-content .modal-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 990;
    overflow: hidden; }
  #crm-content .popup-icon {
    margin: 0 auto;
    margin-bottom: 20px; }
  #crm-content .icon-calendar {
    width: 53px;
    height: 50px;
    background-image: url("../img/crm/icon-popup-calendar.ba2718551394.png");
    background-repeat: no-repeat;
    background-size: 53px 50px; }
  #crm-content .input-text {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 40px;
    padding-left: 20px;
    margin-bottom: 10px; }
  #crm-content .input-text-search {
    width: 400px;
    height: 40px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px 0 0 5px;
    border-right: none;
    font-size: 14px;
    color: #d9d9d9;
    line-height: 40px;
    padding-left: 20px; }
  #crm-content .input-textarea {
    width: 100%;
    min-height: 120px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 20px;
    padding-left: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
    resize: vertical; }
  #crm-content .modal-subhead {
    font-size: 12px;
    color: #a9a9a9;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
    margin-top: 20px; }
  #crm-content .icon-plus-big {
    width: 30px;
    height: 30px;
    background-image: url("../img/crm/icon-plus-big-grey.05277711b62c.png");
    background-repeat: no-repeat;
    background-size: 30px 30px; }
    #crm-content .icon-plus-big:hover {
      background-image: url("../img/crm/icon-plus-big-blue.f5f3ce103d3d.png"); }
  #crm-content header {
    background-color: #808fb2 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808fb2), color-stop(100%, #55617c)) ;
    background-image: -webkit-linear-gradient(to bottom, #808fb2 0, #55617c 100%) ;
    background-image: -moz-linear-gradient(to bottom, #808fb2 0, #55617c 100%) ;
    background-image: -ms-linear-gradient(to bottom, #808fb2 0, #55617c 100%) ;
    background-image: -o-linear-gradient(to bottom, #808fb2 0, #55617c 100%) ;
    background-image: linear-gradient(to bottom, #808fb2 0, #55617c 100%) ;
    flex: none;
    height: 50px;
    width: 100%;
    background: #808fb2;
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#808fb2', endcolorstr='#55617c', gradienttype=0);
    position: fixed;
    z-index: 9999; }
  #crm-content footer {
    width: 100%;
    height: 100px;
    text-align: center;
    display: none; }
    #crm-content footer p {
      line-height: 100px;
      font-size: 12px;
      color: #9b9b9b; }
  #crm-content #container {
    display: flex;
    flex: 1 0 auto;
    margin-top: 50px; }
  #crm-content .control-bar {
    width: 100%;
    padding: 10px 20px 10px 20px;
    border-bottom: 1px solid #dedee4;
    height: 60px;
    position: absolute;
    background-color: white;
    z-index: 2;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
    #crm-content .control-bar .stats-container {
      padding-top: 6px; }
    #crm-content .control-bar .options-container {
      padding: 6px 0 0 0; }
      #crm-content .control-bar .options-container ul {
        padding: 0;
        margin: 0; }
    #crm-content .control-bar .buttons-container {
      padding: 5px 0 0 0; }
      #crm-content .control-bar .buttons-container > * {
        display: inline-table;
        vertical-align: middle; }
      #crm-content .control-bar .buttons-container .info-block {
        margin-top: 1px; }
      #crm-content .control-bar .buttons-container > .app-btn {
        margin-left: 20px; }
        #crm-content .control-bar .buttons-container > .app-btn.delete-contacts i {
          top: 2px; }
        #crm-content .control-bar .buttons-container > .app-btn:last-child {
          margin-right: 16px; }
      #crm-content .control-bar .buttons-container > .app-btn-group {
        margin-left: 20px; }
        #crm-content .control-bar .buttons-container > .app-btn-group .app-btn {
          display: inline-block;
          height: 28px;
          line-height: 28px;
          margin: 0;
          padding: 0 15px;
          text-align: center;
          vertical-align: middle;
          white-space: nowrap; }
      #crm-content .control-bar .buttons-container > .app-btn[disabled=disabled] {
        opacity: .4; }
    #crm-content .control-bar .errors {
      width: 250px;
      line-height: 39px;
      margin: 0;
      display: inline-block; }
      #crm-content .control-bar .errors .error {
        color: red; }
    #crm-content .control-bar:last-of-type:not(:first-of-type) {
      bottom: 0;
      left: 0;
      border-top: 1px solid #dedee4;
      border-bottom: none;
      border-radius: 0;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px; }
  #crm-content .controls {
    padding: 60px 0 60px 0; }
    #crm-content .controls #table-content {
      overflow: hidden; }
  #crm-content .controls-top {
    padding: 60px 0 0 0; }
  #crm-content .controls-top {
    padding-top: 60px; }
  #crm-content.events-content #table #table-content, #crm-content .events-content #table #table-content {
    padding-top: 60px; }
  #crm-content .contact-info-container {
    background-color: #f8f8f8 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(100%, #fff)) ;
    background-image: -webkit-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -moz-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -ms-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -o-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#f8f8f8', endcolorstr='#ffffff', gradienttype=0);
    height: 100%;
    border-right: 1px solid #dedee4;
    width: 35%;
    max-width: 400px; }
    #crm-content .contact-info-container .contact-info-card {
      display: inline-block;
      word-break: break-all;
      width: 100%;
      background: #fff;
      border: 1px solid #dedee4;
      border-radius: 5px;
      text-align: center;
      transition: all .2s ease-in-out; }
      #crm-content .contact-info-container .contact-info-card p {
        color: #565b63;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        text-align: center;
        font-size: 12px; }
      #crm-content .contact-info-container .contact-info-card .info-container {
        min-height: 22px;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        #crm-content .contact-info-container .contact-info-card .info-container a {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        #crm-content .contact-info-container .contact-info-card .info-container .split-info {
          margin-bottom: 5px;
          padding-left: 10px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
          #crm-content .contact-info-container .contact-info-card .info-container .split-info:first-of-type {
            border-right: 1px solid #dedee4;
            padding-right: 10px;
            padding-left: 0px; }
      #crm-content .contact-info-container .contact-info-card .contact-avatar-container {
        min-height: 210px;
        position: relative;
        display: inline-block;
        text-align: center;
        padding: 40px 0 20px 0; }
        #crm-content .contact-info-container .contact-info-card .contact-avatar-container:hover .contact-avatar-dropzone {
          display: block;
          opacity: .8;
          transition: all .2s ease-in-out; }
        #crm-content .contact-info-container .contact-info-card .contact-avatar-container .contact-avatar {
          width: 150px;
          height: 150px;
          background-color: transparent;
          border-radius: 150px;
          margin: 0 auto;
          background-image: url("../img/crm/icon-big-contact-avatar.b17ce0c930e7.png");
          background-repeat: no-repeat;
          background-size: 150px 150px;
          background-position: center center;
          transition: all .2s ease-in-out; }
        #crm-content .contact-info-container .contact-info-card .contact-avatar-container .contact-avatar-dropzone {
          width: 150px;
          height: 150px;
          background-color: #000;
          border-radius: 150px;
          padding: 60px 0 0 0;
          position: absolute;
          opacity: 0;
          display: none;
          cursor: pointer;
          transition: all .2s ease-in-out; }
          #crm-content .contact-info-container .contact-info-card .contact-avatar-container .contact-avatar-dropzone .dz-preview {
            display: none; }
          #crm-content .contact-info-container .contact-info-card .contact-avatar-container .contact-avatar-dropzone .icon {
            color: white;
            font-size: 30px;
            float: none;
            vertical-align: middle;
            text-align: center; }
            #crm-content .contact-info-container .contact-info-card .contact-avatar-container .contact-avatar-dropzone .icon.delete-image {
              font-size: 27px; }
      #crm-content .contact-info-container .contact-info-card .contact-name-container {
        border-bottom: 1px solid #dedee4;
        min-height: 146px;
        padding: 0 10px 30px 10px; }
        #crm-content .contact-info-container .contact-info-card .contact-name-container .contact-name {
          font-size: 24px !important;
          margin-bottom: 20px;
          min-height: 34px; }
      #crm-content .contact-info-container .contact-info-card .contact-address-container {
        border-bottom: 1px solid #dedee4;
        min-height: 147px;
        padding: 30px 10px 30px 10px; }
        #crm-content .contact-info-container .contact-info-card .contact-address-container .full-address {
          margin-bottom: 10px; }
      #crm-content .contact-info-container .contact-info-card .contact-contacts-container {
        border-bottom: 1px solid #dedee4;
        min-height: 120px;
        padding: 30px 10px 30px 10px; }
      #crm-content .contact-info-container .contact-info-card .contact-controls-container {
        height: 50px; }
        #crm-content .contact-info-container .contact-info-card .contact-controls-container button {
          margin-top: 10px; }
          #crm-content .contact-info-container .contact-info-card .contact-controls-container button:first-child {
            margin-right: 10px; }
  #crm-content #icon-bar {
    width: 100%;
    padding: 40px;
    border-bottom: 1px solid #dedee4;
    display: flex; }
  #crm-content .icon-col {
    background-color: #fff;
    background-image: url("../img/crm/icon-bar-ph.c72e273b0255.png");
    background-repeat: no-repeat;
    background-size: 40px 40px;
    min-width: 100px;
    min-height: 40px;
    flex: 1;
    padding-left: 50px;
    padding-top: 6px; }
  #crm-content .icon-col-number {
    font-size: 12px;
    line-height: 14px;
    color: #4a4a4a;
    margin: 0; }
  #crm-content .icon-col-title {
    font-size: 12px;
    line-height: 14px;
    color: #cacaca; }
  #crm-content #logo {
    width: 133px;
    height: 24px;
    margin-left: 32px;
    margin-top: 12px;
    background-image: url("../img/crm/rc-logo.0eb5cd54b021.png");
    background-repeat: no-repeat;
    background-size: 133px 24px; }
  #crm-content .events-month-title {
    margin-top: 0px;
    display: block !important;
    min-width: 200px;
    height: 28px;
    text-align: center;
    line-height: 29px;
    color: #4a4a4a; }
    #crm-content .events-month-title:first-letter {
      text-transform: uppercase; }
  #crm-content .arrow-left-events, #crm-content .arrow-right-events {
    width: 25px;
    height: 35px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 7.3px 11.95px; }
  #crm-content .arrow-left-events {
    background-position: 0% 8px;
    background-image: url("../img/crm/arrow-left-grey.2ad84f98d965.png"); }
  #crm-content .arrow-right-events {
    background-position: 100% 8px;
    background-image: url("../img/crm/arrow-right-grey.2d4965a30317.png");
    margin-right: 20px; }
  #crm-content #arrow-white {
    width: 8px;
    height: 14px;
    margin-left: 32px;
    margin-top: 17px;
    background-image: url("../img/crm/arrow-white.bacf32385e9d.png");
    background-repeat: no-repeat;
    background-size: 8px 14px; }
  #crm-content #search-2 {
    width: 16px;
    height: 16px;
    margin-top: 10px;
    transition: all .2s ease-in-out;
    background-image: url("../img/crm/search-grey.5b6af05dced5.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: none; }
  #crm-content #sort-bar {
    width: 100%;
    max-height: 75px;
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #dedee4; }
    #crm-content #sort-bar .info-bar > * {
      display: inline-table;
      vertical-align: middle;
      margin-top: 9px; }
  #crm-content #table {
    display: flex;
    background-color: #fff;
    height: 100%;
    border-radius: 4px; }
    #crm-content #table .empty-message {
      display: inline-block;
      width: 100%;
      height: 50px;
      vertical-align: middle;
      font-size: 20px;
      line-height: 50px; }
  #crm-content .contacts-list .contact {
    min-height: 55px; }
    #crm-content .contacts-list .contact:hover .row-avatar, #crm-content .contacts-list .contact.selected .row-avatar {
      background-image: url("../img/crm/icon-big-contact-avatar-active.f5890385965f.png"); }
  #crm-content #table-2 {
    display: flex;
    flex: 1;
    background-color: #fff; }
  #crm-content .notes-list .tab-content.content {
    width: 100%; }
  #crm-content #notes-bar {
    width: 255px;
    background-color: #fff;
    border-right: 1px solid #dedee4; }
    #crm-content #notes-bar .notes-tabs {
      display: flex;
      width: 100%;
      height: 75px;
      transition: all .2s ease-in-out; }
      #crm-content #notes-bar .notes-tabs .note-tab {
        flex: 1;
        border-bottom: 1px solid #dedee4;
        border-right: 1px solid #efefef; }
        #crm-content #notes-bar .notes-tabs .note-tab.active, #crm-content #notes-bar .notes-tabs body .custom-dropdown.open .note-tab.control-more, body .custom-dropdown.open #crm-content #notes-bar .notes-tabs .note-tab.control-more {
          border-bottom: none; }
        #crm-content #notes-bar .notes-tabs .note-tab:first-child {
          background-image: url("../img/crm/icon flag.png");
          background-repeat: no-repeat;
          background-size: 20px 20px;
          background-position: center center;
          border-left: none; }
        #crm-content #notes-bar .notes-tabs .note-tab:nth-child(2) {
          background-image: url("../img/crm/icon calendar alt.png");
          background-repeat: no-repeat;
          background-size: 20px 20px;
          background-position: center center; }
        #crm-content #notes-bar .notes-tabs .note-tab:last-child {
          background-image: url("../img/crm/icon dollar sign.png");
          background-repeat: no-repeat;
          background-size: 20px 20px;
          background-position: center center;
          border-right: none; }
    #crm-content #notes-bar .notes-container {
      overflow: auto;
      height: 785px; }
      #crm-content #notes-bar .notes-container .note {
        width: 100%;
        min-height: 20px;
        background-color: #fff;
        border-bottom: 1px solid #efefef;
        padding: 15px;
        cursor: pointer; }
        #crm-content #notes-bar .notes-container .note:hover, #crm-content #notes-bar .notes-container .note.active, #crm-content #notes-bar .notes-container body .custom-dropdown.open .note.control-more, body .custom-dropdown.open #crm-content #notes-bar .notes-container .note.control-more {
          background-image: -webkit-linear-gradient(-90deg, #fff 0%, #f8f8f8 100%);
          background-image: -moz-linear-gradient(-90deg, #fff 0%, #f8f8f8 100%);
          background-image: -ms-linear-gradient(-90deg, #fff 0%, #f8f8f8 100%);
          background-image: -o-linear-gradient(-90deg, #fff 0%, #f8f8f8 100%);
          background-image: linear, -90deg, #fff 0%, #f8f8f8 100%;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
          filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#f8f8f8', gradienttype=0); }
        #crm-content #notes-bar .notes-container .note .note-title-container {
          display: inline-block; }
          #crm-content #notes-bar .notes-container .note .note-title-container .note-title {
            color: #4a4a4a;
            display: inline;
            word-break: break-word; }
            #crm-content #notes-bar .notes-container .note .note-title-container .note-title:hover {
              color: #4a90e2; }
            #crm-content #notes-bar .notes-container .note .note-title-container .note-title .note-date {
              font-size: 12px;
              font-style: italic;
              color: #dcdcdc; }
          #crm-content #notes-bar .notes-container .note .note-title-container h5 {
            display: inline; }
          #crm-content #notes-bar .notes-container .note .note-title-container .note-circle {
            width: 10px;
            height: 10px;
            border-radius: 9px;
            margin: 5px 5px 0 0; }
            #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.red, #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.red:hover {
              background-color: #ff255d; }
            #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.orange, #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.orange:hover {
              background-color: #ff8a01; }
            #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.yellow, #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.yellow:hover {
              background-color: #ffc502; }
            #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.green, #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.green:hover {
              background-color: #59d531; }
            #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.blue, #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.blue:hover {
              background-color: #18a4f7; }
            #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.purple, #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.purple:hover {
              background-color: #c668dd; }
            #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.brown, #crm-content #notes-bar .notes-container .note .note-title-container .note-circle.brown:hover {
              background-color: #987854; }
        #crm-content #notes-bar .notes-container .note .note-short {
          font-size: 11px;
          line-height: 14px;
          margin-top: 10px;
          color: #999; }
  #crm-content .note-detail-container [placeholder]:empty:before {
    content: attr(placeholder);
    color: #999 !important; }
  #crm-content .note-detail-container [placeholder]:empty:focus:before {
    content: ""; }
  #crm-content .note-detail-container .note-header {
    width: 100%;
    border-bottom: 1px solid #edeced;
    padding: 10px;
    display: inline-block; }
    #crm-content .note-detail-container .note-header .color-picker {
      margin: 7px 7px 5px 4px; }
    #crm-content .note-detail-container .note-header h3 {
      display: inline-block;
      line-height: 35px;
      word-break: break-word;
      padding-left: 4px;
      margin: 0; }
  #crm-content .note-detail-container .note-content {
    padding: 15px 10px; }
    #crm-content .note-detail-container .note-content .note-description {
      font-size: 14px;
      line-height: 18px;
      color: #555;
      margin-bottom: 15px; }
      #crm-content .note-detail-container .note-content .note-description > div {
        font-size: 14px; }
    #crm-content .note-detail-container .note-content .tags-and-contact-container tags-input {
      float: left;
      width: calc(100% - 250px); }
    #crm-content .note-detail-container .note-content .tags-and-contact-container tags-input[name=contact] .tag-list {
      display: none; }
    #crm-content .note-detail-container .note-content .tags-and-contact-container tags-input .input {
      width: 280px !important;
      border-bottom: none; }
    #crm-content .note-detail-container .note-content .tags-and-contact-container .contact-info {
      width: 250px; }
      #crm-content .note-detail-container .note-content .tags-and-contact-container .contact-info .contact-profile-image {
        height: 30px;
        width: 30px;
        border-radius: 17px;
        background-repeat: no-repeat;
        background-image: url("../img/crm/icon-big-contact-avatar.b17ce0c930e7.png");
        background-size: 30px 30px;
        margin: 5px 10px 5px 5px; }
      #crm-content .note-detail-container .note-content .tags-and-contact-container .contact-info .contact-name {
        line-height: 40px;
        display: block; }
      #crm-content .note-detail-container .note-content .tags-and-contact-container .contact-info:hover .contact-name {
        color: #4990e2; }
  #crm-content .note-detail-container .popover-content {
    padding: 0; }
  #crm-content mwl-calendar {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    flex-direction: row;
    -webkit-flex-direction: row;
    background-color: #fff;
    padding-top: 60px;
    height: 100%;
    border-radius: 4px; }
    #crm-content mwl-calendar .cal-context {
      display: flex;
      flex: 1;
      flex-direction: column;
      -webkit-flex-direction: column; }
      #crm-content mwl-calendar .cal-context .cal-month-box, #crm-content mwl-calendar .cal-context .cal-week-box, #crm-content mwl-calendar .cal-context .cal-year-box {
        border: none; }
      #crm-content mwl-calendar .cal-context .cal-slide-box, #crm-content mwl-calendar .cal-context .cal-day-tick {
        display: none; }
      #crm-content mwl-calendar .cal-context .events-list {
        width: 100%;
        padding: 0 15px;
        z-index: inherit; }
        #crm-content mwl-calendar .cal-context .events-list .event {
          box-shadow: none; }
          #crm-content mwl-calendar .cal-context .events-list .event.red, #crm-content mwl-calendar .cal-context .events-list .event.red:hover {
            background-color: #ff255d; }
          #crm-content mwl-calendar .cal-context .events-list .event.orange, #crm-content mwl-calendar .cal-context .events-list .event.orange:hover {
            background-color: #ff8a01; }
          #crm-content mwl-calendar .cal-context .events-list .event.yellow, #crm-content mwl-calendar .cal-context .events-list .event.yellow:hover {
            background-color: #ffc502; }
          #crm-content mwl-calendar .cal-context .events-list .event.green, #crm-content mwl-calendar .cal-context .events-list .event.green:hover {
            background-color: #59d531; }
          #crm-content mwl-calendar .cal-context .events-list .event.blue, #crm-content mwl-calendar .cal-context .events-list .event.blue:hover {
            background-color: #18a4f7; }
          #crm-content mwl-calendar .cal-context .events-list .event.purple, #crm-content mwl-calendar .cal-context .events-list .event.purple:hover {
            background-color: #c668dd; }
          #crm-content mwl-calendar .cal-context .events-list .event.brown, #crm-content mwl-calendar .cal-context .events-list .event.brown:hover {
            background-color: #987854; }
      #crm-content mwl-calendar .cal-context .events-col .cal-month-day.cal-day-today {
        background-color: inherit; }
      #crm-content mwl-calendar .cal-context .events-col span[data-cal-date] {
        cursor: pointer; }
      #crm-content mwl-calendar .cal-context .cal-day-box .cal-row-head {
        display: none; }
      #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel {
        border: none; }
        #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .day-event {
          margin: 0 0 0 20px;
          padding: 0 !important; }
        #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour {
          z-index: 1; }
          #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour {
            display: flex;
            display: -webkit-flex;
            height: 40px;
            -webkit-flex-direction: row;
            flex-direction: row; }
            #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour:nth-child(odd) {
              background-color: #fff; }
            #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour:last-of-type .cal-day-events .cal-day-hour-part:last-of-type {
              border-bottom: none; }
            #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .hour-label {
              max-width: 80px;
              border-right: 1px solid #efefef;
              border-bottom: 1px solid #efefef;
              text-align: center;
              flex: 1;
              -webkit-flex: 1; }
              #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .hour-label p {
                font-size: 11px;
                color: #909090;
                line-height: 40px;
                vertical-align: middle; }
            #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .cal-day-events {
              flex: 1;
              -webkit-flex: 1;
              border-right: 1px solid #efefef; }
              #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .cal-day-events .cal-day-hour-part {
                height: 20px;
                border-bottom: 1px dotted #D1D1D1; }
                #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .cal-day-events .cal-day-hour-part:nth-child(2) {
                  border-bottom: 1px solid #D1D1D1; }
                #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-day-panel-hour .cal-day-hour .cal-day-events .cal-day-hour-part:hover {
                  background-color: #eef9fd; }
        #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-days-events-panel {
          width: 100%;
          height: 100%;
          position: absolute;
          display: flex;
          padding: 0 60px 0 20px; }
          #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-days-events-panel .cal-day-events-panel {
            flex: 1;
            position: relative;
            -webkit-box-shadow: inset -4px 0 0 0 white, inset 4px 0 0 0 white;
            -moz-box-shadow: inset -4px 0 0 0 white, inset 4px 0 0 0 white;
            box-shadow: inset -4px 0 0 0 white, inset 4px 0 0 0 white;
            z-index: 2; }
            #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-days-events-panel .cal-day-events-panel.first {
              -webkit-box-shadow: inset -4px 0 0 0 white;
              -moz-box-shadow: inset -4px 0 0 0 white;
              box-shadow: inset -4px 0 0 0 white; }
            #crm-content mwl-calendar .cal-context .cal-day-box .cal-day-panel .cal-days-events-panel .cal-day-events-panel .cal-day-event {
              position: absolute; }
      #crm-content mwl-calendar .cal-context .cal-week-box [data-event-class] {
        padding: 0 !important; }
      #crm-content mwl-calendar .cal-context .cal-week-box span[data-cal-date] {
        margin: 0; }
      #crm-content mwl-calendar .cal-context .cal-week-box .row {
        background-image: none; }
        #crm-content mwl-calendar .cal-context .cal-week-box .row .col-xs-12 {
          padding: 0; }
      #crm-content mwl-calendar .cal-context .cal-year-box .row {
        display: flex;
        flex: 1;
        -webkit-flex-direction: row;
        flex-direction: row; }
      #crm-content mwl-calendar .cal-context mwl-calendar-week .events-header-col {
        height: 44px;
        padding: 5px 0 5px 0; }
        #crm-content mwl-calendar .cal-context mwl-calendar-week .events-header-col:hover {
          background-color: #ededed; }
        #crm-content mwl-calendar .cal-context mwl-calendar-week .events-header-col .week-day-label {
          font-weight: bolder;
          text-align: center;
          text-transform: capitalize; }
      #crm-content mwl-calendar .cal-context mwl-calendar-month {
        display: flex;
        flex: 1;
        flex-direction: column;
        -webkit-flex-direction: column; }
        #crm-content mwl-calendar .cal-context mwl-calendar-month .cal-month-box {
          display: flex;
          flex: 1;
          flex-direction: column;
          -webkit-flex-direction: column; }
          #crm-content mwl-calendar .cal-context mwl-calendar-month .cal-month-box > div {
            display: flex;
            flex: 1;
            flex-direction: row;
            -webkit-flex-direction: row; }
          #crm-content mwl-calendar .cal-context mwl-calendar-month .cal-month-box .cal-row-fluid {
            display: flex;
            flex: 1;
            flex-direction: row;
            -webkit-flex-direction: row; }
        #crm-content mwl-calendar .cal-context mwl-calendar-month .events-row .events-col {
          position: relative; }
          #crm-content mwl-calendar .cal-context mwl-calendar-month .events-row .events-col > ng-include {
            position: absolute;
            height: 100%;
            width: 100%; }
            #crm-content mwl-calendar .cal-context mwl-calendar-month .events-row .events-col > ng-include .cal-month-day {
              height: 100%; }
              #crm-content mwl-calendar .cal-context mwl-calendar-month .events-row .events-col > ng-include .cal-month-day .events-list {
                margin-bottom: 10px; }
    #crm-content mwl-calendar .popover {
      border: 2px solid #d4d4dc;
      border-radius: 10px;
      padding: 20px;
      width: 260px;
      cursor: initial; }
      #crm-content mwl-calendar .popover[placement="top-left"], #crm-content mwl-calendar .popover[placement="bottom-left"] {
        margin-left: -17px; }
      #crm-content mwl-calendar .popover[placement="top-right"], #crm-content mwl-calendar .popover[placement="bottom-right"] {
        margin-left: 17px; }
      #crm-content mwl-calendar .popover .popover-content {
        padding: 0;
        display: inline-block;
        width: 100%; }
      #crm-content mwl-calendar .popover .events-popup .header {
        min-height: 20px;
        display: inline-block;
        width: 100%; }
        #crm-content mwl-calendar .popover .events-popup .header .events-popup-title {
          font-size: 12px;
          font-weight: bold;
          color: #4a4a4a;
          display: inline-block;
          width: 185px;
          margin-right: 10px; }
        #crm-content mwl-calendar .popover .events-popup .header .events-arrow-down {
          width: 11.95px;
          height: 20px;
          cursor: pointer;
          background-image: url("../img/crm/arrow-down-grey.b70ca2a2493d.png");
          background-repeat: no-repeat;
          background-size: 11.95px 7.3px;
          margin-right: 10px;
          margin-top: 2px; }
        #crm-content mwl-calendar .popover .events-popup .header .events-pencil {
          width: 15px;
          height: 15px;
          cursor: pointer;
          background-image: url("../img/crm/icon-pencil-grey.e973d3fbcc41.png");
          background-repeat: no-repeat;
          background-size: 15px 15px; }
      #crm-content mwl-calendar .popover .events-popup .event-description {
        margin-top: 10px; }
        #crm-content mwl-calendar .popover .events-popup .event-description .events-popup-address {
          background-image: url("../img/crm/icon-map-pin.7533b08e488d.png");
          background-repeat: no-repeat;
          background-size: 14px 18px;
          padding-left: 26px; }
        #crm-content mwl-calendar .popover .events-popup .event-description .events-popup-time {
          background-image: url("../img/crm/icon-clock.7ad7815a37b4.png");
          background-repeat: no-repeat;
          background-size: 15px 15px;
          background-position: 1px 2px;
          padding-left: 26px;
          line-height: 16px; }
        #crm-content mwl-calendar .popover .events-popup .event-description .events-popup-desc {
          font-size: 13px;
          line-height: 14px;
          color: #9b9b9b;
          margin-bottom: 20px; }
        #crm-content mwl-calendar .popover .events-popup .event-description .events-popup-details {
          font-size: 12px;
          line-height: 18px;
          font-weight: bold;
          color: #9b9b9b;
          margin-bottom: 5px; }
      #crm-content mwl-calendar .popover .events-popup .attendees {
        display: inline-block;
        margin-top: 10px; }
        #crm-content mwl-calendar .popover .events-popup .attendees .row-avatar {
          margin: 0 10px 10px 0; }
      #crm-content mwl-calendar .popover .events-popup .attachments {
        margin-top: 10px; }
        #crm-content mwl-calendar .popover .events-popup .attachments .attachment {
          display: block;
          width: 30px;
          height: 38px;
          cursor: pointer;
          background-repeat: no-repeat;
          background-size: 30px 38px;
          margin-right: 10px; }
          #crm-content mwl-calendar .popover .events-popup .attachments .attachment.pdf {
            background-image: url("../img/crm/icon-pdf.f01cb1a4487f.png"); }
          #crm-content mwl-calendar .popover .events-popup .attachments .attachment.image {
            background-image: url("../img/crm/icon-image.93881876f7bb.png"); }
          #crm-content mwl-calendar .popover .events-popup .attachments .attachment.doc {
            background-image: url("../img/crm/icon-doc.4891a880cf15.png"); }
    #crm-content mwl-calendar .current-time-line {
      position: absolute;
      display: flex;
      width: calc(100% - 80px);
      height: 1px;
      border: 1px dashed #ff332b;
      z-index: 3; }
      #crm-content mwl-calendar .current-time-line.day-view {
        right: 0; }
      #crm-content mwl-calendar .current-time-line .current-day-panel {
        flex: 1;
        position: relative; }
        #crm-content mwl-calendar .current-time-line .current-day-panel .current-day-circle {
          height: 10px;
          width: 10px;
          position: absolute;
          background-color: #ff332b;
          border-radius: 7px;
          left: -5px;
          top: -5px; }
    #crm-content mwl-calendar .day-event, #crm-content mwl-calendar .cal-day-event {
      color: #000;
      border: none;
      background-color: rgba(221, 221, 221, 0.7);
      white-space: inherit;
      z-index: 2 !important; }
      #crm-content mwl-calendar .day-event:hover, #crm-content mwl-calendar .cal-day-event:hover {
        color: #000;
        background-color: rgba(221, 221, 221, 0.7); }
        #crm-content mwl-calendar .day-event:hover .line, #crm-content mwl-calendar .cal-day-event:hover .line {
          background-color: #989898; }
      #crm-content mwl-calendar .day-event.red, #crm-content mwl-calendar .day-event.red:hover, #crm-content mwl-calendar .cal-day-event.red, #crm-content mwl-calendar .cal-day-event.red:hover {
        background-color: rgba(255, 207, 220, 0.7); }
        #crm-content mwl-calendar .day-event.red .line, #crm-content mwl-calendar .day-event.red:hover .line, #crm-content mwl-calendar .cal-day-event.red .line, #crm-content mwl-calendar .cal-day-event.red:hover .line {
          background-color: #ff255d; }
      #crm-content mwl-calendar .day-event.orange, #crm-content mwl-calendar .day-event.orange:hover, #crm-content mwl-calendar .cal-day-event.orange, #crm-content mwl-calendar .cal-day-event.orange:hover {
        background-color: rgba(255, 230, 197, 0.7); }
        #crm-content mwl-calendar .day-event.orange .line, #crm-content mwl-calendar .day-event.orange:hover .line, #crm-content mwl-calendar .cal-day-event.orange .line, #crm-content mwl-calendar .cal-day-event.orange:hover .line {
          background-color: #ff8a01; }
      #crm-content mwl-calendar .day-event.yellow, #crm-content mwl-calendar .day-event.yellow:hover, #crm-content mwl-calendar .cal-day-event.yellow, #crm-content mwl-calendar .cal-day-event.yellow:hover {
        background-color: rgba(255, 243, 197, 0.7); }
        #crm-content mwl-calendar .day-event.yellow .line, #crm-content mwl-calendar .day-event.yellow:hover .line, #crm-content mwl-calendar .cal-day-event.yellow .line, #crm-content mwl-calendar .cal-day-event.yellow:hover .line {
          background-color: #ffc502; }
      #crm-content mwl-calendar .day-event.green, #crm-content mwl-calendar .day-event.green:hover, #crm-content mwl-calendar .cal-day-event.green, #crm-content mwl-calendar .cal-day-event.green:hover {
        background-color: rgba(219, 246, 210, 0.7); }
        #crm-content mwl-calendar .day-event.green .line, #crm-content mwl-calendar .day-event.green:hover .line, #crm-content mwl-calendar .cal-day-event.green .line, #crm-content mwl-calendar .cal-day-event.green:hover .line {
          background-color: #59d531; }
      #crm-content mwl-calendar .day-event.blue, #crm-content mwl-calendar .day-event.blue:hover, #crm-content mwl-calendar .cal-day-event.blue, #crm-content mwl-calendar .cal-day-event.blue:hover {
        background-color: rgba(203, 237, 253, 0.7); }
        #crm-content mwl-calendar .day-event.blue .line, #crm-content mwl-calendar .day-event.blue:hover .line, #crm-content mwl-calendar .cal-day-event.blue .line, #crm-content mwl-calendar .cal-day-event.blue:hover .line {
          background-color: #18a4f7; }
      #crm-content mwl-calendar .day-event.purple, #crm-content mwl-calendar .day-event.purple:hover, #crm-content mwl-calendar .cal-day-event.purple, #crm-content mwl-calendar .cal-day-event.purple:hover {
        background-color: rgba(244, 223, 247, 0.7); }
        #crm-content mwl-calendar .day-event.purple .line, #crm-content mwl-calendar .day-event.purple:hover .line, #crm-content mwl-calendar .cal-day-event.purple .line, #crm-content mwl-calendar .cal-day-event.purple:hover .line {
          background-color: #c668dd; }
      #crm-content mwl-calendar .day-event.brown, #crm-content mwl-calendar .day-event.brown:hover, #crm-content mwl-calendar .cal-day-event.brown, #crm-content mwl-calendar .cal-day-event.brown:hover {
        background-color: rgba(234, 226, 219, 0.7); }
        #crm-content mwl-calendar .day-event.brown .line, #crm-content mwl-calendar .day-event.brown:hover .line, #crm-content mwl-calendar .cal-day-event.brown .line, #crm-content mwl-calendar .cal-day-event.brown:hover .line {
          background-color: #987854; }
      #crm-content mwl-calendar .day-event .line, #crm-content mwl-calendar .cal-day-event .line {
        background-color: #dddddd;
        float: left;
        height: 100%;
        width: 3px;
        margin-right: 3px; }
      #crm-content mwl-calendar .day-event .event-time, #crm-content mwl-calendar .cal-day-event .event-time {
        width: 100%;
        display: block;
        line-height: 15px;
        margin-top: 5px; }
      #crm-content mwl-calendar .day-event .event-title, #crm-content mwl-calendar .cal-day-event .event-title {
        line-height: 15px; }
  #crm-content .tag {
    font-size: 11px;
    line-height: 21px;
    color: #999;
    background: #f2f2f2;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px; }
    #crm-content .tag:hover {
      color: #fff;
      background-color: #4a90e2; }
  #crm-content .add-related-objects .popover {
    max-width: 800px !important;
    padding: 0; }
    #crm-content .add-related-objects .popover .popover-content {
      padding: 0; }
      #crm-content .add-related-objects .popover .popover-content iframe {
        border: none;
        border-radius: 5px; }
  #crm-content .contact-form-container {
    height: 100%;
    float: left;
    min-width: 65%;
    max-width: calc(100% - 400px); }
    #crm-content .contact-form-container .contact-form {
      display: inline-block;
      width: 100%;
      height: 100%;
      min-width: 640px; }
      #crm-content .contact-form-container .contact-form .contact-row-a {
        min-height: 790px;
        min-width: 320px;
        width: 50%; }
        #crm-content .contact-form-container .contact-form .contact-row-a .orders-container {
          height: 100px;
          width: 100%;
          min-width: 300px;
          overflow: scroll; }
          #crm-content .contact-form-container .contact-form .contact-row-a .orders-container .order-container {
            width: 100%;
            display: inline-block; }
            #crm-content .contact-form-container .contact-form .contact-row-a .orders-container .order-container .order-info {
              float: left; }
            #crm-content .contact-form-container .contact-form .contact-row-a .orders-container .order-container .delete-relation {
              cursor: pointer;
              float: right; }
        #crm-content .contact-form-container .contact-form .contact-row-a .section-head {
          font-size: 11px;
          text-transform: uppercase;
          font-weight: bold;
          margin-bottom: 10px; }
          #crm-content .contact-form-container .contact-form .contact-row-a .section-head:not(:first-child) {
            margin-top: 5px; }
          #crm-content .contact-form-container .contact-form .contact-row-a .section-head.add-related-objects .popover {
            top: 5px !important; }
            #crm-content .contact-form-container .contact-form .contact-row-a .section-head.add-related-objects .popover .arrow {
              top: 147px !important;
              bottom: 6px !important;
              left: auto !important;
              right: -11px !important;
              margin: 0 !important; }
          #crm-content .contact-form-container .contact-form .contact-row-a .section-head .add-orders-button {
            float: right;
            text-transform: none;
            font-weight: 400; }
        #crm-content .contact-form-container .contact-form .contact-row-a #contact-social {
          overflow: auto;
          max-height: 500px; }
          #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .delete-form-group {
            font-family: "Glyphicons Halflings";
            width: 12px;
            cursor: pointer;
            color: #4a4a4a; }
          #crm-content .contact-form-container .contact-form .contact-row-a #contact-social input {
            width: calc(100% - 34px); }
          #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon {
            display: inline-block;
            height: 14px;
            width: 14px;
            vertical-align: text-bottom;
            background-position: 0 50%;
            background-size: 14px;
            background-repeat: no-repeat; }
            #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.skype {
              background-image: url("../img/people-contact-skype.26f87d6ae21c.png"); }
            #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.facebook {
              background-image: url("../img/people-contact-facebook.f10095b54bd9.png"); }
            #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.twitter {
              background-image: url("../img/people-contact-twitter.cf311f5cccd8.png"); }
            #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.linkedin {
              background-image: url("../img/people-contact-linkedin.feebb226c3fe.png"); }
            #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.google {
              background-image: url("../img/people-contact-googleplus.0de588c14474.png"); }
          #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .custom-social .form-group {
            float: left;
            margin: 0; }
          #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .custom-social .social-name {
            width: 35%; }
          #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .custom-social .social-value {
            margin-left: 10px;
            width: calc(65% - 10px); }
          #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .custom-social input {
            width: calc(100% - 17px); }
        #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown {
          float: right; }
          #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown button {
            font-weight: 400; }
          #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li {
            border: none; }
            #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a {
              font-weight: 400;
              font-size: 12px !important;
              padding: 3px 0 3px 25px;
              background-position: 6px 50%;
              background-size: 14px;
              background-repeat: no-repeat; }
              #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.skype {
                background-image: url("../img/people-contact-skype.26f87d6ae21c.png"); }
              #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.facebook {
                background-image: url("../img/people-contact-facebook.f10095b54bd9.png"); }
              #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.twitter {
                background-image: url("../img/people-contact-twitter.cf311f5cccd8.png"); }
              #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.linkedin {
                background-image: url("../img/people-contact-linkedin.feebb226c3fe.png"); }
              #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.google {
                background-image: url("../img/people-contact-googleplus.0de588c14474.png"); }
    #crm-content .contact-form-container .control-bar .app-btn {
      margin: 5px 0 0 10px; }
  #crm-content .event-form-container {
    padding: 20px;
    border-right: 1px solid #DEDEE4;
    width: 280px; }
    #crm-content .event-form-container .event-form .popover-content {
      padding: 0 !important; }
    #crm-content .event-form-container .event-form .event-title-container {
      float: left;
      width: 200px; }
    #crm-content .event-form-container .event-form .add-related-objects .popover {
      top: 10px !important; }
      #crm-content .event-form-container .event-form .add-related-objects .popover .arrow {
        top: 332px !important; }
  #crm-content .file-upload-form {
    padding-top: 20px; }
    #crm-content .file-upload-form .name {
      word-break: break-all; }
    #crm-content .file-upload-form .fileupload-buttonbar > div {
      padding: 0; }
      #crm-content .file-upload-form .fileupload-buttonbar > div:first-of-type {
        padding-right: 10px; }
    #crm-content .file-upload-form .fileupload-buttonbar .progress {
      height: 15px;
      margin: 6px 0 10px 0; }
    #crm-content .file-upload-form .fileupload-buttonbar .fileinput-button {
      margin-right: 20px; }
    #crm-content .file-upload-form .files .preview {
      width: 30px; }
      #crm-content .file-upload-form .files .preview.pdf {
        background: url("../img/crm/icon-pdf.f01cb1a4487f.png") no-repeat 8px 10px; }
      #crm-content .file-upload-form .files .preview.image {
        background: url("../img/crm/icon-image.93881876f7bb.png") no-repeat 8px 10px; }
      #crm-content .file-upload-form .files .preview.doc {
        background: url("../img/crm/icon-doc.4891a880cf15.png") no-repeat 8px 10px; }
      #crm-content .file-upload-form .files .preview img {
        width: 40px; }
    #crm-content .file-upload-form .files .buttons-container .progress {
      height: 15px;
      margin: 6px 0 0 0;
      width: 100px; }
  #crm-content .tasks-list #filter-bar {
    width: 400px; }
    #crm-content .tasks-list #filter-bar .attendees {
      height: 30px;
      padding-left: 10px;
      font-size: 12px;
      margin-bottom: 25px; }
  #crm-content .tasks-list .task-form {
    overflow: hidden;
    margin-bottom: 15px; }
    #crm-content .tasks-list .task-form .task-input.short {
      width: 175px; }
  #crm-content .tasks-list #button-add-task {
    width: 100%;
    margin-top: 300px; }
  #crm-content .tasks-list #table-content #rows {
    display: flex;
    flex: 1;
    flex-direction: column;
    -webkit-flex: 1;
    -webkit-flex-direction: column; }
    #crm-content .tasks-list #table-content #rows .row {
      overflow: hidden;
      position: relative;
      padding-top: 12px; }
      #crm-content .tasks-list #table-content #rows .row .color-bar {
        position: absolute;
        width: 3px;
        height: calc(100% - 26px);
        left: 10px; }
      #crm-content .tasks-list #table-content #rows .row .task-info {
        padding: 0 0 0 20px; }
        #crm-content .tasks-list #table-content #rows .row .task-info .row-checkbox {
          margin: 10px 0 0 13px; }
        #crm-content .tasks-list #table-content #rows .row .task-info .info {
          margin-left: 43px; }
          #crm-content .tasks-list #table-content #rows .row .task-info .info .row-title {
            line-height: 14px; }
          #crm-content .tasks-list #table-content #rows .row .task-info .info .row-desc {
            margin-top: 3px; }
      #crm-content .tasks-list #table-content #rows .row .due-date {
        margin-bottom: 13px;
        line-height: 30px;
        text-align: right;
        width: 80px; }
      #crm-content .tasks-list #table-content #rows .row .attendees {
        display: inline-block;
        width: 100%; }
        #crm-content .tasks-list #table-content #rows .row .attendees .row-avatar {
          margin: 0 0 13px 20px; }
          #crm-content .tasks-list #table-content #rows .row .attendees .row-avatar:hover {
            background-image: url("../img/crm/icon-big-contact-avatar.b17ce0c930e7.png"); }
  #crm-content .tag-add {
    width: 10px;
    height: 10px;
    background-image: url("../img/crm/icon-plus-grey.487e71c3b55a.png");
    background-repeat: no-repeat;
    background-size: 10px 10px;
    margin-top: 5px; }
  #crm-content #btn-day {
    margin-right: -4px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px; }
  #crm-content #btn-week {
    margin-right: -4px;
    border-radius: 0;
    border-left: none;
    border-right: none; }
  #crm-content #btn-month {
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0; }
  #crm-content .filter-head {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #4a4a4a;
    border-bottom: 1px solid #efefef; }
    #crm-content .filter-head span {
      color: #4990e2; }
  #crm-content .filter-list {
    padding: 0;
    list-style-type: none; }
    #crm-content .filter-list li {
      font-size: 12px;
      color: #909090;
      margin-bottom: 20px; }
      #crm-content .filter-list li:last-child {
        margin-bottom: 40px; }
      #crm-content .filter-list li:hover {
        color: #4990e2; }
      #crm-content .filter-list li span {
        float: right;
        font-size: 10px;
        background-color: #fff;
        padding: 3px 6px 3px 6px;
        margin-top: -3px;
        border: 1px solid #d9d9e0;
        border-radius: 50px;
        color: #4a90e2; }
  #crm-content .filter-checkbox {
    margin: 0 10px 0 0; }
  #crm-content #filter-bar {
    background-color: #f8f8f8 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(100%, #fff)) ;
    background-image: -webkit-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -moz-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -ms-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -o-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    width: 200px;
    padding: 80px 20px 20px 20px;
    border-left: 1px solid #dedee4;
    font-size: 12px; }
    #crm-content #filter-bar .events-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      position: inherit;
      max-height: none; }
      #crm-content #filter-bar .events-list li {
        font-size: 12px;
        font-weight: bold;
        color: #4a4a4a;
        margin-bottom: 20px; }
        #crm-content #filter-bar .events-list li:last-child {
          margin-bottom: 40px; }
    #crm-content #filter-bar .event-create-form input {
      box-shadow: none; }
  #crm-content .events-circle-small {
    width: 9px;
    height: 9px;
    border-radius: 9px;
    margin-right: 10px;
    margin-top: 3px; }
  #crm-content .events-date-small {
    font-size: 10px;
    font-weight: normal;
    margin-left: 19px;
    color: #9b9b9b; }
  #crm-content .task-circle {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    margin-right: 10px;
    margin-top: 14px; }
  #crm-content .icon-cogwheel {
    width: 15px;
    height: 15px;
    background-image: url("../img/crm/icon-cogwheel-grey.078184eb3088.png");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    margin-top: 13px;
    margin-right: 20px; }
  #crm-content .icon-contact {
    width: 15px;
    height: 15px;
    background-image: url("../img/crm/icon-contact-grey.3f978518ab58.png");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    margin-top: 13px;
    margin-right: 10px; }
  #crm-content #table-content {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    background-color: #fff; }
    #crm-content #table-content.notes-table-content {
      display: block;
      width: 90%;
      position: relative; }
      #crm-content #table-content.notes-table-content .contact-notes-tab-container {
        margin-top: 60px; }
  #crm-content #table-content-day {
    display: none;
    flex: 1;
    background-color: #fff; }
  #crm-content #table-content-week {
    display: none;
    flex: 1;
    background-color: #fff; }
  #crm-content .events-header {
    background-color: #f8f8f8 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(100%, #fff)) ;
    background-image: -webkit-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -moz-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -ms-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -o-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    display: flex;
    border-bottom: 1px solid #efefef; }
    #crm-content .events-header:hover {
      background-color: #f0f0f0 ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(100%, #fff)) ;
      background-image: -webkit-linear-gradient(to bottom, #f0f0f0 0, #fff 100%) ;
      background-image: -moz-linear-gradient(to bottom, #f0f0f0 0, #fff 100%) ;
      background-image: -ms-linear-gradient(to bottom, #f0f0f0 0, #fff 100%) ;
      background-image: -o-linear-gradient(to bottom, #f0f0f0 0, #fff 100%) ;
      background-image: linear-gradient(to bottom, #f0f0f0 0, #fff 100%) ; }
  #crm-content .week-row {
    display: flex;
    display: -webkit-flex;
    border-bottom: 1px solid #efefef;
    height: 40px;
    flex-direction: row;
    -webkit-flex-direction: row; }
  #crm-content .week-row-p {
    font-size: 11px;
    color: #909090;
    line-height: 40px; }
  #crm-content .events-header-col {
    -webkit-flex: 1;
    flex: 1;
    text-align: center; }
  #crm-content .events-header-col-2 {
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    border-right: 1px solid #efefef; }
  #crm-content .week-row-small {
    width: 100%;
    height: 20px;
    border-bottom: 1px dotted #efefef;
    cursor: pointer;
    cursor: hand; }
    #crm-content .week-row-small:hover {
      background-color: #eef9fd; }
  #crm-content .cal-event {
    border-right: 1px solid #efefef;
    border-bottom: 1px dotted #efefef;
    height: 20px;
    float: left;
    background-color: #fff; }
    #crm-content .cal-event p {
      line-height: 20px;
      font-size: 10px;
      color: #333;
      float: left; }
  #crm-content .event-rule {
    border: none;
    height: 1px;
    background-color: #efefef;
    margin-bottom: 10px; }
  #crm-content .cal-block {
    width: 3px;
    height: 14px;
    margin-left: 3px;
    margin-top: 3px;
    margin-right: 10px;
    float: left; }
  #crm-content .block-red {
    background-color: red; }
  #crm-content .block-green {
    background-color: #7ed321; }
  #crm-content .block-orange {
    background-color: #f5a623; }
  #crm-content .events-header-title {
    text-transform: capitalize;
    line-height: 50px;
    font-size: 14px;
    font-weight: bold;
    color: #d4d4dc; }
  #crm-content .title-current {
    color: #4a4a4a; }
  #crm-content .events-row {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex: 1;
    -webkit-flex-direction: row;
    flex-direction: row;
    background-color: #fff;
    min-height: 100px; }
  #crm-content .events-col {
    flex: 1;
    -webkit-flex: 1;
    transition: all .2s ease-in-out; }
    #crm-content .events-col:hover:not(.day-highlight) {
      background-color: #f8f8f8; }
    #crm-content .events-col:hover .events-num {
      color: #4a4a4a !important; }
  #crm-content .col-current {
    background-color: #f8f8f8; }
  #crm-content .events-num {
    font-size: 12px;
    font-weight: bold;
    color: #d4d4dc;
    margin-bottom: 9px;
    transition: all .2s ease-in-out; }
  #crm-content .num-inactive {
    color: #efefef; }
  #crm-content .num-current {
    color: #4a4a4a; }
  #crm-content #events-popup-2 {
    min-width: 260px;
    min-height: 30px;
    position: absolute;
    margin-top: -240px;
    margin-left: -110px;
    background: #fff;
    border: 2px solid #d4d4dc;
    border-radius: 10px;
    padding: 20px;
    display: none;
    z-index: 999; }
  #crm-content .create-title {
    width: 250px;
    border: none;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px; }
    #crm-content .create-title:focus {
      border: none; }
  #crm-content .create-input {
    float: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-size: 14px;
    border: 1px solid #d4d4dc;
    border-radius: 3px;
    margin-right: 10px; }
    #crm-content .create-input:focus {
      border: 1px solid #d4d4dc; }
  #crm-content .create-label {
    float: left;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 24px;
    font-weight: bold;
    display: block;
    width: 100px; }
  #crm-content .calendar-input {
    margin-top: -3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    font-size: 11px;
    border: 1px solid #d4d4dc;
    border-radius: 3px;
    width: 300px; }
  #crm-content .events-avatar {
    width: 30px;
    height: 30px;
    background-image: url("../img/crm/events-popup-avatar-grey.b2e4232281f8.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    margin-right: 10px; }
  #crm-content .calendar-small-row {
    height: 20px;
    border-bottom: 1px dotted #dedee4;
    transition: all .1s ease-in-out; }
  #crm-content .calendar-small-row-2 {
    height: 20px;
    border-bottom: none;
    transition: all .1s ease-in-out; }
  #crm-content .calendar-small-p {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    background-color: #f8f8f8;
    color: #909090;
    transition: all .1s ease-in-out; }
  #crm-content .calendar-inactive {
    background-color: #fff;
    cursor: default !important; }
    #crm-content .calendar-inactive .calendar-small-p {
      background-color: #fff;
      color: #e1e1e1; }
    #crm-content .calendar-inactive:hover {
      background-color: #fff; }
      #crm-content .calendar-inactive:hover .calendar-small-p {
        background-color: #fff;
        color: #e1e1e1; }
  #crm-content #popup-arrow {
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 0;
    margin-left: -34px;
    margin-bottom: 15px;
    background-image: url("../img/crm/popup-arrow.ebbae2bd22d7.png");
    background-repeat: no-repeat;
    background-size: 15px 15px; }
  #crm-content #popup-arrow-2 {
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 0;
    margin-left: 165px;
    margin-bottom: -14px;
    background-image: url("../img/crm/popup-arrow.ebbae2bd22d7.png");
    background-repeat: no-repeat;
    background-size: 15px 15px; }
  #crm-content #profile-bar {
    padding: 70px 30px 10px 30px; }
    #crm-content #profile-bar * {
      font-size: 13px; }
    #crm-content #profile-bar .profile-info {
      display: inline-block;
      clear: both;
      width: 100%; }
      #crm-content #profile-bar .profile-info .profile-avatar-and-controls {
        display: inline-block;
        width: 100px;
        margin-right: 20px; }
        #crm-content #profile-bar .profile-info .profile-avatar-and-controls .profile-avatar-container {
          text-align: center; }
          #crm-content #profile-bar .profile-info .profile-avatar-and-controls .profile-avatar-container .profile-avatar {
            display: inline-block;
            width: 100px;
            height: 100px;
            background-size: cover !important;
            background: url("../img/crm/icon-big-contact-avatar.b17ce0c930e7.png") no-repeat 50%;
            margin-bottom: 20px;
            float: none;
            border-radius: 60px; }
        #crm-content #profile-bar .profile-info .profile-avatar-and-controls .profile-controls {
          padding: 0 10px;
          text-align: center; }
          #crm-content #profile-bar .profile-info .profile-avatar-and-controls .profile-controls .app-btn {
            font-size: 13px;
            margin: 0 3px;
            float: none; }
            #crm-content #profile-bar .profile-info .profile-avatar-and-controls .profile-controls .app-btn a {
              font-size: 13px; }
      #crm-content #profile-bar .profile-info #profile-name {
        font-size: 18px;
        color: #4a4a4a;
        margin: 0 0 5px 0; }
      #crm-content #profile-bar .profile-info #profile-arrow-down {
        width: 11.95px;
        height: 7.3px;
        background-image: url("../img/crm/arrow-down-grey.b70ca2a2493d.png");
        background-repeat: no-repeat;
        background-size: 11.95px 7.3px;
        margin-top: 7px;
        margin-right: 40px; }
      #crm-content #profile-bar .profile-info .profile-circle {
        width: 13px;
        height: 13px;
        border-radius: 13px;
        margin-right: 7px;
        margin-top: 5px; }
      #crm-content #profile-bar .profile-info .profile-details {
        display: inline-block;
        line-height: 17px;
        color: #4a4a4a;
        width: 80%; }
        #crm-content #profile-bar .profile-info .profile-details .profile-detail {
          background-repeat: no-repeat;
          background-position: 1px 50%;
          background-size: 14px;
          padding: 0 0 3px 20px;
          min-height: 20px; }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.occupation {
            background-image: url("../img/people-contact-person.4590fcbba13a.png"); }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.email {
            background-image: url("../img/Icon-RC-Email.bf60068a5ee8.png");
            background-position: 1px 3px; }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.phone {
            background-image: url("../img/people-contact-phone.d711874b033a.png");
            background-size: 17px;
            background-position: 0px -1px; }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.address {
            background-image: url("../img/people-contact-location.900d77c83d2d.png");
            background-size: 21px;
            background-position: -2px -2px; }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.description {
            background-image: url("../img/info-icon.e4ab313cb2b6.png");
            background-size: 13px;
            background-position: 2px 2px; }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.website {
            background-image: url("../img/icon-url.e57c5f52f0d6.png");
            background-position: 2px 1px;
            background-size: 14px; }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.skype {
            background-image: url("../img/people-contact-skype.26f87d6ae21c.png"); }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.facebook {
            background-image: url("../img/people-contact-facebook.f10095b54bd9.png"); }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.twitter {
            background-image: url("../img/people-contact-twitter.cf311f5cccd8.png"); }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.linkedin {
            background-image: url("../img/people-contact-linkedin.feebb226c3fe.png"); }
          #crm-content #profile-bar .profile-info .profile-details .profile-detail.google {
            background-image: url("../img/people-contact-googleplus.0de588c14474.png"); }
    #crm-content #profile-bar .additional-addresses {
      overflow: auto;
      max-height: 210px;
      margin: 10px 0 0 0; }
      #crm-content #profile-bar .additional-addresses .table-container {
        text-align: center; }
        #crm-content #profile-bar .additional-addresses .table-container .no-text-center-align {
          text-align: start; }
        #crm-content #profile-bar .additional-addresses .table-container .title {
          font-weight: 500;
          font-size: 20px;
          min-height: 25px;
          color: #383A3E;
          line-height: 24px; }
        #crm-content #profile-bar .additional-addresses .table-container .description {
          margin-top: 10px;
          color: #848893;
          font-size: 14px;
          min-height: 22px;
          font-weight: 300;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: block; }
        #crm-content #profile-bar .additional-addresses .table-container .row {
          height: 55px; }
          #crm-content #profile-bar .additional-addresses .table-container .row.header {
            height: 40px; }
          #crm-content #profile-bar .additional-addresses .table-container .row.filler {
            height: 5px; }
          #crm-content #profile-bar .additional-addresses .table-container .row > div {
            height: 100%;
            border-right: 1px solid #d4d4d4; }
            #crm-content #profile-bar .additional-addresses .table-container .row > div:last-child {
              border: none; }
        #crm-content #profile-bar .additional-addresses .table-container .panel {
          background-color: transparent;
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.07);
          border-radius: 4px;
          border: none;
          height: 48px; }
          #crm-content #profile-bar .additional-addresses .table-container .panel.active, #crm-content #profile-bar .additional-addresses .table-container body .custom-dropdown.open .panel.control-more, body .custom-dropdown.open #crm-content #profile-bar .additional-addresses .table-container .panel.control-more {
            background-color: #fff; }
          #crm-content #profile-bar .additional-addresses .table-container .panel > div {
            position: relative;
            padding: 0 10px;
            display: inline-block;
            vertical-align: middle; }
          #crm-content #profile-bar .additional-addresses .table-container .panel input[type=radio] {
            float: left;
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            margin: 0; }
          #crm-content #profile-bar .additional-addresses .table-container .panel .card-icon {
            margin: 0 10px 0 10px; }
          #crm-content #profile-bar .additional-addresses .table-container .panel .description {
            margin: 0;
            height: 100%;
            line-height: 48px;
            vertical-align: middle; }
            #crm-content #profile-bar .additional-addresses .table-container .panel .description b {
              color: black;
              font-weight: 400; }
          #crm-content #profile-bar .additional-addresses .table-container .panel .buttons-container {
            display: inline-block; }
            #crm-content #profile-bar .additional-addresses .table-container .panel .buttons-container .app-btn {
              margin-top: 9px; }
      #crm-content #profile-bar .additional-addresses .table-container {
        width: 99%;
        margin: 5px; }
  #crm-content .popover h3 {
    padding: 8px 14px;
    margin: 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    line-height: 20px; }
  #crm-content .popover .error-message {
    margin-bottom: 5px;
    color: red; }
  #crm-content .popover .app-btn {
    margin: 0 0 10px 0 !important; }
  #crm-content #profile-navigation-bar {
    width: 100%;
    display: inline-block;
    padding: 20px;
    background: #f3f3f3;
    border-bottom: 1px solid #d9d9e0; }
    #crm-content #profile-navigation-bar #hide-top {
      height: 27px; }
  #crm-content .profile-navigation {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #crm-content .profile-navigation li {
      float: left;
      font-size: 12px;
      line-height: 14px;
      border-radius: 50px;
      color: #999;
      background-color: transparent;
      margin: 0 40px 0 0; }
      #crm-content .profile-navigation li.active, #crm-content .profile-navigation body .custom-dropdown.open li.control-more, body .custom-dropdown.open #crm-content .profile-navigation li.control-more {
        background-color: #4a90e2 !important; }
        #crm-content .profile-navigation li.active a, #crm-content .profile-navigation body .custom-dropdown.open li.control-more a, body .custom-dropdown.open #crm-content .profile-navigation li.control-more a {
          color: #fff !important; }
      #crm-content .profile-navigation li:hover {
        background-color: #fff; }
      #crm-content .profile-navigation li a {
        display: block;
        padding: 8px 20px 8px 20px;
        color: #999999; }
      #crm-content .profile-navigation li span {
        font-size: 10px;
        background-color: #fff;
        padding: 3px 6px 3px 6px;
        margin-left: 5px;
        border: 1px solid #d9d9e0;
        border-radius: 50px;
        color: #4a90e2; }
  #crm-content .blue-link {
    font-size: 12px;
    color: #4a90e2; }
  #crm-content .order-num {
    font-size: 27px;
    line-height: 27px;
    color: #7ed321; }
  #crm-content .order-det {
    font-size: 10px;
    line-height: 12px;
    margin-top: 1px;
    margin-left: 10px;
    color: #4a4a4a; }
    #crm-content .order-det span {
      font-size: 12px;
      color: #d4d4d4; }
  #crm-content #table-head {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #d9d9e0; }
  #crm-content .icon-cart {
    width: 17px;
    height: 14px;
    background-image: url("../img/crm/icon-cart-grey.2cb3d484e57d.png");
    background-repeat: no-repeat;
    background-size: 17px 14px; }
  #crm-content input[type="range"] {
    width: 100%;
    height: 30px;
    margin-bottom: 20px; }
    #crm-content input[type="range"]:focus {
      outline: none; }
    #crm-content input[type="range"]:focus::-webkit-slider-runnable-track {
      background: #367ebd; }
  #crm-content input[type="range"]::-webkit-slider-thumb {
    border: 0 solid #000;
    height: 20px;
    width: 20px;
    border-radius: 30px;
    background: #4a90e2;
    cursor: hand;
    margin-top: -5px; }
  #crm-content input[type="range"]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent; }
  #crm-content input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    background: #edeeef;
    border-radius: 10px; }
  #crm-content #rows {
    width: 100%;
    display: flex;
    flex: 1;
    flex-direction: column;
    -webkit-flex: 1;
    -webkit-flex-direction: column; }
    #crm-content #rows #cart-head {
      height: 14px;
      background-image: url("../img/crm/icon-cart-grey.2cb3d484e57d.png");
      background-repeat: no-repeat;
      background-size: 17px 14px;
      background-position: center center;
      min-width: 40px; }
    #crm-content #rows .row {
      width: 100%;
      border-bottom: 1px solid #efefef;
      transition: all .2s ease-in-out; }
      #crm-content #rows .row:hover {
        background-color: #fff ;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f8f8f8)) ;
        background-image: -webkit-linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ;
        background-image: -moz-linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ;
        background-image: -ms-linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ;
        background-image: -o-linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ;
        background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%) ;
        filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff', endcolorstr='#f8f8f8', gradienttype=0); }
        #crm-content #rows .row:hover .row-checkbox {
          visibility: visible; }
        #crm-content #rows .row:hover .row-title {
          color: #4990e2; }
        #crm-content #rows .row:hover .row-details {
          display: block; }
    #crm-content #rows table {
      border-collapse: collapse;
      border-spacing: 0;
      border: none;
      width: 100%; }
    #crm-content #rows tr {
      height: 40px; }
      #crm-content #rows tr:hover {
        background-color: #f8f8f8; }
    #crm-content #rows th {
      border-bottom: 1px solid #d9d9e0;
      font-size: 12px;
      line-height: 40px;
      text-align: left;
      padding-left: 20px;
      color: #4a4a4a;
      font-weight: bold;
      min-width: 150px; }
    #crm-content #rows td {
      border-bottom: 1px solid #f1f1f1;
      font-size: 11px;
      text-align: left;
      padding-left: 20px;
      color: #9b9b9b;
      min-width: 150px; }
      #crm-content #rows td.cart-grey {
        height: 14px;
        background-image: url("../img/crm/icon-cart-grey.2cb3d484e57d.png");
        background-repeat: no-repeat;
        background-size: 17px 14px;
        background-position: center center;
        min-width: 40px; }
      #crm-content #rows td.cart-green {
        height: 14px;
        background-image: url("../img/crm/cart-icon-green.dbb68a673ad2.png");
        background-repeat: no-repeat;
        background-size: 17px 14px;
        background-position: center center;
        min-width: 40px; }
  #crm-content .contact-row-a {
    float: left;
    border-right: 1px solid #efefef;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 20px;
    flex: 1;
    -webkit-flex: 1; }
  #crm-content #card-social {
    background-color: #f8f8f8 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(100%, #fff)) ;
    background-image: -webkit-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -moz-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -ms-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: -o-linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    background-image: linear-gradient(to bottom, #f8f8f8 0, #fff 100%) ;
    width: 100%;
    height: 50px;
    border-top: 1px solid #dedee4;
    border-bottom: 1px solid #dedee4;
    margin-bottom: 40px;
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#f8f8f8', endcolorstr='#ffffff', gradienttype=0);
    padding-left: 3px; }
    #crm-content #card-social div {
      width: 50px;
      height: 48px;
      background: transparent;
      border-right: 1px solid #dedee4;
      border-left: 1px solid #fff;
      float: left;
      background-image: url("../img/crm/facebook.19b318beb736.png");
      background-repeat: no-repeat;
      background-size: 16px 17px;
      background-position: center center; }
  #crm-content .card-head {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #919baa !important;
    margin-bottom: 20px; }
  #crm-content .card-divider {
    margin-top: 35px;
    margin-bottom: 42px;
    border: none;
    height: 1px;
    background-color: #dedee4; }
  #crm-content .row-checkbox {
    margin-left: 20px;
    margin-top: 22px;
    margin-right: 20px;
    visibility: hidden; }
    #crm-content .row-checkbox:checked {
      visibility: visible !important; }
  #crm-content .row-title {
    font-size: 14px; }
  #crm-content .row-desc {
    font-size: 12px;
    color: #a4a4a4; }
  #crm-content .row-revenue {
    font-size: 18px;
    line-height: 56px;
    margin-right: 20px;
    color: #4a4a4a; }
  #crm-content .row-event {
    font-size: 11px;
    line-height: 35px;
    text-decoration: none;
    color: #4a90e2;
    margin-right: 40px;
    padding-left: 22px;
    padding-top: 1px;
    background-repeat: no-repeat;
    background-image: url("../img/crm/leads-task-icon.b49c3c54bace.png");
    background-size: 12px 13.24px; }
    #crm-content .row-event span {
      font-weight: bold; }
  #crm-content .row-status {
    background: #4a90e2;
    border: 1px solid #4a90e2;
    border-radius: 3px;
    color: #fff;
    min-width: 100px;
    height: 29px;
    margin-right: 20px;
    margin-top: 13px;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 42px;
    display: none;
    background-position: 86% center;
    background-size: 11.95px 7.3px;
    background-repeat: no-repeat;
    background-image: url("../img/crm/arrow-down-white.4ca3965e7c96.png"); }
  #crm-content .row-details {
    background: #fff;
    border: 1px solid #d4d4dc;
    border-radius: 3px;
    min-width: 100px;
    height: 29px;
    margin-right: 20px;
    margin-top: 13px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #crm-content .row-details a, #crm-content .row-details span {
      font-size: 10px;
      line-height: 26px;
      text-decoration: none;
      font-weight: bold;
      color: #4a4a4a;
      padding-left: 20px;
      padding-right: 20px;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #crm-content #sidebar {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;
    flex: 0 0 200px;
    order: -1;
    background-color: #fff;
    border-right: 1px solid #dedee4; }
  #crm-content .divider {
    width: 1px;
    height: 34px;
    background-color: #000; }
  #crm-content .big-button {
    background-color: #f2f4f6 ;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f4f6), color-stop(100%, #d9dadc)) ;
    background-image: -webkit-linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    background-image: -moz-linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    background-image: -ms-linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    background-image: -o-linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    background-image: linear-gradient(-180deg, #f2f4f6 0, #d9dadc 100%) ;
    border: 1px solid #d9dadc;
    border-radius: 5px;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    height: 34px;
    padding: 0 20px 0 20px;
    text-align: center;
    font-size: 12px;
    margin-right: 10px;
    text-transform: uppercase;
    position: relative; }
    #crm-content .big-button.import {
      margin-right: 0px; }
    #crm-content .big-button.blue-text {
      color: #4990e2; }
    #crm-content .big-button.blue-button {
      background-color: #44baf6 ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #44baf6), color-stop(100%, #408ef5)) ;
      background-image: -webkit-linear-gradient(-180deg, #44baf6 0, #408ef5 100%) ;
      background-image: -moz-linear-gradient(-180deg, #44baf6 0, #408ef5 100%) ;
      background-image: -ms-linear-gradient(-180deg, #44baf6 0, #408ef5 100%) ;
      background-image: -o-linear-gradient(-180deg, #44baf6 0, #408ef5 100%) ;
      background-image: linear-gradient(-180deg, #44baf6 0, #408ef5 100%) ;
      border-radius: 5px;
      border-color: #408ef5;
      color: #fff;
      text-shadow: 0 -1px 0 #378dc8; }
    #crm-content .big-button:hover {
      border: 1px solid #a0a0a0;
      position: relative;
      z-index: 999; }
  #crm-content .big-button-disabled {
    background: #fff;
    border: 1px solid #d4d3dc;
    border-radius: 5px;
    color: #d4d3dc;
    height: 34px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 14px;
    margin-right: 10px; }
  #crm-content .arrow-button {
    width: 34px;
    padding: 0;
    background-position: center center;
    background-size: 7.3px 11.95px;
    background-repeat: no-repeat; }
  #crm-content #previous-button {
    background-image: url("../img/crm/arrow-left-grey.2ad84f98d965.png"); }
  #crm-content #next-button {
    background-image: url("../img/crm/arrow-right-darkgrey.3ee5a0f98902.png"); }
    #crm-content #next-button:hover {
      background-image: url("../img/crm/arrow-right-white.a23aee5d07e3.png"); }
  #crm-content #sort-button {
    background-position: 81% center;
    background-size: 11.95px 7.3px;
    background-repeat: no-repeat;
    background-image: url("../img/crm/arrow-down-grey.b70ca2a2493d.png");
    padding-right: 52px; }
    #crm-content #sort-button:hover {
      background-image: url("../img/crm/arrow-down-white.4ca3965e7c96.png"); }
  #crm-content .sort-text {
    font-size: 14px;
    line-height: 35px;
    color: #d4d4dc; }
  #crm-content .nav-link {
    font-size: 14px;
    text-decoration: none;
    line-height: 50px;
    color: #9b9b9b;
    margin-left: 60px; }
  #crm-content .item {
    width: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 22px 15px;
    background-size: 20px 20px; }
    #crm-content .item:nth-child(1) {
      background-image: url("../img/crm/dashboard icon.png"); }
    #crm-content .item:nth-child(2) {
      background-image: url("../img/crm/icon folder.png"); }
    #crm-content .item:nth-child(3) {
      background-image: url("../img/crm/icon bars vertical.png"); }
    #crm-content .item:nth-child(4) {
      background-image: url("../img/crm/icon check.png"); }
    #crm-content .item:nth-child(5) {
      background-image: url("../img/crm/chat icon.png");
      border-bottom: 1px solid #dedee4; }
    #crm-content .item:nth-child(6) {
      background-image: url("../img/crm/icon star.png"); }
    #crm-content .item:nth-child(7) {
      background-image: url("../img/crm/icon dollar sign.png"); }
    #crm-content .item:nth-child(8) {
      background-image: url("../img/crm/icon flag.png"); }
    #crm-content .item:nth-child(9) {
      background-image: url("../img/crm/icon align left.png");
      display: none; }
    #crm-content .item:nth-child(10) {
      background-image: url("../img/crm/icon calendar alt.png");
      border-bottom: 1px solid #dedee4; }
    #crm-content .item:nth-child(11) {
      background-image: url("../img/crm/icon calendar date.png"); }
    #crm-content .item:nth-child(12) {
      background-image: url("../img/crm/icon download.png");
      border-bottom: 1px solid #dedee4; }
  #crm-content #sidebar-bottom {
    width: 199px;
    background-color: #fff; }
  #crm-content .grey-member {
    background-image: url("../img/crm/grey-avatar.9db0beaefe21.png"); }
  #crm-content .block-2 {
    opacity: .5;
    transition: all .5s ease-in-out; }
    #crm-content .block-2:hover {
      opacity: 1; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    #crm-content .contact-info-container .contact-info-card .contact-avatar-container .contact-avatar {
      background-size: 150px;
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    #crm-content .row-avatar {
      background-size: 30px;
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    #crm-content .contacts-list .contact:hover .row-avatar, #crm-content .contacts-list .contact.selected .row-avatar {
      background-size: 30px;
      background-image: url("../img/crm/icon-big-contact-avatar-active@2x.225cce698583.png");
      background-image: url("../img/crm/icon-big-contact-avatar-active@2x.225cce698583.png");
      background-image: url("../img/crm/icon-big-contact-avatar-active@2x.225cce698583.png");
      background-image: url("../img/crm/icon-big-contact-avatar-active@2x.225cce698583.png");
      background-image: url("../img/crm/icon-big-contact-avatar-active@2x.225cce698583.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    #crm-content #profile-bar .profile-info .profile-avatar-and-controls .profile-avatar-container .profile-avatar {
      background-size: 100px;
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-image: url("../img/crm/icon-big-contact-avatar@2x.f7a5126ec38a.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.occupation {
      background-image: url("../img/people-contact-person@2x.ce19becf3fee.png");
      background-image: url("../img/people-contact-person@2x.ce19becf3fee.png");
      background-image: url("../img/people-contact-person@2x.ce19becf3fee.png");
      background-image: url("../img/people-contact-person@2x.ce19becf3fee.png");
      background-image: url("../img/people-contact-person@2x.ce19becf3fee.png");
      background-repeat: no-repeat;
      background-position: 0 50%;
      background-size: 13px;
      background-position: 2px 2px; }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.email {
      background-image: url("../img/Icon-RC-Email@2x.9edc3e575d3d.png");
      background-image: url("../img/Icon-RC-Email@2x.9edc3e575d3d.png");
      background-image: url("../img/Icon-RC-Email@2x.9edc3e575d3d.png");
      background-image: url("../img/Icon-RC-Email@2x.9edc3e575d3d.png");
      background-image: url("../img/Icon-RC-Email@2x.9edc3e575d3d.png");
      background-repeat: no-repeat;
      background-position: 0 50%;
      background-size: 13px;
      background-position: 2px 4px; }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.phone {
      background-image: url("../img/people-contact-phone@2x.aa63602570eb.png");
      background-image: url("../img/people-contact-phone@2x.aa63602570eb.png");
      background-image: url("../img/people-contact-phone@2x.aa63602570eb.png");
      background-image: url("../img/people-contact-phone@2x.aa63602570eb.png");
      background-image: url("../img/people-contact-phone@2x.aa63602570eb.png");
      background-repeat: no-repeat;
      background-position: 0 50%;
      background-size: 13px;
      background-position: 2px 2px; }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.address {
      background-image: url("../img/people-contact-location@2x.3a38821d9584.png");
      background-image: url("../img/people-contact-location@2x.3a38821d9584.png");
      background-image: url("../img/people-contact-location@2x.3a38821d9584.png");
      background-image: url("../img/people-contact-location@2x.3a38821d9584.png");
      background-image: url("../img/people-contact-location@2x.3a38821d9584.png");
      background-repeat: no-repeat;
      background-position: 0 50%;
      background-size: 11px;
      background-position: 3px 1px; }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.description {
      background-image: url("../img/info-icon@2x.3392829baf92.png");
      background-image: url("../img/info-icon@2x.3392829baf92.png");
      background-image: url("../img/info-icon@2x.3392829baf92.png");
      background-image: url("../img/info-icon@2x.3392829baf92.png");
      background-image: url("../img/info-icon@2x.3392829baf92.png");
      background-repeat: no-repeat;
      background-position: 0 50%;
      background-size: 13px;
      background-position: 2px 2px; }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.website {
      background-image: url("../img/icon-url@2x.0b2f5ade501e.png");
      background-image: url("../img/icon-url@2x.0b2f5ade501e.png");
      background-image: url("../img/icon-url@2x.0b2f5ade501e.png");
      background-image: url("../img/icon-url@2x.0b2f5ade501e.png");
      background-image: url("../img/icon-url@2x.0b2f5ade501e.png");
      background-repeat: no-repeat;
      background-position: 0 50%;
      background-size: 13px;
      background-position: 2px 2px; }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.skype {
      background-image: url("../img/people-contact-skype@2x.90bcc18282b8.png"); }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.facebook {
      background-image: url("../img/people-contact-facebook@2x.b35123264fb3.png"); }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.twitter {
      background-image: url("../img/people-contact-twitter@2x.b34d6040499e.png"); }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.linkedin {
      background-image: url("../img/people-contact-linkedin@2x.1f8407226701.png"); }
    #crm-content #profile-bar .profile-info .profile-details .profile-detail.google {
      background-image: url("../img/people-contact-googleplus@2x.9eef65703130.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.skype {
      background-image: url("../img/people-contact-skype@2x.90bcc18282b8.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.facebook {
      background-image: url("../img/people-contact-facebook@2x.b35123264fb3.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.twitter {
      background-image: url("../img/people-contact-twitter@2x.b34d6040499e.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.linkedin {
      background-image: url("../img/people-contact-linkedin@2x.1f8407226701.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a #contact-social .social-icon.google {
      background-image: url("../img/people-contact-googleplus@2x.9eef65703130.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.skype {
      background-image: url("../img/people-contact-skype@2x.90bcc18282b8.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.facebook {
      background-image: url("../img/people-contact-facebook@2x.b35123264fb3.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.twitter {
      background-image: url("../img/people-contact-twitter@2x.b34d6040499e.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.linkedin {
      background-image: url("../img/people-contact-linkedin@2x.1f8407226701.png"); }
    #crm-content .contact-form-container .contact-form .contact-row-a .add-new-social .dropdown .dropdown-menu li a.google {
      background-image: url("../img/people-contact-googleplus@2x.9eef65703130.png"); } }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #crm-content .item:nth-child(1) {
      background-image: url("../img/crm/dashboard icon@2x.png"); }
    #crm-content .item:nth-child(2) {
      background-image: url("../img/crm/icon folder@2x.png"); }
    #crm-content .item:nth-child(3) {
      background-image: url("../img/crm/icon bars vertical@2x.png"); }
    #crm-content .item:nth-child(4) {
      background-image: url("../img/crm/icon check@2x.png"); }
    #crm-content .item:nth-child(5) {
      background-image: url("../img/crm/chat icon@2x.png"); }
    #crm-content .item:nth-child(6) {
      background-image: url("../img/crm/icon star@2x.png"); }
    #crm-content .item:nth-child(7) {
      background-image: url("../img/crm/icon dollar sign@2x.png"); }
    #crm-content .item:nth-child(8) {
      background-image: url("../img/crm/icon flag@2x.png"); }
    #crm-content .item:nth-child(9) {
      background-image: url("../img/crm/icon align left@2x.png"); }
    #crm-content .item:nth-child(10) {
      background-image: url("../img/crm/icon calendar alt@2x.png"); }
    #crm-content .item:nth-child(11) {
      background-image: url("../img/crm/icon calendar date@2x.png"); }
    #crm-content .item:nth-child(12) {
      background-image: url("../img/crm/icon download@2x.png"); }
    #crm-content #search-1 {
      background-image: url("../img/crm/search-white@2x.e65aa8458b7e.png"); }
    #crm-content #search-2 {
      background-image: url("../img/crm/search-grey@2x.883e6d3f5733.png"); }
    #crm-content #logo {
      background-image: url("../img/crm/rc-logo@2x.96bdb46e48fe.png"); }
    #crm-content #arrow-white {
      background-image: url("../img/crm/arrow-white@2x.ec086148524f.png"); }
    #crm-content #previous-button {
      background-image: url("../img/crm/arrow-left-grey@2x.dd86683d96a8.png"); }
    #crm-content #next-button {
      background-image: url("../img/crm/arrow-right-darkgrey@2x.789c8675eedd.png"); }
      #crm-content #next-button:hover {
        background-image: url("../img/crm/arrow-right-white@2x.4b72c104d04f.png"); }
    #crm-content #sort-button {
      background-image: url("../img/crm/arrow-down-grey@2x.3a518a7e0086.png"); }
      #crm-content #sort-button:hover {
        background-image: url("../img/crm/arrow-down-white@2x.9758f72d50a3.png"); }
    #crm-content .icon-col {
      background-image: url("../img/crm/icon-bar-ph@2x.bf69550879a6.png"); }
    #crm-content .row-event {
      background-image: url("../img/crm/leads-task-icon@2x.052fb9ed1b32.png"); }
    #crm-content .row-status {
      background-image: url("../img/crm/arrow-down-white@2x.9758f72d50a3.png"); }
    #crm-content .icon-cogwheel {
      background-image: url("../img/crm/icon-cogwheel-grey@2x.7d4d8224a2b7.png"); }
    #crm-content .icon-contact {
      background-image: url("../img/crm/icon-contact-grey@2x.9af1fd4bce11.png"); }
    #crm-content .tag-add {
      background-image: url("../img/crm/icon-plus-grey@2x.fba2220980f4.png"); }
    #crm-content .arrow-left-events {
      background-image: url("../img/crm/arrow-left-grey@2x.dd86683d96a8.png"); }
    #crm-content .arrow-right-events {
      background-image: url("../img/crm/arrow-right-grey@2x.64f6189c578c.png"); }
    #crm-content .events-avatar {
      background-image: url("../img/crm/events-popup-avatar-grey@2x.40c9a312bef8.png"); }
    #crm-content .events-pdf {
      background-image: url("../img/crm/icon-pdf@2x.896470053a3e.png"); }
    #crm-content .events-image {
      background-image: url("../img/crm/icon-image@2x.171cc0a50313.png"); }
    #crm-content .events-doc {
      background-image: url("../img/crm/icon-doc@2x.ac7557ea96fe.png"); }
    #crm-content .events-arrow-down {
      background-image: url("../img/crm/arrow-down-grey@2x.3a518a7e0086.png"); }
    #crm-content .events-pencil {
      background-image: url("../img/crm/icon-pencil-grey@2x.4d463fc8f435.png"); }
    #crm-content #popup-arrow {
      background-image: url("../img/crm/popup-arrow@2x.8adb7db122c4.png"); }
    #crm-content #events-popup-address {
      background-image: url("../img/crm/icon-map-pin@2x.e1b52662b6dc.png"); }
    #crm-content #events-popup-time {
      background-image: url("../img/crm/icon-clock@2x.a3a29458c573.png"); }
    #crm-content .icon-cart {
      background-image: url("../img/crm/icon-cart-grey@2x.84d994c3c601.png"); }
    #crm-content .cart-grey {
      background-image: url("../img/crm/icon-cart-grey@2x.84d994c3c601.png"); }
    #crm-content .cart-green {
      background-image: url("../img/crm/cart-icon-green@2x.ec230b138542.png"); }
    #crm-content .icon-calendar {
      background-image: url("../img/crm/icon-popup-calendar@2x.f87b775ad085.png"); }
    #crm-content .icon-plus-big {
      background-image: url("../img/crm/icon-plus-big-grey@2x.e7dc48eadfea.png"); }
      #crm-content .icon-plus-big:hover {
        background-image: url("../img/crm/icon-plus-big-blue@2x.e30329be75df.png"); }
    #crm-content .modal-close {
      background-image: url("../img/crm/icon-close@2x.73ac2d0c205a.png"); }
      #crm-content .modal-close:hover {
        background-image: url("../img/crm/icon-close-blue@2x.73e90e7c226b.png"); }
    #crm-content #card-avatar {
      background-image: url("../img/crm/avatar-lego@2x.png"); }
    #crm-content #amazon-app {
      background-image: url("../img/crm/logo-amazon@2x.2c1d7b34c0dd.png"); }
    #crm-content #shopify-app {
      background-image: url("../img/crm/logo-shopify@2x.498ba1883123.png"); }
    #crm-content #shopify-app-small {
      background-image: url("../img/crm/logo-shopify-small@2x.637348af9d7f.png"); }
    #crm-content #magento-app {
      background-image: url("../img/crm/logo-magento@2x.716b7f2071cd.png"); }
    #crm-content .member-circle {
      background-image: url("../img/crm/joe-avatar@2x.png"); }
    #crm-content .team-member {
      background-image: url("../img/crm/add-contact@2x.137c48d83a7c.png"); }
    #crm-content .grey-member {
      background-image: url("../img/crm/grey-avatar@2x.56d194de17bd.png"); }
    #crm-content #readyreturns-logo {
      background-image: url("../img/crm/rrSumLogo@2x.31a97f4e76cb.png"); }
    #crm-content #readylabels-logo {
      background-image: url("../img/crm/rlSumLogo@2x.4035f40ea204.png"); }
    #crm-content #readyshipper-logo {
      background-image: url("../img/crm/rsSumLogo@2x.8e58f88443f5.png"); }
    #crm-content #readycloud-logo {
      background-image: url("../img/crm/rcSumLogo@2x.3ef263e197a9.png"); }
    #crm-content #card-social div {
      background-image: url("../img/crm/facebook@2x.4b1854f28a6e.png"); } }
  #crm-content select:focus {
    border: 1px solid #a0a0a0; }
  #crm-content .tr-head:hover {
    background-color: #fff !important; }
  #crm-content .active-link a {
    font-weight: bold;
    color: #4a90e2;
    text-decoration: none; }
  #crm-content .saved-info {
    padding: 6px 10px;
    background-color: #f4f8ca;
    border-radius: 3px;
    margin-top: 1px;
    font-weight: bold;
    display: none; }

.ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label {
  position: absolute;
  visibility: hidden;
  top: -40px;
  display: block;
  width: 34px;
  margin-left: -18px;
  left: 50%;
  height: 20px;
  line-height: 20px;
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #888;
  text-align: center;
  font-size: 12px;
  opacity: 0;
  color: #333;
  transition-duration: 200ms, 200ms, 0;
  transition-property: opacity, top, visibility;
  transition-delay: 0, 0, 200ms; }

.ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  opacity: 1;
  top: -30px;
  visibility: visible;
  transition-delay: 200ms, 200ms, 0; }

.ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  content: " ";
  width: 0;
  height: 0;
  border: 5px solid rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px; }

.ui-slider-float .ui-slider-tip:before, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  content: " ";
  width: 0;
  height: 0;
  border: 5px solid rgba(255, 255, 255, 0);
  border-top-color: #888;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -5px; }

.ui-slider-vertical.ui-slider-float .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
  top: 50%;
  margin-top: -11px;
  width: 34px;
  margin-left: 0;
  left: -60px;
  color: #333;
  transition-duration: 200ms, 200ms, 0;
  transition-property: opacity, left, visibility;
  transition-delay: 0, 0, 200ms; }

.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  top: 50%;
  margin-top: -11px;
  left: -50px; }

.ui-slider-vertical.ui-slider-float .ui-slider-tip:after, .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  border: 5px solid rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-top-color: transparent;
  position: absolute;
  bottom: 50%;
  margin-bottom: -5px;
  right: -10px;
  margin-left: 0;
  top: auto;
  left: auto; }

.ui-slider-vertical.ui-slider-float .ui-slider-tip:before, .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  border: 5px solid rgba(255, 255, 255, 0);
  border-left-color: #888;
  border-top-color: transparent;
  position: absolute;
  bottom: 50%;
  margin-bottom: -5px;
  right: -11px;
  margin-left: 0;
  top: auto;
  left: auto; }

.ui-slider {
  position: relative;
  text-align: left; }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default; }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0; }
  .ui-slider.ui-state-disabled .ui-slider-handle {
    filter: inherit; }
  .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }
  .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em; }
  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%; }
  .ui-slider-horizontal .ui-slider-range-min {
    left: 0; }
  .ui-slider-horizontal .ui-slider-range-max {
    right: 0; }
  .ui-slider-horizontal.ui-slider-pips {
    margin-bottom: 1.4em; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }
  .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em; }
  .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%; }
  .ui-slider-vertical .ui-slider-range-min {
    bottom: 0; }
  .ui-slider-vertical .ui-slider-range-max {
    top: 0; }
  .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    left: 47px; }
    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
      border: 5px solid rgba(255, 255, 255, 0);
      border-right-color: #ffffff;
      right: auto;
      left: -10px; }
    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
      border: 5px solid rgba(255, 255, 255, 0);
      border-right-color: #888;
      right: auto;
      left: -11px; }
  .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    left: 37px; }
  .ui-slider-vertical.ui-slider-pips {
    margin-bottom: 1em;
    margin-right: 2em; }
    .ui-slider-vertical.ui-slider-pips .ui-slider-pip {
      text-align: left;
      top: auto;
      left: 20px;
      margin-left: 0;
      margin-bottom: -0.5em; }
    .ui-slider-vertical.ui-slider-pips .ui-slider-line {
      width: 3px;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 0; }
    .ui-slider-vertical.ui-slider-pips .ui-slider-label {
      top: 50%;
      left: 0.5em;
      margin-left: 0;
      margin-top: -0.5em;
      width: 2em; }

.ui-slider-float .ui-slider-handle:focus {
  outline: none; }
  .ui-slider-float .ui-slider-handle:focus .ui-slider-tip {
    outline: none; }
  .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
    outline: none; }
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
  outline: none; }
.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
  top: 42px; }
  .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    top: -10px; }
  .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255, 255, 255, 0);
    border-bottom-color: #888;
    top: -11px; }
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
  top: 32px;
  font-weight: normal; }

.ui-slider-pips .ui-slider-label {
  display: none;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -1em;
  width: 2em; }
.ui-slider-pips .ui-slider-pip-hide {
  display: none; }
.ui-slider-pips .ui-slider-pip {
  width: 2em;
  height: 1em;
  line-height: 1em;
  position: absolute;
  font-size: 0.8em;
  color: #999;
  overflow: visible;
  text-align: center;
  top: 20px;
  left: 20px;
  margin-left: -1em;
  cursor: pointer;
  user-select: none; }
.ui-slider-pips .ui-slider-line {
  background: #999;
  width: 1px;
  height: 3px;
  position: absolute;
  left: 50%; }
.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
  display: block; }
.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
  color: black;
  font-weight: bold; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-resizable-disabled .ui-resizable-handle {
  display: none; }

.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

body .ui-tooltip {
  border-width: 2px; }

[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none; }

@-webkit-keyframes highlight-flash {
  0% {
    background-color: #fff; }
  25% {
    background-color: #ffe48d; }
  50% {
    background-color: #fff; }
  75% {
    background-color: #ffe48d; }
  100% {
    background-color: #fff; } }
@keyframes highlight-flash {
  0% {
    background-color: #fff; }
  25% {
    background-color: #ffe48d; }
  50% {
    background-color: #fff; }
  75% {
    background-color: #ffe48d; }
  100% {
    background-color: #fff; } }
#payments {
  font-family: Helvetica-Neue, HelveticaNeue, Helvetica, Arial;
  height: calc(100% - 70px); }
  #payments .title {
    font-weight: 500;
    font-size: 20px;
    min-height: 25px;
    color: #383A3E;
    line-height: 24px;
    width: 100%;
    display: block; }
  #payments .description {
    color: #848893;
    font-size: 14px;
    min-height: 22px;
    font-weight: 300; }
    #payments .description.dark {
      color: #4A4A4A; }
    #payments .description.small {
      font-size: 12px; }
    #payments .description.red {
      color: rgba(211, 52, 52, 0.6); }
    #payments .description b {
      color: #4C4F58; }
  #payments .tab-content .description, #payments .section .description {
    margin-top: 10px; }
  #payments .content {
    position: relative;
    height: calc(100% - 160px); }
    #payments .content > div {
      max-width: 1100px;
      margin: 0 auto; }
    #payments .content .tab-pane {
      padding: 30px 30px 20px 30px; }
      #payments .content .tab-pane .tooltip {
        z-index: 500;
        line-height: 16px; }
  #payments .section {
    background-image: -webkit-linear-gradient(-90deg, #ECECEC 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(-90deg, #ECECEC 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(-90deg, #ECECEC 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(-90deg, #ECECEC 0%, #FFFFFF 100%);
    background-image: linear, -90deg, #ECECEC 0%, #FFFFFF 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
    padding: 30px 30px 0 30px;
    height: 160px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0.1); }
    #payments .section ul.tabs {
      display: block;
      list-style: none;
      padding: 0;
      margin-top: 30px;
      border: none; }
      #payments .section ul.tabs li {
        display: block;
        float: left;
        font-weight: 600;
        padding-right: 15px;
        padding-left: 15px;
        border-left: 1px solid #d7d7d7;
        font-family: HelveticaNeue-Medium, Helvetica;
        font-size: 13px;
        line-height: 16px; }
        #payments .section ul.tabs li:first-child {
          border: none;
          padding-left: 0; }
        #payments .section ul.tabs li:last-child {
          border: none;
          float: right; }
        #payments .section ul.tabs li a {
          outline: medium none;
          color: #2471C9; }
          #payments .section ul.tabs li a.active, #payments .section ul.tabs li body .custom-dropdown.open a.control-more, body .custom-dropdown.open #payments .section ul.tabs li a.control-more {
            color: #2D2F33; }
          #payments .section ul.tabs li a.disabled {
            color: #2D2F33;
            opacity: 0.2; }
          #payments .section ul.tabs li a:hover:not(.disabled) {
            cursor: pointer;
            color: #2471C9; }
  #payments .card-icon-old {
    height: 100%;
    width: 50px;
    float: left;
    display: inline-block;
    vertical-align: middle;
    background-size: 50px; }
    #payments .card-icon-old.visa {
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-image: url("../img/visa-icon.5bc3476222d1.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    #payments .card-icon-old.american-express {
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-image: url("../img/amex-icon.b6402e681638.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    #payments .card-icon-old.mastercard {
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-image: url("../img/mastercard-icon.d51426ef068f.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
    #payments .card-icon-old.discover {
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-image: url("../img/discover-icon.67d1414c58d5.png");
      background-repeat: no-repeat;
      background-position: 0 50%; }
  #payments .credit-card-form-old label {
    margin-bottom: 10px;
    font-weight: 300; }
  #payments .credit-card-form-old input {
    margin-right: 20px;
    text-indent: 20px; }
    #payments .credit-card-form-old input.card-zip {
      background-image: url("../img/oval-icon.2906c557fed4.png");
      background-image: url("../img/oval-icon.2906c557fed4.png");
      background-image: url("../img/oval-icon.2906c557fed4.png");
      background-image: url("../img/oval-icon.2906c557fed4.png");
      background-image: url("../img/oval-icon.2906c557fed4.png");
      background-repeat: no-repeat;
      background-position: 14px 50%;
      text-indent: 30px; }
    #payments .credit-card-form-old input.card-name {
      text-indent: 0; }
    #payments .credit-card-form-old input.card-number {
      width: 350px;
      background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
      background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
      background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
      background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
      background-image: url("../img/dialog-card-number-icon.aa324c2db204.png");
      background-repeat: no-repeat;
      background-position: 10px 50%; }
    #payments .credit-card-form-old input.card-valid-to {
      background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
      background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
      background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
      background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
      background-image: url("../img/dialog-expiry-icon.424c5726ea0e.png");
      background-repeat: no-repeat;
      background-position: 12px 50%;
      text-indent: 30px; }
    #payments .credit-card-form-old input.card-cvc {
      background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
      background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
      background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
      background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
      background-image: url("../img/dialog-cvv-icon.c572a65132ea.png");
      background-repeat: no-repeat;
      background-position: 12px 50%; }
    #payments .credit-card-form-old input.card-name, #payments .credit-card-form-old input.card-zip {
      width: 300px; }
    #payments .credit-card-form-old input.card-cvc, #payments .credit-card-form-old input.card-number {
      text-indent: 30px; }
    #payments .credit-card-form-old input.card-valid-to, #payments .credit-card-form-old input.card-cvc {
      width: 150px; }
  #payments .credit-card-form-old .row {
    padding-top: 20px; }
    #payments .credit-card-form-old .row:nth-last-of-type(2) {
      padding-bottom: 40px;
      border-bottom: 1px solid #d4d4d4; }
    #payments .credit-card-form-old .row:last-child {
      padding-bottom: 0; }
    #payments .credit-card-form-old .row button {
      float: right; }
  #payments .credit-card-form-old .payment-errors {
    color: red;
    font-size: 20px;
    font-weight: 600; }
  #payments .modal {
    text-align: center; }
    #payments .modal:before {
      display: inline-block;
      vertical-align: middle;
      content: "";
      height: 100%; }
    #payments .modal .modal-dialog {
      min-width: 300px;
      width: inherit;
      margin: 10px auto;
      display: inline-block;
      text-align: left;
      vertical-align: middle; }
      #payments .modal .modal-dialog .modal-content .modal-header {
        background-image: none;
        padding-bottom: 10px; }
        #payments .modal .modal-dialog .modal-content .modal-header .logo-container {
          background-image: url("../img/rc-touch-icon-57x57.44c911baaa58.png");
          background-image: url("../img/rc-touch-icon-57x57.44c911baaa58.png");
          background-image: url("../img/rc-touch-icon-57x57.44c911baaa58.png");
          background-image: url("../img/rc-touch-icon-57x57.44c911baaa58.png");
          background-image: url("../img/rc-touch-icon-57x57.44c911baaa58.png");
          background-repeat: no-repeat;
          background-position: 6px 50%;
          height: 70px;
          width: 70px;
          margin: 0 auto; }
        #payments .modal .modal-dialog .modal-content .modal-header .title {
          display: block;
          font-size: 20px;
          text-align: center; }
      #payments .modal .modal-dialog .modal-content .modal-body {
        padding: 0 15px 15px 15px; }
        #payments .modal .modal-dialog .modal-content .modal-body .panel {
          height: 60px;
          border: 1px solid #E1E1E1;
          vertical-align: middle;
          text-align: center;
          margin: 0; }
          #payments .modal .modal-dialog .modal-content .modal-body .panel .description {
            margin: 0;
            line-height: 60px; }
        #payments .modal .modal-dialog .modal-content .modal-body .card-container {
          height: 50px;
          margin-top: 10px; }
          #payments .modal .modal-dialog .modal-content .modal-body .card-container .edit-card {
            text-decoration: underline;
            float: right;
            cursor: pointer;
            line-height: 50px;
            font-size: 12px; }
          #payments .modal .modal-dialog .modal-content .modal-body .card-container .description {
            float: left;
            margin: 0 10px 0 10px;
            line-height: 50px;
            font-size: 13px; }
        #payments .modal .modal-dialog .modal-content .modal-body .warning {
          max-width: 350px;
          text-align: center; }
        #payments .modal .modal-dialog .modal-content .modal-body form .row {
          border: none;
          padding: 0;
          margin-top: 10px; }
          #payments .modal .modal-dialog .modal-content .modal-body form .row.split-input .form-group {
            margin: 0; }
        #payments .modal .modal-dialog .modal-content .modal-body form input {
          width: 100%; }
          #payments .modal .modal-dialog .modal-content .modal-body form input.card-valid-to, #payments .modal .modal-dialog .modal-content .modal-body form input.card-cvc {
            width: 50%;
            float: left;
            margin: 0; }
          #payments .modal .modal-dialog .modal-content .modal-body form input.card-valid-to {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0; }
          #payments .modal .modal-dialog .modal-content .modal-body form input.card-cvc {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0; }
        #payments .modal .modal-dialog .modal-content .modal-body form.credit-card-edit-form .card-zip {
          width: calc(50% - 1px);
          float: right;
          margin: 0;
          border-bottom-left-radius: 0;
          border-top-left-radius: 0; }
      #payments .modal .modal-dialog .modal-content .modal-footer {
        background-image: url("../img/header-shadow-line.7861cd270377.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        border: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        background-position: center top;
        background-color: #F4F3F3; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          #payments .modal .modal-dialog .modal-content .modal-footer {
            background-image: url("../img/header-shadow-line@2x.a9808a3739d8.png");
            background-size: 100% 1px; } }
        #payments .modal .modal-dialog .modal-content .modal-footer button {
          margin-top: 10px; }
    #payments .modal .description {
      text-align: center; }
  #payments .blue-toggle-container {
    padding: 0 20px 0 5px !important; }
    #payments .blue-toggle-container .toggle {
      border: 1px solid #ccc;
      margin: 0; }
      #payments .blue-toggle-container .toggle.btn-primary {
        border: 1px solid #285e8e; }
      #payments .blue-toggle-container .toggle[disabled] label {
        cursor: not-allowed; }
      #payments .blue-toggle-container .toggle .toggle-group label {
        border: none;
        font-weight: 300;
        box-shadow: none;
        line-height: 18px;
        display: block; }
      #payments .blue-toggle-container .toggle .toggle-group span {
        border: 1px solid #ccc;
        border-width: 0 1px; }
  #payments .show-pricing-table-link {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif;
    font-size: 14px;
    text-decoration: underline;
    margin-top: 3px;
    margin-right: 33px; }
  #payments #readycloud_tab .alert {
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 880px; }
    #payments #readycloud_tab .alert i {
      margin-right: 5px;
      top: 2px; }
  #payments #readycloud_tab .old-plan-info-container {
    max-width: 880px;
    margin: 0 auto;
    margin-bottom: 25px; }
    #payments #readycloud_tab .old-plan-info-container .alert {
      width: 100%;
      margin: 0; }
  #payments #readycloud_tab .add-to-cart-button-container {
    max-width: 880px;
    margin: 0 auto; }
    #payments #readycloud_tab .add-to-cart-button-container button {
      margin: 0 auto;
      display: block; }
  #payments #readycloud_tab .circle-container {
    padding: 10px 0 0 55px;
    width: 230px;
    position: relative; }
    #payments #readycloud_tab .circle-container .orders-count {
      position: absolute;
      top: 55px;
      left: 89px;
      text-align: center;
      line-height: 40px;
      font-size: 24px; }
      #payments #readycloud_tab .circle-container .orders-count .count {
        color: #2672C9;
        font-size: 24px;
        line-height: 30px; }
      #payments #readycloud_tab .circle-container .orders-count .description {
        line-height: 22px; }
  #payments #readycloud_tab .payment-plans-container {
    margin-bottom: 20px; }
  #payments #readycloud_tab .plan-finder-container {
    padding-top: 55px; }
    #payments #readycloud_tab .plan-finder-container .description {
      color: #737781; }
    #payments #readycloud_tab .plan-finder-container .slider {
      background-image: -webkit-linear-gradient(0deg, #EFEFEF 0%, #E1E1E1 100%);
      background-image: -moz-linear-gradient(0deg, #EFEFEF 0%, #E1E1E1 100%);
      background-image: -ms-linear-gradient(0deg, #EFEFEF 0%, #E1E1E1 100%);
      background-image: -o-linear-gradient(0deg, #EFEFEF 0%, #E1E1E1 100%);
      background-image: linear, 0deg, #EFEFEF 0%, #E1E1E1 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
      width: 90%;
      border-radius: 3px;
      height: 6px;
      margin-top: 30px;
      cursor: pointer; }
    #payments #readycloud_tab .plan-finder-container .ui-widget-header {
      background-image: -webkit-linear-gradient(90deg, #5F6C7B 0%, #808D9D 100%);
      background-image: -moz-linear-gradient(90deg, #5F6C7B 0%, #808D9D 100%);
      background-image: -ms-linear-gradient(90deg, #5F6C7B 0%, #808D9D 100%);
      background-image: -o-linear-gradient(90deg, #5F6C7B 0%, #808D9D 100%);
      background-image: linear, 90deg, #5F6C7B 0%, #808D9D 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
      border-radius: inherit;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
    #payments #readycloud_tab .plan-finder-container .ui-slider-handle {
      background-image: -webkit-linear-gradient(0deg, #ebebeb 0%, #FFFFFF 100%);
      background-image: -moz-linear-gradient(0deg, #ebebeb 0%, #FFFFFF 100%);
      background-image: -ms-linear-gradient(0deg, #ebebeb 0%, #FFFFFF 100%);
      background-image: -o-linear-gradient(0deg, #ebebeb 0%, #FFFFFF 100%);
      background-image: linear, 0deg, #ebebeb 0%, #FFFFFF 100%;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$start, endColorstr=$end, GradientType=0);
      cursor: pointer;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
      border-radius: 2px;
      background: #f6f6f6;
      top: -6px;
      height: 18px;
      width: 12px;
      color: #ffffff;
      outline: none;
      padding: 4px 0 4px 0; }
      #payments #readycloud_tab .plan-finder-container .ui-slider-handle span {
        display: block;
        height: 100%;
        background-color: #848484;
        width: 2px;
        margin: 0 auto; }
    #payments #readycloud_tab .plan-finder-container .ui-slider-pips .ui-slider-label {
      top: 20px;
      font-weight: 800;
      font-size: 12px;
      margin-left: -22px; }
    #payments #readycloud_tab .plan-finder-container .ui-slider-pips .ui-slider-line {
      height: 10px;
      top: -7px;
      background: #CCCCCC;
      left: 39%; }
    #payments #readycloud_tab .plan-finder-container .ui-slider-pip.exceeded, #payments #readycloud_tab .plan-finder-container .ui-slider-pip.ui-slider-pip-selected {
      color: #383A3E; }
  #payments #readycloud_tab .current-plan-container {
    padding: 70px 0 50px 0; }
    #payments #readycloud_tab .current-plan-container .panel {
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.07);
      height: 117px;
      background: #FFFFFF;
      border-radius: 4px;
      margin: 0;
      border: none; }
      #payments #readycloud_tab .current-plan-container .panel .title-container {
        border-right: 1px solid #D4D4D4;
        height: 100%;
        text-align: center;
        padding-top: 32px; }
      #payments #readycloud_tab .current-plan-container .panel .plan-info-container {
        height: 100%; }
        #payments #readycloud_tab .current-plan-container .panel .plan-info-container > div {
          height: 100%;
          float: left; }
        #payments #readycloud_tab .current-plan-container .panel .plan-info-container .panel {
          box-shadow: 0 0 0 1px rgba(210, 210, 210, 0.5);
          color: #6a7686;
          padding: 5px 15px;
          background: #FFFFFF;
          border-radius: 40px; }
          #payments #readycloud_tab .current-plan-container .panel .plan-info-container .panel.upgrade {
            box-shadow: 0 -1px 0 0 #469262, 0 0 0 1px #3c763d, 0 0 4px 0 #4f8d50; }
          #payments #readycloud_tab .current-plan-container .panel .plan-info-container .panel.downgrade {
            box-shadow: 0 -1px 0 0 rgba(207, 30, 30, 0.49), 0 0 0 1px rgba(199, 65, 65, 0.36), 0 0 4px 0 rgba(211, 52, 52, 0.6); }
        #payments #readycloud_tab .current-plan-container .panel .plan-info-container .selected-plan-container {
          width: 30%;
          text-align: center; }
          #payments #readycloud_tab .current-plan-container .panel .plan-info-container .selected-plan-container .selected-plan {
            font-size: 29px;
            font-weight: 300;
            padding-top: 18px;
            padding-bottom: 11px;
            width: 100%;
            display: block; }
        #payments #readycloud_tab .current-plan-container .panel .plan-info-container .arrow {
          width: 7%;
          position: relative; }
          #payments #readycloud_tab .current-plan-container .panel .plan-info-container .arrow:after, #payments #readycloud_tab .current-plan-container .panel .plan-info-container .arrow:before {
            left: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          #payments #readycloud_tab .current-plan-container .panel .plan-info-container .arrow:after {
            border-color: rgba(255, 255, 255, 0);
            border-left-color: #ffffff;
            border-width: 16px;
            margin-top: -16px; }
          #payments #readycloud_tab .current-plan-container .panel .plan-info-container .arrow:before {
            border-color: rgba(212, 212, 212, 0);
            border-left-color: #D4D4D4;
            border-width: 17px;
            margin-top: -17px; }
        #payments #readycloud_tab .current-plan-container .panel .plan-info-container .terms-container {
          width: 25%;
          text-align: center;
          margin-left: 8%; }
          #payments #readycloud_tab .current-plan-container .panel .plan-info-container .terms-container .amount {
            float: left;
            font-size: 29px;
            font-weight: 300;
            padding-top: 18px;
            padding-bottom: 11px;
            width: 100%;
            display: block;
            color: #367DCD; }
  #payments #payment_methods_tab .table-container {
    text-align: center; }
    #payments #payment_methods_tab .table-container .no-text-center-align {
      text-align: start; }
    #payments #payment_methods_tab .table-container .title {
      font-weight: 500;
      font-size: 20px;
      min-height: 25px;
      color: #383A3E;
      line-height: 24px; }
    #payments #payment_methods_tab .table-container .description {
      margin-top: 10px;
      color: #848893;
      font-size: 14px;
      min-height: 22px;
      font-weight: 300;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
    #payments #payment_methods_tab .table-container .row {
      height: 55px; }
      #payments #payment_methods_tab .table-container .row.header {
        height: 40px; }
      #payments #payment_methods_tab .table-container .row.filler {
        height: 5px; }
      #payments #payment_methods_tab .table-container .row > div {
        height: 100%;
        border-right: 1px solid #d4d4d4; }
        #payments #payment_methods_tab .table-container .row > div:last-child {
          border: none; }
    #payments #payment_methods_tab .table-container .panel {
      background-color: transparent;
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.07);
      border-radius: 4px;
      border: none;
      height: 48px; }
      #payments #payment_methods_tab .table-container .panel.active, #payments #payment_methods_tab .table-container body .custom-dropdown.open .panel.control-more, body .custom-dropdown.open #payments #payment_methods_tab .table-container .panel.control-more {
        background-color: #fff; }
      #payments #payment_methods_tab .table-container .panel > div {
        position: relative;
        padding: 0 10px;
        display: inline-block;
        vertical-align: middle; }
      #payments #payment_methods_tab .table-container .panel input[type=radio] {
        float: left;
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        margin: 0; }
      #payments #payment_methods_tab .table-container .panel .card-icon {
        margin: 0 10px 0 10px; }
      #payments #payment_methods_tab .table-container .panel .description {
        margin: 0;
        height: 100%;
        line-height: 48px;
        vertical-align: middle; }
        #payments #payment_methods_tab .table-container .panel .description b {
          color: black;
          font-weight: 400; }
      #payments #payment_methods_tab .table-container .panel .buttons-container {
        display: inline-block; }
        #payments #payment_methods_tab .table-container .panel .buttons-container .app-btn {
          margin-top: 9px; }
  #payments #payment_methods_tab .billing-user-info-container {
    width: 100%;
    margin-top: 30px; }
    #payments #payment_methods_tab .billing-user-info-container span {
      display: block; }
    #payments #payment_methods_tab .billing-user-info-container button {
      margin-top: 10px; }
  #payments #payment_methods_tab .accepted-cards-container {
    border-bottom: 1px solid #d4d4d4;
    height: 115px;
    margin-top: 10px; }
    #payments #payment_methods_tab .accepted-cards-container .accepted-cards {
      height: 45px;
      width: 350px; }
      #payments #payment_methods_tab .accepted-cards-container .accepted-cards .card-icon {
        margin-right: 8px; }
  #payments #readyshipper_tab {
    max-width: inherit;
    padding: 0;
    position: relative;
    height: 100%; }
    #payments #readyshipper_tab .ready-shipper-membership-container {
      overflow: auto;
      height: 100%;
      max-height: 700px; }
      #payments #readyshipper_tab .ready-shipper-membership-container.with-controls {
        height: calc(100% - 40px); }
      #payments #readyshipper_tab .ready-shipper-membership-container .members-list {
        padding: 10px 0 0 0;
        margin: 0 auto;
        width: 960px; }
        #payments #readyshipper_tab .ready-shipper-membership-container .members-list > div {
          padding: 10px;
          width: 190px; }
        #payments #readyshipper_tab .ready-shipper-membership-container .members-list .member-container {
          height: 150px;
          text-align: center;
          background-color: #fff;
          padding: 10px;
          border: 1px solid #ddd;
          border-radius: 4px; }
          #payments #readyshipper_tab .ready-shipper-membership-container .members-list .member-container .avatar {
            margin-bottom: 10px; }
            #payments #readyshipper_tab .ready-shipper-membership-container .members-list .member-container .avatar img {
              border-radius: 30px;
              width: 60px;
              height: 60px;
              display: block;
              margin: 0 auto; }
          #payments #readyshipper_tab .ready-shipper-membership-container .members-list .member-container .name {
            font-size: 12px;
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 10px; }
          #payments #readyshipper_tab .ready-shipper-membership-container .members-list .member-container .license-membership-checkbox {
            display: none; }
    #payments #readyshipper_tab .controls {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 40px;
      margin: 0 auto;
      border-top: 1px solid #dedee4;
      width: 100%;
      background-color: white;
      text-align: center;
      color: #000; }
      #payments #readyshipper_tab .controls > span {
        line-height: 38px;
        display: inline-block;
        margin-right: 20px; }
      #payments #readyshipper_tab .controls.flash {
        -webkit-animation: highlight-flash 1s ease;
        animation: highlight-flash 1s ease; }
  #payments #readyreturns_tab .row-avatar {
    background-color: #bfbfce;
    background-size: 80%;
    background-image: url("../img/icon-timeline-readyreturns@2x.ba310881d2be.png"); }
  #payments #insurance_tab, #payments #action_alerts_tab, #payments #wallet_tab {
    padding: 0; }
    #payments #insurance_tab > .row:not(.preferences-header):not(.info), #payments #action_alerts_tab > .row:not(.preferences-header):not(.info), #payments #wallet_tab > .row:not(.preferences-header):not(.info) {
      padding: 30px 30px 0 30px; }
    #payments #insurance_tab .table-container, #payments #action_alerts_tab .table-container, #payments #wallet_tab .table-container {
      margin-bottom: 40px; }
    #payments #insurance_tab .stats-container, #payments #insurance_tab .stats-container *, #payments #action_alerts_tab .stats-container, #payments #action_alerts_tab .stats-container *, #payments #wallet_tab .stats-container, #payments #wallet_tab .stats-container * {
      box-shadow: none; }
      #payments #insurance_tab .stats-container > .row > *, #payments #insurance_tab .stats-container * > .row > *, #payments #action_alerts_tab .stats-container > .row > *, #payments #action_alerts_tab .stats-container * > .row > *, #payments #wallet_tab .stats-container > .row > *, #payments #wallet_tab .stats-container * > .row > * {
        padding-top: 0; }
    #payments #insurance_tab .toggle, #payments #action_alerts_tab .toggle, #payments #wallet_tab .toggle {
      margin-bottom: 7px; }
    #payments #insurance_tab .loader, #payments #action_alerts_tab .loader, #payments #wallet_tab .loader {
      background-color: #f3f3f3; }
    #payments #insurance_tab .load-more, #payments #action_alerts_tab .load-more, #payments #wallet_tab .load-more {
      margin: 10px; }
    #payments #insurance_tab .balance-container .stats-container .col-xs-12, #payments #action_alerts_tab .balance-container .stats-container .col-xs-12, #payments #wallet_tab .balance-container .stats-container .col-xs-12 {
      padding: 0 20px 19px 5px; }
    #payments #insurance_tab .balance-container .refill-button, #payments #action_alerts_tab .balance-container .refill-button, #payments #wallet_tab .balance-container .refill-button {
      float: left;
      margin: 20px 0 0 0; }
    #payments #insurance_tab .balance-container .refill-amount-options, #payments #action_alerts_tab .balance-container .refill-amount-options, #payments #wallet_tab .balance-container .refill-amount-options {
      margin: 20px 0 0 0;
      display: inline-block;
      float: left;
      width: 460px; }
    #payments #insurance_tab .balance-container .show-pricing-button, #payments #action_alerts_tab .balance-container .show-pricing-button, #payments #wallet_tab .balance-container .show-pricing-button {
      margin: 20px 0 0 0; }
    #payments #insurance_tab .auto-refill-container, #payments #action_alerts_tab .auto-refill-container, #payments #wallet_tab .auto-refill-container {
      margin-bottom: 35px; }
      #payments #insurance_tab .auto-refill-container .col-xs-12, #payments #action_alerts_tab .auto-refill-container .col-xs-12, #payments #wallet_tab .auto-refill-container .col-xs-12 {
        height: 100%; }
      #payments #insurance_tab .auto-refill-container number-input, #payments #action_alerts_tab .auto-refill-container number-input, #payments #wallet_tab .auto-refill-container number-input {
        display: inline-block;
        position: relative;
        top: 14px; }
      #payments #insurance_tab .auto-refill-container .custom-button, #payments #action_alerts_tab .auto-refill-container .custom-button, #payments #wallet_tab .auto-refill-container .custom-button {
        margin: 10px 0 0 0;
        line-height: 36px; }
    #payments #insurance_tab .title .glyphicon.glyphicon-info-sign, #payments #action_alerts_tab .title .glyphicon.glyphicon-info-sign, #payments #wallet_tab .title .glyphicon.glyphicon-info-sign {
      color: #8998A5;
      top: 4px;
      margin-left: 5px;
      cursor: pointer; }
  @media (min-width: 1400px) {
    #payments #readyshipper_tab .ready-shipper-membership-container .members-list {
      width: 1180px; } }

.payment-plan-name.smart {
  color: #92c7e8 !important; }
.payment-plan-name.brilliant {
  color: #619bed !important; }
.payment-plan-name.genius {
  color: #5563cc !important; }

.additional-resources-widgets {
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-family: 'AvenirNext-Medium', sans-serif;
  height: 150px; }
  .additional-resources-widgets .storage-management-widget label, .additional-resources-widgets .user-slot-management-widget label {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    font-size: 13px;
    color: #4a5668;
    text-transform: uppercase;
    width: 225px;
    display: block;
    float: left; }
  .additional-resources-widgets .storage-management-widget .rzslider, .additional-resources-widgets .user-slot-management-widget .rzslider {
    width: 425px; }
    .additional-resources-widgets .storage-management-widget .rzslider .rz-bubble.rz-limit.rz-ceil, .additional-resources-widgets .user-slot-management-widget .rzslider .rz-bubble.rz-limit.rz-ceil {
      left: 386px !important; }
    .additional-resources-widgets .storage-management-widget .rzslider .used-storage-bar-wrapper, .additional-resources-widgets .user-slot-management-widget .rzslider .used-storage-bar-wrapper {
      visibility: visible;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 32px;
      padding-top: 0;
      margin-top: 0;
      box-sizing: border-box;
      position: absolute;
      display: inline-block;
      white-space: nowrap; }
      .additional-resources-widgets .storage-management-widget .rzslider .used-storage-bar-wrapper span, .additional-resources-widgets .user-slot-management-widget .rzslider .used-storage-bar-wrapper span {
        background: #59d531; }
  .additional-resources-widgets .storage-management-widget .controls, .additional-resources-widgets .user-slot-management-widget .controls {
    width: 425px;
    margin-top: 15px; }
    .additional-resources-widgets .storage-management-widget .controls .description, .additional-resources-widgets .user-slot-management-widget .controls .description {
      margin: 0 10px 0 0 !important;
      line-height: 37px; }
    .additional-resources-widgets .storage-management-widget .controls .number-input-container .number-input-hint, .additional-resources-widgets .user-slot-management-widget .controls .number-input-container .number-input-hint {
      display: none; }
    .additional-resources-widgets .storage-management-widget .controls .number-input-container .number-input-btns-container, .additional-resources-widgets .user-slot-management-widget .controls .number-input-container .number-input-btns-container {
      height: 37px; }
      .additional-resources-widgets .storage-management-widget .controls .number-input-container .number-input-btns-container button, .additional-resources-widgets .user-slot-management-widget .controls .number-input-container .number-input-btns-container button {
        height: 100%; }
    .additional-resources-widgets .storage-management-widget .controls .number-input-container .number-input-plus, .additional-resources-widgets .storage-management-widget .controls .number-input-container .number-input-minus, .additional-resources-widgets .user-slot-management-widget .controls .number-input-container .number-input-plus, .additional-resources-widgets .user-slot-management-widget .controls .number-input-container .number-input-minus {
      border-left: none;
      border-color: #ccc; }
    .additional-resources-widgets .storage-management-widget .controls .number-input-container input, .additional-resources-widgets .user-slot-management-widget .controls .number-input-container input {
      height: 37px;
      width: 50px !important;
      border: 1px solid #ccc;
      box-shadow: none;
      padding: 0 10px; }
    .additional-resources-widgets .storage-management-widget .controls .app-btn, .additional-resources-widgets .user-slot-management-widget .controls .app-btn {
      padding: 0 15px; }

.new-payment-plans-container {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  width: 750px;
  margin: 0 auto;
  padding: 0;
  float: none;
  height: 200px;
  background-color: #fff; }
  .new-payment-plans-container .payment-plan-container {
    position: relative;
    height: 100%;
    cursor: pointer;
    border: 2px solid #808182;
    border-top: 10px solid #808182; }
    .new-payment-plans-container .payment-plan-container.selected {
      border: 2px solid #4786fb;
      border-top: 10px solid #4786fb; }
      .new-payment-plans-container .payment-plan-container.selected .price {
        color: #003aa3; }
    .new-payment-plans-container .payment-plan-container .ribbon {
      background-image: url("../img/payment-plan-ribbon.73ccb2b5e119.png");
      background-image: url("../img/payment-plan-ribbon.73ccb2b5e119.png");
      background-image: url("../img/payment-plan-ribbon.73ccb2b5e119.png");
      background-image: url("../img/payment-plan-ribbon.73ccb2b5e119.png");
      background-image: url("../img/payment-plan-ribbon.73ccb2b5e119.png");
      position: absolute;
      height: 48px;
      width: 50px;
      right: 20px;
      top: -10px; }
    .new-payment-plans-container .payment-plan-container .price {
      font-size: 0;
      font-weight: 400 !important;
      margin-top: 18px; }
      .new-payment-plans-container .payment-plan-container .price > span {
        font-size: 40px;
        line-height: 40px; }
    .new-payment-plans-container .payment-plan-container .title {
      font-size: 30px !important;
      font-weight: 300 !important;
      margin-top: 25px;
      min-height: 25px;
      color: #383A3E;
      line-height: 24px; }
    .new-payment-plans-container .payment-plan-container .description {
      font-size: 20px !important;
      font-weight: 300 !important;
      color: #000 !important;
      margin-top: 15px !important; }

.payment-plan-features-list {
  width: 750px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0;
  height: 80px; }
  .payment-plan-features-list > div {
    padding: 0; }
  .payment-plan-features-list p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    font-size: 20px;
    font-weight: 300;
    color: #333; }
    .payment-plan-features-list p i {
      color: #18d333;
      font-size: 14px;
      margin-right: 3px; }

.payment-plans-container {
  -webkit-font-smoothing: antialiased;
  display: flex;
  max-width: 880px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 100% !important;
  color: #777777; }
  .payment-plans-container .pricing-offer-grid {
    padding-top: 166px; }
  .payment-plans-container li {
    transition: all .2s ease-in-out;
    width: 33.3%;
    padding: 0;
    margin: 0 1px;
    display: inline-block;
    vertical-align: top;
    text-align: center; }
    .payment-plans-container li.selected {
      margin-top: -10px; }
    .payment-plans-container li.smart .pricing-heading {
      background-color: #92c7e8; }
    .payment-plans-container li.brilliant .pricing-heading {
      background-color: #619bed; }
    .payment-plans-container li.genius .pricing-heading {
      background-color: #5563cc; }
  .payment-plans-container .plan-type-selector {
    height: 30px;
    width: 100%;
    color: #fff; }
    .payment-plans-container .plan-type-selector .monthly, .payment-plans-container .plan-type-selector .annually {
      width: 50%;
      float: left; }
    .payment-plans-container .plan-type-selector .annually input {
      margin-left: -20px; }
    .payment-plans-container .plan-type-selector .monthly input {
      margin-left: 20px; }
  .payment-plans-container li.pricing-col {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto; }
  .payment-plans-container li.featured-plan {
    margin: -24px -3px 0 -3px;
    box-shadow: 0 0 35px 2px rgba(0, 0, 0, 0.2); }
  .payment-plans-container li.featured-plan .pricing-plan {
    padding: 27px 0; }
  .payment-plans-container li.featured-plan .pricing-button {
    padding: 22px 0; }
  .payment-plans-container .pricing-heading {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    height: 180px; }
  .payment-plans-container .pricing-heading .premium-ribbon {
    background-color: #ffd565;
    color: #7b683c;
    width: 120px;
    line-height: 12px;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 0;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -33px;
    top: 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1); }
  .payment-plans-container .pricing-plan {
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 15px 0;
    background-color: rgba(0, 0, 0, 0.2);
    display: block;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
  .payment-plans-container .pricing-price {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    height: 90px;
    width: 100%;
    font-size: 65px;
    color: #ffffff;
    font-weight: 700;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    position: relative; }
  .payment-plans-container .pricing-price sub, .payment-plans-container .pricing-price sup {
    font-size: 24px;
    padding: 0 5px;
    font-weight: normal; }
  .payment-plans-container .pricing-price sup {
    top: -.5em;
    vertical-align: super; }
  .payment-plans-container .pricing-price sub {
    vertical-align: middle;
    font-size: 16px;
    bottom: -11px; }
  @media handheld, only screen and (max-width: 960px) {
    .payment-plans-container .pricing-price {
      font-size: 40px; } }
  .payment-plans-container .pricing-features ul {
    margin: 0;
    padding: 0;
    position: relative;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8; }
  .payment-plans-container .pricing-features ul li {
    min-height: 46px;
    font-size: 12px;
    line-height: 16px;
    padding: 15px 5px;
    display: block;
    margin: 0;
    width: auto;
    background-color: #f6f6f6; }
    .payment-plans-container .pricing-features ul li.info {
      font-size: 12px;
      color: #BCBCBC;
      font-style: italic; }
  .payment-plans-container .pricing-features ul li:nth-child(odd) {
    background-color: #eeeeee; }
  .payment-plans-container .pricing-features ul li i:before {
    font-size: 16px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
  .payment-plans-container .pricing-features ul li .mk-icon-ok {
    color: #26cca4; }
  .payment-plans-container .pricing-features ul li .mk-icon-remove {
    color: #e74a4a; }
  .payment-plans-container .pricing-features ul li .mk-icon-star {
    color: #26cca4;
    margin-left: 3px; }
  .payment-plans-container .pricing-features ul li .mk-icon-star.empty {
    color: #b0b0b0; }
  .payment-plans-container .pricing-features .rating-star {
    line-height: 12px;
    margin: 0 auto;
    font-size: 16px;
    color: #7d7c78; }
  .payment-plans-container .pricing-button {
    padding: 20px 0;
    background-color: #f6f6f6;
    border: 1px solid #e8e8e8;
    border-top: none; }
  .payment-plans-container .pricing-button a {
    position: relative;
    margin: 0 auto;
    padding: 9px 25px; }

#payments-onboarding {
  min-height: 670px; }
  #payments-onboarding .alert-danger {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    font-size: 13px;
    margin: 20px 20px 0 20px;
    background-color: #C9566C;
    color: #fff;
    border: none;
    text-align: center; }
  #payments-onboarding .nav-tabs {
    display: none; }
  #payments-onboarding .tab-pane .readycloud-container .description, #payments-onboarding .tab-pane .readyreturns-container .description {
    margin-bottom: 40px; }
  #payments-onboarding .tab-pane .summary-container > .col-xs-12 {
    padding: 0; }
  #payments-onboarding .tab-pane .title {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    color: #212425;
    letter-spacing: -0.7px;
    display: block;
    height: 88px;
    box-shadow: inset 0 -1px 0 0 #e6e9ed;
    font-size: 24px;
    padding: 32px 32px 0 32px; }
  #payments-onboarding .tab-pane .header {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    background: #F2F5F9;
    font-size: 13px;
    color: #4A5668;
    height: 41px;
    letter-spacing: 0.1px;
    line-height: 15px;
    padding: 14px 30px;
    box-shadow: inset 0 -1px 0 0 #e6e9ed, inset 0 1px 0 0 #e6e9ed; }
  #payments-onboarding .tab-pane .status-label-container {
    width: 350px;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 10px; }
  #payments-onboarding .tab-pane .readycloud-container, #payments-onboarding .tab-pane .readyreturns-container, #payments-onboarding .tab-pane .readyshipper-container, #payments-onboarding .tab-pane .action-alerts-container, #payments-onboarding .tab-pane .billing-info-container {
    height: 500px;
    padding-top: 40px; }
    #payments-onboarding .tab-pane .readycloud-container:first-child, #payments-onboarding .tab-pane .readyreturns-container:first-child, #payments-onboarding .tab-pane .readyshipper-container:first-child, #payments-onboarding .tab-pane .action-alerts-container:first-child, #payments-onboarding .tab-pane .billing-info-container:first-child {
      box-shadow: inset -1px 0px 0 0 #e6e9ed; }
    #payments-onboarding .tab-pane .readycloud-container .ui-select-container, #payments-onboarding .tab-pane .readyreturns-container .ui-select-container, #payments-onboarding .tab-pane .readyshipper-container .ui-select-container, #payments-onboarding .tab-pane .action-alerts-container .ui-select-container, #payments-onboarding .tab-pane .billing-info-container .ui-select-container {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      width: 180px; }
      #payments-onboarding .tab-pane .readycloud-container .ui-select-container > a > span, #payments-onboarding .tab-pane .readyreturns-container .ui-select-container > a > span, #payments-onboarding .tab-pane .readyshipper-container .ui-select-container > a > span, #payments-onboarding .tab-pane .action-alerts-container .ui-select-container > a > span, #payments-onboarding .tab-pane .billing-info-container .ui-select-container > a > span {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 13px;
        color: #586D6E;
        letter-spacing: 0.3px; }
  #payments-onboarding .tab-pane .rc-logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/payments-onboarding/rc-logo.f03a99a20cf9.png");
    width: 248px;
    height: 46px;
    margin: 0 auto;
    margin-bottom: 20px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #payments-onboarding .tab-pane .rc-logo {
        background-image: url("../img/payments-onboarding/rc-logo@2x.e1c33c8391d6.png");
        background-size: 248px 46px; } }
  #payments-onboarding .tab-pane .aa-logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/payments-onboarding/aa-logo.6879d003b11b.png");
    width: 214px;
    height: 38px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #payments-onboarding .tab-pane .aa-logo {
        background-image: url("../img/payments-onboarding/aa-logo@2x.4747af9b72cf.png");
        background-size: 214px 38px; } }
  #payments-onboarding .tab-pane .rs-logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/payments-onboarding/rs-logo.2accf152761f.png");
    width: 271px;
    height: 46px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #payments-onboarding .tab-pane .rs-logo {
        background-image: url("../img/payments-onboarding/rs-logo@2x.0edf9dbe88d1.png");
        background-size: 271px 46px; } }
  #payments-onboarding .tab-pane .rr-logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/payments-onboarding/rr-logo.f2b9b2435422.png");
    width: 279px;
    height: 46px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #payments-onboarding .tab-pane .rr-logo {
        background-image: url("../img/payments-onboarding/rr-logo@2x.e006221adf6a.png");
        background-size: 279px 46px; } }
  #payments-onboarding .tab-pane .refill-container {
    margin: 0 auto;
    max-width: 430px;
    min-width: 430px;
    height: 100px; }
    #payments-onboarding .tab-pane .refill-container p {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 13px;
      color: #202425;
      margin: 0 0 15px; }
    #payments-onboarding .tab-pane .refill-container .show-pricing-table-link {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      font-size: 13px;
      text-decoration: underline; }
    #payments-onboarding .tab-pane .refill-container input {
      height: 28px;
      font-size: 12px;
      font-weight: 700; }
    #payments-onboarding .tab-pane .refill-container .refill-amount-options {
      list-style: none;
      margin: 0 0 15px 0;
      padding: 0;
      float: left;
      width: 260px;
      display: inline-block; }
      #payments-onboarding .tab-pane .refill-container .refill-amount-options li {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        color: #737E94;
        height: 30px;
        padding: 8px;
        width: auto;
        font-size: 10px;
        text-align: center;
        background: #FDFDFD;
        border: 1px solid #E6EAEF;
        margin-right: 10px; }
        #payments-onboarding .tab-pane .refill-container .refill-amount-options li.active, #payments-onboarding .tab-pane .refill-container .refill-amount-options body .custom-dropdown.open li.control-more, body .custom-dropdown.open #payments-onboarding .tab-pane .refill-container .refill-amount-options li.control-more {
          background: #D9F6FF;
          border: 1px solid #4F8EDD;
          color: #1C6BCC; }
        #payments-onboarding .tab-pane .refill-container .refill-amount-options li.other {
          width: 100px;
          padding: 0; }
          #payments-onboarding .tab-pane .refill-container .refill-amount-options li.other span {
            margin: 8px 0 8px 10px; }
          #payments-onboarding .tab-pane .refill-container .refill-amount-options li.other .number-input-container {
            height: 30px;
            margin: 0; }
            #payments-onboarding .tab-pane .refill-container .refill-amount-options li.other .number-input-container input {
              border: none; }
    #payments-onboarding .tab-pane .refill-container .custom-button {
      margin-left: 20px;
      min-width: auto; }
    #payments-onboarding .tab-pane .refill-container .auto-refill-container {
      width: 100%; }
      #payments-onboarding .tab-pane .refill-container .auto-refill-container .auto-refill-label {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 12px;
        color: #222425;
        padding: 7px 0;
        margin-right: 5px; }
      #payments-onboarding .tab-pane .refill-container .auto-refill-container input {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        width: 45px !important;
        color: #555; }
      #payments-onboarding .tab-pane .refill-container .auto-refill-container toggle {
        padding: 5px 0; }
  #payments-onboarding .tab-pane .remove-item-link {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-DemiBold', sans-serif;
    font-size: 11px;
    color: #D94C6B;
    letter-spacing: 0.2px;
    text-align: right;
    line-height: 11px;
    text-decoration: underline;
    margin: 9px 15px;
    min-width: 42px; }
  #payments-onboarding .tab-pane .description {
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'AvenirNext-Regular', sans-serif;
    display: block;
    width: 350px;
    margin: 0 auto;
    font-size: 13px;
    color: #313233;
    text-align: left;
    line-height: 20px;
    margin-bottom: 20px; }
    #payments-onboarding .tab-pane .description .info {
      font-size: 12px;
      color: #BCBCBC;
      font-style: italic;
      margin: 10px 0; }
    #payments-onboarding .tab-pane .description .error {
      color: #ff255d; }
  #payments-onboarding .tab-pane .readycloud-container .inputs-container, #payments-onboarding .tab-pane .readyshipper-container .inputs-container, #payments-onboarding .tab-pane .readyreturns-container .inputs-container {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 430px; }
    #payments-onboarding .tab-pane .readycloud-container .inputs-container > label, #payments-onboarding .tab-pane .readyshipper-container .inputs-container > label, #payments-onboarding .tab-pane .readyreturns-container .inputs-container > label {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      width: 170px;
      font-size: 15px;
      color: #202425;
      padding: 6px 15px;
      text-align: right;
      text-transform: none; }
      #payments-onboarding .tab-pane .readycloud-container .inputs-container > label sub, #payments-onboarding .tab-pane .readyshipper-container .inputs-container > label sub, #payments-onboarding .tab-pane .readyreturns-container .inputs-container > label sub {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        font-size: 12px;
        color: #6D7F98;
        bottom: 0;
        text-transform: none; }
    #payments-onboarding .tab-pane .readycloud-container .inputs-container .pseudo-select .select2-drop, #payments-onboarding .tab-pane .readyshipper-container .inputs-container .pseudo-select .select2-drop, #payments-onboarding .tab-pane .readyreturns-container .inputs-container .pseudo-select .select2-drop {
      height: 46px;
      width: 270px; }
    #payments-onboarding .tab-pane .readycloud-container .inputs-container .pseudo-select .select2-search input, #payments-onboarding .tab-pane .readyshipper-container .inputs-container .pseudo-select .select2-search input, #payments-onboarding .tab-pane .readyreturns-container .inputs-container .pseudo-select .select2-search input {
      width: calc(100% - 40px) !important;
      box-shadow: none;
      border-radius: 5px; }
  #payments-onboarding .tab-pane .billing-info-container {
    height: 205px;
    padding: 30px 25px 20px 25px; }
    #payments-onboarding .tab-pane .billing-info-container .card-container {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Medium', sans-serif;
      background-color: #3A5372 ;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3A5372), color-stop(96%, #1B293E)) ;
      background-image: -webkit-linear-gradient(156deg, #3A5372 0%, #1B293E 96%) ;
      background-image: -moz-linear-gradient(156deg, #3A5372 0%, #1B293E 96%) ;
      background-image: -ms-linear-gradient(156deg, #3A5372 0%, #1B293E 96%) ;
      background-image: -o-linear-gradient(156deg, #3A5372 0%, #1B293E 96%) ;
      background-image: linear-gradient(156deg, #3A5372 0%, #1B293E 96%) ;
      text-transform: uppercase;
      position: relative;
      width: 218px;
      height: 144px;
      border-radius: 6.4px;
      font-size: 8px;
      color: #FFFFFF;
      letter-spacing: 0.33px;
      text-align: left;
      box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.4); }
      #payments-onboarding .tab-pane .billing-info-container .card-container .card-icon {
        position: absolute;
        right: 15px;
        top: 15px; }
      #payments-onboarding .tab-pane .billing-info-container .card-container .bill-to {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        letter-spacing: 0.4px;
        text-align: left;
        position: absolute;
        left: 15px;
        bottom: 30px; }
      #payments-onboarding .tab-pane .billing-info-container .card-container .last-four {
        position: absolute;
        left: 15px;
        bottom: 15px; }
      #payments-onboarding .tab-pane .billing-info-container .card-container .expires {
        position: absolute;
        right: 15px;
        bottom: 15px; }
    #payments-onboarding .tab-pane .billing-info-container .no-card-container {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      text-transform: uppercase;
      text-align: center;
      padding: 64px 0;
      width: 218px;
      height: 144px;
      background: #FBFDFF;
      border: 1px dashed #E6EAEF;
      border-radius: 8px;
      font-size: 11px;
      color: #E6EAEF;
      letter-spacing: 0.2px;
      line-height: 16px; }
    #payments-onboarding .tab-pane .billing-info-container .subscription-settings-container {
      margin-left: 40px; }
      #payments-onboarding .tab-pane .billing-info-container .subscription-settings-container .inputs-container {
        height: 32px;
        margin-bottom: 25px; }
        #payments-onboarding .tab-pane .billing-info-container .subscription-settings-container .inputs-container > label {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          font-size: 11px;
          color: #4C545A;
          letter-spacing: 0.2px;
          padding: 11px 0;
          line-height: 11px;
          width: 110px;
          margin-right: 20px; }
        #payments-onboarding .tab-pane .billing-info-container .subscription-settings-container .inputs-container .blue-link {
          margin: 8px; }
      #payments-onboarding .tab-pane .billing-info-container .subscription-settings-container .ui-select-container {
        width: 110px; }
        #payments-onboarding .tab-pane .billing-info-container .subscription-settings-container .ui-select-container.wide {
          width: 270px; }
          #payments-onboarding .tab-pane .billing-info-container .subscription-settings-container .ui-select-container.wide .select2-drop {
            width: 285px; }
      #payments-onboarding .tab-pane .billing-info-container .subscription-settings-container .status-label {
        padding: 4px 12px;
        margin: 5px; }
        #payments-onboarding .tab-pane .billing-info-container .subscription-settings-container .status-label i {
          margin-right: 5px; }
  #payments-onboarding .tab-pane .table-container .base-custom-table {
    margin-bottom: 200px; }
    #payments-onboarding .tab-pane .table-container .base-custom-table .rc-logo, #payments-onboarding .tab-pane .table-container .base-custom-table .aa-logo {
      width: 109px;
      height: 23px;
      background-size: 109px;
      margin: 0; }
    #payments-onboarding .tab-pane .table-container .base-custom-table .rs-logo, #payments-onboarding .tab-pane .table-container .base-custom-table .rr-logo {
      width: 122px;
      height: 23px;
      background-size: 122px;
      margin: 0; }
    #payments-onboarding .tab-pane .table-container .base-custom-table .number-input {
      border: 1px solid #e2e2e2;
      border-radius: 3px;
      display: block;
      height: 32px;
      width: 50px;
      font-size: 13px;
      text-indent: 10px;
      line-height: 13px; }
    #payments-onboarding .tab-pane .table-container .base-custom-table thead th.quantity {
      width: 200px; }
    #payments-onboarding .tab-pane .table-container .base-custom-table tbody tr td {
      padding: 0 15px; }
      #payments-onboarding .tab-pane .table-container .base-custom-table tbody tr td span {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        font-size: 11px;
        color: #737E94;
        letter-spacing: 0; }
        #payments-onboarding .tab-pane .table-container .base-custom-table tbody tr td span.bold {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          font-size: 11px;
          color: #4C545A;
          letter-spacing: 0.2px;
          line-height: 16px;
          text-transform: uppercase; }
        #payments-onboarding .tab-pane .table-container .base-custom-table tbody tr td span.total {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-DemiBold', sans-serif;
          font-size: 11px;
          color: #000;
          letter-spacing: 0;
          text-align: right;
          line-height: 11px; }
        #payments-onboarding .tab-pane .table-container .base-custom-table tbody tr td span sub {
          font-variant-ligatures: none;
          -webkit-font-variant-ligatures: none;
          text-rendering: optimizeLegibility;
          -moz-osx-font-smoothing: grayscale;
          font-smoothing: antialiased;
          -webkit-font-smoothing: antialiased;
          font-family: 'AvenirNext-Regular', sans-serif;
          font-size: 7px;
          color: #4C545A;
          letter-spacing: 0;
          line-height: 11px;
          bottom: 0;
          text-transform: none; }
        #payments-onboarding .tab-pane .table-container .base-custom-table tbody tr td span input[disabled] {
          color: #a4b3d2; }
  #payments-onboarding .tab-pane .square-ok-button {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/icon-check-blue.e9ba914be17e.png");
    display: block;
    width: 30px;
    height: 30px;
    opacity: 50%;
    border-radius: 4px;
    background-color: #E7F0FB;
    float: right;
    margin: 7px 5px;
    cursor: pointer; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      #payments-onboarding .tab-pane .square-ok-button {
        background-image: url("../img/icon-check-blue@2x.0f0024583ef7.png");
        background-size: 15px 11px; } }
    #payments-onboarding .tab-pane .square-ok-button:hover, #payments-onboarding .tab-pane .square-ok-button:active {
      opacity: 100%; }
  #payments-onboarding .tab-pane .readyreturns-container .inputs-container > label {
    width: 140px; }
  #payments-onboarding .tab-pane .readyreturns-container .ui-select-container {
    width: 220px; }
  #payments-onboarding .controls-row {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 90px;
    padding: 25px 35px;
    background-color: #1B293E;
    border-radius: 4px; }
    #payments-onboarding .controls-row .controls {
      margin-top: 2px; }
    #payments-onboarding .controls-row .billing-period-dropdown.active .billing-period-label, #payments-onboarding .controls-row body .custom-dropdown.open .billing-period-dropdown.control-more .billing-period-label, body .custom-dropdown.open #payments-onboarding .controls-row .billing-period-dropdown.control-more .billing-period-label {
      opacity: 100%; }
    #payments-onboarding .controls-row .billing-period-dropdown .billing-period-label {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 15px;
      opacity: 40%;
      color: #fff; }
    #payments-onboarding .controls-row .custom-dropdown {
      display: block;
      float: none; }
      #payments-onboarding .controls-row .custom-dropdown .dropdown-toggle {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-DemiBold', sans-serif;
        background-color: transparent !important;
        border: none;
        box-shadow: none;
        color: #576978;
        font-size: 13px;
        padding: 0; }
        #payments-onboarding .controls-row .custom-dropdown .dropdown-toggle .caret {
          background-image: url("../img/dropdown-caret-white.351f5081772d.png");
          border: none;
          height: 6px;
          margin-bottom: 2px;
          margin-left: 12px;
          width: 9px; }
          @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
            #payments-onboarding .controls-row .custom-dropdown .dropdown-toggle .caret {
              background-image: url("../img/dropdown-caret-white@2x.24a21a37bc60.png");
              background-size: 9px 6px; } }
      #payments-onboarding .controls-row .custom-dropdown .dropdown-menu {
        width: 200px; }
        #payments-onboarding .controls-row .custom-dropdown .dropdown-menu li a {
          padding: 7px 10px; }
    #payments-onboarding .controls-row .savings-label {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-Regular', sans-serif;
      font-size: 11px;
      color: #fff;
      text-align: left;
      opacity: 40%; }
      #payments-onboarding .controls-row .savings-label.active, #payments-onboarding .controls-row body .custom-dropdown.open .savings-label.control-more, body .custom-dropdown.open #payments-onboarding .controls-row .savings-label.control-more {
        opacity: 100%; }
    #payments-onboarding .controls-row .billing-amount {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      font-size: 15px;
      color: #fff;
      text-align: left;
      margin: 8px 10px; }
      #payments-onboarding .controls-row .billing-amount sub {
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Regular', sans-serif;
        font-size: 11px;
        bottom: 0;
        text-transform: none;
        color: #fff;
        text-align: left; }
  #payments-onboarding .member-select-widget {
    margin: 0; }
    #payments-onboarding .member-select-widget .custom-select-toggle {
      box-shadow: none !important;
      padding: 0 0 0 15px;
      background: #F8FAFB;
      border: 1px solid #E2E2E2;
      border-radius: 3px;
      height: 100%;
      user-select: none;
      white-space: nowrap;
      line-height: 26px;
      color: #444;
      text-decoration: none;
      overflow: hidden;
      position: relative;
      display: block; }
    #payments-onboarding .member-select-widget .select2-container {
      margin: 0; }
    #payments-onboarding .member-select-widget .ui-select-match {
      display: block; }
    #payments-onboarding .member-select-widget .ui-select-container[theme="select2"].direction-up .ui-select-dropdown, #payments-onboarding .member-select-widget .ui-select-container.select2.direction-up .ui-select-dropdown {
      top: -274px !important;
      margin-top: 0; }
    #payments-onboarding .member-select-widget .select2-choices {
      display: none; }
    #payments-onboarding .member-select-widget .select2-disabled {
      background: #4A5668 !important;
      color: #fff !important; }
    #payments-onboarding .member-select-widget .select2-highlighted {
      background: #fff;
      border: none; }
      #payments-onboarding .member-select-widget .select2-highlighted:hover {
        background-color: #f5f5f5; }
    #payments-onboarding .member-select-widget .select2-result-single li {
      width: 205px;
      margin-bottom: 5px; }
    #payments-onboarding .member-select-widget .select2-result-single .select2-disabled .select2-result-label .name {
      font-variant-ligatures: none;
      -webkit-font-variant-ligatures: none;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-family: 'AvenirNext-DemiBold', sans-serif;
      color: #fff; }
    #payments-onboarding .member-select-widget .select2-result-single .select2-disabled .select2-result-label .remove-icon {
      display: block; }
    #payments-onboarding .member-select-widget .select2-result-single .select2-result-label {
      height: 34px;
      padding: 4px 0 4px 9px; }
      #payments-onboarding .member-select-widget .select2-result-single .select2-result-label .row-avatar {
        background-size: 24px 24px;
        border: 1px solid #fff;
        float: left;
        height: 26px;
        margin: 0 10px 0 0;
        width: 26px; }
      #payments-onboarding .member-select-widget .select2-result-single .select2-result-label .name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-variant-ligatures: none;
        -webkit-font-variant-ligatures: none;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        font-family: 'AvenirNext-Medium', sans-serif;
        color: #1B293E;
        float: left;
        font-size: 13px;
        line-height: 26px;
        width: 120px; }
      #payments-onboarding .member-select-widget .select2-result-single .select2-result-label .remove-icon {
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../img/icon-remove-white.f5c12837c31a.png");
        display: none;
        cursor: pointer;
        float: right;
        height: 26px;
        margin: 0 11px 0 0;
        width: 11px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
          #payments-onboarding .member-select-widget .select2-result-single .select2-result-label .remove-icon {
            background-image: url("../img/icon-remove-white@2x.2d4d2caa7e84.png");
            background-size: 11px 11px; } }

.referrals-modal * {
  font-size: 14px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-rendering: optimizelegibility;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.referrals-modal .row {
  margin-right: -15px !important;
  margin-left: -15px !important; }
  .referrals-modal .row.controls .app-btn {
    margin: 0 auto;
    display: block;
    float: none;
    width: 200px; }
.referrals-modal .modal-header {
  background-image: none;
  padding-bottom: 0; }
.referrals-modal .modal-body {
  height: 300px;
  padding-top: 0; }
.referrals-modal .modal-dialog {
  height: 315px;
  width: 550px; }
.referrals-modal .btn {
  color: white;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-weight: 300;
  box-shadow: none; }
  .referrals-modal .btn.split-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
.referrals-modal label {
  font-weight: 300;
  font-size: 14px;
  line-height: 12px;
  margin: 5px 0 0 0;
  float: left; }
  .referrals-modal label.error {
    color: #ff255d; }
  .referrals-modal label.success {
    color: #3c763d; }
.referrals-modal span.green {
  color: #5cb85c; }
.referrals-modal input {
  width: 150px; }
  .referrals-modal input.loading {
    background-image: url("../img/spinner-big.7c1a7500c8b3.gif");
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-position: 97%;
    background-size: 25px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
      .referrals-modal input.loading {
        background-image: url("../img/spinner-big@2x.8b96bcf6b159.gif");
        background-size: 70px; } }
.referrals-modal .slide .panel {
  width: 340px;
  height: 200px;
  box-shadow: none;
  border: none; }
.referrals-modal .slide .panel1 {
  background: url("../img/referrals/panel1.d082d696c2f1.png") no-repeat; }
.referrals-modal .slide .panel2 {
  background: url("../img/referrals/panel2.170d83ab0073.png") no-repeat; }
.referrals-modal .slide .panel3 {
  background: url("../img/referrals/panel3.1ab01cadc08c.png") no-repeat; }
.referrals-modal .slide .panel4 {
  background: url("../img/referrals/panel4.1c538d7c36ff.png") no-repeat; }
.referrals-modal .fancy {
  line-height: 0.2;
  text-align: center;
  color: #B9B9B9; }
  .referrals-modal .fancy span {
    display: inline-block;
    position: relative; }
    .referrals-modal .fancy span:before, .referrals-modal .fancy span:after {
      content: "";
      position: absolute;
      height: 3px;
      border-bottom: 1px solid #B9B9B9;
      top: 0;
      width: 220px; }
    .referrals-modal .fancy span:before {
      right: 100%;
      margin-right: 15px; }
    .referrals-modal .fancy span:after {
      left: 100%;
      margin-left: 15px; }
.referrals-modal p {
  color: #4a4a4a;
  font-size: 18px;
  text-align: center;
  margin: 0; }
  .referrals-modal p span, .referrals-modal p b {
    font-size: 18px; }
.referrals-modal h6 {
  color: #4a4a4a;
  font-weight: 400;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
  width: 420px; }
.referrals-modal h5 {
  color: #4a4a4a;
  text-align: center; }
.referrals-modal .fading-content {
  position: absolute;
  width: 350px;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: white; }
.referrals-modal .fading-content, .referrals-modal .fading-footer {
  display: none; }
.referrals-modal .fading-content:first-of-type {
  display: block; }
.referrals-modal .centered-content {
  text-align: center; }
.referrals-modal h4 {
  color: #4a4a4a;
  font-size: 135%;
  text-align: center; }
.referrals-modal hr {
  display: block;
  width: 100%;
  border: 0;
  height: 1px;
  background: #B9B9B9; }
.referrals-modal .share-section .text-muted {
  padding: 0 15px 0 20px;
  line-height: 33px; }
.referrals-modal .share-section a {
  margin-right: 8px; }
.referrals-modal .modal-footer {
  padding: 20px 30px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .referrals-modal .slide .panel {
    background-size: 340px; }
  .referrals-modal .slide .panel1 {
    background-image: url("../img/referrals/panel1@2x.bc40c75bffbf.png");
    background-image: url("../img/referrals/panel1@2x.bc40c75bffbf.png");
    background-image: url("../img/referrals/panel1@2x.bc40c75bffbf.png");
    background-image: url("../img/referrals/panel1@2x.bc40c75bffbf.png");
    background-image: url("../img/referrals/panel1@2x.bc40c75bffbf.png");
    background-repeat: no-repeat;
    background-position: 0 50%; }
  .referrals-modal .slide .panel2 {
    background-image: url("../img/referrals/panel2@2x.1a0987a6606f.png");
    background-image: url("../img/referrals/panel2@2x.1a0987a6606f.png");
    background-image: url("../img/referrals/panel2@2x.1a0987a6606f.png");
    background-image: url("../img/referrals/panel2@2x.1a0987a6606f.png");
    background-image: url("../img/referrals/panel2@2x.1a0987a6606f.png");
    background-repeat: no-repeat;
    background-position: 0 50%; }
  .referrals-modal .slide .panel3 {
    background-image: url("../img/referrals/panel3@2x.29eb9ced3874.png");
    background-image: url("../img/referrals/panel3@2x.29eb9ced3874.png");
    background-image: url("../img/referrals/panel3@2x.29eb9ced3874.png");
    background-image: url("../img/referrals/panel3@2x.29eb9ced3874.png");
    background-image: url("../img/referrals/panel3@2x.29eb9ced3874.png");
    background-repeat: no-repeat;
    background-position: 0 50%; }
  .referrals-modal .slide .panel4 {
    background-image: url("../img/referrals/panel4@2x.f254a863faff.png");
    background-image: url("../img/referrals/panel4@2x.f254a863faff.png");
    background-image: url("../img/referrals/panel4@2x.f254a863faff.png");
    background-image: url("../img/referrals/panel4@2x.f254a863faff.png");
    background-image: url("../img/referrals/panel4@2x.f254a863faff.png");
    background-repeat: no-repeat;
    background-position: 0 50%; } }
@-moz-document url-prefix() {
  #wrapper {
    height: 100%; } }
div.scrollable-submenu-container {
  display: block;
  overflow-y: auto;
  max-height: 150px; }

ul.scrollable-submenu {
  min-width: 150px;
  border-radius: 4px;
  margin: 0;
  padding: 0; }
  ul.scrollable-submenu li {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    display: list-item;
    height: 30px;
    line-height: 20px;
    list-style-type: none; }
    ul.scrollable-submenu li a {
      font-weight: bold;
      font-size: 13px !important;
      color: #757a8c;
      padding: 5px 18px 6px;
      display: block;
      clear: both;
      height: 29px;
      line-height: 18px; }
    ul.scrollable-submenu li a:hover {
      background: #757a8c;
      color: #262626;
      text-decoration: none; }
  ul.scrollable-submenu li:first-child {
    border-top: 0;
    height: 29px; }
  ul.scrollable-submenu .disabled a {
    color: #333; }
  ul.scrollable-submenu .disabled a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }

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