@charset "utf-8";
/*
  COLORS
*/
header {
  display: block;
}
header .dropdown-toggle {
  min-width: 160px;
}
header .btn-group.open .dropdown-toggle {
  height: 65px;
  background: #14B5FE;
  border-color: #04A0F6;
  box-shadow: 0 1px 2px none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
@media only screen and (max-width: 867px) {
  header .sub-menu {
    float: none;
    display: block;
    position: static !important;
    margin: 0;
    background: none;
    border: none;
    box-shadow: 0 1px 2px none;
  }
}
@media only screen and (max-width: 867px) {
  header .btn-group {
    display: block;
  }
}
@media only screen and (max-width: 867px) {
  header .nav,
  header nav {
    margin: 0;
    border: none !important;
  }
}
#header-wrap {
  background: #1295e1;
  margin: 0px;
  background-repeat: repeat-x;
  outline: 0;
  display: block;
}
@media (min-width: 868px) {
  #header-wrap {
    height: 55px;
    position: fixed;
    width: 100%;
    z-index: 999999;
  }
}
@media only screen and (max-width: 361px), only screen and (max-width: 321px), only screen and (max-width: 867px) {
  #header-wrap {
    display: none;
  }
}
@media only screen and (max-width: 867px) {
  #header-wrap nav {
    margin: 0 -30px;
    padding: 0;
    overflow: visible;
  }
}
@media all and (max-width: 900px) {
  .header {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
  }
}
.header-content-mobile {
  display: none;
}
@media only screen and (max-width: 867px) {
  .header-content-mobile {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    padding: 18px 0 0;
  }
  .header-content-mobile span {
    float: left;
    font-weight: 300;
    font-size: 36px;
    line-height: 1;
    margin: -3px 0 0 10px;
  }
}
@media only screen and (max-width: 321px) {
  .header-right {
    text-align: right;
  }
}
@media only screen and (max-width: 361px) {
  .header-right {
    text-align: right;
  }
}
.navbar {
  margin: 0;
  padding: 0;
  border: none;
}
.navbar span.page-title {
  height: 22px;
}
@media all and (max-width: 900px) {
  .navbar-nav {
    margin: 0px;
  }
}
.navbar-nav .dropdown-menu {
  border-radius: 0 0 4px 4px;
  width: 200px;
  margin-top: -10px;
  padding: 0;
  border-color: #20b2fc;
}
@media only screen and (max-width: 867px) {
  .navbar-nav .main-link {
    display: none;
  }
}
.navbar-nav .sub-menu li a {
  display: block;
  border-bottom: 1px solid #47B9FB;
  padding: 10px;
  font-size: 16px;
}
@media only screen and (max-width: 867px) {
  .navbar-nav .sub-menu li a {
    padding: 15px 20px;
  }
}
.navbar-nav .sub-menu li a i,
.navbar-nav .sub-menu li a span,
.navbar-nav .sub-menu li a img {
  display: inline-block;
  vertical-align: middle;
}
.navbar-nav .sub-menu li a i,
.navbar-nav .sub-menu li a img {
  font-size: 16px;
  margin-right: 5px;
}
.navbar-nav .sub-menu li a img {
  width: 16px;
}
.navbar-nav .sub-menu li a:hover {
  color: #c4e8fd;
  background: #20b2fc !important;
  background: #07a9fc !important;
}
.navbar-nav .sub-menu li:last-child a {
  border-bottom: none;
}
@media all and (max-width: 900px) {
  .navbar-toggle {
    float: none;
    margin-right: 0px;
    display: block;
  }
}
.navbar-toggle .icon-bar {
  width: 26px;
  border: 1px solid #ffffff;
  margin-bottom: 6px;
}
@media all and (max-width: 900px) {
  .navbar-toggle .icon-bar {
    background: #ffffff;
  }
}
.login img {
  display: inline-block;
  vertical-align: middle;
}
.login a {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
}
.login .main-link {
  color: #fff;
  font-size: 14px;
  padding: 12px 20px 13px 10px;
  outline: none !important;
  text-decoration: none;
}
.login .main-link:hover {
  color: #ffffff;
}
.logo {
  padding: 10px 0 5px;
}
.dropdown-menu {
  color: #ffffff;
  background: #20b2fc;
  border: 1px solid #00FF00;
  width: 210px;
}
.dropdown-menu > li > a {
  color: #ffffff;
  margin: 0;
}
.dropdown-menu > li > a:hover {
  background: #30c4ff;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background: #20b2fc repeat-x;
  color: #ffffff;
}
@media all and (max-width: 900px) {
  .nav > li > a {
    display: inline-block;
  }
}
@media all and (max-width: 900px) {
  .nav-member {
    border-top: 1px solid #dedfe2;
    padding-top: 10px;
  }
}
.nav-member li {
  text-align: center;
}
.nav-member li:first-child a {
  border: 0px;
}
.nav-member li form,
.nav-member li form:focus {
  border: none;
  outline: none;
}
.nav-member li a,
.nav-member li button {
  background: transparent;
  outline: none;
  border: none;
  color: #25bafa;
  padding: 15px 0px;
  line-height: 30px;
}
.nav-member li a i,
.nav-member li button i {
  font-size: 30px;
}
@media all and (max-width: 900px) {
  .nav-member li a,
  .nav-member li button {
    font-size: 12px;
    padding: 5px 0px;
  }
}
@media all and (min-width: 1024px) {
  .nav-member li a,
  .nav-member li button {
    height: 78px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 13px;
    padding: 10px 0;
  }
}
@media all and (min-width: 1024px) {
  .nav-member li .nav-print {
    width: 90px;
  }
}
@media all and (min-width: 1024px) {
  .nav-member li .nav-share {
    width: 135px;
  }
}
@media all and (min-width: 1024px) {
  .nav-member li .nav-transfer {
    width: 110px;
  }
}
@media all and (min-width: 1024px) {
  .nav-member li .nav-history {
    width: 135px;
  }
}
.nav-tabs {
  border-bottom: 2px solid #25bafa !important;
}
.nav-tabs > li > a {
  padding: 20px 0px;
  font-weight: 300;
  border: 0px !important;
  float: left;
  margin: 0;
  width: 100%;
}
.nav-tabs li.active,
.nav-tabs li.active > a,
.nav-tabs .active > a:hover,
.nav-tabs .active > a:focus {
  border-radius: 0px;
  background-color: #25bafa !important;
  color: #ffffff !important;
  overflow: hidden;
}
.nav-mobile {
  display: none;
}
@media all and (max-width: 900px) {
  .nav-mobile {
    display: block;
  }
}
@media all and (max-width: 900px) {
  .nav-mobile .toggle-mobile {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 2px;
    top: 1px;
    z-index: 10000;
  }
}
@media all and (max-width: 900px) {
  .nav-mobile a {
    display: block;
  }
}
.nav-justified > li {
  width: 25% !important;
  float: right !important;
}
@media only screen and (max-width: 867px) {
  .nav-justified > li > a {
    margin: 0px;
  }
}
@media only screen and (max-width: 867px) {
  .nav-justified > li > a > input {
    float: left;
    margin: 0px;
  }
}
.nav-main > li > a {
  padding: 13px 15px 13px 12px;
  width: 210px;
  text-align: right;
  color: #ffffff;
}
@media all and (max-width: 900px) {
  .nav-main > li > a {
    width: auto;
    padding: 0px;
  }
}
.nav-main > li > a > img {
  border-radius: 50%;
  margin-right: 15px;
}
.nav-main li a:hover {
  background: none;
  color: #c4e8fd;
}
.nav-main li ul li a {
  border-bottom: 1px solid #47B9FB;
  padding: 10px;
  position: relative;
}
.nav-main li ul li a i {
  font-size: 17px;
  width: 20px;
}
.nav-main li ul li:last-child a {
  border: 0px;
}
@media all and (min-width: 1170px) {
  .account-completed a {
    min-width: 300px !important;
  }
}
@media only screen and (max-width: 867px) {
  .account-completed a {
    min-width: 236px !important;
  }
}
@media all and (max-width: 767px) {
  .account-completed a {
    min-width: 80% !important;
  }
}
@media only screen and (max-width: 370px) {
  .account-completed a {
    min-width: 100% !important;
  }
}
.account-not-completed {
  padding: 15px ;
  color: #ffffff;
  font-size: 0.71428571em;
  text-align: center;
  font-weight: 500;
}
@media all and (max-width: 900px) {
  .account-not-completed {
    font-size: 0.53571429em;
    padding: 10px 50px !important;
    line-height: 18px;
  }
}
@media only screen and (max-width: 370px) {
  .account-not-completed {
    font-size: 0.46428571em;
  }
}
.account-not-completed a {
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
  padding: 0 0 2px 0;
  text-decoration: none;
  min-width: 530px;
  color: #ffffff;
  display: inline-block;
}
.account-not-completed a:hover {
  color: #ffffff;
}
@media only screen and (max-width: 867px) {
  .account-not-completed a {
    min-width: 415px;
  }
}
@media all and (max-width: 767px) {
  .account-not-completed a {
    top: 0px !important;
    padding: 0px 20px;
    min-width: 80%;
    line-height: 20px;
    position: relative;
  }
}
@media only screen and (max-width: 370px) {
  .account-not-completed a {
    padding: 0px 5px;
  }
}
@media (min-width: 868px) {
  .account-not-completed a {
    top: 0px !important;
  }
}
.account-not-completed a:after {
  content: '\f054';
  font-family: FontAwesome;
  font-size: 18pt;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding: 0px 0 0 6px;
  position: relative;
  right: 0;
  top: 5px;
  text-align: left;
}
@media all and (max-width: 900px) {
  .account-not-completed a:after {
    top: 4px;
    padding: 0 4px;
    font-size: 16pt;
  }
}
@media all and (max-width: 767px) {
  .account-not-completed a:after {
    top: 5px;
    position: relative;
  }
}
@media only screen and (max-width: 370px) {
  .account-not-completed a:after {
    right: -15px;
  }
}
.header-img-mobile-wrap {
  height: 100%;
  position: relative;
  width: 100%;
}
.header-img-mobile-wrap span {
  font-size: 18px !important;
}
.header-img-mobile {
  max-height: 100%;
  min-height: 100%;
  width: 28px;
}
@media all and (min-width: 1024px) {
  .header-compensation {
    margin: 55px 0 0 0;
  }
}
@media only screen and (max-width: 867px) {
  .header-compensation {
    padding-top: 52px;
  }
  .header-compensation.is-panic {
    padding-top: 0;
  }
}
.header-logo-text {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  top: 5px;
  left: 5px;
}
.header-logo-img {
  width: 30px;
}
.header-logo-img svg {
  fill: #fff;
}
.landing-header-logo-img {
  width: 20px;
  position: relative;
  top: -6px;
  left: 5px;
}
* {
  margin: 0;
}
*,
*:before,
*:after {
  word-break: break-word;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/*
  Default Font Styles
  ______________________
*/
body,
input,
select,
textarea {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #333;
  line-height: 1.2;
}
body {
  background: #f9f9f9;
  padding: 0 2px;
}
@media only screen and (max-width: 361px) {
  body {
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 321px) {
  body {
    font-size: 13px;
    line-height: 20px;
  }
}
@media all and (max-width: 900px) {
  body {
    line-height: 20px;
    font-size: 14px;
  }
}
/*
  Headings
  ______________________
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #333;
  line-height: 1.2;
  margin: 0 ;
}
h1 {
  font-size: 35px;
}
h2 {
  font-size: 28px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
.no-padding {
  padding: 0;
}
@media only screen and (max-width: 361px) {
  header {
    display: none;
  }
}
@media only screen and (max-width: 321px) {
  header {
    display: none;
  }
}
/* Links
______________________*/
a {
  color: #25bafa;
}
a .delete {
  color: #FF524D;
}
a .sync-setting {
  position: absolute;
  background: none;
  border: none;
  padding: 20px 0;
  min-width: 40px;
}
a .sync-setting img {
  width: 40px;
  height: 40px;
  margin-right: 0;
}
a span.glyphicon-trash {
  color: #FF524D;
  padding: 2px;
  border: none;
  margin: 2px;
  border-radius: 5px;
}
a span.trash_border {
  color: #FF524D;
  padding: 6px 8px;
  margin: 2px;
  border-radius: 5px;
  border: solid transparent 1px;
}
a span.trash_border:hover {
  color: #ff0800 !important;
}
a span.glyphicon-wrench {
  color: #37B2FA;
  padding: 6px;
  border: solid #cccccc 1px;
  margin: 2px;
  border-radius: 5px;
}
a:hover {
  color: #6c6e73;
  text-decoration: none;
}
a {
  text-decoration: none;
  border: none;
}
img {
  border: none;
}
/*
  p, blockquote, address
  ______________________
*/
p {
  margin: 0;
  padding: 0 0 10px;
}
@media all and (min-width: 1024px) {
  p {
    margin: 0;
    padding: 0 0 16px;
  }
}
img {
  max-width: 100%;
  height: auto;
}
.underline {
  text-decoration: underline;
}
/* Lists
______________________*/
ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Layout
______________________*/
.container {
  width: 98%;
  margin: 0 auto;
}
@media (min-width: 992px), all and (min-width: 901px) {
  .container {
    width: 98%;
  }
}
@media all and (min-width: 1170px) {
  .container {
    width: 980px ;
  }
}
@media all and (max-width: 767px) {
  .container {
    width: 100% ;
  }
}
.cl {
  clear: both;
  font-size: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
/*Positions*/
.fl {
  float: left;
}
.fr {
  float: right;
}
@media all and (min-width: 1024px) {
  .fr {
    padding-right: 10px;
  }
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.top {
  vertical-align: top;
}
.middle {
  vertical-align: middle;
}
.pb-15 {
  padding-bottom: 15px;
}
.pt-7 {
  padding-top: 7px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.form-group .error,
.error::-webkit-input-placeholder,
.error {
  color: #FF524D;
}
td > strong {
  font-weight: normal;
}
hr {
  border-top: 1px solid #e5e8ea;
  margin: 10px 0px;
  color: #c7c8cd;
  height: 1px;
  background-color: #c7c8cd;
  border: none;
}
@media only screen and (max-width: 361px) {
  hr {
    display: none;
  }
}
@media all and (max-width: 900px) {
  .require-input .require {
    font-size: 24px;
  }
}
span[class^='skype_pnh_container'] {
  display: none !important;
}
span[class^='skype_pnh_print_container'] {
  display: inline !important;
}
@media only screen and (max-width: 867px) {
  footer {
    text-align: center;
    padding: 10px 0px;
    font-size: 14px;
    line-height: 20px;
  }
}
.select-wrapper {
  display: block;
  position: relative;
}
.select-wrapper:after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  font-size: 16px;
  height: 100%;
  line-height: 44px;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
  position: absolute;
  right: 10px;
  text-align: right;
  top: 0;
  width: 16px;
}
.select-wrapper select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 20px;
}
@media all and (max-width: 900px) {
  select {
    text-transform: none;
    width: 100%;
    padding: 10px 5px;
  }
}
@media all and (max-width: 900px), all and (min-width: 901px) {
  select .form-control {
    padding: 10px 12px 11px;
    height: 44px;
    line-height: 52px;
    border-radius: 0px;
  }
}
b {
  font-family: "Roboto-regular", sans-serif;
  font-weight: normal;
}
label {
  font-family: "Roboto-regular", sans-serif;
  font-weight: normal;
}
label .checkbox {
  font-weight: 300;
  margin: 0px;
  padding: 0px;
}
label .checkbox a {
  text-decoration: underline;
}
body {
  padding: 0 0px;
}
div#loadingWidget {
  position: fixed;
  width: 100%;
  height: 100%;
  line-height: 100%;
  color: #000000;
  font-size: rem-calc(100);
  z-index: 9999;
  background: #ffffff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div#loadingWidget div#floatingBarsG {
  width: rem-calc(60);
  height: rem-calc(60);
  position: relative;
  margin: 0 auto;
  top: 35%;
  font-size: rem-calc(60);
}
.emergency-section .card-id-lock-screen a {
  cursor: default;
}
.emergency-section .card-id-lock-screen a:after {
  display: none;
}
textarea {
  resize: vertical !important;
}
@normal-font {
  font-weight: normal;
}
#inner-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #ccc;
  z-index: 99999;
}
#inner-footer .foot-alert {
  position: relative;
  z-index: 999999;
}
.logout-header .navbar-toggle {
  padding: 0;
}
/* ----------------------------popup class----------------------------------- */
.fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.close-pop {
  background: #333;
  width: 28px;
  height: 28px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  right: -15px;
  top: -15px;
  border-radius: 50px;
  z-index: 99999999999;
  cursor: pointer;
}
@media only screen and (max-width: 435px) {
  .close-pop {
    right: -8px;
  }
}
.close-pop i {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}
.modal-open .modal {
  z-index: 999999 !important;
}
.modal-dialog {
  font-size: 15px;
  top: 10%;
}
@media all and (min-width: 1024px) {
  .modal-dialog.modal-sm {
    max-width: 70% ;
    width: auto;
  }
}
@media all and (min-width: 1170px) {
  .modal-dialog.modal-sm {
    max-width: 750px ;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .modal-dialog.modal-sm {
    max-width: 80%  ;
    width: auto;
  }
}
@media only screen and (max-width: 867px) {
  .modal-dialog.modal-sm {
    max-width: 80%  ;
    width: auto;
  }
}
@media all and (max-width: 767px) {
  .modal-dialog.modal-sm {
    max-width: 94% ;
    width: auto;
  }
}
.modal-dialog form > p {
  text-align: center;
}
.modal-dialog .pop_up_heading {
  padding: 12px !important;
}
.modal-dialog .status_content {
  padding: 0 !important;
}
.modal-dialog .modal-content {
  min-height: 180px;
  padding: 20px;
  border: 4px solid #337ab7 !important;
  border-bottom: 15px solid #337ab7 !important;
  box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.63);
}
@media all and (max-width: 767px) {
  .modal-dialog .modal-content {
    padding: 15px 10px;
  }
}
@media all and (max-width: 767px) {
  .modal-dialog .modal-body {
    padding: 5px;
  }
}
.modal-dialog .modal-body h1 {
  font-size: 22px;
  padding: 10px 0;
}
@media all and (max-width: 767px) {
  .modal-dialog .modal-body h1 {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.modal-dialog .modal-body h2 {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  font-size: 20px;
  margin-bottom: 25px;
}
@media all and (max-width: 767px) {
  .modal-dialog .modal-body h2 {
    margin-bottom: 15px;
  }
}
.modal-dialog .modal-body h2 .tooltip {
  z-index: 9999999;
}
.modal-dialog .modal-body h2:before,
.modal-dialog .modal-body h2:after {
  content: '';
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 2px;
  margin: 0 20px 0 0;
  -ms-flex: 1 0 20px;
      flex: 1 0 20px;
}
.modal-dialog .modal-body h2:after {
  margin: 0 0 0 20px;
}
.modal-dialog .modal-body h3 {
  font-size: 16px;
  margin: 10px 0 10px 0 !important;
}
@media all and (max-width: 767px) {
  .modal-dialog .modal-body h3 {
    font-size: 14px;
  }
}
.modal-dialog .modal-body h4 {
  font-size: 18px;
  color: #808080;
  font-weight: 600;
  padding: 10px 0 2px 0;
  line-height: 28px;
}
@media all and (max-width: 767px) {
  .modal-dialog .modal-body h4 {
    padding: 10px 0 15px 0;
  }
}
.modal-dialog .modal-body .alert {
  text-align: left;
}
.modal-dialog .modal-body .alert-popup p,
.modal-dialog .modal-body .pb-15 p {
  line-height: 24px;
  font-weight: 400;
  padding: 15px 0 !important;
  font-size: 15px;
}
@media all and (max-width: 767px) {
  .modal-dialog .modal-body .yes-no .btn {
    width: 100px !important;
    display: inline-block;
    min-width: 90px;
    margin: 5px;
  }
}
@media all and (max-width: 767px) {
  .modal-dialog .modal-body .btn {
    width: 100%!important;
    margin: 10px 0;
  }
  .modal-dialog .modal-body .btn.btn.sync-btn {
    width: 85px !important;
  }
}
.modal-dialog .modal-body .form-group {
  line-height: 24px;
  font-weight: 400;
  position: relative;
}
.modal-dialog .modal-body .form-group label {
  color: #000 !important;
  font-weight: bold;
}
.modal-dialog .modal-body .form-group label span {
  font-weight: bold;
}
.modal-dialog .modal-body .form-group label span.ia-label-text {
  color: #000 !important;
}
.modal-dialog .popup-b02-input-email {
  margin: 0 auto;
}
.modal-dialog .popup-b02-input-email .content {
  margin: 0px;
  padding-bottom: 10px;
}
@media all and (max-width: 767px) {
  .modal-dialog .popup-b02-input-email .content {
    margin: 0;
    padding: 0;
  }
}
.modal-dialog .popup-b02-input-email .yes_submit {
  padding: 8px 7px;
  width: 100px;
  font-size: 14px;
  color: #ffffff;
  background: #48B7E5;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 5px 0 0;
  border: 1px solid #cccccc;
  margin-top: 20px;
}
.modal-dialog .popup-b02-input-email .yes_submit:hover {
  background: #3dbdf2;
}
@media all and (max-width: 767px) {
  .modal-dialog .popup-b02-input-email .yes_submit {
    width: 95px;
  }
}
.modal-dialog .popup-b02-input-email .no_cancel {
  padding: 8px 7px;
  width: 100px;
  font-size: 14px;
  color: #6c6e73;
  background: #fefefe;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #48B7E5;
}
.modal-dialog .popup-b02-input-email .no_cancel:hover {
  background: #ecebeb;
}
.modal-dialog .popup-b02-input-email .btn-cancel {
  margin-right: 10px;
}
.modal-dialog .popup-b02-input-email img {
  margin: 10px 0 10px 0;
}
@media all and (max-width: 767px) {
  .modal-dialog .popup-b02-input-email label {
    font-size: 10pt !important;
  }
}
.modal-dialog button.btn {
  margin: 8px;
}
@media all and (max-width: 767px) {
  .modal-dialog button.btn {
    margin: 5px 0;
  }
}
.ecp_icon_list {
  background: url(../images/eficon_black.png) no-repeat left center;
  background-size: contain !important;
  height: 30px;
  width: 36px;
  padding-left: 0;
  padding-right: 25px;
}
.add_user {
  background: url(../images/add_user.png) no-repeat left center;
  background-size: contain !important;
  height: 10px !important;
  width: 16px !important;
  padding: 14px;
}
.nominate-contact span {
  display: inline-block;
  border-radius: 50%;
  font-size: 40px;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 30px;
  color: #0600ff;
}
@media all and (max-width: 900px) {
  .nominate-contact span {
    width: 60px;
    height: 60px;
    line-height: 54px;
    font-size: 36px;
  }
}
@media all and (max-width: 767px) {
  .nominate-contact span {
    width: 40px;
    height: 40px;
  }
}
.nominate-contact span img {
  width: 40%;
  margin-top: -5px;
}
.nominate-contact span .account_holder_icon {
  padding: 20px;
}
.nominate-contact .icon-nominate1 {
  color: #248f27;
  background: #ccc;
}
.nominate-contact .icon-nominate1 i {
  position: relative;
  top: 10px;
}
.nominate-contact .icon-nominate2 {
  border: 2px solid #37B2FA;
  color: #37B2FA;
}
.nominate-contact .icon-nominate2:after {
  position: absolute;
  left: 3px;
  right: 0;
  background: url(../images/icon-3.png) 0 0 no-repeat;
  content: "";
  width: 22px;
  height: 20px;
  margin: 0 auto;
  top: 26px;
}
.nominate-contact .box-person {
  padding: 20px !important;
  position: relative;
  min-height: 85px;
  margin-right: 0px !important;
}
@media all and (max-width: 900px) {
  .nominate-contact .box-person {
    height: auto;
    padding: 10px 10px !important;
  }
}
@media all and (max-width: 900px) {
  .nominate-contact .box-person h3 {
    margin-bottom: 3px;
  }
}
@media all and (max-width: 900px) {
  .nominate-contact .box-person p {
    padding-bottom: 2px;
    margin-left: 10px;
  }
}
@media all and (max-width: 900px) {
  .nominate-contact .box-person img {
    max-width: none;
  }
}
@media (min-width: 868px) {
  .nominate-contact .box-person {
    background: none;
    border-top: 1px solid #dedfe2;
  }
}
@media only screen and (max-width: 867px) {
  .nominate-contact .box-person {
    background: none;
    height: auto;
  }
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px), (min-width: 992px) {
  .nominate-contact .box-person {
    background: none;
  }
}
@media (min-width: 992px), only screen and (max-width: 321px), only screen and (max-width: 361px), only screen and (max-width: 867px) {
  .nominate-contact .col-md-6 {
    width: 100%;
  }
}
.nominate-contact .fa-chevron-circle-right {
  font-size: 30pt;
  border-radius: 50%;
  line-height: 30px;
  position: absolute;
  right: 0px;
  top: 39px;
  background-color: #fff;
}
.nominate-contact .text-popup {
  width: calc(80%);
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
}
@media only screen and (max-width: 867px) {
  .nominate-contact .icon-nominate1,
  .nominate-contact .icon-nominate {
    line-height: 40px;
  }
}
@media all and (max-width: 767px) {
  .nominate-contact .icon-nominate1,
  .nominate-contact .icon-nominate {
    line-height: 18px;
  }
  .nominate-contact .icon-nominate1 i,
  .nominate-contact .icon-nominate i {
    background-size: 80% !important;
    left: 2px;
  }
}
@media only screen and (max-width: 435px) {
  .nominate-contact .icon-nominate1,
  .nominate-contact .icon-nominate {
    line-height: 18px;
  }
}
.bx-white {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #dcdde0;
  margin-right: 15px;
  margin-top: 10px;
}
/* -----------------------------popup class --------------------------------- */
.premium {
  background: #fe3866;
  padding: 5px 10px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 4px;
  font-size: 10pt;
  max-width: 100px;
  text-align: center;
  float: right;
  margin: 0 12px;
}
@media only screen and (max-width: 1020px) {
  .premium {
    top: 65px;
  }
}
#account-home {
  /* -------------------------------- A class------------- */
  /* -------------------------------- B class------------- */
  /* -------------------------------- C class------------- */
  /* -------------------------------- D class------------- */
  /* -------------------------------- E class------------- */
  /* -------------------------------- F class------------- */
  /* -------form class---------------- */
  /* -------form class end---------------- */
  /* -------------------------------- G class------------- */
  /* -------------------------------- H class------------- */
  /*   .hideId_mobile {
    @media @mobile {
    display: none;
    }
} */
  /* -------------------------------- I class------------- */
  /* -------------------------------- L class------------- */
  /* -------------------------------- M class------------- */
  /* -------------------------------- N class------------- */
  /* -------------------------------- O class------------- */
  /* -------------------------------- P class------------- */
  /* -------------------------------- R class------------- */
  /* --------------Can remove --------------- */
  /* --------------Can remove --------------- */
  /* --------------------------------  S class ------------- */
  /* --------------------------------  T class ------------- */
  /* -------------------------------- U class------------- */
  /* ---------------------------------- V class -------------------------------------------- */
  /* CLASS END */
}
#account-home a {
  text-decoration: none;
}
#account-home .memberList-heading .add_member_record {
  top: 25px;
}
@media all and (max-width: 767px) {
  #account-home .memberList-heading .add_member_record {
    top: 17px;
  }
}
#account-home h1 {
  font-size: 18px;
  font-weight: 600;
}
#account-home h2 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}
@media only screen and (max-width: 370px) {
  #account-home h2 {
    font-size: 14px;
  }
}
#account-home h2 a i {
  padding: 0;
  color: #333;
}
#account-home h2 i {
  background-size: contain !important;
  height: 10px !important;
  width: 16px !important;
  margin-right: 0px;
  padding: 10px;
  line-height: 36px;
}
#account-home h2 .tooltip {
  z-index: 9999999;
}
#account-home h3 {
  font-size: 14px;
  font-weight: 400;
}
#account-home .modal-body h2 {
  font-weight: normal;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  margin-bottom: 25px;
}
#account-home .alert {
  margin-bottom: 0;
  clear: both;
}
#account-home .add_member_record {
  background-color: #66cc20;
  float: right;
  border: none;
  font-size: 9.6px;
  padding: 8px 14px 8px 22px;
  border-radius: 5px;
  margin-right: 0;
  font-weight: 700;
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 900;
  font-family: 'Roboto';
  letter-spacing: 0.08em;
  white-space: normal !important;
  position: absolute;
  right: 27px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  width: 30px;
  padding: 0;
  top: 17px;
  text-transform: uppercase;
}
@media all and (max-width: 767px) {
  #account-home .add_member_record {
    right: 10px;
  }
}
#account-home .add_member_record:hover {
  color: #ffffff;
  border: none;
  cursor: pointer;
}
#account-home .add_member_record:before {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto !important;
  top: 0px;
  content: "";
  width: 20px;
  height: 30px;
  background: url(../images/add_member.png) no-repeat center center !important;
  display: block;
  background-size: 10px 10px !important;
  background-position-y: 0px;
  background-position-x: 0px;
  -webkit-margin-before: 10px;
}
#account-home .article-wrap-container {
  background: #ffffff;
  border: 1px solid #edeef2;
  margin: 15px auto 60px auto;
  padding: 0px;
}
@media all and (max-width: 767px) {
  #account-home .article-wrap-container {
    margin: 15px auto 25px auto;
  }
}
#account-home .article-wrap-container .content-box {
  padding: 15px 0 ;
}
#account-home .article-wrap-container h2 span {
  font-weight: bold;
  position: relative;
}
#account-home .article-wrap-container .holder_icons {
  background: #20b2fc;
  border-radius: 50%;
  text-align: center;
  width: 40px;
  height: 40px;
  margin: 0 12px 0 0;
  display: inline-block;
  float: none;
  /* remove */
}
#account-home .border_red {
  border: 2px solid red !important;
}
#account-home .has-error .chk_border {
  outline: 1px solid #a94442;
}
#account-home .article-title {
  padding: 0;
  border-bottom: 1px solid #e5e8ea;
}
#account-home .article-title .memberList-heading.sub-heading {
  background: #eaf1fb !important;
}
#account-home .article-title.partner h2 {
  background: #ebedee !important;
}
#account-home .article-title h2 {
  background: #dbdbdb !important;
  padding: 15px 15px;
}
@media all and (max-width: 767px) {
  #account-home .article-title h2 {
    padding: 10px;
  }
}
#account-home .account-holder .holder_icons {
  background: #20b2fc;
}
#account-home .account-holder .holder_icons .account_holder_icon {
  background: url(../images/account-holder4.png) no-repeat left center;
}
#account-home .artical-pad {
  padding: 25px;
}
@media all and (max-width: 767px) {
  #account-home .artical-pad {
    padding: 10px !important;
    /* remove important */
  }
}
#account-home .account_heading_detail .photo-info {
  padding-top: 5%;
}
@media all and (max-width: 767px) {
  #account-home .account_heading_detail .photo-info {
    padding-top: 10px;
    margin: 0px;
  }
}
@media all and (max-width: 767px) {
  #account-home .account_heading_detail .popover__wrapper {
    padding: 10px 0;
  }
}
#account-home a.link-field {
  background: #20b2fc;
  color: #ffffff;
  display: inline-block;
  border: none;
  padding: 8px 3px 6px 3px;
  font-size: 15px;
  width: 42%;
  border-radius: 2px;
  box-sizing: border-box;
  height: 40px;
  margin-right: 10px;
}
@media all and (max-width: 767px) {
  #account-home a.link-field {
    width: 100% ;
    margin: 10px 0 ;
  }
}
#account-home a.link-field .icon-blu {
  background-size: contain !important;
  height: 26px;
  width: 26px;
  padding-left: 10px;
  font-weight: 700;
  vertical-align: middle;
  margin: 5px;
}
#account-home a.link-field .icon-blu.friend_icon {
  background: url(../images/friend.png) no-repeat left center;
}
#account-home a.link-field .icon-blu.guardian_icon {
  background: url(../images/gurdians.png) no-repeat left center;
}
#account-home a.link-field em {
  margin-top: 4px;
}
#account-home a.link-field .fr {
  padding-right: 10px;
  float: right;
}
#account-home .account-not-completed a {
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  vertical-align: middle;
  padding: 0 0 2px 0;
  text-decoration: none;
  min-width: 300px;
  color: #ffffff;
  display: block;
}
@media all and (max-width: 767px) {
  #account-home .account-not-completed a {
    text-align: left;
    padding-right: 20px;
  }
}
#account-home .account-not-completed a:after {
  content: '\f054';
  font-family: FontAwesome;
  font-size: 18pt;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  padding: 0px 0 0 6px;
  position: relative;
  right: 0;
  top: 5px;
  text-align: left;
}
@media all and (max-width: 767px) {
  #account-home .account-not-completed a:after {
    position: absolute;
    right: 0;
    top: 20%;
  }
}
#account-home .add-person {
  width: auto;
  background: #66cc20;
  color: #ffffff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 4px 10px 4px 20px;
  border: none;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  letter-spacing: 0.03em;
}
#account-home .add-person[disabled="disabled"] {
  opacity: 0.5;
}
@media all and (min-width: 901px) {
  #account-home .add-person {
    padding: 6px 10px 6px 20px;
  }
}
#account-home .add-person:hover,
#account-home .add-person:focus {
  color: #ffffff;
}
#account-home .add-person:before {
  position: absolute;
  left: 6px;
  top: 9px;
  content: "";
  width: 8px;
  height: 10px;
  background: url(../images/add_member.png) no-repeat left center;
  display: block;
  background-size: 8px 8px !important;
  background-position-y: 0px;
  background-position-x: 0px;
}
#account-home .btn-delete {
  width: auto;
  background: #FF524D;
  color: #ffffff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 20px;
  margin: 10px auto 15px auto;
  padding: 10px 20px 10px 40px;
  border: none;
  font-size: 14px !important;
  font-weight: 200;
  text-decoration: none;
  position: relative;
  letter-spacing: 0.03em;
}
#account-home .btn-delete:before {
  position: absolute;
  left: 14px;
  top: auto;
  width: 20px;
  height: 15px;
  content: "\e020";
  font-family: 'Glyphicons Halflings';
  display: block;
  background-size: 16px 16px !important;
  background-position-y: 0px;
  background-position-x: 0px;
}
#account-home h4.name-account {
  margin-bottom: 0;
  width: 50%;
  margin: 0px auto 10px;
  padding: 10px;
}
@media all and (max-width: 767px) {
  #account-home h4.name-account {
    width: 80%;
  }
}
#account-home .accordion-toggle:after {
  content: '\f106';
  font-family: FontAwesome;
  position: absolute;
  right: 25px;
  top: 10px;
  color: #ffffff;
  font-size: 30px;
  transition: transform .3s;
  transform-origin: center center;
}
@media only screen and (max-width: 867px) {
  #account-home .accordion-toggle:after {
    top: 16px;
  }
}
@media all and (max-width: 767px) {
  #account-home .accordion-toggle:after {
    top: 18px;
  }
}
#account-home .accordion-toggle.collapsed:after {
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform-origin: center center;
}
#account-home .btn {
  margin: 8px;
}
#account-home .submit_request {
  margin: 0 8px;
}
@media all and (max-width: 767px) {
  #account-home .submit_request {
    margin: 8px 0;
  }
}
#account-home .box-lage-input .form-group {
  margin-bottom: 15px !important;
}
#account-home .box-lage-input .form-group:last-child {
  margin-bottom: 0 !important;
}
#account-home button.hi-icon {
  width: auto !important;
}
#account-home .btn-cancel,
#account-home .btn-save {
  width: 100px;
  display: inline-block;
}
#account-home .blcolor {
  display: inline-block;
  background: #cee9f2;
  padding: 10px 5px;
}
#account-home .blcolor .member-id {
  margin: 0px;
  text-align: left;
  float: left;
}
#account-home .blcolor label {
  margin-top: 5px;
}
#account-home .basicinfo .holder_icons .basic_icon {
  background: url(../images/basic-info.png) no-repeat left center;
}
@media all and (max-width: 900px) {
  #account-home .basicinfo .user-photo {
    height: 60px;
    width: 60px;
  }
}
@media all and (max-width: 767px) {
  #account-home .basicinfo .user-photo {
    height: 80px;
    width: 80px;
  }
}
@media all and (max-width: 767px) {
  #account-home .container > .article-wrap-container:last-child {
    margin: 15px auto 80px auto;
  }
}
#account-home .collapse .panel-body {
  padding: 10px 15px;
}
#account-home .collapse .panel-body .panel-body {
  padding: 0px 15px;
}
#account-home .collapse .panel-body a span.glyphicon-trash {
  color: #FF524D;
  padding: 0px;
  margin: 2px 0 2px 2px;
  border-radius: 5px;
}
#account-home .collapse .panel-body a span.trash_border {
  color: #FF524D;
  padding: 6px;
  margin: 2px;
  border-radius: 5px;
  border: solid #cccccc 1px;
}
#account-home .collapse .panel-body .accordion-toggle.collapsed:after {
  transform: rotate(0deg);
  content: "\f107";
}
#account-home .combine-contact-button {
  background: #fff;
  border: 1px solid #dedfe2;
  height: 44px;
}
#account-home .combine-contact-button span {
  width: auto;
  padding-right: 2px;
  border: none;
  text-align: right;
  background: transparent;
  min-width: 5px;
  float: left;
}
#account-home .combine-contact-button input:nth-child(2) {
  display: inline-block;
  width: 65%;
  border: none;
  padding-left: 1px;
  background: transparent;
  padding-right: 0;
}
#account-home .combine-contact-button .form-control:focus {
  box-shadow: none;
}
#account-home .combine-contact-button.phone_required {
  background: #eee;
}
#account-home .colon {
  margin: 0px 2px 0px 0px;
  display: inline;
}
#account-home .download-info {
  margin: 10px 0px;
}
#account-home .download-info h3 {
  text-transform: uppercase;
  border-bottom: 1px solid #cccccc;
  display: inline-block;
  margin: 0px;
}
#account-home .download-info .print_record_wall {
  padding: 10px 0;
}
#account-home .download-info .print_record_wall a {
  padding-right: 20px;
  color: #939598;
  font-weight: 400;
  font-size: 14px;
}
#account-home .download-info .print_record_wall a:hover {
  color: #20b2fc;
}
@media all and (max-width: 767px) {
  #account-home .download-info .print_record_wall a {
    padding-right: 8px;
  }
}
#account-home .download-info .print_record_wall a span {
  padding-left: 5px;
}
#account-home .download-info .print_record_wall a i {
  position: absolute;
  z-index: 9999;
  bottom: 30px;
}
@media only screen and (max-width: 867px) {
  #account-home .download-info .print_record_wall a i {
    bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  #account-home .download-info .print_record_wall a i {
    bottom: 20px;
  }
}
#account-home .descript_are {
  padding: 15px 0;
}
#account-home .material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
#account-home .dropdown-menu .dropdown-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  min-width: 7rem;
  max-width: 17.5rem;
  padding: 1rem;
  overflow: hidden;
  line-height: 1;
  text-overflow: ellipsis;
  word-wrap: break-word;
  border: transparent;
  background-color: #2a394f;
}
#account-home .dropdown-menu .dropdown-item.disabled a {
  color: #777 !important;
}
#account-home .dropdown-menu .dropdown-item.disabled a:hover {
  color: #777 !important;
}
#account-home .dropdown-menu .dropdown-item a {
  color: #38d6fd !important;
}
#account-home .dropdown-menu .dropdown-item a:hover {
  color: #fff !important;
}
#account-home .dropdown-menu .dropdown-item a span.glyphicon {
  color: #fff;
  padding: 2px;
  border: none;
  margin: 2px;
  border-radius: 5px;
}
#account-home .dropdown-menu.dropdown-menu-left {
  top: 25px;
  left: auto !important;
  right: 0;
  transform-origin: 100% 0;
  padding: 0!important;
}
@media all and (max-width: 767px) {
  #account-home .dropdown-menu.dropdown-menu-left {
    right: 0;
  }
}
#account-home .dropdown-menu.dropdown-menu-left:after {
  bottom: 100%;
  left: 89%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #2a394f;
  border-width: 8px;
  margin-left: -8px;
}
#account-home .open > .dropdown-menu {
  opacity: 1;
  transform: scale(1);
}
#account-home .dropdown-item {
  transform: translateZ(0);
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background-color: #2a394f;
}
#account-home .dropdown-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2980b9;
  height: 4px;
  transition-property: left right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
#account-home .dropdown-item:hover:before {
  left: 0;
  right: 0;
}
#account-home .dropdown_btn .btn {
  padding: 2px 8px;
  margin-left: 20px;
  background: none;
  border: none;
  font-size: 14px;
  margin: 0px;
  float: right;
  width: auto;
}
@media all and (max-width: 767px) {
  #account-home .dropdown_btn .btn {
    padding: 0px !important;
  }
}
@media all and (max-width: 767px) {
  #account-home .dropdown_btn img {
    transform: rotate(90deg);
  }
}
#account-home .btn-color {
  font-size: 12px;
  padding: 6px 15px 6px 20px;
  border-radius: 5px;
  margin: 15px auto;
  border: none;
  color: #fff;
  position: relative;
  font-weight: 600;
  text-decoration: none;
}
#account-home .btn-color:after {
  position: absolute;
  left: 6px;
  top: 9px;
  content: "";
  width: 20px;
  height: 15px;
  background: url(../images/add_member.png) no-repeat left center;
  display: block;
  background-size: 8px 8px!important;
  background-position-y: 0;
  background-position-x: 0;
}
#account-home .btn-color.green {
  background-color: #66cc20;
}
#account-home .delete-input {
  right: 10px;
  top: -31px;
  float: right;
  width: auto;
  color: #FF524D;
}
@media all and (max-width: 767px) {
  #account-home .delete-input {
    right: 20px;
  }
}
#account-home .delete-input.pic {
  right: 25px;
  top: -20px;
}
#account-home .delete-input_notes {
  position: absolute;
  right: -5px;
  top: 40px;
  color: #FF524D;
}
@media all and (max-width: 767px) {
  #account-home .delete-input_notes {
    right: 40px;
    top: 5px;
  }
}
#account-home .delete-account {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
@media only screen and (max-width: 867px) {
  #account-home .delete-account {
    text-align: center;
  }
}
#account-home .delete-account a {
  text-decoration: underline;
}
#account-home .delete-member {
  text-align: center;
}
#account-home .delete-member a {
  text-decoration: underline;
}
#account-home .delete-mobile {
  font-size: 17px;
  color: #FF524D;
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
}
@media all and (max-width: 900px) {
  #account-home .delete-mobile {
    right: 5px;
    display: block;
  }
}
@media only screen and (max-width: 867px) {
  #account-home .delete-mobile {
    display: block;
  }
}
#account-home .ecp_title_class {
  padding: 10px !important;
  padding: 10px 20px !important;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  background-color: #ebefff;
}
@media all and (max-width: 767px) {
  #account-home .ecp_title_class {
    padding: 10px 20px 10px 10px !important;
    border-top: 1px solid #ccc;
    margin-top: -27px;
  }
}
#account-home .ecp .holder_icons {
  background: #FF524D;
}
#account-home .ecp .holder_icons .ecp-icon {
  background: url(../images/ECP.png) no-repeat left center;
}
#account-home .errow-text {
  background-color: #D32D27;
  color: #ffffff;
  font-weight: 400;
  padding: 20px;
  margin-bottom: 5px;
  margin-top: 5px;
}
@media all and (min-width: 1024px) {
  #account-home .errow-text {
    line-height: 20px;
  }
}
#account-home .email-active-help {
  padding: 16px;
  margin-bottom: 15px;
  background-color: #eee;
  font-size: 14px;
  color: #444;
}
@media all and (max-width: 767px) {
  #account-home .email-active-help {
    padding: 10px;
  }
}
#account-home .email-active-help p {
  padding-bottom: 5px;
}
#account-home .email-active-help ol {
  list-style: none;
  counter-reset: item;
  padding: 6px 0 0 12px !important;
}
#account-home .email-active-help li {
  counter-increment: item;
  margin-bottom: 5px;
}
#account-home .email-active-help li:before {
  margin-left: -15px;
  content: counter(item);
  border-radius: 100%;
  color: black;
  width: 1.2em;
  text-align: center;
  display: inline-block;
}
#account-home .email-active-help .ol-margin {
  margin-left: 5%;
}
@media all and (max-width: 767px) {
  #account-home .even {
    padding: 10px;
    border-top: 1px dotted #ccc;
  }
}
#account-home .error-txt {
  color: #FF524D;
  font-weight: 400;
}
#account-home #fbMessengerBtn.btn {
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  #account-home .form-sub-in .label_txt_heading {
    margin-bottom: 0;
  }
}
#account-home .form-sub-in span {
  padding-bottom: 5px;
}
#account-home .form-sub-in .ia-label-tooltip-icon-container {
  float: right;
}
#account-home .form-sub-in .tooltip {
  right: -4px !important;
}
@media all and (max-width: 767px) {
  #account-home .form-sub-in .tooltip {
    top: -30px !important;
  }
}
#account-home .form-sub-in .tooltip .tooltip-inner {
  min-width: 220px !important;
}
#account-home #fbMessengerBtn span {
  color: #fff !important;
}
#account-home .fa-trash-o {
  color: #FF524D;
  font-size: 20px;
  position: absolute;
  z-index: 99;
  right: 0px;
}
#account-home .fa-trash-o:hover {
  text-decoration: none;
}
#account-home .full-phone-number {
  padding: 0px;
  color: #444;
  margin: 0;
  background: none;
  font-size: 15px;
  /*  remove   */
  border-radius: 20px;
  display: inline-block;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  #account-home .full-phone-number {
    font-size: 15px;
  }
}
#account-home .friendpage .holder_icons .friend-icon,
#account-home .guardian-head .holder_icons .friend-icon {
  background: url(../images/friends-ico.png) no-repeat left center;
}
#account-home .friendpage .holder_icons .guardian-icon,
#account-home .guardian-head .holder_icons .guardian-icon {
  background: url(../images/guardian-ico.png) no-repeat left center;
}
#account-home .friendpage h2 > i,
#account-home .guardian-head h2 > i {
  padding: 0 10px 0 0 ;
}
#account-home .friendpage .list_details .detail,
#account-home .guardian-head .list_details .detail {
  padding: 20px 20px 20px 0;
}
@media all and (max-width: 767px) {
  #account-home .friendpage .list_details .detail,
  #account-home .guardian-head .list_details .detail {
    padding: 20px 0px 0 0px;
    margin-bottom: 0px;
  }
}
#account-home .friendpage .list_details .detail .fa-trash-o,
#account-home .guardian-head .list_details .detail .fa-trash-o {
  right: 50px;
}
@media all and (max-width: 767px) {
  #account-home .friendpage .list_details .detail .fa-trash-o,
  #account-home .guardian-head .list_details .detail .fa-trash-o {
    right: 0px;
  }
}
#account-home .friendpage .list_details .detail span,
#account-home .guardian-head .list_details .detail span {
  margin-right: 1px;
  display: inline-block;
  line-height: 1;
}
@media all and (max-width: 767px) {
  #account-home .friendpage .list_details .detail span span,
  #account-home .guardian-head .list_details .detail span span {
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  #account-home .friendpage .list_details .detail > div:nth-child(2),
  #account-home .guardian-head .list_details .detail > div:nth-child(2) {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
#account-home .friendpage .list_details .detail em,
#account-home .guardian-head .list_details .detail em {
  vertical-align: text-top;
}
#account-home .friendpage #ecp_list_details .detail,
#account-home .guardian-head #ecp_list_details .detail {
  padding: 0 !important;
}
#account-home .friends_guardians_btn a > i {
  padding: 10px;
}
#account-home .friendpage .holder_icons {
  background: #01b13b;
}
#account-home .friendpage .title-pro {
  padding-top: 8px;
}
#account-home footer .remove-member {
  text-align: center;
  padding: 0 0 10px 0;
}
#account-home footer button {
  margin: 0 10px;
}
#account-home .floating-footer {
  position: fixed;
  clear: both;
  z-index: 9;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.95);
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #EEE;
  padding: 10px;
  transition: bottom 0.2s ease-out;
}
@media all and (max-width: 767px) {
  #account-home .floating-footer {
    margin: 0 auto 0 auto;
  }
}
#account-home .floating-footer.docked {
  bottom: 92px;
  transition: bottom 0.2s ease-out;
}
#account-home .floating-footer {
  transition: transform .3s;
  transform: translateY(0);
}
#account-home .floating-footer.docked {
  bottom: 0;
  transition: transform .3s;
  background: transparent;
  border: none;
  transform: translateY(100%);
}
#account-home .fb-messenger-icon {
  background: url(../images/fb-messenger.png) no-repeat;
  background-size: 20px 20px;
  display: inline-block;
  height: 20px;
  padding-left: 27px;
  margin: 5px;
}
@media all and (max-width: 767px) {
  #account-home .fb-messenger-icon {
    margin: 0px 5px;
    font-size: 11px;
    line-height: 17px;
    background-size: 15px 15px;
  }
}
@media only screen and (max-width: 370px) {
  #account-home .fb-messenger-icon {
    width: 105px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 5px;
    height: 16px;
  }
}
#account-home .form-person-body {
  padding: 10px;
}
#account-home .fb_messenger span {
  text-decoration: underline;
}
#account-home .form-group {
  margin-right: 0 ;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  position: relative;
}
@media all and (max-width: 767px) {
  #account-home .form-group {
    padding: 0px;
    display: block;
  }
}
#account-home .form-group .form-group {
  margin-bottom: 0px;
}
#account-home .form-group label span {
  line-height: 22px;
  margin: 0px;
  padding: 0;
  display: inline-block;
}
#account-home .form-group span {
  padding: 0 5px;
  margin: 0px;
  color: #868383;
}
@media all and (max-width: 767px) {
  #account-home .form-group .alert {
    padding: 8px;
  }
}
#account-home .form-group .alert span {
  padding: 0 ;
}
#account-home .form-group span.ia-label-require {
  padding: 0;
  margin: -10px 0 0 -5px !important;
}
@media all and (max-width: 767px) {
  #account-home .form-group .photo_upload_text_box span {
    padding: 5px 0;
  }
}
#account-home .form-group .upload-box {
  margin: 0px auto;
  width: 100%;
  background: #eee;
  padding: 10px;
  display: inline-block;
}
#account-home .form-group .upload-box .user-photo span {
  padding: 0;
}
#account-home .form-group .upload-box span {
  padding: 5px 0;
}
#account-home .form-group .upload-box span .ia-label-tooltip-icon-container {
  right: -5px;
}
@media all and (max-width: 767px) {
  #account-home .form-group .upload-box span .ia-label-tooltip-icon-container {
    top: 0px;
  }
}
#account-home .form-group .upload-box button {
  width: 50%;
  margin: 0px auto;
  padding: 0px !important;
}
@media all and (max-width: 767px) {
  #account-home .form-group .upload-box button {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  #account-home .form-group .upload-box .ia-label-tooltip-icon-container {
    top: -2px;
  }
}
@media all and (max-width: 767px) {
  #account-home .form-group .firstname2 {
    margin-top: 8px;
  }
  #account-home .form-group .upload_avatar {
    margin-top: 0;
  }
}
#account-home .form-group .ia-label-tooltip-icon-container {
  position: absolute;
  right: 19px;
}
@media all and (max-width: 767px) {
  #account-home .form-group .ia-label-tooltip-icon-container {
    right: 4px;
  }
}
#account-home .form-group .box-upload > div {
  padding: 0px;
  text-align: center;
}
#account-home .form-group .box-upload .attachment_living_will {
  text-align: left !important;
  padding: 0 2px;
  margin-bottom: 10px;
  color: #fff;
  border-color: #49bafa;
}
#account-home .form-group .box-upload .attachment_living_will .attachment_urls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #d8d8d8;
}
#account-home .form-group .box-upload .attachment_living_will .attachment_urls .copy_urls {
  position: relative;
}
#account-home .form-group .box-upload .attachment_living_will .attachment_urls .copy_urls span {
  color: #25bafa !important;
}
#account-home .form-group .box-upload .attachment_living_will .attachment_urls .copy_urls .wechatcopied {
  top: -40px;
  padding: 5px !important;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  width: 250px;
}
#account-home .form-group .box-upload .attachment_living_will .attachment_urls:last-child {
  border-bottom: none;
}
#account-home .form-group .box-upload .attachment_living_will .attachment_urls span {
  padding: 0;
}
#account-home .form-group .box-upload .attachment_living_will .attachment_urls p {
  padding-bottom: 0;
}
#account-home .form-group .box-upload .attachment_living_will .attachment_urls .icons {
  margin-left: auto;
}
#account-home .form-group .photo_upload_text_box span {
  padding: 5px 0 !important;
}
#account-home .form-group.name > div:first-child {
  padding-left: 0;
}
#account-home .form-group.name > div:nth-child(2) {
  padding: 0px;
}
#account-home .form-group.name > div:nth-child(3) {
  padding-right: 0;
}
#account-home .form-group.name > div:last-child {
  padding-right: 0;
}
@media all and (max-width: 767px) {
  #account-home .form-group.name > div {
    padding: 0px;
  }
  #account-home .form-group.name > div:nth-child(2) {
    margin-top: 15px;
  }
  #account-home .form-group.name > div:nth-child(3) {
    margin-top: 15px;
  }
  #account-home .form-group.name > div:last-child {
    margin-top: 15px;
  }
}
#account-home .form-group .date > div:first-child {
  padding-left: 0px;
}
#account-home .form-group .date > div:nth-child(2) {
  padding: 0px;
}
#account-home .form-group .date > div:last-child {
  padding-right: 0px;
}
@media all and (max-width: 767px) {
  #account-home .form-group .date > div:first-child {
    padding-right: 5px;
  }
  #account-home .form-group .date > div:nth-child(2) {
    padding: 0px 2px;
  }
  #account-home .form-group .date > div:last-child {
    padding-left: 5px;
  }
}
#account-home .form-input-delete {
  margin-bottom: 15px;
}
@media all and (max-width: 767px) {
  #account-home .form-input-delete {
    padding: 0px;
  }
}
#account-home .form-input-delete .form-group:last-child {
  margin-bottom: 0 !important;
}
#account-home .form-control {
  border-radius: 0px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  margin: 0px;
  padding: 0px 12px 0px;
  font-size: 14px;
  line-height: 1.75em;
}
@media all and (max-width: 767px) {
  #account-home .form-control {
    font-size: 12px;
    padding: 10px 4px 11px;
    line-height: 2em;
  }
}
#account-home span.form-control {
  padding: 10px 12px 11px;
}
@media all and (max-width: 767px) {
  #account-home span.form-control {
    padding: 10px 3px 11px;
  }
}
#account-home .guardian-head .holder_icons {
  background: #20b2fc;
}
#account-home .info_icon .ia-label-text {
  display: inline-block;
}
#account-home .info_icon .ia-label-tooltip-icon-container {
  right: 19px;
  float: right;
  position: absolute;
}
@media all and (max-width: 767px) {
  #account-home .info_icon .ia-label-tooltip-icon-container {
    right: 4px;
  }
}
#account-home .left_5 {
  padding-left: 5px;
}
#account-home .list_details {
  padding: 10px 0;
  font-size: 14px;
  color: #444;
}
@media all and (max-width: 767px) {
  #account-home .list_details {
    padding: 0;
    margin: 0;
  }
}
#account-home .list_details .resend_nomination_dat {
  float: right;
}
#account-home .list_details .full-phone-number {
  padding: 0px;
  margin: 0px;
  color: #444;
  font-weight: 300;
  cursor: pointer;
  background: none;
}
@media all and (max-width: 767px) {
  #account-home .list_details .full-phone-number {
    font-size: 15px;
  }
}
#account-home .list_details .btn-drop {
  z-index: 9;
}
@media all and (max-width: 767px) {
  #account-home .list_details .btn-drop {
    right: 0px;
    top: -40px;
    position: relative;
    padding: 0px;
  }
}
#account-home .list_details .detail {
  margin-top: -5px;
}
@media all and (max-width: 767px) {
  #account-home .list_details .detail {
    margin-bottom: 30px;
    margin-top: 0px;
  }
  #account-home .list_details .detail > div:last-child {
    padding: 0;
  }
}
#account-home .list_details .detail p {
  padding: 5px 0;
  width: 100%;
  font-weight: 100!important;
  font-size: 16px;
}
@media only screen and (max-width: 867px) {
  #account-home .list_details .detail p {
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  #account-home .list_details .detail span {
    font-size: 15px;
  }
}
#account-home .list_details .detail .user-photo {
  width: 70px;
  height: 70px;
}
@media only screen and (max-width: 867px) {
  #account-home .list_details .detail .user-photo {
    width: 60px;
    height: 60px;
  }
}
@media all and (max-width: 767px) {
  #account-home .list_details .detail .user-photo {
    width: 70px;
    height: 70px;
    margin: 0px ;
  }
}
@media all and (max-width: 767px) {
  #account-home .list_details .detail .user-photo img {
    margin-left: -15px;
  }
}
#account-home .list_details .detail em {
  vertical-align: text-bottom;
  margin-right: 5px;
}
#account-home .list_details .detail em img {
  vertical-align: text-top;
}
#account-home .list-contaner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 767px) {
  #account-home .list-contaner {
    margin-bottom: 15px;
  }
}
@media all and (max-width: 767px) {
  #account-home .list-contaner li {
    padding: 0;
  }
}
#account-home .list-contaner .show_data {
  margin-bottom: 10px;
}
@media all and (max-width: 767px) {
  #account-home .list-contaner .show_data {
    margin-bottom: 15px;
    padding: 0px;
  }
}
#account-home .list-info {
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
  padding: 10px 0px;
}
#account-home .list-info input[type="checkbox"] {
  position: relative;
  margin: 0px;
  width: 1.5em;
  height: 1.5em;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
#account-home .list-info input[type="checkbox"]::before {
  position: absolute;
  content: '';
  display: block;
  top: 0px;
  left: 5px;
  width: 6px;
  height: 12px;
  border: solid;
  border-color: #444;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
#account-home .list-info input[type="checkbox"]:checked {
  color: #444;
  border-color: #a8a8a8;
  background: #fff;
}
#account-home .list-info input[type="checkbox"]:checked::before {
  opacity: 1;
}
#account-home .list-info input[type="checkbox"]:checked ~ label::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#account-home .list-info label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
}
#account-home .list-info label::before {
  position: absolute;
  content: attr(data-content);
  color: #444;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  text-decoration: line-through;
  text-decoration-thickness: 3px;
  -webkit-text-decoration-color: #000;
     -moz-text-decoration-color: #000;
          text-decoration-color: #000;
  transition: -webkit-clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#account-home .list-info label .full-phone-number {
  font-size: 14px;
}
#account-home .list-box {
  border: 1px solid #dcdde0;
  display: inline-block;
  margin: 10px 0;
  width: 100%;
}
@media all and (max-width: 767px) {
  #account-home .list-box {
    border: none;
  }
}
@media all and (min-width: 1024px) {
  #account-home .list-box div:last-child .list-info {
    border: none;
  }
}
#account-home .list-box > .list-info {
  background: #e2f1ff;
  text-align: center;
}
@media all and (max-width: 767px) {
  #account-home .list-box {
    padding: 0px;
  }
}
#account-home .list-box p.fa.fa-download {
  position: absolute;
  padding: 0 0 0 11px!important;
  top: 5px;
}
#account-home .main-wrap .container {
  width: 100%;
}
#account-home #member_list *,
#account-home #member_list *:before,
#account-home #member_list *:after {
  word-break: break-all !important;
}
#account-home #member_list td:nth-child(2) {
  line-height: 46px;
  width: 200px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all !important;
  white-space: nowrap;
  padding: 5px 10px;
}
@media only screen and (max-width: 867px) {
  #account-home #member_list td:nth-child(2) {
    width: 155px;
    max-width: 155px;
  }
}
@media all and (max-width: 767px) {
  #account-home #member_list td:nth-child(2) {
    width: 400px;
    max-width: 400px;
    line-height: 25px;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 435px) {
  #account-home #member_list td:nth-child(2) {
    width: 385px;
    max-width: 385px;
  }
}
@media only screen and (max-width: 375px) {
  #account-home #member_list td:nth-child(2) {
    width: 318px;
    max-width: 318px;
  }
}
@media only screen and (max-width: 370px) {
  #account-home #member_list td:nth-child(2) {
    width: 280px;
    max-width: 280px;
  }
}
#account-home #member_list td:nth-child(2):before,
#account-home #member_list td:nth-child(2):after {
  word-break: break-all !important;
}
#account-home #member_list .copied-btn {
  margin: 0;
}
#account-home #member_list .member-id .hideId_mobile {
  display: none;
}
@media all and (max-width: 767px) {
  #account-home .xs-nopadding {
    padding: 0px;
  }
}
#account-home .member-save {
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
  font-family: 'Roboto';
  width: auto;
  z-index: 10;
}
#account-home #main-load-content {
  padding: 0;
}
#account-home #finlist-div-id {
  min-height: auto;
}
#account-home .main-wrap {
  overflow: visible;
}
#account-home .main_grid_list_details {
  padding-bottom: 10px;
}
@media all and (max-width: 767px) {
  #account-home .main_grid_list_details {
    padding: 10px 10px ;
  }
}
#account-home .member-id {
  font-size: 15px;
  color: #20b2fc;
  font-weight: 400;
  margin: 0px;
  cursor: pointer;
  display: block;
}
@media all and (max-width: 767px) {
  #account-home .member-id {
    font-size: 15px;
  }
}
#account-home .member-table .holder_icons {
  background: #66cc20;
}
#account-home .member-table .holder_icons .member-icon {
  background: url(../images/account-members.png) no-repeat left center;
}
#account-home .member_list_block {
  padding: 0 ;
}
#account-home .member-edit .form-group .upload-box {
  width: 100%;
  display: inline-block;
}
#account-home .member-edit .form-group .upload-box .user-photo {
  float: right;
}
@media all and (max-width: 767px) {
  #account-home .member-edit .form-group .upload-box .user-photo {
    float: none;
  }
}
@media all and (max-width: 767px) {
  #account-home .mob-padding {
    padding: 0px 10px;
  }
}
@media all and (min-width: 1024px) {
  #account-home .no-padding {
    padding: 0px !important;
  }
}
#account-home .no-uniform {
  cursor: pointer;
  font-family: Arial;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 1024px) {
  #account-home .no-left-margin {
    margin-left: 0px;
  }
}
@media all and (min-width: 1024px) {
  #account-home .no-right-padding {
    margin: 0px;
    padding-right: 0px;
  }
}
#account-home .no-right-padding-cell {
  margin: 0px;
  padding-right: 0px;
}
@media all and (min-width: 1024px) {
  #account-home .no-left-padding {
    padding-left: 0px;
  }
}
#account-home .no-left-padding-cell {
  margin: 0px;
  padding-left: 0px;
}
@media all and (min-width: 1024px) {
  #account-home .no-right-margin {
    margin-right: 0px;
  }
}
@media all and (min-width: 1024px) {
  #account-home .no-right-margin-destop {
    margin-right: 0px !important;
  }
}
@media all and (min-width: 1024px) {
  #account-home .no-top-margin-destop {
    margin-top: 0px !important;
  }
}
@media all and (max-width: 767px) {
  #account-home .odd {
    border-top: 1px dotted #ccc;
    padding: 10px;
  }
}
@media all and (max-width: 767px) {
  #account-home .odd:first-child {
    border: none;
  }
}
#account-home .phone_code_mobile .full-phone-number {
  font-size: 16px;
}
@media all and (max-width: 767px) {
  #account-home #Personal li {
    padding: 0 5px;
  }
}
#account-home .password-checkbox {
  float: right;
  margin-top: -35px;
  margin-right: 10px;
  position: relative;
}
#account-home .password-checkbox i {
  color: #646464;
  font-size: 24px;
}
#account-home .password-checkbox input[type="checkbox"],
#account-home .password-checkbox .checked {
  display: none;
}
#account-home .password-checkbox input[type="checkbox"]:checked ~ .checked {
  display: inline-block;
}
#account-home .password-checkbox input[type="checkbox"]:checked ~ .unchecked {
  display: none;
}
#account-home .panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}
#account-home .panel-group {
  margin-bottom: 0px;
  padding: 0 ;
}
#account-home .panel-default {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #e2e4e5;
  box-shadow: none;
}
#account-home .panel-default > .panel-heading {
  background: none;
}
#account-home .panel-title {
  font-size: 15px;
}
#account-home .panel-body .list-contaner li {
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 767px) {
  #account-home .photo-info {
    text-align: center;
    margin: 10px 0 0 0;
    padding: 0px;
  }
}
#account-home .photo-info h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
@media only screen and (max-width: 867px) {
  #account-home .photo-info h1 {
    width: 300px;
  }
}
@media all and (max-width: 767px) {
  #account-home .photo-info h1 {
    margin: 0 auto;
    width: 300px;
  }
}
@media only screen and (max-width: 435px) {
  #account-home .photo-info h1 {
    margin: 0 auto;
    width: 250px;
  }
}
#account-home #popover__member_id .ia-label-tooltip-icon-container {
  right: 3px !important;
}
#account-home .popover__wrapper {
  margin: 10px 0px;
  display: inline-block;
  position: relative;
}
@media all and (max-width: 767px) {
  #account-home .popover__wrapper {
    margin: 0;
    padding: 5px;
  }
}
#account-home .popover__wrapper.blcolor label {
  margin: 0px;
  padding: 0px;
}
#account-home .popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0px;
  transform: translate(0, 10px);
  background-color: #ffffff;
  padding: 1.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
  margin-top: 5px;
  z-index: 99999;
}
@media all and (max-width: 767px) {
  #account-home .popover__content {
    width: 180px;
    margin: 5px auto;
  }
}
#account-home .popover__content:before {
  position: absolute;
  z-index: -1;
  content: '';
  right: calc(40%);
  top: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent rgba(0, 0, 0, 0.3) transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
#account-home .popover__content a {
  display: block;
}
#account-home .popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  /* transform: translate(0,0); */
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
#account-home .popover__message {
  text-align: center;
}
#account-home .personal-data .title {
  font-style: italic;
  padding: 6px 5px;
  line-height: 16px;
}
@media all and (max-width: 767px) {
  #account-home #permission-check .panel .panel-heading .collapse-a {
    width: 89%!important;
  }
}
@media only screen and (max-width: 435px) {
  #account-home #permission-check .panel .panel-heading .collapse-a {
    width: 87%!important;
  }
}
#account-home .reset-main .form-group .ia-label-tooltip-icon-container {
  right: 0  !important;
}
#account-home .reset-main .tooltip {
  right: 0 !important;
}
#account-home .register .holder_icons .register_icon {
  background: url(../images/basic-info.png) no-repeat left center;
}
#account-home .register .box-register {
  margin-top: 15px !important;
}
#account-home .register p {
  padding: 5px 0 0 0;
  clear: both;
}
#account-home .register .reg-bt {
  margin: 0px auto !important;
  float: none;
}
@media all and (min-width: 1024px) {
  #account-home .registration-varification {
    width: 100% !important;
    padding-top: 60px !important;
  }
}
#account-home .registration-varification p {
  font-weight: 300 ;
  font-size: 18px ;
  line-height: 30px  ;
}
@media all and (max-width: 767px) {
  #account-home .registration-varification p {
    font-size: 14px;
    line-height: 26px  ;
  }
}
#account-home .registration-varification p span {
  padding: 5px ;
  background-color: #d8eef8;
}
#account-home .registration-varification h1 {
  font-size: 21px;
  font-weight: 400;
}
@media all and (max-width: 767px) {
  #account-home .registration-varification h1 {
    font-size: 15px;
  }
}
#account-home .registration_page select .form-control {
  line-height: 2.6em;
}
#account-home .registration_page .col-xs-4 {
  padding-right: 0;
}
#account-home .registration_page .col-first {
  padding-left: 0;
}
@media all and (min-width: 1024px) {
  #account-home .registration_page {
    margin: 40px 0;
  }
  #account-home .registration_page form {
    margin-top: -10px;
  }
  #account-home .registration_page label {
    margin-bottom: 10px;
  }
  #account-home .registration_page .guide {
    padding: 0;
  }
  #account-home .registration_page .col-xs-4 {
    padding-right: 0px;
  }
  #account-home .registration_page .left_10 {
    padding-left: 10px;
  }
  #account-home .registration_page .require-input .require {
    right: 0px;
  }
  #account-home .registration_page #registration-form .form-group .row {
    *margin-right: 0px;
  }
}
#account-home .rescue_wallet_section {
  background: #f1ab2f;
  padding: 20px 10px;
  text-align: center;
  width: 100%;
}
@media all and (max-width: 767px) {
  #account-home .rescue_wallet_section {
    margin: 10px auto;
  }
}
#account-home .rescue_wallet_section .prnt_id_ice {
  background: #444444;
  color: #ffffff;
  font-size: 12pt;
  width: 100%;
  padding: 10px 0;
  border-radius: 4px;
  display: block;
  width: auto;
  padding: 7px 10px;
  margin: 10px auto 0;
  border: none;
}
#account-home .rescue_wallet .holder_icons {
  background: #f1ab2f;
}
#account-home .rescue_wallet .holder_icons .rescuewallet-icon {
  background: url(../images/wallets-ico.png) no-repeat left center;
}
#account-home .rescue_wallet .holder_icons .moreinfo_icon {
  background: url(../images/moreinfo-ico.png) no-repeat left center;
}
#account-home .red-guide {
  background: #D32D27;
  color: #ffffff;
  padding: 5px 9px;
  font-size: 15px;
}
@media all and (max-width: 767px) {
  #account-home .red-guide {
    font-size: 13px;
  }
}
#account-home span.require {
  position: absolute;
  top: 25px;
  right: 10px;
}
#account-home #edit-footer2 {
  background: transparent;
  border: none;
  z-index: 1;
  transition: none;
  transform: none;
  position: relative;
  margin: 20px 0;
}
#account-home .user-photo div,
#account-home .user-photo img {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media all and (max-width: 991px) {
  #account-home .spl-btn-width {
    float: right;
  }
}
#account-home .spl-btn-width .btn-web {
  width: 70px;
}
@media only screen and (max-width: 435px) {
  #account-home .spl-btn-width .btn-web {
    width: 60px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 867px) {
  #account-home .spl-btn-width.set {
    float: right;
  }
}
#account-home #setting .view-pro-member .title-pro {
  width: auto;
}
@media only screen and (max-width: 867px) {
  #account-home #setting .view-pro-member .title-pro {
    min-width: auto;
  }
}
#account-home #setting .name-pro {
  width: auto;
}
#account-home #setting .name-pro .btn-web {
  display: inline;
}
#account-home #setting .detail span {
  min-width: auto;
}
@media only screen and (max-width: 1024px) {
  #account-home #setting .basic_info_section > div:first-child {
    width: auto;
  }
}
@media all and (min-width: 1024px) {
  #account-home #setting .basic_info_section > div:first-child {
    width: auto;
  }
}
@media all and (max-width: 767px) {
  #account-home #setting .basic_info_section > div:first-child {
    width: inherit;
  }
}
@media all and (min-width: 1024px) {
  #account-home #setting .photo-info {
    padding-top: 1%;
  }
}
@media only screen and (max-width: 1024px) {
  #account-home #setting .photo-info {
    padding-top: 1%;
  }
}
@media only screen and (max-width: 1024px) {
  #account-home #setting .share_icon {
    float: right;
  }
}
@media all and (min-width: 1024px) {
  #account-home #setting .share_icon {
    float: right;
  }
}
#account-home #setting .full-phone-number {
  font-size: 16px;
}
@media all and (max-width: 767px) {
  #account-home #setting .full-phone-number {
    font-size: 15px;
  }
}
@media only screen and (max-width: 375px) {
  #account-home #setting .email {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline;
    width: 182px;
  }
}
#account-home .space {
  height: 15px;
  display: block;
}
#account-home .select-wrapper {
  margin: 0px;
  padding: 0px;
  background: #ffffff90;
}
#account-home .member-edit .popover__wrapper .popover__content {
  margin-top: 19px;
}
#account-home .member-edit #popover__member_id .tooltip {
  right: 0 !important;
}
#account-home .spl-width-form {
  width: 70%;
  margin: 15px auto;
}
@media only screen and (max-width: 867px) {
  #account-home .spl-width-form {
    width: 90%;
  }
}
@media all and (max-width: 767px) {
  #account-home .spl-width-form {
    width: 100%;
    margin: 10px auto;
  }
}
#account-home .success-message {
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  width: auto;
  margin: 0 auto;
}
#account-home .sync-box .holder_icons {
  background: #f5600c;
}
#account-home .sync-box .holder_icons .sync-icon {
  background: url(../images/sync.png) no-repeat left center;
}
#account-home .sync-box .box-sync {
  text-transform: initial;
  font-size: 16px;
  padding-bottom: 15px;
}
@media all and (max-width: 900px) {
  #account-home .sync-box .box-sync {
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  #account-home .sync-box .box-sync {
    margin: 0 -5px;
    padding-bottom: 1px;
  }
}
@media all and (max-width: 767px) {
  #account-home .sync-box .box-sync i {
    display: inline-block;
  }
}
@media all and (max-width: 767px) {
  #account-home .sync-box .box-sync a {
    display: block;
    float: right;
    margin: 5px 0px 5px 15px;
    clear: both;
  }
}
@media all and (max-width: 767px) {
  #account-home .sync-box .box-sync span,
  #account-home .sync-box .box-sync i {
    display: inline-block;
    float: left;
  }
}
@media all and (max-width: 767px) {
  #account-home .share_icon {
    padding: 0px 4px;
  }
}
#account-home .share_icon img {
  height: 24px;
  width: auto;
}
#account-home .share_icon ul {
  margin-top: 2%;
  text-align: center;
}
@media all and (max-width: 767px) {
  #account-home .share_icon ul {
    margin-top: 10px;
  }
}
#account-home .share_icon li {
  display: inline-block;
  padding: 5px;
  width: 100px;
}
#account-home .share_icon li:hover {
  background: #ececec;
}
@media only screen and (max-width: 867px) {
  #account-home .share_icon li {
    width: 84px;
  }
}
@media all and (max-width: 767px) {
  #account-home .share_icon li {
    width: 92px;
  }
}
@media only screen and (max-width: 435px) {
  #account-home .share_icon li {
    width: 24%;
    vertical-align: text-bottom;
    min-height: 75px;
    line-height: 15px;
    padding: 0px;
  }
}
#account-home .share_icon li a img,
#account-home .share_icon li a span {
  display: block;
  padding: 2px;
  margin: 0px auto;
  color: #20b2fc;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
@media only screen and (max-width: 867px) {
  #account-home .share_icon li a img,
  #account-home .share_icon li a span {
    font-size: 10px;
  }
}
#account-home .share_icon i {
  font-size: 20px;
}
#account-home .spl-note {
  font-style: italic;
  font-size: 14px;
  line-height: 18px;
  background: #eee;
  padding: 5px;
}
#account-home .account_security .holder_icons {
  background: #01b13b;
}
#account-home .account_security .holder_icons .security-icon {
  background: url(../images/security.png) no-repeat left center;
}
#account-home .tabber-person .box-register p {
  min-height: 25pt;
}
#account-home .tabber-person ul.nav-tabs li {
  margin-bottom: 0;
}
#account-home .tabber-person ul.nav-tabs li:hover {
  background-color: #EEE;
  cursor: pointer;
}
#account-home .tabber-person li input[type="checkbox"].tab-checkbox {
  display: none;
  cursor: pointer;
}
#account-home .tabber-person li input[type="checkbox"].tab-checkbox + label {
  display: inline;
  position: relative;
  border: 1px solid #e2e4e5;
  background-color: #ffffff;
  cursor: pointer;
  z-index: 1;
  padding: 2px 2px;
  font-size: 14.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  margin-top: 12%;
  width: 22px;
  float: left;
  margin-left: 30px;
}
#account-home .tabber-person li input[type="checkbox"].tab-checkbox:checked + label {
  background-color: #1F9ED5;
  color: white;
  border: 1px solid #1d91c3;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#account-home .tabber-person li input[type="checkbox"].tab-checkbox:disabled + label {
  opacity: 0.5;
}
#account-home .tabber-person li input.tab-checkbox {
  position: relative;
  margin-top: 11%;
  display: inline;
  padding: 20px;
  height: 20px;
  width: 18px;
  float: left;
  margin-left: 25%;
  cursor: pointer;
}
#account-home .tabber-person li a.tab-click {
  width: auto;
}
#account-home table {
  color: #444;
  font-size: 16px;
  margin: 0px;
}
@media only screen and (max-width: 867px) {
  #account-home table {
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  #account-home table {
    font-size: 15px;
  }
}
#account-home table thead tr.bg_blue {
  background: #20b2fc;
  color: #ffffff;
}
#account-home table thead th {
  padding: 8px 3px;
}
#account-home table thead th.profile_pic_img {
  width: 60px;
}
#account-home table thead th:last-child {
  width: 90px;
}
#account-home table thead th a {
  color: #ffffff;
}
@media all and (max-width: 767px) {
  #account-home table thead {
    display: none;
  }
}
#account-home table tbody {
  margin-bottom: 10px;
}
#account-home table tbody tr {
  border-bottom: 1px solid #ccc;
}
@media all and (max-width: 767px) {
  #account-home table tbody tr {
    margin: 10px 0 0 0;
    display: block;
    position: relative;
    border-bottom: 0;
  }
}
#account-home table tbody tr.members_sub {
  background-color: #ebefff;
}
@media all and (max-width: 767px) {
  #account-home table tbody tr.members_sub {
    padding: 10px 0 0 0;
    margin: 0;
  }
}
#account-home table tbody tr#more_txt {
  border-bottom: 0;
}
@media all and (min-width: 1024px) {
  #account-home table tbody tr#more_txt {
    display: none;
  }
}
@media only screen and (max-width: 867px) {
  #account-home table tbody tr#more_txt {
    display: none;
  }
}
@media (min-width: 868px) {
  #account-home table tbody tr#more_txt {
    display: none;
  }
}
@media all and (max-width: 767px) {
  #account-home table tbody tr#more_txt {
    display: block;
  }
}
#account-home table tbody tr#more_txt td {
  padding: 10px 0 !important;
}
@media all and (max-width: 767px) {
  #account-home table tbody tr#more_txt td {
    text-align: right;
    padding: 0 10px 10px 0 !important;
    z-index: 9;
  }
  #account-home table tbody tr#more_txt td .fa-chevron-down {
    color: #333;
    background: none;
    padding: 0;
    width: 20px;
    height: 20px;
  }
}
#account-home table tbody td {
  border: none;
  padding: 8px 3px;
  vertical-align: middle !important;
  color: #444;
  font-weight: 300;
}
@media all and (max-width: 767px) {
  #account-home table tbody td {
    display: block;
    position: relative;
    padding: 5px 10px;
  }
}
#account-home table tbody td a {
  color: #444;
}
#account-home table tbody td:before {
  padding-right: 3px;
}
#account-home table tbody td.dot-btn-mob {
  position: relative ;
  text-align: right;
}
@media all and (max-width: 767px) {
  #account-home table tbody td.dot-btn-mob {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 100%;
  }
}
#account-home table tbody tr.sub-over {
  border: none !important;
}
#account-home table tbody tr.sub-section {
  border: none !important;
}
@media all and (max-width: 767px) {
  #account-home table tbody tr.sub-section {
    margin: 0px !important;
    top: -25px;
    box-shadow: 0px 4px 10px -8px #111;
  }
}
#account-home table tbody tr.sub-section .main_grid_list_details {
  background-color: #fff;
  border-left: 2px solid #eceffe;
  min-height: 150px;
}
@media all and (max-width: 767px) {
  #account-home table tbody tr.sub-section .main_grid_list_details {
    display: inline-block;
    width: 100%;
  }
}
#account-home table tbody tr.sub-section td {
  padding: 0px 10px 10px 10px !important;
  background-color: #ebefff;
}
@media all and (max-width: 767px) {
  #account-home table tbody tr.sub-section td {
    padding: 0px 5px 5px 5px !important;
  }
}
#account-home table tbody tr.sub-section td .btn-add {
  display: -ms-flexbox;
  display: flex;
}
#account-home table tbody tr.sub-section .member_ecp tr {
  border: none !important;
}
#account-home table .user-photo {
  width: 40px;
  height: 40px;
  margin: 0px auto ;
}
@media all and (max-width: 767px) {
  #account-home table .user-photo {
    width: 70px;
    height: 70px;
    margin: 0  ;
  }
}
#account-home table .user-photo img.empty {
  padding: 15px;
}
#account-home table .popover__wrapper {
  margin: 0px;
  padding: 0px;
}
#account-home table .popover__wrapper .member-id {
  color: #444;
  font-weight: 300;
}
#account-home table .arrow_btn {
  margin: 0px 20px 0 0;
  display: inline-block;
}
#account-home table .dropdown {
  display: inline-block;
}
#account-home table .member-id {
  font-size: 16px;
}
@media all and (max-width: 767px) {
  #account-home table .member-id {
    font-size: 15px;
  }
}
#account-home .table_en {
  font-weight: 700;
}
@media all and (max-width: 767px) {
  #account-home .table_en td:nth-of-type(1):before {
    content: "Photo:";
    display: none;
  }
  #account-home .table_en td:nth-of-type(2):before {
    content: "Name:";
  }
  #account-home .table_en td:nth-of-type(3):before {
    content: "iCE ID:";
    float: none;
  }
  #account-home .table_en td:nth-of-type(4):before {
    content: "Date of birth:";
  }
  #account-home .table_en td:nth-of-type(5):before {
    content: "Telephone:";
  }
}
@media all and (max-width: 767px) {
  #account-home .table_zh td:nth-of-type(1):before {
    content: "Photo";
    display: none;
  }
  #account-home .table_zh td:nth-of-type(2):before {
    content: "姓名:";
  }
  #account-home .table_zh td:nth-of-type(3):before {
    content: "成员ID:";
  }
  #account-home .table_zh td:nth-of-type(4):before {
    content: "出生日:";
  }
  #account-home .table_zh td:nth-of-type(5):before {
    content: "电话:";
  }
}
#account-home tr.white-margin td {
  padding: 15px !important;
}
@media all and (max-width: 767px) {
  #account-home tr.white-margin td {
    padding: 0px !important;
  }
}
#account-home .tab-content .panel .personal_tab {
  background: url(../images/d_personal.png) no-repeat left center;
  padding-left: 40px !important;
  display: block;
  background-size: 28px 20px !important;
  padding-top: 4px;
  background-position-y: 4px;
  background-position-x: 3px;
}
#account-home .tab-content .panel .insurance_tab {
  background: url(../images/d_insurance.png) no-repeat left center;
  padding-left: 40px !important;
  display: block;
  background-size: 28px 20px !important;
  padding-top: 4px;
  background-position-y: 4px;
  background-position-x: 3px;
}
#account-home .tab-content .panel .medical_tab {
  background: url(../images/d_medical.png) no-repeat left center;
  padding-left: 40px !important;
  background-size: 23px 25px !important;
  display: block;
  padding-top: 4px;
  background-position-y: 0px;
  background-position-x: 3px;
}
#account-home .tab-content .panel .record_tab {
  background: url(../images/d_records.png) no-repeat left center;
  padding-left: 40px !important;
  display: block;
  background-size: 28px 20px !important;
  padding-top: 4px;
  background-position-y: 4px;
  background-position-x: 3px;
}
#account-home .tab-content .panel .panel-heading {
  border: none;
  border-radius: 0;
  background-color: #1974c1;
  padding: 0;
  padding: 0 15px;
  min-height: 55px;
  font-size: 18px;
  font-weight: 700;
}
#account-home .tab-content .panel .panel-heading a {
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
}
#account-home .tab-content .panel .panel-heading .collapse-a {
  padding: 15px 25px 0px 5px;
  color: #ffffff;
  min-height: 50px;
  width: 92% !important;
}
@media all and (max-width: 767px) {
  #account-home .tab-content .panel .panel-heading .collapse-a {
    background-position-x: 95%;
  }
  #account-home .tab-content .panel .panel-heading .collapse-a .accordion-toggle:after {
    color: #777;
  }
}
#account-home .tab-content .panel .panel-heading .collapse-a .ia-label-tooltip-icon-container {
  position: relative;
  margin-left: 10px;
}
@media all and (max-width: 767px) {
  #account-home .tab-content .panel .panel-heading .collapse-a .ia-label-tooltip-icon-container {
    margin-left: 0px;
  }
}
#account-home .tab-content .panel .panel-heading img {
  width: 25px;
}
#account-home .tab-content .panel .panel-heading span {
  color: #ffffff;
}
@media all and (max-width: 767px) {
  #account-home .tab-content .panel .panel-collapse .panel-body {
    padding: 0px;
  }
}
#account-home .tab-content .panel .panel-collapse .panel-body .panel-heading {
  background-color: #D8D8D8;
}
#account-home .tab-content .panel .panel-collapse .collapse-a {
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: #000000;
  font-size: 18px;
}
@media all and (max-width: 767px) {
  #account-home .tab-content .panel .panel-collapse .collapse-a {
    font-size: 12.6px;
    padding: 10px 0;
  }
}
@media all and (max-width: 900px) {
  #account-home .tab-content .panel .panel-collapse .collapse-a {
    background-position-x: 99%;
    width: 99%;
    font-size: 12.6px;
  }
}
@media all and (min-width: 1024px) {
  #account-home .tab-content .panel .panel-collapse .collapse-a {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-decoration: none;
    padding: 15px 25px 15px 15px;
  }
}
#account-home .tab-content .panel .panel-collapse .collapse-a span {
  color: #000000;
  font-weight: 300;
  vertical-align: middle;
}
#account-home .tab-content .panel .panel-collapse .collapse-a i {
  color: #25bafa;
  font-size: 17px;
  vertical-align: middle;
}
#account-home .tab-content .panel .panel-collapse .collapse-a img {
  margin-left: 4px;
  margin-right: 5px;
}
#account-home .tab-content .panel .panel-collapse .collapse-a a i {
  color: #777;
  margin-left: 0px;
}
#account-home .tab-content .form-tabber .box-register {
  margin: 10px 0 10px 0;
  border: 1px solid #eee;
  padding: 0px;
}
@media all and (max-width: 767px) {
  #account-home .tab-content .form-tabber .box-register {
    border: none;
    padding: 0px ;
  }
}
#account-home .tooltip {
  font-weight: 300;
  z-index: 999999;
  left: auto !important;
  right: 16px !important;
}
@media all and (max-width: 767px) {
  #account-home .tooltip {
    right: 0px !important;
  }
}
#account-home .tooltip-inner {
  width: auto;
  min-width: 180px;
  margin: 0;
  font-style: italic;
  letter-spacing: 0.08em;
  padding: 8px;
  background-color: #434446;
  white-space: normal;
}
@media only screen and (max-width: 1024px) {
  #account-home .tooltip-inner {
    min-width: 280px;
  }
}
@media only screen and (max-width: 867px) {
  #account-home .tooltip-inner {
    min-width: 280px;
  }
}
@media all and (max-width: 767px) {
  #account-home .tooltip-inner {
    padding: 5px 3px;
    line-height: 12px;
    min-width: 240px;
  }
}
#account-home .tooltip.in {
  filter: alpha(opacity=95);
  opacity: .95;
}
#account-home .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #434446;
}
#account-home .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: auto ;
  right: 2%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #434446;
}
#account-home .user-photo {
  height: 80px;
  width: 80px;
  margin: 0;
  padding: 0;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 867px) {
  #account-home .user-photo {
    height: 80px;
    width: 80px;
  }
}
@media all and (max-width: 767px) {
  #account-home .user-photo {
    margin: 0 auto;
    height: 80px;
    width: 80px;
  }
}
#account-home .user-photo div,
#account-home .user-photo img {
  height: 100%;
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#account-home .user-photo div.empty,
#account-home .user-photo img.empty {
  background-color: #d3d3d3;
  background: url('../images/avatar.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  padding: 25px;
}
@media only screen and (max-width: 370px) {
  #account-home .user-photo div.empty,
  #account-home .user-photo img.empty {
    padding: 20px;
  }
}
#account-home .user-photo div {
  background-size: cover;
}
#account-home .upload_avatar {
  overflow: hidden;
  position: relative;
  margin-top: 10px;
}
#account-home .upload_avatar .btn {
  margin: 0;
}
#account-home .upload_avatar .cropArea {
  margin: 0px auto;
  height: auto;
}
#account-home .upload_avatar .cropbuttonSection button {
  margin: 8%;
}
#account-home .view-pro-member {
  margin: 30px 0;
}
@media all and (max-width: 767px) {
  #account-home .view-pro-member {
    margin: 15px 0;
  }
}
#account-home .view-pro-member .full-phone-number {
  font-size: 16px;
}
@media all and (max-width: 767px) {
  #account-home .view-pro-member .full-phone-number {
    font-size: 15px;
  }
}
#account-home .view-pro-member li .border-row {
  padding: 10px 0px;
  border-bottom: 1px solid #ccc;
}
#account-home .view-pro-member li .border-row:nth-child(odd) {
  margin-right: 5px;
}
@media all and (max-width: 767px) {
  #account-home .view-pro-member li .border-row:nth-child(odd) {
    margin-right: -15px;
    padding: 5px 0px ;
    border: none;
  }
}
#account-home .view-pro-member .title-pro {
  padding: 0 5px 0 0;
  font-size: 16px;
  line-height: 34px;
  color: #444;
  width: auto;
  padding: 0 1px 0 0 ;
}
@media only screen and (max-width: 867px) {
  #account-home .view-pro-member .title-pro {
    width: auto;
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  #account-home .view-pro-member .title-pro {
    width: auto;
  }
}
#account-home .view-pro-member .name-pro {
  font-size: 16px;
  font-weight: 300;
  line-height: 34px;
  color: #444;
  padding: 0px;
}
@media only screen and (max-width: 867px) {
  #account-home .view-pro-member .name-pro {
    width: auto;
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  #account-home .view-pro-member .name-pro {
    width: auto;
    font-size: 15px;
  }
}
.alert_message {
  list-style: outside none none;
  margin: 1px auto;
  padding: 4px;
  position: relative;
  width: 100%;
  border-bottom: 1px dashed #bbb;
}
@media only screen and (max-width: 867px) {
  .alert_message {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .alert_message {
    width: 100%;
  }
}
.alert_message .notif_well {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 100%;
  bottom: 85%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  height: 35px;
  left: 0;
  line-height: 35px;
  text-align: center;
  position: absolute;
  width: 35px;
}
.alert_message .notif_well:before {
  background: url(../images/notif_alert.png) no-repeat;
  position: absolute;
  left: -2px;
  right: 0;
  margin: 0 auto;
  top: 9px;
  content: "";
  width: 20px;
  height: 20px;
}
.alert_message .notif_well:hover {
  transform: rotate(20deg);
}
.alert_message .emrgency_alert_pert {
  float: left;
  width: 100%;
}
.alert_message .emrgency_alert_pert:after {
  font-size: 24px;
  font-style: normal;
  content: '\f054';
  color: #ffffff;
  font-family: FontAwesome;
  padding: 0 0 0 10px;
  position: absolute;
  right: 0px;
  top: 0;
}
@media only screen and (max-width: 867px) {
  .alert_message .emrgency_alert_pert:after {
    top: 20%;
    right: 0;
  }
}
@media all and (max-width: 767px) {
  .alert_message .emrgency_alert_pert:after {
    top: 25%;
    right: 0;
  }
}
.alert_message .emrgency_alert_pert span.time {
  font-size: 12px;
  padding: 0px;
  margin-top: 3px;
  color: #f4f4f4;
  position: relative;
  font-weight: bold;
}
@media all and (max-width: 767px) {
  .alert_message .emrgency_alert_pert span.time {
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    text-overflow: ellipsis;
    padding-left: 0px;
  }
}
.alert_message .emrgency_alert_pert span.time:after {
  /*  background: url(../images/notif_time.png) no-repeat; 
      position: absolute;
      left: 0;
      margin: 0 auto;
      bottom:  -1px;
      content: "";
      width: 18px;
      height: 18px;
      background-size:contain;
        @media @mobile {
          width: 14px;
          height: 14px; 
          bottom:  3px;   
        }*/
}
.alert_message .triggered {
  cursor: pointer;
  border-radius: 50px;
  color: #ffffff;
  float: left;
  font-size: 20px;
  font-style: italic;
  font-weight: 700;
  margin: 0;
  padding: 0 ;
  width: auto;
  min-width: 100%;
}
.alert_message .triggered h3 a {
  display: inline;
  margin-right: 2px;
}
.alert_message .triggered h3 a span {
  display: inline;
}
.alert_message .triggered span {
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .alert_message .triggered span {
    font-size: 12px;
  }
}
.alert_message .triggered span.alert-member {
  font-weight: bold;
}
.alert_message .triggered .timebg {
  /* background:#b11812; */
  padding: 2px 5px;
  display: inline-block;
}
.hide-mobile {
  display: inline-block;
}
@media all and (max-width: 767px) {
  .hide-mobile {
    display: none;
  }
}
.show-mobile {
  display: none;
}
@media all and (max-width: 767px) {
  .show-mobile {
    display: inline-block;
  }
}
.emg-alert:before {
  border-radius: 50%;
  padding: 5px;
  left: 15px;
  top: 0px;
  font-style: normal;
  content: '\f0f3';
  font-family: FontAwesome;
  position: absolute;
  color: #edeef2;
  font-size: 18px;
}
@media only screen and (max-width: 435px) {
  .emg-alert:before {
    display: none;
    left: 0;
  }
}
@media only screen and (max-width: 435px) {
  .login-btn .btn {
    width: 100%;
  }
}
/* ------------------ menu icon  ------------------  */
.menu-ico {
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding: 0 27px 0 0;
  margin-left: .2em;
}
.menu-ico.join-ico {
  background-image: url('../images/join.png');
}
.menu-ico.login-ico {
  background-image: url('../images/login.png');
}
.menu-ico.about-ico {
  background-image: url('../images/about.png');
}
.menu-ico.faq-ico {
  background-image: url('../images/faq.png');
}
.menu-ico.contact-ico {
  background-image: url('../images/contact.png');
}
.menu-ico.terms-ico {
  background-image: url('../images/terms.png');
}
.menu-ico.privacy-ico {
  background-image: url('../images/privacy.png');
}
.menu-ico.logout-ico {
  background-image: url('../images/signout.png');
}
.menu-ico.userlog-ico {
  background-image: url('../images/userlog.png');
}
.menu-ico.prime-ico {
  background-image: url('../images/star.png');
}
i.icon-home_icon {
  padding-right: 8px;
}
@media all and (max-width: 767px) {
  i.icon-home_icon {
    padding-right: 2px;
  }
}
@media only screen and (max-width: 867px) {
  i.icon-home_icon {
    padding-right: 2px;
  }
}
/*  ------------------    menu icon End    ------------------   */
h2.first-p-child-alert,
h2.third-p-child-alert {
  font-size: 14px;
  font-weight: 100;
}
h3.second-p-child-alert,
h3.forth-p-child-alert {
  font-size: 14px;
  padding-top: 10px;
  font-weight: 100;
}
#cg-pws .form-group .ia-label-tooltip-icon-container {
  right: 0;
}
#cg-pws .tooltip {
  right: 10px !important;
}
/* ----------------------------------old css -------------------------------------------- */
.content {
  margin: 30px 0px;
}
@media only screen and (max-width: 321px) {
  .content {
    margin: 30px 0px;
  }
}
@media all and (min-width: 1024px) {
  .content {
    margin-top: 30px;
    margin-bottom: 0px;
  }
}
.main-wrap {
  padding: 0 0 40px;
  min-height: 600px;
}
@media all and (max-width: 900px) {
  .main-wrap {
    overflow: hidden;
    min-height: 780px !important;
  }
}
@media all and (min-width: 1024px) {
  .main-wrap {
    padding: 0 0 30px;
    min-height: 680px;
  }
}
@media only screen and (max-width: 867px) {
  .main-wrap {
    min-height: 0px !important;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .main-wrap {
    padding: 0;
  }
}
.main-top {
  padding-top: 20px;
}
.title {
  text-align: center;
  margin-bottom: 30px;
}
.title h3 {
  display: inline-block;
  background: #f9f9f9;
  font-size: 20px;
  margin: 0px;
  padding: 0px 10px;
}
@media all and (min-width: 1024px) {
  .title h3 {
    color: #333;
    padding: 0 12px;
  }
}
.title-margin {
  margin-bottom: 15px;
}
.title-section {
  padding: 0 0 7px;
}
.title-section h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 28px;
  text-align: center;
  border-bottom: 1px solid #dedfe2;
  padding: 0 0 14px;
  margin: 0 0 22px;
  color: #333;
  line-height: 1.2;
}
@media only screen and (max-width: 321px) {
  .title-section h1 {
    font-size: 28px;
  }
}
.title-section p {
  color: #D32D27;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 300;
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .title-section p {
    font-size: 14px;
  }
}
.recommendation {
  font-style: italic;
  letter-spacing: 0.03em;
  text-align: center;
  display: block;
}
.upload-btn {
  display: inline-block !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-style: italic !important;
  font-family: 'Roboto';
  letter-spacing: 0.08em;
  color: #ffffff !important;
  background-image: none !important;
}
.upload_avatar {
  overflow: hidden;
  position: relative;
  margin-top: 0px;
}
@media all and (max-width: 900px) {
  .upload_avatar {
    margin-top: 0px;
    bottom: 0px;
  }
}
.fix_label_msg span {
  white-space: normal;
}
.label-danger {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 13px;
  border-radius: 10px;
  background: #fc3932;
  padding: 0px 10px;
  /* position: absolute; */
  right: 10px;
  float: right;
  top: 10px;
  line-height: 18px;
}
@media all and (max-width: 900px) {
  .label-danger {
    font-size: 14px !important;
    top: 15px;
  }
}
.badge {
  background-color: #fc3932;
  border-radius: 50%;
  font-weight: normal;
  line-height: 13px;
  padding: 2px 5px;
  position: absolute;
  left: 46px;
  top: 10px;
}
@media all and (max-width: 900px) {
  .badge {
    left: -2px;
    font-size: 14px !important;
    z-index: 10000;
  }
}
.margin_bottom_30 {
  margin-bottom: 32px;
}
.errow-text {
  background-color: #D32D27;
  color: #ffffff;
  font-weight: 400;
  padding: 20px;
  margin-bottom: 30px;
  margin-top: 20px;
}
@media all and (min-width: 1024px) {
  .errow-text {
    line-height: 20px;
  }
}
.tabber-person {
  border: 1px solid #dcdde0;
}
@media all and (min-width: 1024px) {
  .tabber-person .nav-justified li a {
    font-size: 20px;
  }
}
.panel {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 0px;
  padding: 0 1%;
}
.panel-default {
  border-radius: 0px;
  border: 0px;
  border-bottom: 1px solid #e2e4e5;
  box-shadow: none;
}
.panel-default > .panel-heading {
  background: none;
}
.panel-title {
  font-size: 15px;
}
.ecp-online {
  display: none;
  border-radius: 50%;
  background: #ffffff;
  padding: 3px;
  position: absolute;
  bottom: -10px;
  left: 0;
  color: #66cc20;
  font-size: 20px;
}
.ecp-online .icon-account_holder_icon {
  color: #1610ff;
}
.number-print {
  border-radius: 50%;
  border: 1px solid #B9BABD;
  position: absolute;
  left: -30px;
  top: 0px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #ffffff;
  font-size: 13px;
}
.require {
  color: #FF0000;
  font-size: 18px;
  margin-left: 5px;
}
.require-input .require {
  position: absolute;
  right: 15px;
  top: 25px;
  font-size: 18px;
}
.require i:before {
  color: #FF0000 !important;
  margin-left: -5px !important;
  margin-right: 0px;
}
@media all and (max-width: 900px) {
  .require i:before {
    margin-right: -2px !important;
    margin-left: -5px !important;
  }
}
.but-add-center a {
  font-size: 18px;
}
.but-share {
  margin-top: 20px;
}
.but-share .btn {
  padding: 7px 20px;
}
@media all and (max-width: 900px) {
  .but-menu {
    float: right;
    display: block;
    z-index: 10000000;
    clear: both;
    margin-top: 5px;
    margin-right: 5px;
  }
}
@media all and (max-width: 900px) {
  .but-menu img {
    width: 35px;
  }
}
.sharebutton,
.editbuton {
  text-align: right;
}
.sharebutton a,
.editbuton a {
  padding: 7px 30px;
  border-radius: 4px;
}
.breadcrumb-container {
  background-color: #1295e1 !important;
  margin-bottom: 2px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  display: block;
}
@media only screen and (max-width: 867px) {
  .breadcrumb-container {
    display: none !important;
  }
}
.breadcrumb {
  color: #333 !important;
  font-size: small;
  font-weight: 600;
  background: none;
  padding: 0px;
  border: none;
  margin: 0;
}
.breadcrumb > li + li:before {
  color: #efefef !important;
  font-family: 'FontAwesome';
  margin-left: 5px;
  content: " \f105";
}
.breadcrumb span {
  color: #efefef !important;
}
.breadcrumb span span {
  color: inherit;
}
.breadcrumb a {
  color: #fff !important;
}
.breadcrumb a span {
  color: inherit;
}
.breadcrumb a:hover {
  color: #fff !important;
}
.breadcrumb > .active {
  color: #fff !important;
}
.breadcrumb-wrap {
  border-bottom: 1px solid #e4e5e8;
  margin: -15px 0 15px;
  padding: 18px 0;
}
.info-section span,
.info-section img {
  display: inline-block;
  font-weight: 300;
  margin-right: 2px;
  font-size: 12px;
  font-size: 16px;
}
@media all and (min-width: 1024px) {
  .info-section .error-txt {
    position: absolute;
    width: 256px;
    z-index: 10;
  }
}
.info-section em {
  color: #999999;
  display: inline-block;
  font-style: normal;
  margin-right: 2px;
  vertical-align: middle;
}
@media only screen and (max-width: 321px) {
  .info-section em {
    margin-right: 0;
    width: 14px;
  }
  .info-section span {
    letter-spacing: -0.2px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 361px) {
  .info-section em {
    margin-right: 0;
    width: 14px;
  }
  .info-section span {
    letter-spacing: -0.2px;
    font-size: 12px;
  }
}
.overlay-white {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  z-index: 9;
}
.overlay-alert {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(253, 0, 0, 0.16) url('../images/box-icon-1.png') top right no-repeat;
  z-index: 0;
  border: 1px solid #FF524D;
}
.alert-icon:after {
  font-style: normal;
  content: '\f06a';
  font-family: FontAwesome;
  left: -22px;
  position: absolute;
  top: 0px;
  color: white;
  font-size: 16px;
}
.inactive-img {
  position: absolute;
  left: 12px;
  top: 26px;
  z-index: 99;
  width: 16%;
}
.user-info {
  max-width: 640px;
  margin: 0 auto;
  position: relative;
}
@media all and (min-width: 1024px) {
  .user_photo_box {
    width: 100px;
    height: 100px;
    padding: 0px;
  }
}
.user-photo {
  height: 100px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-photo div,
.user-photo img {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-photo div.empty,
.user-photo img.empty {
  background-color: #d3d3d3;
  background: url('../images/avatar.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  padding: 48px;
}
@media only screen and (max-width: 370px) {
  .user-photo div.empty,
  .user-photo img.empty {
    padding: 35px;
  }
}
.user-photo div {
  background-size: cover;
}
@media only screen and (max-width: 361px) {
  .user-photo {
    height: 25vmin;
    width: 25vmin;
  }
}
.user-overlay {
  position: absolute;
  left: -2px;
  bottom: -6px;
}
.small-round {
  border-radius: 50%;
  position: absolute;
  left: -2px;
  bottom: -6px;
  width: 30px;
  height: 30px;
  line-height: 26px;
  text-align: center;
  background: #ffffff;
}
.small-round img {
  width: 14px;
}
.article-wrap-container {
  background: #ffffff;
  border: 1px solid #edeef2;
  padding: 0 25px 25px 25px;
  margin: 15px 0 80px 0;
  position: relative;
}
@media only screen and (max-width: 867px) {
  .article-wrap-container {
    padding: 10px 20px;
  }
}
@media all and (max-width: 767px) {
  .article-wrap-container {
    padding: 0  !important;
    margin: 15px 0;
  }
}
@media only screen and (max-width: 370px) {
  .article-wrap-container {
    padding: 0 0 0px 0 !important;
  }
}
.article-wrap-container .content-box {
  padding: 15px;
  float: left;
}
.article-icon-right {
  padding-right: 30px;
}
@media all and (max-width: 767px) {
  .article-icon-right {
    padding-right: 0;
    text-align: center;
  }
}
.article-title {
  position: relative;
}
.article-title h2 {
  font-size: 21px;
}
.article-title h2 img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-weight: 600;
  color: #333;
  margin-top: 5px;
}
.article-right {
  padding: 0 0 0 15px;
}
@media only screen and (max-width: 867px) {
  .article-right {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #cccccc -moz-use-text-color -moz-use-text-color;
    -o-border-image: none;
       border-image: none;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: 0px 0 0;
    padding: 0;
    border: none;
    border-top: none;
  }
}
.progress {
  height: 16px;
  border-radius: 15px;
}
@media all and (min-width: 1024px) {
  .progress-bar {
    border-radius: 15px;
  }
}
.progress-bar-100 {
  background: #37B2FA !important;
}
.progress-bar-80 {
  background: #66cc20 !important;
}
.progress-bar-60 {
  background: #fe6e28 !important;
}
.progress-bar-40 {
  background: #FF524D !important;
}
.progress-info {
  box-sizing: border-box;
  float: left;
  width: auto;
  text-align: center;
  padding: 10px 10px;
  font-size: 13px;
}
.progress-outer {
  box-sizing: border-box;
  float: left;
  width: 50%;
  margin-left: -18px;
  padding: 10px 5px;
}
.progress-outer .progress {
  margin-bottom: 0;
}
.progress-icon {
  float: left;
  width: auto;
  line-height: 20px;
  margin: 0px 0 5px 12px;
  box-sizing: border-box;
}
@media only screen and (max-width: 415px) {
  .progress-icon {
    margin: 10px 0;
  }
}
.progress-icon .orange {
  color: #fe5d02;
  font-size: 13pt;
}
.progress-icon .fa-exclamation-circle,
.progress-icon .fa-check-circle {
  color: #20b2fc;
  font-size: 15pt;
}
.progress-icon .fa-exclamation-circle.grey,
.progress-icon .fa-check-circle.grey {
  color: #b4b7bf !important;
}
.progress-icon i.icon-syc_fail_icon {
  font-size: 23px;
  color: #66cc20;
}
.progress-icon i.icon-syc_fail_icon.red .progress {
  height: 10px;
  margin: 0;
}
.cross {
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 21px;
  padding: 0 0 1px;
  font-size: 16px;
  color: #ff4c4c;
  display: block;
  text-align: center;
  font-weight: bold;
  background: #ffa6a6 url('../images/cross.png');
  background-size: 100%;
}
@media all and (min-width: 1024px) {
  .cross {
    position: absolute;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url('../images/cross.png');
    background-size: 100%;
  }
}
@media only screen and (max-width: 867px) {
  .cross {
    right: 15px;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../images/cross.png');
    background-size: 100%;
  }
}
.cross:hover {
  text-decoration: none;
}
.error-txt {
  color: #FF524D;
  font-weight: 400;
}
.error-txt .right-arrow {
  font-size: 20px !important;
  margin-right: -10px;
  margin-top: -15px;
}
.confirm-info {
  font-size: 20px;
  color: #333;
  line-height: 1.4;
  padding: 35px 0 20px;
}
.confirm-info span {
  display: block;
}
@media only screen and (max-width: 867px) {
  .confirm-info span {
    display: inline;
  }
}
.wrap {
  padding: 0 0 10px;
}
@media all and (min-width: 1024px) {
  .wrap {
    padding: 0 0 5px;
  }
}
.maditory-wrap {
  position: relative;
}
.madi-start {
  position: absolute;
  right: 6px;
  top: 4px;
  color: #ff4c3b;
}
.service-info {
  color: #333;
  font-weight: normal;
  padding: 0 0 10px;
}
.service-info strong {
  font-size: 24px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}
.service-info span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.wrap-icon {
  float: left;
  border: 1px solid #1812ff;
  width: 54px;
  height: 54px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
}
.green-bdr {
  border-color: #248f27;
}
.light-blue-bdr {
  border-color: #37B2FA;
}
.message-section {
  max-width: 760px;
  padding: 20px 0;
  margin: 0 auto;
}
.message-section li {
  background: url(../images/list-bg.png) left 7px no-repeat;
  border-bottom: 1px solid #e4e5e8;
  padding: 0 0 12px 16px;
  margin: 0 0 12px;
}
.message-section li.viewed {
  background: none;
}
.message-section p {
  padding: 5px 0 17px;
}
.message-time {
  float: left;
  color: #999999;
  margin: 7px 0;
}
@media all and (max-width: 767px) {
  .message-time {
    font-size: 1;
  }
}
.accept-wrap {
  float: right;
  text-align: right;
}
.accept-wrap a {
  padding: 3px 14px 4px;
  margin-left: 6px;
  border-radius: 20px;
}
@media only screen and (max-width: 867px) {
  .accept-wrap a {
    padding: 6px 14px 7px;
    font-size: 12px;
  }
}
.sub-title {
  text-align: center;
  margin: 0 0 20px;
}
.sub-title h2 {
  background: url(../images/bdr.png) center 14px repeat-x;
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
}
.sub-title h2 span {
  background: #f9f9f9;
  padding: 0 4px;
}
.table-section table {
  width: 100%;
}
.table-section td {
  border: none;
  border-bottom: 1px solid #edeef2;
  padding: 20px 0;
}
.table-section td strong {
  display: inline-block;
  vertical-align: middle;
}
.table-section td .checkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px 0 0;
}
.table-section tr:last-child td {
  border-bottom: none;
}
@media only screen and (max-width: 321px) {
  .table-section .edit-btn {
    padding: 3px 8px 2px;
  }
}
@media only screen and (max-width: 361px) {
  .table-section .edit-btn {
    padding: 3px 8px 2px;
  }
}
.table-section .right-align {
  text-align: right;
}
.table-section .nav-tabs {
  background: #ffffff;
  border-bottom: 1px solid #25bafa;
  margin: 0;
}
.table-section .nav-tabs > li {
  margin: 0 0 0 -1px;
  width: 25%;
  text-align: center;
}
.table-section .nav-tabs > li > a {
  border: none !important;
  margin: 0;
  padding: 18px 30px;
  display: inline-block;
  font-size: 21px;
  text-align: center;
  color: #25bafa;
  border-radius: 0;
}
.table-section .nav-tabs > li > a span,
.table-section .nav-tabs > li > a input {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
.table-section .nav-tabs > li .active > a {
  background: #25bafa;
  color: #ffffff;
}
.field-width-icon {
  position: relative;
}
.field-width-icon .fa {
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 25px;
  color: #a7a7a7;
}
.field-width-icon .form-control {
  padding-left: 35px;
}
.justified-links {
  display: table;
  width: 85%;
  counter-reset: section;
  margin: 50px auto;
  height: 0px !important;
  /* .text1 {
    @media @desktop{
      margin-left: -50px;
    }
  }
   .text2 {
    @media @desktop{
      left: 305px;
    }
  } */
}
@media all and (min-width: 1024px) {
  .justified-links {
    margin-top: 65px;
    margin-bottom: 65px;
    width: 90.5%;
  }
}
@media only screen and (max-width: 1024px) {
  .justified-links {
    width: 80%;
  }
}
@media only screen and (max-width: 867px) {
  .justified-links {
    margin-bottom: 25px;
    width: 100%;
  }
}
@media only screen and (max-width: 435px) {
  .justified-links {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media all and (min-width: 1024px) {
  .justified-links span + .active .dot,
  .justified-links span.active-first .dot {
    height: 22px;
    width: 22px;
    line-height: 20px;
    font-size: 14px;
    top: -12.5px;
  }
}
.justified-links > span {
  display: table-cell;
  border-top: 1px solid #25bafa;
  border-bottom: 1px solid #25bafa;
  counter-increment: section;
  height: 0px !important;
}
.justified-links > span > span {
  display: block;
  position: relative;
  height: 0;
}
.justified-links > span:first-child {
  width: 10px;
}
.justified-links span.active .label-text {
  color: #25bafa;
}
.justified-links span.active ~ span .dot {
  background: #dedfe2;
}
.justified-links span.active ~ span {
  border-top: 1px solid #dedfe2;
  border-bottom: 1px solid #dedfe2;
}
.justified-links span + .active .dot,
.justified-links span.active-first .dot {
  height: 25px;
  width: 25px;
  line-height: 22px;
  font-size: 14px;
  top: -12.5px;
}
@media all and (min-width: 1024px) {
  .justified-links .line1 {
    width: 371px;
  }
}
@media all and (min-width: 1024px) {
  .justified-links .line2 {
    width: 371px;
  }
}
.dot {
  color: white;
  position: absolute;
  top: -5px;
  right: 0;
  text-align: center;
  background: #25bafa;
  display: inline-block;
  border: 1px solid #f4f4f4;
  height: 10px;
  width: 10px;
  font-size: 0;
  font-style: normal;
  line-height: 10px;
  border-radius: 50%;
}
.dot:before {
  display: inline-block;
  content: counter(section);
}
.widget {
  margin-bottom: 30px;
  font-size: 15px;
}
@media only screen and (max-width: 867px) {
  .widget {
    margin-bottom: 20px;
  }
}
.widget h1 {
  font-size: 38px;
  font-weight: 300;
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .widget h1 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 867px) {
  .widget h1 {
    font-size: 24px;
  }
}
@media all and (min-width: 1024px) {
  .widget h1 {
    font-size: 32px;
  }
}
.tickets {
  font-size: 16px;
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .tickets p {
    font-size: 13px;
  }
}
.divider {
  border-top: 1px solid #dedfe2;
  text-align: center;
  margin: 20px 0;
}
.divider span {
  display: inline-block;
  background: #f9f9f9;
  position: relative;
  top: -0.6em;
  padding: 0 10px;
  color: #BABBC1;
}
.question {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  background: #C6C6CA;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 50%;
  line-height: 1.2;
}
.term-up {
  min-height: 300px;
}
.term-link {
  text-align: center;
}
.img-section {
  margin: 8px 0 0;
}
.img-sp {
  background: url(../images/img-sp.png) top center no-repeat;
  background-size: 100%;
  width: 70px;
  height: 71px;
  display: block;
  position: absolute;
  left: -90px;
  top: -10;
}
@media only screen and (max-width: 361px) {
  .img-sp {
    width: 50px;
    height: 50px;
    left: -60px;
  }
}
@media only screen and (max-width: 415px) {
  .img-sp {
    background-size: 80%;
  }
}
.img-person {
  position: relative;
  max-width: 90px;
  margin: 0 auto;
}
@media all and (min-width: 1024px) {
  .img-person {
    max-width: 100px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 867px), all and (max-width: 900px) {
  .img-person {
    width: 50%;
    margin: 0 auto;
  }
}
.banner-print {
  margin-bottom: 20px;
  text-align: center;
}
@media all and (max-width: 900px) {
  .banner-print {
    margin: 0px -10px;
  }
}
@media all and (max-width: 900px) {
  .banner-print img {
    width: 95%;
  }
}
.warning-section {
  max-width: 640px;
  margin: 0 auto;
  padding: 70px 0 0;
  position: relative;
}
.warning-arrow {
  position: absolute;
  top: 25px;
  left: 30px;
  font-size: 30px;
  color: #AAAAAA;
}
.warning-info {
  text-align: center;
  color: #D32D27;
  max-width: 440px;
  margin: -90px auto 20px;
  padding: 0 10px;
}
.warning-info h2 {
  color: #D32D27;
  font-weight: 300;
  font-size: 70px;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.warning-info p {
  font-size: 24px;
  color: #ed9e9e;
  line-height: 1.2;
}
@media only screen and (max-width: 321px) {
  .warning-info {
    margin-top: -60px;
  }
  .warning-info h2 {
    font-size: 50px;
  }
  .warning-info p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 361px) {
  .warning-info {
    margin-top: -60px;
  }
  .warning-info h2 {
    font-size: 50px;
  }
  .warning-info p {
    font-size: 20px;
  }
}
.qe-page {
  max-width: 640px;
  margin: 0 auto;
}
.qr-top {
  font-size: 20px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 12px 30px 15px;
  text-align: center;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
}
.step-con span {
  display: inline;
}
.id-number-icon {
  background: white url(../images/id-number_icon.png) right no-repeat;
  width: 44px;
  height: 44px;
  float: right;
  margin-top: -44px;
}
@media only screen and (max-width: 321px) {
  .id-number-icon {
    width: 42px;
    height: 42px;
    float: right;
    margin-top: -42px;
  }
}
.need-help:link,
.need-help:hover,
.need-help:visited {
  text-decoration: underline;
  color: #25bafa;
  font-family: 'iceangel', Arial, sans-serif;
  font-size: 11pt;
}
#reset-password-form {
  padding-top: 30px;
}
@media only screen and (max-width: 321px) {
  #reset-password-form {
    width: 95%;
  }
}
#submit,
#forgot-pass-final input {
  border-radius: 3px;
  width: 250px;
  background: #37B2FA;
  font-weight: normal !important;
  color: white;
  border: 0 none;
  cursor: pointer;
  padding: 10px 5px;
  text-align: center;
  margin: 10px auto;
}
#forgot-pass-final-div {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}
#forgot-pass-final {
  padding-top: 100px;
  height: 470px;
}
@media only screen and (max-width: 321px) {
  #forgot-pass-final {
    width: 95%;
  }
}
#forgot-pass-final p {
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #666666;
  margin-bottom: 2px;
  padding-top: 20px;
  text-align: center;
}
.forgot-password-left {
  float: right;
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .forgot-password-left {
    float: left;
  }
}
.text1 {
  margin-right: -50px;
}
@media all and (max-width: 767px) {
  .text1 {
    margin-right: -41px !important;
    white-space: normal !important;
    word-wrap: break-word;
    width: 99px !important;
    display: inline-block;
    margin-bottom: 22px !important;
    line-height: 16px !important;
  }
}
@media only screen and (max-width: 375px) {
  .text1 {
    margin-right: -22px !important;
    margin-bottom: 22px !important;
    white-space: normal !important;
    word-wrap: break-word;
    width: 66px !important;
    display: inline-block;
  }
}
.text2 {
  margin-right: -18px;
}
@media only screen and (max-width: 375px) {
  .text2 {
    margin-right: -32px;
  }
}
@media only screen and (max-width: 415px) {
  .text2 {
    margin-right: -34px;
  }
}
@media only screen and (max-width: 867px) {
  .text2 {
    margin-right: -42px;
  }
}
.faq-msg {
  padding-bottom: 10px;
}
.faq-msg a {
  text-decoration: underline;
}
.setting-link {
  background: url(../images/icon-setting.png) left no-repeat;
  width: 23px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 5px;
}
.right {
  float: right;
}
.right-arrow {
  color: #999999;
  font-size: 40px;
  font-weight: 300;
  position: absolute;
  right: 5px;
  top: 40%;
  margin: 0;
  padding-right: 5px;
  vertical-align: middle;
}
@media all and (max-width: 900px) {
  .right-arrow {
    font-size: 30px;
    margin-top: -20px;
    top: 50%;
  }
}
.right-arrow-add {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px;
}
.right-add-person {
  font-size: 20px;
  text-align: center;
  color: #66cc20;
  margin-top: 20px;
}
@media all and (min-width: 1024px) {
  .right-add-person {
    font-size: 24px;
  }
}
@media all and (max-width: 900px) {
  .right-add-person {
    font-size: 18px;
    border-top: 1px solid #dddddd;
    margin-top: 10px;
    padding-top: 10px;
  }
}
.left {
  float: left;
}
.left-column-title {
  font-weight: 400;
}
.left-field {
  width: 74%;
  display: inline-block;
}
@media only screen and (max-width: 867px) {
  .left-padding {
    marging-left: 35px;
  }
}
.tabber-person {
  margin-top: 1px;
}
.tabber-person .box-register p {
  min-height: 25pt;
}
.tabber-person ul.nav-tabs li {
  margin-bottom: 0;
}
.tabber-person ul.nav-tabs li:hover {
  background-color: #EEE;
  cursor: pointer;
}
.tabber-person li input[type="checkbox"].tab-checkbox {
  display: none;
  cursor: pointer;
}
.tabber-person li input[type="checkbox"].tab-checkbox + label {
  display: inline;
  position: relative;
  border: 1px solid #e2e4e5;
  background-color: #ffffff;
  cursor: pointer;
  z-index: 1;
  padding: 2px 2px;
  font-size: 14.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  margin-top: 12%;
  width: 22px;
  float: left;
  margin-left: 30px;
}
.tabber-person li input[type="checkbox"].tab-checkbox:checked + label {
  background-color: #1F9ED5;
  color: white;
  border: 1px solid #1d91c3;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.tabber-person li input[type="checkbox"].tab-checkbox:disabled + label {
  opacity: 0.5;
}
.tabber-person li input.tab-checkbox {
  position: relative;
  margin-top: 11%;
  display: inline;
  padding: 20px;
  height: 20px;
  width: 18px;
  float: left;
  margin-left: 25%;
  cursor: pointer;
}
.tabber-person li a.tab-click {
  width: auto;
}
.icon-members_icon,
.icon-guardians_icon {
  color: orange;
}
.ecp-online {
  border-radius: 100%;
  text-align: center;
  vertical-align: text-top;
  line-height: 30px;
  background: #ffffff;
  padding: 3px;
  position: absolute;
  bottom: -10px;
  left: 0;
  color: #66cc20;
  font-size: 20px;
  width: 35px;
  height: 35px;
}
.login .dropdown-toggle {
  min-width: auto;
}
.login span.avatar {
  border-radius: 100px;
  display: inline-block;
  vertical-align: inherit;
  position: relative;
  width: 30pt;
  height: 30pt;
  padding: 0;
  margin: 0 0px 0 0;
  z-index: 1;
}
.login span.avatar .photo {
  position: relative;
  width: 34px;
  height: 34px;
  padding: 0;
  margin: 0;
}
.login span.avatar .photo img {
  border-radius: 100px;
  background-color: #d3d3d3;
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.login span.avatar .photo img.empty {
  background-color: #d3d3d3;
  background: url('../images/avatar.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #7b7b7b;
}
.login span.badge {
  border-radius: 100px;
  background-color: #D32D27;
  font-weight: 300;
  line-height: 10px;
  padding: 3px 5px;
  position: absolute;
  left: 0px;
  top: 8px;
  z-index: 2;
}
@media all and (min-width: 1024px) {
  .login .main-link {
    padding: 12px 20px 13px 12px;
    /* max-width: 226px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; */
  }
}
@media only screen and (max-width: 361px), only screen and (max-width: 321px) {
  .login {
    width: 140px;
  }
  .login a {
    margin-left: 3px;
  }
  .login .dropdown-menu {
    left: auto;
    right: 0;
  }
}
@media only screen and (max-width: 321px) {
  .login img {
    width: 30px;
  }
}
.login-btn button {
  margin-bottom: 10px;
}
.login_help {
  min-height: 100%;
}
.login_help .col-xs-4 {
  padding-right: 0;
}
.login_help .col-xs-4:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 361px) {
  .login-wr > div {
    float: left !important;
  }
}
@media only screen and (max-width: 375px) {
  .login-wr > div {
    float: left !important;
  }
}
@media only screen and (max-width: 321px) {
  .login-wr > div {
    float: none !important;
  }
}
div.trigger-panic {
  position: relative;
  height: 100%;
  width: 100%;
}
div.trigger-panic div.warning {
  vertical-align: middle;
  display: table-row;
  height: 100%;
}
div.trigger-panic div.warning div.warning-image {
  display: table-cell;
  vertical-align: middle;
}
div.trigger-panic div.warning div.warning-image a.cancel-trigger {
  width: 56%;
  height: 32%;
  margin: 42% 22%;
  min-width: 180px;
  min-height: 180px;
  position: absolute;
  display: block;
  border: 1px solid transparent;
  text-indent: -9999px;
  border-radius: 50%;
}
div.trigger-panic div.warning div.text-center {
  color: red;
  position: absolute;
  width: 100%;
  top: 80%;
}
div.trigger-panic div.warning div.text-center h2 {
  color: inherit;
}
div.trigger-panic div.trigger-panic-success {
  margin: 20% 0;
}
div.trigger-panic div.back {
  overflow: hidden;
  position: absolute;
}
div.trigger-panic div.back a.close {
  float: left;
}
@media all and (min-width: 1024px) {
  .add_new_member .nav-justified li a {
    font-size: 20px;
  }
}
.add_new_member .col-first {
  padding-left: 0;
}
.add_new_member .col-xs-4 {
  padding-right: 0;
}
.capcha {
  margin: 0 auto;
  display: block;
  border: 1px solid #cccccc;
  padding: 1px;
  text-align: center;
  background: #ffffff;
  float: none;
}
@media only screen and (max-width: 867px) {
  .capcha {
    float: none;
  }
}
@media all and (min-width: 1024px) {
  .capcha {
    height: 42px;
    width: 100%;
  }
}
.capcha img {
  height: 33px;
}
@media all and (max-width: 900px) {
  .capcha img {
    width: auto;
  }
}
.file-upload {
  overflow: hidden;
}
.holder .nav-member {
  border-top: 0 !important;
}
@media all and (max-width: 767px) {
  .holder .nav-member {
    text-align: center;
    margin-bottom: 10px;
  }
}
.holder .nav-member li a {
  width: 100% !important;
  color: #20b2fc;
}
.account_holder_left_box .photo-info h1,
.account_holder_members .photo-info h1,
.view-member .section .photo-info h1,
.pl-0-mob .photo-info h1,
.account_holder_left_box .photo-info h3,
.account_holder_members .photo-info h3,
.view-member .section .photo-info h3,
.pl-0-mob .photo-info h3 {
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 22px;
}
.account_holder_left_box .fa-user-circle,
.account_holder_members .fa-user-circle,
.view-member .section .fa-user-circle,
.pl-0-mob .fa-user-circle {
  font-size: 20px;
  vertical-align: bottom;
}
.account_holder_left_box .delete_txt,
.account_holder_members .delete_txt,
.view-member .section .delete_txt,
.pl-0-mob .delete_txt {
  display: block;
}
.account_holder_left_box .showmemecp,
.account_holder_members .showmemecp,
.view-member .section .showmemecp,
.pl-0-mob .showmemecp {
  padding: 5px 7px 0px 1px;
}
.account_holder_left_box i.icon-ellipsis-vertical,
.account_holder_members i.icon-ellipsis-vertical,
.view-member .section i.icon-ellipsis-vertical,
.pl-0-mob i.icon-ellipsis-vertical {
  cursor: pointer;
}
.account_holder_left_box .icon-ellipsis-vertical:before,
.account_holder_members .icon-ellipsis-vertical:before,
.view-member .section .icon-ellipsis-vertical:before,
.pl-0-mob .icon-ellipsis-vertical:before {
  content: "\f142";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  color: #000000;
  padding: 5px 0;
}
.account_holder_left_box .edit_del_icn,
.account_holder_members .edit_del_icn,
.view-member .section .edit_del_icn,
.pl-0-mob .edit_del_icn {
  display: -webkit-box;
}
.account_holder_left_box span.trash_del.glyphicon.glyphicon-trash.trash_border,
.account_holder_members span.trash_del.glyphicon.glyphicon-trash.trash_border,
.view-member .section span.trash_del.glyphicon.glyphicon-trash.trash_border,
.pl-0-mob span.trash_del.glyphicon.glyphicon-trash.trash_border {
  float: right;
  display: inline-block;
  position: absolute;
  right: 0;
  vertical-align: middle;
  margin-top: 10px;
}
.account_holder_left_box span.edit_del.glyphicon.glyphicon-edit.edit_border,
.account_holder_members span.edit_del.glyphicon.glyphicon-edit.edit_border,
.view-member .section span.edit_del.glyphicon.glyphicon-edit.edit_border,
.pl-0-mob span.edit_del.glyphicon.glyphicon-edit.edit_border {
  float: right;
  margin: 14px 0 0 -50px;
  position: absolute;
}
@media all and (max-width: 900px), only screen and (max-width: 867px), only screen and (max-width: 361px), only screen and (max-width: 321px) {
}
.sync-status .orange {
  color: #fe5d02;
}
.sync-status .sync-right {
  padding-left: 20px;
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .pl-0-mob {
    padding-left: 0 !important;
  }
}
.view .sync-right {
  padding-left: 20px;
}
.view-member-history li {
  font-size: 14px;
  line-height: 40px;
  margin: 0 15px;
  border-bottom: 1px solid #b4b7bf;
}
@media only screen and (max-width: 321px) {
  .view-member-history li {
    font-size: 13px;
  }
}
.view-member-history li strong {
  padding-left: 20px;
}
@media all and (min-width: 1024px) {
  .view-member-history li {
    height: inherit;
    margin: 0;
    /*0 2% -2px 0;*/
    width: auto;
    /*23.5%;*/
    float: none;
  }
}
.view-member-history li label {
  font-size: 18px;
  line-height: 36px;
}
.view-member-history li div {
  font-size: 14px;
  line-height: 2rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
.view-member-history a.btn {
  margin: 40px 0;
}
.view-member-list li {
  border: none;
  margin-bottom: 0;
}
.view-member-list .tabber-person ul li {
  font-size: 8px !important;
  line-height: 36.8px;
}
@media only screen and (max-width: 321px) {
  .view-member-list .tabber-person ul li {
    font-size: 13px;
  }
}
.view-member-list .tabber-person ul li strong {
  padding-left: 20px;
}
@media all and (min-width: 1024px) {
  .view-member-list .tabber-person ul li {
    height: inherit;
    margin: 0;
    /*0 2% -2px 0;*/
    width: auto;
    /*23.5%;*/
    float: none;
  }
}
.view-member-list [class^="icon-"]:before,
.view-member-list .view-member [class*=" icon-"]:before {
  margin-right: 0;
}
@media all and (min-width: 1024px) {
  .view-member {
    display: inline;
  }
}
@media all and (min-width: 1024px) {
  .view-member [class*=" icon-"]:before,
  .view-member [class^="icon-"]:before {
    display: inline;
  }
}
@media all and (min-width: 1024px) {
  .view-member .member-accordion-icon:before {
    display: inline-block !important;
  }
}
.view-member .editbuton a {
  border-radius: 4px;
}
@media all and (min-width: 1024px) {
  .view-member .editbuton a {
    height: 34px;
    padding: 7px 30px;
    width: 100px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 867px) {
  .view-member .editbuton a {
    width: 100px;
  }
}
@media all and (min-width: 901px) {
  .view-member .editbuton a {
    width: 100px;
  }
}
@media all and (max-width: 767px) {
  .view-member .editbuton a {
    width: 100%;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person {
    margin-top: 23px;
    padding: 42px 0 25px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person h3 {
    margin-bottom: 10px;
    font-size: 36px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person .row {
    margin: 0;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person.emergency {
    padding-bottom: 31px;
    padding-top: 36px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person.emergency .emergency-right {
    padding-left: 30px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person .box-view-pro {
    padding: 0 32px;
    margin-top: -10px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person .box-view-pro .left-view-pro {
    max-width: 399px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person .box-view-pro .left-view-pro li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person .box-view-pro li {
    padding-top: 20px;
    padding-bottom: 25px;
    margin-bottom: 0px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person .box-view-pro .right-view-pro {
    max-width: 399px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .contact-person .box-view-pro .right-view-pro li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
  }
}
@media all and (max-width: 767px) {
  .view-member .share_view {
    padding: 15px 5px;
  }
}
.view-member .nav-member .icon-share_profile_icon,
.view-member .nav-member .icon-view_history_icon {
  font-size: 27px;
}
.view-member .nav-member .print_id_show {
  width: 27px;
  margin: 0 0 8px 0;
}
.view-member .nav-member .transfer_align {
  margin-bottom: 8px;
}
.view-member .nav-member li a,
.view-member .nav-member li button {
  font-size: 12px;
  line-height: 15px;
}
@media all and (min-width: 1024px) {
  .view-member .nav-member li a,
  .view-member .nav-member li button {
    height: 78px;
    line-height: 15px;
    margin-bottom: 20px;
    margin-top: 13px;
    padding: 10px 0;
  }
}
@media all and (min-width: 1024px) {
  .view-member .nav-member li .nav-print {
    width: 90px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .nav-member li .nav-share {
    width: 135px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .nav-member li .nav-transfer {
    width: 110px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .nav-member li .nav-history {
    width: 135px;
  }
}
.view-member .tabber-person ul li {
  font-size: 12px;
  line-height: 36.8px;
  height: auto;
}
.view-member .tabber-person ul li strong {
  padding-left: 20px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.view-member .tabber-person ul li a {
  font-size: 12px;
  line-height: 22px;
  display: inline-block;
}
@media only screen and (max-width: 321px) {
  .view-member .tabber-person ul li a {
    font-size: 13px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .tabber-person ul li a {
    text-align: left;
    padding: 0px 20px;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .tabber-person ul li a input[type="checkbox"] {
    width: 14px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .tabber-person ul li a strong {
    padding-left: 10px;
    font-weight: 300;
    font-size: 20px;
  }
}
@media all and (min-width: 1024px) {
  .view-member .tabber-person ul li .active {
    width: 25%;
  }
}
.view-member ul.nav-justified.nav-member {
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 767px) {
  .view-member ul.nav-justified.nav-member {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.view-member #share ul.nav.nav-justified.nav-member {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.view-member .nav-justified li {
  font-size: 12px;
  background: none;
  border: none;
  margin: 0 0 0 3px;
  font-weight: normal;
  width: 94px !important;
}
@media all and (max-width: 767px) {
  .view-member .nav-justified li {
    width: 48% !important;
    display: inline-block;
    margin: 0 auto;
    float: none !important;
  }
}
.view-member .nav-justified a {
  height: 62px;
  line-height: 30px;
  margin-bottom: 20px;
  margin-top: 0px;
  padding: 2px 0;
}
.view-member .print_id_show {
  width: 30px;
  margin-top: 0;
  vertical-align: bottom;
  margin-bottom: 4px;
}
.view-member .lock_screen_show {
  max-height: 28px;
  width: auto !important;
}
@media all and (min-width: 1024px) {
  .view .nav-justified {
    padding: 0 32px;
    width: 100%;
  }
}
.view .nav-justified .panel-body {
  padding: 25px 25px 65px;
}
.view .nav-justified .panel-body .box-view-pro .left-view-pro,
.view .nav-justified .panel-body .box-view-pro .right-view-pro {
  max-width: 404px;
  width: auto;
}
.view .nav-justified .panel-body .box-view-pro .left-column-title {
  font-weight: 400;
}
.view .nav-justified .panel-body .box-view-pro .left-column-long-title {
  font-weight: 400;
  line-height: 22px;
}
.view .nav-justified .panel-body .box-view-pro div {
  /*max-width: 404px;*/
}
.view .nav-justified .panel-body .box-view-pro div li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.account_holder_progress {
  float: none;
  margin: auto;
}
@media all and (min-width: 1024px) {
  .account_holder_progress {
    width: 90%;
  }
}
@media all and (min-width: 1024px) {
  .account_info_box {
    margin-bottom: 38px;
  }
}
.account_holder_score {
  float: none;
  margin: auto;
}
@media only screen and (max-width: 867px) {
  .account_holder_score {
    padding-top: 10px;
    left: 10vw !important;
  }
}
@media only screen and (max-width: 415px) {
  .account_holder_score {
    left: 0vw !important;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_score {
    left: 0vw !important;
  }
}
@media only screen and (max-width: 867px), all and (max-width: 900px) {
  .account_holder_right_box .error-section strong {
    font-size: 9vmin;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_right_box .progress-section {
    width: 248px;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_right_box .progress {
    height: 24px;
  }
}
.account-holder-icon-1 {
  width: 18px;
  height: 23px;
}
.account_holder_name {
  width: 100%;
  float: none;
}
@media all and (max-width: 767px) {
  .account_holder_name {
    margin-top: 2%;
    text-align: center;
  }
}
@media only screen and (max-width: 415px) {
  .account_holder_name {
    float: right;
    text-align: center;
    padding-top: 10px !important;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_photo {
    /*  padding-left: 0;
      padding-right: 0px; */
  }
}
@media only screen and (max-width: 867px) {
  .account_holder_photo {
    left: 0 !important;
  }
}
.account_holder_box .account_holder_photo .img-section img {
  width: 100%;
}
.account_holder_members .section {
  height: auto;
  cursor: pointer;
  border-bottom: 1px solid #edeef2;
}
@media all and (max-width: 767px) {
  .account_holder_members .section {
    padding: 40px 40px 40px 20px;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_members .section {
    padding-bottom: 15px !important;
    padding-left: 40px;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_members .section .add-section {
    padding-bottom: 25px;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_members .section-error .right-arrow {
    z-index: 10;
    color: #FF524D;
    margin-top: -33px;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_members .header {
    height: 64px;
    margin-left: 0;
    width: auto;
    background: #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .header {
    background: #dbdbdb;
  }
}
.account_holder_members .ecp_logo_img {
  width: 35px;
  height: 35px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}
.account_holder_members .ecp_logo_red {
  width: 40px;
  height: 40px;
  float: left;
  background: #FF524D;
  border-radius: 50%;
  margin-right: 10px;
}
.account_holder_members .ecp_logo_red img {
  margin: 8px auto;
  float: none;
}
.account_holder_members .ecp_logo_sync {
  width: 40px;
  height: 40px;
  background: #fe5d02;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
}
.account_holder_members .ecp_logo_sync img {
  margin: 8px auto;
  float: none;
}
.account_holder_members .member_icon_block {
  float: left;
  background: #66cc20;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
}
@media all and (min-width: 1024px) {
  .account_holder_members .section-bdr {
    min-height: 184px;
  }
}
.account_holder_members .section-bdr .progress-line {
  padding: 15px 0 0px 0;
  text-align: center;
  clear: both;
}
.account_holder_members .section-bdr .progress-line .red {
  margin: 5px 0px;
}
@media all and (min-width: 1024px) {
  .account_holder_members .inactive {
    padding-top: 10px;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_members .section {
    padding-bottom: 5px;
  }
}
.member-wrap {
  background-color: #FF524D;
  color: #eb9100;
  padding: 15px 20px;
  border: 1px solid #eb9100;
  border-top: none;
  background-repeat: repeat-x;
  outline: 0;
}
@media all and (min-width: 1024px) {
  .member-wrap {
    height: 47px;
    padding: 7px 20px;
  }
}
.member-wrap h3 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 300;
  line-height: 1.2;
  margin: 6px 0 5px;
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .member-wrap h3 {
    font-size: 16px;
  }
}
.member-ecp {
  border-top: 0 !important;
}
.member-box {
  margin-top: 23px;
}
.member-alert-triggered {
  background-repeat: repeat-x;
  background-image: url('../images/mini-hero-bg-red.png');
  background-repeat: repeat;
}
.member-alert-triggered:before {
  font-style: normal;
  font-size: 26px;
  content: '\f0f3';
  font-family: FontAwesome;
  background-size: contain;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  display: inline-block;
  color: #ffffff;
  border-radius: 100%;
  float: right;
  top: 10px;
  left: 10px;
  z-index: 4;
}
.member-alert-triggered:after {
  width: 0;
  height: 0;
  top: 0px;
  left: 0px;
  border-top: 80px solid #e84f4f;
  z-index: 999;
  border-right: 80px solid transparent;
  position: absolute;
  content: " ";
  z-index: 1;
}
.member-contact-box {
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 0;
  font-size: 13px;
  color: #6c6e73;
}
@media all and (max-width: 767px) {
  .member-contact-box {
    text-align: left;
  }
}
@media only screen and (max-width: 361px) {
  .member-contact-box {
    font-size: 13px;
    line-height: 20px;
  }
}
.member-contact-box .icon-ecp_icon {
  border-radius: 50%;
  left: 0;
  color: #66cc20;
  font-size: 20px;
}
.member-contact-box .icon-ecp_icon.error {
  color: red;
}
.custom_select {
  overflow: hidden;
}
.messages .content {
  padding-top: 5vh;
}
@media all and (min-width: 1024px) {
  .mobile {
    display: none;
  }
}
@media all and (min-width: 1024px) {
  .desktop {
    display: block;
  }
}
@media all and (min-width: 1024px) {
  .trigger_an_alert {
    margin: 0px 0px 20px;
  }
}
.trigger_an_alert p {
  padding: 10px 0  16px 0;
}
@media all and (min-width: 1024px) {
  #friends-in-need-step3 {
    font-size: 14px;
  }
  #friends-in-need-step3 .tickets h1 {
    margin-bottom: 5px !important;
  }
  #friends-in-need-step3 .tickets p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 867px) {
  .tabs-section .nav-tabs > li {
    float: none;
    width: auto;
  }
  .tabs-section .nav-tabs > li > a {
    display: block;
    padding: 0 20px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 867px) {
  .block-mobile {
    display: block;
  }
}
@media only screen and (max-width: 867px) {
  .block-mob {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 867px) {
  .mobile-hide {
    display: none;
  }
}
@media only screen and (max-width: 867px) {
  .mobile-cover {
    width: 87%;
    margin: 0 auto;
    float: none;
    box-sizing: border-box;
  }
}
@media all and (max-width: 767px) {
  .mobile-cover {
    width: 87%;
  }
}
.tab {
  border-bottom: 1px solid #e4e5e8;
  padding: 6px 0 10px 0;
  position: relative;
}
@media only screen and (max-width: 1020px) {
  .tab {
    padding: 0 15px 15px;
  }
}
.tab a {
  color: #333;
}
.tab span {
  color: #25bafa;
}
.tab i {
  margin-left: 5px;
  margin-right: 5px;
}
@media all and (max-width: 900px) {
  .tab {
    display: block;
  }
}
@media all and (min-width: 1024px) {
  .tab-mobile {
    display: none;
  }
}
@media only screen and (max-width: 867px) {
  .tab-mobile {
    position: fixed;
    top: 0;
  }
}
@media (min-width: 868px) {
  .tab-mobile {
    display: none;
  }
}
@media only screen and (max-width: 321px) {
  .tab-mobile {
    display: block;
  }
}
@media only screen and (max-width: 361px) {
  .tab-mobile {
    display: block;
  }
}
@media all and (max-width: 900px) {
  .tab-mobile {
    background-color: #20b2fc;
    text-align: center;
    padding: 15px 10px;
    display: none;
  }
  .tab-mobile a .back-mobile {
    position: absolute;
    left: 0px;
    display: block;
    color: #ffffff;
    font-size: 22px;
  }
  .tab-mobile span {
    color: #ffffff;
    font-size: 22px;
  }
  .tab-mobile .fa-angle-right {
    display: none;
  }
}
@media only screen and (max-width: 867px) {
  .tab-mobile {
    background-color: #20b2fc;
    text-align: center;
    padding: 15px 10px;
    display: block;
    height: 52px;
  }
  .tab-mobile a.back-mobile {
    position: absolute;
    left: 0px;
    display: block;
    color: #ffffff !important;
    font-size: 22px;
  }
  .tab-mobile span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
  }
  .tab-mobile .fa-angle-right {
    display: none;
  }
}
.tab-mobile.fix-header {
  position: absolute !important;
  top: 0 !important;
}
.tab-content .panel-heading {
  padding: 0px;
  position: relative;
}
.tab-content .panel-heading div.collapsed {
  width: 95% !important;
  letter-spacing: 0.03em;
  background-position-x: 99%;
}
@media all and (max-width: 767px) {
  .tab-content .panel-heading div.collapsed {
    width: 88% !important;
  }
}
@media only screen and (max-width: 370px) {
  .tab-content .panel-heading div.collapsed {
    width: 82% !important;
  }
}
@media all and (max-width: 767px) {
  .tab-content .panel-heading div.collapsed {
    font-size: 12.6px;
  }
}
.tab-content .panel-heading .collapse-a {
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: 18px;
}
@media all and (max-width: 767px) {
  .tab-content .panel-heading .collapse-a {
    font-size: 12.6px;
  }
}
@media all and (max-width: 900px) {
  .tab-content .panel-heading .collapse-a {
    background-position-x: 99%;
    width: 99%;
    font-size: 12.6px;
  }
}
@media all and (min-width: 1024px) {
  .tab-content .panel-heading .collapse-a {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-decoration: none;
    padding: 15px 25px 15px 15px;
  }
}
.tab-content .panel-heading .collapse-a i {
  color: #25bafa;
  font-size: 17px;
  vertical-align: middle;
}
.tab-content .panel-heading .collapse-a img {
  margin-left: 4px;
  margin-right: 5px;
}
.tab-content .panel-heading .collapse-a a i {
  color: #cacbcc;
  margin-left: 0px;
}
@media only screen and (max-width: 867px) {
  .homepage .tab-mobile {
    padding: 5px 10px;
  }
}
@media all and (min-width: 1024px) {
  .e01-fin .section-wrap h2 {
    padding: 17px 22px;
    height: 60px;
  }
}
@media all and (min-width: 1024px) {
  .e01-fin .section-wrap h2 em {
    display: inline;
    font-size: 21px;
    color: #333;
    line-height: 25.2px;
    margin-left: 6px;
    vertical-align: text-top;
  }
}
@media all and (min-width: 1024px) {
  .e01-fin .section-wrap h2 img {
    margin: 4px 1px 0;
  }
}
@media all and (min-width: 1024px) {
  .e01-fin .section {
    padding-top: 33px;
    height: 172px;
  }
}
@media all and (min-width: 1024px) {
  .e01-fin .section .fa-trash-o {
    right: 13px;
    top: 31px;
  }
}
.menu-mobile {
  background-color: #20b2fc;
  border: 1px solid #007bc3;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  box-shadow: 0px 7px 18px 0px rgba(71, 185, 251, 0.78);
  display: none;
  left: 0px;
  position: absolute;
  text-align: left;
  top: 50px;
  width: 100%;
  z-index: 1000;
}
.menu-mobile.menu-mobile-show {
  display: block;
}
.menu-mobile li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-size: 18px;
  padding: 10px 15px;
  position: relative;
}
.menu-mobile li a .fa-tachometer {
  margin: 0 4px 0 3px;
}
@media all and (max-width: 900px) {
  .toggle-click button {
    padding: 2px 10px;
  }
}
@media all and (max-width: 900px) {
  .toggle-click .icon-bar {
    width: 2px;
    height: 22px;
    display: inline-block;
    margin-left: 1px;
  }
}
@media all and (max-width: 900px) {
  .pd-0-tablet {
    padding: 0;
  }
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .logo {
    width: 140px;
    padding: 3px 0 0;
  }
}
@media only screen and (max-width: 867px) {
  .logo {
    display: none;
  }
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .botttom-button button {
    margin-top: 10px;
  }
}
@media all and (min-width: 1024px) {
  .botttom-button .col-xs-6 {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .full-width {
    width: 100%;
  }
}
@media only screen and (max-width: 321px) {
  .text1 {
    margin-right: -50px !important;
  }
}
@media only screen and (max-width: 321px) {
  .text2 {
    margin-right: -20px !important;
  }
}
@media only screen and (max-width: 321px) {
  .text3 {
    margin-right: -30px !important;
  }
}
@media only screen and (max-width: 321px) {
  #help-login-div {
    width: 95%;
  }
}
.label-text {
  position: absolute;
  bottom: 100%;
  display: block;
  white-space: nowrap;
  margin-bottom: 22px;
  right: 0;
  width: 165px;
  margin-right: -95px;
  text-align: center;
  color: #BABBC1;
  font-size: 15px !important;
}
@media all and (min-width: 1024px) {
  .label-text {
    font-size: 15px !important;
  }
}
@media all and (min-width: 901px) {
  .label-text {
    font-size: 15px !important;
    margin-right: -70px;
    width: 165px;
  }
}
@media all and (max-width: 900px) {
  .label-text {
    font-size: 15px !important;
    margin-right: -45px;
    width: 100px;
  }
}
@media only screen and (max-width: 867px) {
  .label-text {
    font-size: 14px !important;
    width: 100px;
  }
}
@media only screen and (max-width: 375px) {
  .label-text {
    font-size: 12px !important;
    margin-right: -35px;
    width: 90px;
  }
}
@media only screen and (max-width: 361px) {
  .label-text {
    width: 82px;
    margin-right: -23px !important;
    text-align: center;
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 321px) {
  .label-text {
    display: none;
    font-size: 11px !important;
    width: 82px;
    margin-right: -30px !important;
    text-align: center;
  }
}
@media all and (min-width: 1024px) {
  .label-text.text2 {
    margin-right: -78px;
  }
}
@media only screen and (max-width: 867px) {
  .label-text.text2 {
    margin-right: -44px !important;
  }
}
@media only screen and (max-width: 435px) {
  .label-text.text2 {
    margin-right: -38px !important;
  }
}
@media only screen and (max-width: 370px) {
  .label-text.text2 {
    margin-right: -36px !important;
  }
}
@media all and (min-width: 1024px) {
  .label-text.text3 {
    margin-right: -78px;
  }
}
@media only screen and (max-width: 361px) {
  .break {
    display: none;
  }
}
@media only screen and (max-width: 867px) {
  #main-load-content {
    padding-top: 0rem;
  }
}
@media only screen and (max-width: 867px) {
  .has-alerts #main-load-content {
    padding-top: 3rem;
  }
}
@media only screen and (max-width: 867px) {
  #main-load-static-content {
    padding-top: 1em;
  }
}
@media all and (min-width: 1024px) {
  .doctor_primary {
    margin: 12px auto;
    width: 47%;
  }
}
@media all and (min-width: 1024px) {
  .record_save_button {
    width: 200px;
    margin: 20px auto -7px;
  }
}
@media all and (min-width: 1024px) {
  .none-border {
    border: none !important;
  }
}
@media all and (min-width: 1024px) {
  .none-margin-bottom {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 867px) {
  .box-register.help-button {
    margin: 0 auto;
    width: 100%;
    padding: 20px;
  }
}
@media all and (max-width: 900px) {
  .box-person {
    border-top: 1px solid #dedfe2;
    margin-bottom: 10px;
    padding-top: 10px;
    margin-right: 4px;
  }
}
@media all and (max-width: 900px) {
  .box-person p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 12px;
  }
}
@media all and (min-width: 1024px) {
  .box-view-pro-plus {
    width: auto !important;
    margin: 0 auto;
  }
}
@media all and (min-width: 1024px) {
  .box-view-pro-plus .left-view-pro {
    float: left;
    width: auto !important;
  }
}
@media all and (min-width: 1024px) {
  .box-view-pro-plus .right-view-pro {
    float: left;
    margin-left: 100px;
    width: auto !important;
  }
}
.box-view-pro {
  display: table;
  width: 100%;
}
.box-view-pro li {
  border-bottom: 1px solid #e5e8ea;
}
.box-view-pro li div.row {
  padding: 10px 0;
}
.box-view-pro li strong {
  font-weight: 400;
}
@media all and (max-width: 900px) {
  .box-view-pro {
    padding-right: 3px;
  }
}
@media all and (max-width: 900px) {
  .box-view-pro .text-right {
    padding: 0 15px 0 0;
    height: 100%;
  }
}
.box-view-pro .col-xs-4 {
  font-weight: 400;
}
.box-view-pro .left-view-pro {
  width: 45%;
  float: left;
}
@media all and (max-width: 900px) {
  .box-view-pro .left-view-pro {
    float: none;
    width: auto;
  }
}
.box-view-pro .left-column-title {
  width: 150px;
}
@media all and (min-width: 1024px) {
  .box-view-pro .left-column-title {
    font-weight: 400;
  }
}
@media only screen and (max-width: 361px) {
  .box-view-pro .text-right {
    padding: 0 12px 0 0;
    height: 100%;
  }
}
.box-view-pro .right-view-pro {
  width: 45%;
  float: right;
}
@media all and (max-width: 900px) {
  .box-view-pro .right-view-pro {
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 867px) {
  .box-view-pro .right-view-pro li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
  }
}
@media all and (max-width: 900px) {
  .box-view-pro .right-view-pro li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
  }
}
@media all and (min-width: 1024px) {
  .box-view-pro.destop {
    display: table;
  }
}
@media all and (min-width: 1024px) {
  .box-view-pro hr {
    margin: 0 0 15px !important;
  }
}
@media all and (max-width: 900px) {
  .box-person-view {
    background: none;
  }
}
.box-sync {
  overflow: hidden;
}
.box-sync span {
  vertical-align: middle;
  line-height: 26px;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .box-sync span {
    font-size: 14px;
  }
}
.box-sync i {
  font-size: 26px;
  color: #66cc20;
  vertical-align: middle;
  padding-right: 2px;
}
@media all and (max-width: 900px) {
  .box-sync i {
    text-align: left;
  }
}
@media all and (max-width: 767px) {
  .box-sync i {
    padding-right: 0;
  }
}
.box-person {
  background: url(../images/arrow-person.jpg) right center no-repeat;
}
@media all and (max-width: 900px) {
  .box-upload {
    font-size: 13px;
    line-height: 20px;
    position: relative;
  }
}
@media all and (max-width: 900px) {
  .box-upload .col-xs-4 {
    width: 41.6667%;
  }
}
@media all and (max-width: 900px) {
  .box-upload .col-xs-8 {
    width: 58.3333%;
    position: static;
  }
}
.box-contact-person {
  background: #ffffff;
  border: 1px solid #dcdde0;
  margin-top: 20px;
  padding: 30px;
  margin-bottom: 40px;
}
@media all and (max-width: 900px) {
  .box-contact-person {
    border: 0px;
    padding: 0px;
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
  }
}
.box-contact-person h3 {
  margin-top: 0px;
}
.box-contact-person img {
  border-radius: 50%;
  width: 100%;
}
@media only screen and (max-width: 321px) {
  .box-contact-person .margin-top-bottom-10 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 321px) {
  .box-contact-person .row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 321px) {
  .box-contact-person .row .col-md-6 {
    padding: 0;
  }
}
.box-print {
  border-left: 1px solid #B9BABD;
  text-align: left;
  padding-left: 20px;
  width: 95%;
  display: block;
  margin: 0 auto;
}
@media all and (max-width: 900px) {
  .box-print {
    margin-left: 10px;
    text-align: left;
  }
}
.box-print p {
  position: relative;
}
.box-print p:last-child {
  margin: 0px;
}
.box-print span:nth-child(2) {
  font-weight: 600;
}
.box-print span {
  display: block;
  font-weight: 400;
}
.box-new-page {
  padding: 20px;
}
@media all and (max-width: 900px) {
  .box-new-page {
    padding: 10px;
  }
}
.box-lage-input .col-md-6 {
  margin-bottom: 15px;
}
@media only screen and (max-width: 321px) {
  .box-register {
    width: 100%;
    padding: 0 5%;
  }
}
@media only screen and (max-width: 361px) {
  .box-register {
    width: 100%;
    padding: 0 5%;
  }
}
@media only screen and (max-width: 867px) {
  .box-register {
    width: 100%;
    padding: 0 ;
  }
}
.box-register .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0px;
  margin-right: 10px;
}
.alert-view {
  padding: 0px;
}
@media only screen and (max-width: 867px) {
  .alert-view.has-pending-profile {
    padding-top: 0;
  }
}
@media all and (max-width: 900px) {
  .alert-trigger .container {
    padding: 0px;
  }
}
@media all and (max-width: 900px) {
  .alert-trigger .container .row {
    margin: 0px;
  }
}
.alert-title-big {
  padding: 15px;
}
.alert-title-light {
  font-weight: normal !important;
}
.alert-user-photo {
  position: relative;
  width: 30px;
  height: 30px;
  max-height: 28px;
  max-width: 28px;
  padding: 0;
  margin: 0;
}
@media all and (max-width: 767px) {
  .alert-user-photo {
    margin-top: 1px;
  }
}
.alert-user-photo img {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.alert-user-photo img.empty {
  background-color: #d3d3d3;
  background: url('../images/avatar.png');
  background-size: 28px 28px;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
}
.alert-title {
  text-align: center;
  font-size: 30px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
}
@media all and (max-width: 767px) {
  .alert-title {
    font-size: 24px;
  }
}
.alert-title:after {
  content: "";
  left: 0;
  background: url(../images/alert.png) right center no-repeat;
  right: 180px;
  top: 10px;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  width: 46px;
  height: 42px;
  background-size: 80% 80%;
}
@media only screen and (max-width: 867px) {
  .alert-title:after {
    top: 2px;
  }
}
@media all and (max-width: 767px) {
  .alert-title:after {
    background-size: 25px 25px !important;
    background: url(../images/alert.png) center center no-repeat;
    right: 130px;
  }
}
.alert-title:after .load_more {
  background: #ffffff none repeat scroll 0 0;
  border: 4px solid #ffffff;
  border-radius: 50px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  color: #e84f4f;
  font-size: 20px;
  font-weight: 900;
  margin: 100px auto 0;
  padding: 11px 42px;
  text-decoration: none;
}
.alert-title:before {
  content: "";
  height: 3px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  bottom: 20px;
  width: 150px;
}
@media only screen and (max-width: 867px) {
  .alert-title:before {
    bottom: 8px;
  }
}
@media all and (max-width: 767px) {
  .alert-title:before {
    width: 110px;
    bottom: 8px !important;
  }
}
.alert-item {
  padding: 15px 10px 15px 10px;
  border-bottom: 1px solid #ff6767;
  border-top: 1px solid #ff6767;
  margin: 0px auto;
  display: table;
}
@media only screen and (max-width: 867px) {
  .alert-item {
    border: none;
    border-top: 1px solid #ff6767;
    padding: 15px 0 5px;
  }
}
@media all and (max-width: 767px) {
  .alert-item {
    padding: 0 ;
    margin: 0px 0 5px 0;
  }
}
.alert-item li {
  position: relative;
  color: #FFB4B4;
  padding: 0;
  margin: 0;
}
.alert-item li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.alert-item h3 {
  font-size: 18px;
  color: #FFB4B4;
  margin: 0 0 0 2px;
}
@media only screen and (max-width: 370px) {
  .alert-item h3 {
    padding: 0;
    font-size: 12px;
  }
}
.alert-item h3 span {
  font-size: 14px;
  color: #ffffff;
}
.alert-item p {
  padding: 0 0 5px;
}
.alert-img {
  border-radius: 50%;
  float: left;
  padding: 0px;
  width: auto;
  box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
}
.alert-detail {
  float: left;
  min-width: 90%;
  padding-right: 0;
}
@media only screen and (max-width: 514px) {
  .alert-detail {
    min-width: 85%;
    padding-left: 5px;
  }
}
.alert-detail span.alert-member {
  color: #ffffff;
}
.alert-scan {
  margin-bottom: 20px;
}
.alert-scan .form-control {
  margin-bottom: 0;
}
@media only screen and (max-width: 867px) {
  .alert-scan.form-section > div {
    padding: 0 5px 0 0;
  }
}
.col-first {
  padding-left: 0;
}
@media all and (max-width: 900px) {
  .col-md-6 :first-child .box-person {
    border: 0px;
    padding: 0px;
  }
}
@media all and (min-width: 1024px) {
  .icon-phone_icon {
    font-size: 20px;
  }
}
@media all and (min-width: 1024px) {
  .icon-email_icon {
    font-size: 15px;
  }
}
.icon-syc_fail_icon :before {
  vertical-align: middle;
}
@media all and (max-width: 900px) {
  .text-view-pro {
    padding: 0px;
    border: 0px;
  }
}
@media all and (max-width: 900px) {
  .text-view-pro ul {
    padding: 0px;
  }
}
.text-nominate {
  margin-right: 20px;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
}
@media (min-width: 992px) {
  .text-nominate {
    margin-left: 10vw;
  }
}
@media (min-width: 868px) {
  .text-nominate {
    margin-left: 100px;
    margin-top: -5px;
  }
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px), only screen and (max-width: 867px) {
  .text-nominate {
    margin-left: 70px;
  }
}
@media all and (max-width: 900px) {
  .text-nominate {
    font-size: 0.8em;
    line-height: 18px;
  }
}
@media all and (min-width: 1024px) {
  .text-center {
    text-align: center !important;
  }
}
.profile-insurance,
.profile-record,
.profile-medical {
  margin-bottom: 60px;
}
.list-item {
  padding: 0 5px;
  border-bottom: 1px solid #dddddd;
}
.list-item:after {
  content: '';
  display: table;
  clear: both;
}
.list-item:after {
  content: '';
  display: table;
  clear: both;
}
.list-item label {
  text-align: left;
}
.list-item span {
  text-align: right;
}
.list-item span.note,
.list-item span.file {
  text-align: left;
}
.list-group-item {
  margin-bottom: 0;
  border: none;
  border-bottom: 1px solid #dddddd;
}
.list-history h3 {
  margin: 0px;
  font-size: 20px;
}
.list-history li {
  border-bottom: 1px solid #dddddd;
  padding: 15px;
}
@media all and (min-width: 1024px) {
  .list-history .col-xs-4 {
    max-width: 266px;
  }
}
@media all and (min-width: 1024px) {
  .list-history li {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    height: 65px;
    padding: 20px 35px;
    line-height: 16.8px;
  }
}
@media all and (min-width: 1024px) {
  .list-history li:first-child {
    height: 60px;
    font-size: 21px;
    color: #333;
    line-height: 25.2px;
    padding: 20px 35px;
  }
}
.list_acident-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}
@media all and (max-width: 900px), (min-width: 992px), all and (min-width: 1024px) {
  .sync-statusc .col-md-6 {
    padding: 2px 6px;
    font-size: 14px;
    margin-bottom: 2px;
  }
}
@media all and (max-width: 767px) {
  .sync-statusc .col-md-6 {
    padding: 2px 2px;
  }
}
.sync-statusc .vertical_scroll {
  max-height: 221px;
  overflow: auto;
  padding-top: 33px !important;
  margin-bottom: 30px;
}
@media all and (max-width: 767px) {
  .sync-statusc .vertical_scroll .odd {
    border-right: none;
  }
}
.sync-statusc .vertical_scroll .even {
  border-right: none;
}
.sync_panic_button p {
  line-height: 30px;
}
.sync_panic_button p a {
  text-decoration: underline;
}
.sync_panic_button p a:hover {
  color: #25bafa;
}
.link-field {
  display: inline-block;
  border: 1px solid #e6e6e6;
  padding: 5px;
  color: #333;
  width: 100%;
  border-radius: 15px;
  box-sizing: border-box;
}
.link-field img,
.link-field span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 17px;
}
.link-field span {
  /* min-width: 110px; */
}
.link-field em {
  font-style: normal;
}
@media all and (min-width: 1024px) {
  .link-field {
    color: #0f111a;
  }
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .link-field {
    padding: 5px 3px;
    font-size: 10px;
  }
}
@media only screen and (max-width: 867px) {
  .link-field {
    display: block;
  }
}
.link-field-error {
  color: #FF524D !important;
  border-color: #FF524D;
}
.link-faq a {
  color: #bcbcbd;
}
.link-faq a.active {
  color: #25bafa;
}
@media all and (min-width: 1024px) {
  .photo_upload_text_box {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .photo-info {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 867px) {
  .photo-info {
    padding-right: 15px;
    padding-bottom: 20px;
  }
}
.photo-info h1 {
  font-size: 22px;
}
@media only screen and (max-width: 867px) {
  .photo-info h1 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 361px) {
  .photo-info h1 {
    font-size: 24px;
  }
}
@media all and (max-width: 900px) {
  .photo-info h1 {
    font-size: 28px;
  }
}
.view-mode .add-person,
.view-mode .delete-input,
.view-mode .remove-btn,
.view-mode .photo_upload_text_box {
  display: none !important;
}
.view-mode .form-input-delete .form-group {
  margin-right: 0px;
}
@media all and (max-width: 767px) {
  .view-mode {
    margin-top: 30px;
  }
}
.notes_field .form-group {
  margin-right: 0px !important;
}
.add-popup-content {
  background: #ffffff;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}
.add-popup-content ul,
.add-popup-content li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.add-popup-content li {
  padding: 10px 35px 10px 10px;
  border-bottom: 1px solid #e8e9ea;
  position: relative;
}
.add-popup-content li:last-child {
  border-bottom: none;
}
.add-popup-content h3 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 5px;
}
.add-content {
  margin-left: 65px;
}
.select-full {
  padding: 10px;
  border: 1px solid #dedfe2;
  width: 100%;
  color: #333;
  font-size: inherit;
}
.terms-link {
  line-height: 22px;
  padding-left: 5px;
  padding-bottom: 17px;
}
.error.user-banned {
  padding-top: 50px;
  margin: 0 auto;
  width: 60%;
}
@media all and (max-width: 900px) {
  .error.user-banned {
    width: 60%;
  }
}
@media only screen and (max-width: 415px) {
  .error.user-banned {
    width: 80%;
  }
}
@media only screen and (max-width: 375px) {
  .error.user-banned {
    width: 100%;
  }
}
.permission-tabs,
.preview-profile {
  border: 1px solid #dcdde0;
}
.permission-tabs ul li,
.preview-profile ul li {
  vertical-align: middle;
  font-size: 14px;
}
.permission-tabs ul li input[type="checkbox"],
.preview-profile ul li input[type="checkbox"] {
  font-size: 30px;
  margin: 0;
}
.permission-tabs ul li label,
.preview-profile ul li label {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
@media all and (max-width: 900px) {
  .permission-tabs ul li label,
  .preview-profile ul li label {
    padding-right: 0;
    padding-left: 0;
  }
}
.permission-tabs ul li label > a,
.preview-profile ul li label > a,
.permission-tabs ul li label > a:hover,
.preview-profile ul li label > a:hover,
.permission-tabs ul li label > a:active,
.preview-profile ul li label > a:active {
  color: #25bafa;
  font-size: 16px;
}
@media only screen and (max-width: 867px) {
  .permission-tabs ul li label > a,
  .preview-profile ul li label > a,
  .permission-tabs ul li label > a:hover,
  .preview-profile ul li label > a:hover,
  .permission-tabs ul li label > a:active,
  .preview-profile ul li label > a:active {
    font-size: 14px;
    display: block;
  }
}
@media only screen and (max-width: 361px) {
  .permission-tabs ul li label > a,
  .preview-profile ul li label > a,
  .permission-tabs ul li label > a:hover,
  .preview-profile ul li label > a:hover,
  .permission-tabs ul li label > a:active,
  .preview-profile ul li label > a:active {
    font-size: 13px;
    display: block;
  }
}
.permission-tabs ul li.active label a,
.preview-profile ul li.active label a {
  color: #ffffff;
  text-decoration: none;
}
.permission-tabs div.tab-content ul li div.list-info,
.preview-profile div.tab-content ul li div.list-info {
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
}
.permission-tabs div.tab-content ul li div.list-info label,
.preview-profile div.tab-content ul li div.list-info label {
  text-align: left;
}
.permission-tabs div.tab-content ul li div.list-info label:after,
.preview-profile div.tab-content ul li div.list-info label:after {
  content: '';
  display: table;
  clear: both;
}
.permission-tabs div.tab-content ul li div.list-info label:after,
.preview-profile div.tab-content ul li div.list-info label:after {
  content: '';
  display: table;
  clear: both;
}
.permission-tabs div.tab-content ul li div.list-info label div.text-left,
.preview-profile div.tab-content ul li div.list-info label div.text-left {
  text-align: left;
}
.beta-label {
  background: #37B2FA;
  border: 1px solid #1b98e0;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  margin-left: -60px;
  position: absolute;
  left: 0;
  text-align: center;
  top: 25px;
  transform: rotate(-45deg);
  width: 200px;
}
.clickable {
  cursor: auto;
}
.body-container {
  position: relative;
}
@media only screen and (max-width: 867px) {
  .body-container.is-home {
    padding-top: 52px;
  }
}
.member-accordion-icon {
  width: 24px;
  display: inline-block;
  text-align: center;
}
.twitter-follow-button {
  cursor: pointer;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.offline-message {
  background: rgba(0, 0, 0, 0.5);
  display: table;
  height: 100%;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 9000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.offline-message-text {
  color: #ffffff;
  display: table-cell;
  font-size: 1.5em;
  line-height: 100%;
  vertical-align: middle;
  padding: 0 30px;
}
.offline-message-text h3 {
  font-size: 2em;
  color: #ffffff;
}
@media only screen and (max-width: 867px) {
  .offline-message-text {
    font-size: 1em;
  }
  .offline-message-text h3 {
    font-size: 1.5em;
  }
}
.full-extend {
  left: 0px;
  z-index: 2;
  display: inline-block;
  width: 100%;
}
.save-cancel-member-btn {
  right: 0;
  position: fixed;
  top: 30%;
  width: 10%;
}
@media only screen and (max-width: 867px) {
  .save-cancel-member-btn {
    width: 20%;
  }
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .save-cancel-member-btn {
    width: 25%;
  }
}
.save-cancel-member-btn button {
  margin-top: 0;
}
.leftrow {
  position: relative;
  top: 0;
  padding-top: 5px;
}
.save-cancel-group,
.save-group {
  position: relative;
  z-index: 9;
  text-align: center;
  margin: 10px auto;
}
#edit-footer2 {
  background: transparent;
  border: none;
  bottom: 30px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  transition: transform .3s;
  transform: translateY(100%);
}
@media only screen and (max-width: 867px) {
  #edit-footer2 {
    margin-top: 6%;
  }
}
#edit-footer .leftrow {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 200px) and (max-width: 500px) {
  .account_holder_name {
    float: right;
    text-align: center;
    padding-top: 20px !important;
  }
  .col31 .btn-web {
    width: 100px !important;
    margin: 0 auto !important;
  }
  .btn-cancel {
    margin-right: 10px !important;
  }
  .progress-icon {
    float: none;
    display: inline-block;
    padding: 0 5px;
  }
  .progress-info {
    box-sizing: border-box;
    float: none;
    width: auto;
    padding: 10px 0px 0px;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    margin-left: 0;
  }
  .progress-outer {
    box-sizing: border-box;
    float: none;
    width: 70%;
    margin-left: -18px;
    padding: 10px 5px;
    margin: 0 auto;
    text-align: center;
  }
  .account_holder_left_box .photo-info h1 {
    font-size: 22px !important;
  }
  .account_info {
    text-align: left;
    white-space: nowrap;
  }
  .account_holder_photo {
    left: 0 !important;
    width: 100% !important;
  }
  .account_holder_photo .user-photo {
    margin: 0 auto !important;
  }
  .account_holder_name,
  .account_info {
    width: 100%;
  }
  .tab-content .panel-heading .collapse-a {
    color: #ffffff;
    min-height: 50px;
  }
  .tab-content .panel .personal_tab {
    display: block;
    background-size: 33px 24px !important;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-decoration: none;
    font-size: 18px;
  }
  .tab-content .panel .insurance_tab {
    background-size: 34px 30px !important;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-decoration: none;
    font-size: 18px;
  }
  .tab-content .panel .medical_tab {
    background: url(../images/d_medical.png) no-repeat left center;
    padding-left: 50px;
    background-size: 23px 25px !important;
    display: block;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-decoration: none;
    font-size: 18px;
  }
  .tab-content .panel .record_tab {
    background-size: 30px 30px !important;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-decoration: none;
    font-size: 18px;
  }
  .article-right .score {
    margin: 0 auto !important;
  }
  .source-section {
    padding-left: 0 !important;
    text-align: center;
  }
  .data_tab ul li div.list-info {
    clear: both;
  }
  ul.view-member-list li {
    max-width: 100% !important;
  }
  .user-photo div.empty,
  .user-photo empty {
    padding: 0 !important;
  }
  .ecp-online {
    left: 0 !important;
  }
  .leftrow {
    position: relative;
    top: 0;
    padding-bottom: 10px;
    padding-top: 0;
  }
  div.member-save {
    width: 100%;
    z-index: 10;
    text-align: center;
  }
  div.member-save .alert-success {
    display: inline-block;
    text-align: center;
  }
  .remove-member {
    position: relative;
    top: 0;
  }
}
.account_friends_guardians_box {
  min-width: 86px !important;
  font-size: 12pt !important;
}
@media only screen and (max-width: 867px) {
  .account_friends_guardians_box {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .account_friends_guardians_box {
    width: 100%;
    top: 0 !important;
    padding: 0 15px!important;
  }
}
@media screen and (max-width: 1024px) {
  .account_holder_right_box {
    clear: both;
  }
}
@media screen and (min-width: 200px) and (max-width: 500px) {
  .account_holder_right_box {
    clear: both;
    padding: 0;
  }
  .emergency-section {
    padding: 10px 0  !important;
  }
  .btn_cancel {
    margin-left: 20px;
  }
  .article-right {
    border: none !important;
  }
  .account_holder_progress .link-field span {
    min-width: 86px !important;
    font-size: 12pt !important;
  }
  .profile-bar .account_holder_progress {
    margin: 0px 2px 6px 0px !important;
    width: 100% !important;
    float: left;
  }
  #edit-footer2 {
    display: none;
  }
  .profile-bar p span {
    font-size: 16px;
    margin-left: 40px;
  }
}
@media screen and (min-width: 200px) and (max-width: 500px) and all and (min-width: 1024px) {
  .profile-bar .account_holder_progress {
    width: 50% !important;
  }
}
.grayout {
  color: #999999 !important;
}
.grayout span {
  color: #999999 !important;
}
.grayout p {
  color: #999999 !important;
}
.grayout a {
  color: #999999 !important;
}
.doc-med .ia-label-tooltip-icon-container.ng-scope {
  position: relative;
  margin-left: 0px;
}
.social-plugin {
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
}
ul.view-member-list li {
  width: 47%;
  display: inline-block;
  vertical-align: top;
}
@media all and (max-width: 767px) {
  ul.view-member-list li {
    width: 100% !important;
  }
}
.preview_data .show_data {
  margin: 10px 0 8px  0px;
}
ul.preview_data li.list-group-item {
  display: none;
}
/* breadcrumbs css */
.breadcrumb-container .breadcrumb > li span {
  display: inline-block;
}
/* progres Bar */
.profile-bar p {
  display: inline-block;
  padding-left: 13px !important;
  float: left;
  padding-bottom: 20px !important;
}
@media all and (min-width: 1024px) {
  .profile-bar p {
    width: auto;
    font-size: 14px !important;
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 415px) {
  .profile-bar p {
    width: auto;
    font-size: 16px;
    padding-top: 10px !important;
  }
}
.profile-bar .account_holder_progress {
  margin: 0px 0 0 0;
  width: 50%;
  float: left;
}
.profile-bar {
  padding: 30px 0 10px !important;
}
ul.preview_data li.show_public_data {
  display: block;
}
.show_public_data {
  float: left;
  display: block !important;
}
.preview_data .show_public_data {
  float: left;
  display: block !important;
}
.social-plugin {
  height: 70px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 18px;
}
.messenger-number-print {
  left: 0px;
  font-family: 'Roboto', sans-serif;
}
.messenger-step {
  padding-top: 3px;
  margin-left: 0px;
  font-weight: normal !important;
  font-family: 'Roboto', sans-serif;
}
#fb-root {
  left: 10px;
  margin-left: 20px;
  font-size: 14px;
  color: #000000;
}
.fade-message {
  top: -5px;
}
.bottom_spacing .list-group-item {
  padding: 0;
  height: 0;
}
.data_tab label {
  display: block;
}
.personal_tab_label label {
  line-height: 22px;
}
.panel-heading a.tab-click {
  font-weight: 200;
  font-family: 'Roboto';
}
.personal_tab label {
  display: inline-block;
  vertical-align: top;
}
@media all and (max-width: 767px) {
  .personal_tab label {
    vertical-align: middle;
  }
}
.personal_tab .panel-body label {
  display: block;
}
.personal_tab .panel-heading div.collapsed {
  background-position-x: 98%;
  display: inline-block;
}
@media all and (max-width: 767px) {
  .personal_tab .panel-heading div.collapsed {
    background-position-x: 98%;
  }
}
.personal_tab .panel-heading .collapse-a {
  width: 85% !important;
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  font-weight: 400;
  font-size: 18px;
}
@media all and (max-width: 767px) {
  .personal_tab .panel-heading .collapse-a {
    font-size: 12.6px;
  }
}
.medical_tab .panel-heading .collapse-a {
  width: 100% !important;
}
.personal-data {
  border: 1px solid #dcdde0;
  margin: 5px;
}
@media all and (min-width: 1024px) {
  .personal-data {
    padding: 30px 0px 30px 30px;
  }
}
.personal-data li div.list-info {
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
}
.personal-data .attachment_border {
  border-bottom: none;
}
.personal-data .attachment {
  font-size: 12px !important;
  padding: 0px;
}
.personal-data .attachment a {
  font-size: 10px !important;
  padding: 0;
}
.personal-data p {
  padding-bottom: 0;
}
.data_tab ul li div.ecp_permissions_attachment .attachment {
  font-size: 12px !important;
  padding: 0px;
}
.data_tab ul li div.ecp_permissions_attachment .attachment a {
  padding: 0px;
}
#collapsePersonal {
  border-top: 1px solid #dddddd;
}
.no_info_message {
  padding-bottom: inherit;
  margin-bottom: 38px;
}
.tab-content .panel .panel-heading {
  border: none;
  border-radius: 0;
  background-color: #20b2fc;
  padding: 0;
  padding: 0 15px;
  min-height: 55px;
}
.tab-content .panel-heading span {
  padding: 0 5px;
}
.tab-content .panel-heading a {
  font-weight: 700;
  letter-spacing: 0.03em;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
}
.tab-content .panel .panel-collapse .panel-heading {
  background-color: #D8D8D8;
}
.tab-content .panel-heading .collapse-a {
  padding: 15px 25px 0px 10px;
  color: #ffffff;
  min-height: 50px;
  width: 95% !important;
}
@media all and (max-width: 767px) {
  .tab-content .panel-heading .collapse-a {
    width: 88% !important;
    background-position-x: 95%;
  }
}
@media only screen and (max-width: 370px) {
  .tab-content .panel-heading .collapse-a {
    width: 88% !important;
    background-position-x: 95%;
  }
}
.tab-content .panel .panel-collapse .collapse-a {
  color: #000000;
}
.tab-content .panel-heading .collapse-a a i {
  color: #ffffff;
}
.tab-content .panel .panel-heading img {
  width: 25px;
}
.tab-content .panel .panel-heading span {
  color: #ffffff;
}
.tab-content .panel .panel-collapse span {
  color: #333;
  font-weight: 300;
  vertical-align: middle;
}
.tab-content .panel .panel-collapse span.recommendation {
  padding: 5px;
}
@media all and (max-width: 767px) {
  .tab-content .form-person-heading span {
    padding-right: 24px;
  }
}
.tab-content .form-person-heading a.remove-btn span {
  padding: 0 !important;
  margin: 0 !important;
}
.edit_mn {
  float: right;
  margin: 20px 0 20px 0;
}
.edit_mn a img {
  width: 40%;
}
.personal_tab .panel .panel-heading {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  padding: 0;
  padding: 0 0;
  min-height: 55px;
}
.personal_tab .panel-heading a {
  font-weight: 700;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
}
.personal_tab .panel .panel-collapse .panel-heading {
  background-color: #D8D8D8;
  padding: 0 10px;
}
.personal_tab .panel-heading .collapse-a {
  padding: 15px 25px 0px 15px;
  width: 96%;
  background-position-x: 98%;
  color: #ffffff;
}
.personal_tab .panel .panel-collapse .collapse-a {
  color: #ffffff;
}
.personal_tab .panel-heading .collapse-a a i {
  color: #ffffff;
}
.personal_tab .panel_block {
  border: none;
  border-radius: 0;
  background-color: #20b2fc;
  padding: 0;
  min-height: 54px;
}
#collapsePersonal {
  border-top: 1px solid #dddddd;
}
#collapsePersonal .fa-question-circle:before {
  content: "\f059";
  vertical-align: super;
  margin: 0 0 0 10px;
}
@media all and (max-width: 767px) {
  #collapsePersonal .fa-question-circle:before {
    vertical-align: baseline;
  }
}
@media all and (max-width: 767px) {
  .box-register {
    padding: 0 ;
  }
}
.box-register .label_text a.ia-label-tooltip-icon-container {
  right: auto;
}
.box-register .member-id {
  padding: 0;
}
.box-register .member-id span {
  margin: 0;
}
@media all and (max-width: 767px) {
  .box-register .member-id {
    padding: 4px 20px 4px 15px;
  }
}
@media all and (max-width: 767px) {
  .box-register .member-id a.ia-label-tooltip-icon-container.ng-scope {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .box-register .account_info_box {
    padding: 0 15px;
  }
}
.popup-login-final .close {
  position: absolute;
}
.popup-login-final .btn-web {
  background-image: none;
  padding: 8px 4px 8px 4px;
}
.popup-login-final .btn-web:hover {
  background-image: none;
}
.right-arrow-container .fa-chevron-circle-right {
  font-size: 30pt;
  border-radius: 50%;
  line-height: 30px;
  margin-right: 12px;
}
@media all and (max-width: 767px) {
  .right-arrow-container .fa-chevron-circle-right {
    font-size: 30pt;
    border-radius: 50%;
    line-height: 30px;
    margin-right: 12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    position: relative;
    float: none;
    text-align: center;
    height: 40px;
    width: 40px;
  }
}
.right-arrow-container .source-section {
  border: none;
}
.article-right .source-section {
  border: none;
}
.article-right .error-section p {
  font-size: 27px;
}
.article-right .source-section p {
  padding-bottom: 10px;
}
.article-right .score {
  margin: 0px auto 0px 90px;
  background: #f2f2f2;
  color: #37B2FA;
  font-size: 22px;
  height: 85px;
  width: 85px;
  line-height: 70px;
  text-align: center;
  font-weight: 300;
  border-radius: 100%;
  border: 10px solid #dbdbdb;
}
.article-right .link-field {
  background: #20b2fc;
  color: #ffffff;
  display: inline-block;
  border: none;
  padding: 8px 3px 6px 3px;
  font-size: 15px;
  width: 42%;
  border-radius: 2px;
  box-sizing: border-box;
  height: 40px;
  margin-right: 10px;
}
@media all and (max-width: 767px) {
  .article-right .link-field {
    padding: 9px 8px 7px 3px;
    width: 100%;
    margin: 0 auto 20px auto;
    float: none;
    display: block;
  }
}
.article-right .link-field:hover {
  background-color: #50bcfb !important;
}
.article-right .link-field-warning {
  border: 0px solid #FF524D;
}
.article-right .link-field img {
  padding-right: 10px;
  margin-left: 6px;
}
@media all and (max-width: 767px) {
  .article-right {
    margin-top: 0;
  }
}
.account_holder_photo .user-photo {
  height: 100px;
  margin: 0 0;
  padding: 0px 20px 0 0;
  position: relative;
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media all and (max-width: 767px) {
  .account_holder_photo .user-photo {
    padding: 0px 0px;
  }
}
@media only screen and (max-width: 867px) {
  .account_holder_photo .user-photo {
    padding: 0px 0px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_photo .user-photo {
    margin: auto;
  }
}
.account_holder_photo img.empty {
  background-color: #d3d3d3;
  background: url('../images/avatar.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 48px;
}
.account_holder_photo img {
  border-radius: 100%;
  border: 1px solid #cccccc;
  -o-object-fit: cover;
     object-fit: cover;
  width: 300px;
}
@media all and (max-width: 767px) {
  .section-wrap h2 {
    padding: 15px 10px;
  }
}
.section-wrap h2 span {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  color: #555555;
  line-height: 34px;
}
.section-wrap h2 em {
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
.section-wrap .progress-icon {
  margin: 8px 0 0 0;
}
.section-wrap .emergency_c_n {
  position: absolute;
  left: 28%;
  top: 32%;
  color: #ffffff;
  text-align: center;
  background: url('../images/add_emergency.png');
  width: 272px;
  height: 84px;
  margin: 0 auto;
  z-index: 9;
  transition: all 0.3s ease;
}
.section-wrap .emergency_c_n:hover {
  opacity: 0.9;
}
@media only screen and (max-width: 867px) {
  .section-wrap .emergency_c_n {
    top: 26%;
  }
}
@media all and (max-width: 767px) {
  .section-wrap .emergency_c_n {
    width: 60%;
    top: 24%;
    left: 34%;
    background-repeat: no-repeat;
    background-size: 96% 100%;
  }
}
@media only screen and (max-width: 370px) {
  .section-wrap .emergency_c_n {
    left: 34%;
    top: 25%;
    width: 64%;
    background-size: 96% 85%;
  }
}
.section-wrap .emergency_c_n h3 {
  font-size: 27px;
  font-weight: 800;
  margin: 27px 0 0 0;
  width: 100%;
  color: #ffffff;
}
@media only screen and (max-width: 370px) {
  .section-wrap .emergency_c_n h3 {
    margin: 20px 0 0 0;
  }
}
.add-section .btn.btn-success {
  border-radius: 5px;
}
.btn-success {
  font-size: 14px !important;
  font-weight: 300 !important;
  font-style: normal !important;
  text-decoration: none;
  text-transform: capitalize !important;
  letter-spacing: 0.03em !important;
  position: relative;
  line-height: 30px;
  padding: 2px 30px !important;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.btn-success:before {
  position: relative;
  left: -8px;
  top: 8px;
  content: "";
  width: 20px;
  height: 30px;
  background: url(../images/add_member.png) no-repeat left center;
  display: block;
  background-size: 16px 16px !important;
  background-position-y: 0px;
  background-position-x: 0px;
}
.btn_section .add-section .btn {
  background: #37B2FA;
  border-radius: 20px;
  border: none;
  font-size: 20px;
  padding: 8px 18px;
}
.btn_section .add-section p {
  color: #37B2FA;
  font-weight: 600;
}
.friend_in_need_icon {
  background: url(../images/friend.png) no-repeat left center;
  background-size: contain !important;
  height: 26px;
  width: 16px;
  padding-left: 10px;
}
.guardian_icon {
  background: url(../images/gurdians.png) no-repeat 5px 0;
  background-size: contain !important;
  height: 24px;
  width: auto;
  padding-left: 35px;
  padding-top: 4px;
}
.ecp_icon {
  background: url(../images/eficon.png) no-repeat left center;
  background-size: contain !important;
  height: 30px;
  width: 36px;
  padding-left: 0;
  padding-right: 25px;
}
.ecp_icon.error {
  position: relative;
  background: none;
  padding-left: 0px !important;
}
.ecp_icon.error:before {
  font-style: normal;
  content: '\f071';
  font-family: FontAwesome;
  color: #FF524D;
  font-size: 16px;
}
.account_icon_image .account_holder_icon {
  background: url(../images/account-hoslder.png) no-repeat left center;
  padding: 14px !important;
}
.account_holder_icon {
  background: url(../images/account-holder4.png) no-repeat left center;
  background-size: contain !important;
  height: 10px !important;
  width: 16px !important;
  margin-right: 0px;
  padding: 10px;
  line-height: 16px;
}
.members_icon {
  background: url(../images/account-members.png) no-repeat left center;
  background-size: contain !important;
  height: 24px !important;
  width: 24px !important;
  margin-right: 8px;
  padding: 8px;
}
@media all and (min-width: 1024px) {
  .account_info {
    padding-left: 0;
  }
}
.tab-content .panel .personal_tab {
  background: url(../images/d_personal.png) no-repeat left center;
  padding-left: 40px;
  display: block;
  background-size: 28px 20px !important;
  padding-top: 4px;
  background-position-y: 4px;
  background-position-x: 3px;
}
.tab-content .panel .insurance_tab {
  background: url(../images/d_insurance.png) no-repeat left center;
  padding-left: 40px;
  display: block;
  background-size: 28px 20px !important;
  padding-top: 4px;
  background-position-y: 4px;
  background-position-x: 3px;
}
.tab-content .panel .medical_tab {
  background: url(../images/d_medical.png) no-repeat left center;
  padding-left: 40px;
  background-size: 23px 25px !important;
  display: block;
  padding-top: 4px;
  background-position-y: 0px;
  background-position-x: 3px;
}
.tab-content .panel .record_tab {
  background: url(../images/d_records.png) no-repeat left center;
  padding-left: 40px;
  display: block;
  background-size: 28px 20px !important;
  padding-top: 4px;
  background-position-y: 4px;
  background-position-x: 3px;
}
.permission-header {
  color: #6c6e73;
  font-weight: 900;
  font-style: italic;
}
.triangle-topleft {
  width: 0;
  height: 0;
  top: 0px;
  left: 0px;
  border-top: 80px solid #dcdde0;
  z-index: 9;
  border-right: 80px solid transparent;
  position: absolute;
}
.triangle-topleft .rotate {
  transform: rotate(315deg);
  top: -62px;
  left: -4px;
  text-align: center;
  color: #FF524D;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  width: 68px;
  font-size: 12px;
}
.col31 {
  text-align: center;
}
.score-title {
  font-size: 16px;
  padding-bottom: 5px;
}
.score-title p {
  border-bottom: 1px solid #e5e8ea;
  margin-bottom: 8px;
  padding-bottom: 15px !important;
}
@media all and (max-width: 767px) {
  .score-title p {
    border-bottom: none;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 867px) {
  .score-title p {
    border-bottom: none;
    margin-left: 80px;
  }
}
.attachment-height {
  height: 90px;
}
.attachment-height a {
  padding: 0px !important;
}
.attachment {
  font-size: 12px;
  font-weight: 400;
  padding-left: 0px !important;
}
@media all and (max-width: 767px) {
  .attachment {
    padding: 0px 15px !important;
  }
}
.attachment .attachment_living_will {
  font-size: 12px;
  font-weight: 400;
}
@media all and (max-width: 767px) {
  .attachment {
    padding: 0px 15px !important;
  }
}
.attachment img {
  width: 60px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}
.attachment_urls p {
  padding-bottom: 10px;
}
.attachment_urls p:first-child {
  padding: 0;
  text-align: left;
}
.remove_footer_link p {
  margin-left: 0;
}
@media only screen and (max-width: 867px) {
  .remove-member p {
    margin-left: 0;
  }
  .col31 .btn-web {
    margin: 0 auto !important;
  }
}
.tab-click-personal {
  background: url(../images/d_personal.png) no-repeat left center;
  padding-left: 40px;
  display: block;
  background-size: 28px 20px !important;
  padding-top: 4px;
  background-position-y: 4px;
  background-position-x: 3px;
}
.tab-click-insurance {
  background: url(../images/d_insurance.png) no-repeat left center;
  padding-left: 40px;
  display: block;
  background-size: 28px 20px !important;
  padding-top: 4px;
  background-position-y: 4px;
  background-position-x: 3px;
}
.tab-click-medical {
  background: url(../images/d_medical.png) no-repeat left center;
  padding-left: 40px;
  background-size: 23px 25px !important;
  display: block;
  padding-top: 4px;
  background-position-y: 0px;
  background-position-x: 3px;
}
.tab-click-records {
  background: url(../images/d_records.png) no-repeat left center;
  padding-left: 40px;
  display: block;
  background-size: 28px 20px !important;
  padding-top: 4px;
  background-position-y: 4px;
  background-position-x: 3px;
}
.panel-heading input[type="checkbox"] {
  position: relative;
  display: none;
  width: 2em;
  height: 2em;
  padding: 10px;
  float: left;
  top: 1.2em;
  left: 10px;
  border-right: 10px;
}
@media all and (max-width: 767px) {
  .panel-heading input[type="checkbox"] {
    left: 0px;
  }
}
.member_info .panel-heading div.collapsed {
  width: 99.5% !important;
  background-position-x: 99.5%;
}
.member_info .panel-heading .collapse-a {
  width: 99.5% !important;
  background-position-x: 99.5%;
}
@media all and (max-width: 767px) {
  .member_info .panel-heading .collapse-a {
    background-position-x: 99.5%;
  }
}
@media all and (max-width: 767px) {
  .panel-body {
    padding: 5px;
  }
}
.panel-body .panel-heading div.collapsed {
  width: 99.5% !important;
  background-position-x: 99.5%;
}
.panel-body .panel-heading .collapse-a {
  width: 99.5%!important;
  background-position-x: 99.5%;
}
.emergency_notif_pro {
  float: left;
  margin: -6px 0 0;
  width: 52px;
}
.alert_history {
  background: none !important;
  padding: 0 !important;
}
.Panic_button {
  background: #D32D27 none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 8px 5px 8px 5px;
  letter-spacing: 0em !important;
  width: 100%;
  /*   & > div:nth-child(2) a {
    display: table;
    margin: auto;
    @media @mobile{
    display: block;
    }
  } */
}
@media all and (max-width: 767px) {
  .Panic_button {
    padding: 5px 0px;
    margin-top: 0px;
  }
  .Panic_button > div:last-child {
    padding-left: 0;
  }
}
.Panic_button .trigger_btn .title {
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  font-style: italic;
  margin: 0;
  text-align: left;
  padding: 5px 5px 5px 25px;
  margin: 0 0 10px 10px;
}
@media all and (max-width: 767px) {
  .Panic_button .trigger_btn .title {
    font-size: 12px;
  }
}
@media only screen and (max-width: 435px) {
  .Panic_button .trigger_btn .title {
    padding: 0px;
    margin-left: 0;
  }
}
.Panic_button .trigger_btn p {
  font-size: 17px;
  font-weight: 300;
  margin: 10px 0 0;
}
@media all and (max-width: 767px) {
  .Panic_button .trigger_btn p {
    margin: 0;
  }
}
.Panic_button .contactn_button {
  margin: 5px 0px;
  text-align: center;
  /*   background: @ia-color-green no-repeat; */
  border-radius: 5px;
  color: #ffffff;
  float: left;
  font-size: 14px;
  line-height: 12px;
  text-align: left;
  font-weight: 400;
  margin: 0px;
  padding: 5px 5px 5px 25px;
  width: auto;
}
.Panic_button .contactn_button .contact-number {
  background-color: transparent;
  font-size: 14px;
  letter-spacing: 0.03em;
  white-space: nowrap;
  text-align: left;
  margin: 0px;
}
@media all and (max-width: 767px) {
  .Panic_button .contactn_button .contact-number {
    font-size: 12px;
  }
}
@media only screen and (max-width: 435px) {
  .Panic_button .contactn_button {
    padding: 5px 0px ;
    font-size: 12px;
    background-size: 20px 20px !important;
  }
  .Panic_button .contactn_button .contact-number {
    padding: 0;
  }
}
.Panic_button .contactn_button div:before {
  border-radius: 50%;
  padding: 5px;
  left: 5px;
  top: 0px;
  font-style: normal;
  content: '\f095';
  font-family: FontAwesome;
  position: absolute;
  color: #d32d27;
  background-color: #edeef2;
  font-size: 14px;
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 435px) {
  .Panic_button .contactn_button div:before {
    display: none;
  }
}
@media only screen and (max-width: 867px) {
  .Panic_button .contactn_button {
    margin: 0;
  }
}
.Panic_button .location-btn .btn-emergency:before {
  font-style: normal;
  content: '\f041';
  font-family: FontAwesome;
  color: #ffffff;
  padding-right: 5px;
  font-size: 14px;
}
.Panic_button .contactn_button a {
  color: #ffffff;
  display: block;
}
.Panic_button .contactn_button a span {
  float: left;
  line-height: 40px;
  width: 50px;
}
.Panic_button .contactn_button a h5 {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  margin: 0;
  text-align: left;
}
.Panic_button .contactn_button a p {
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0;
  text-align: left;
}
@-moz-document url-prefix() {
  .btn-success:before {
    top: 0;
  }
}
.permission_tab {
  margin-bottom: 10px;
}
.article-wrap .emergency_c_n {
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff;
  text-align: center;
  background: url('../images/add_emergency.png');
  width: 272px;
  height: 84px;
  margin: 0 auto;
  z-index: 9;
}
@media all and (max-width: 767px) {
  .article-wrap .emergency_c_n {
    left: 0px;
    top: -18px;
    right: 0;
  }
}
@media only screen and (max-width: 370px) {
  .article-wrap .emergency_c_n {
    left: 0px;
    right: 0;
    margin: 0 auto;
  }
}
.article-wrap .emergency_c_n h3 {
  font-size: 27px;
  font-weight: 800;
  margin: 27px 0 0 0;
  color: #ffffff;
}
@media only screen and (max-width: 867px) {
  .article-wrap .emergency_c_n h3 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .article-wrap .emergency_c_n h3 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .article-wrap .account_holder_left_box {
    border: 1px solid #cccccc;
    padding: 0;
  }
}
.article-wrap .account_holder_left_box .article-title {
  padding: 25px 0;
  border-bottom: 1px solid #e5e8ea;
}
@media all and (max-width: 767px) {
  .article-wrap .account_holder_left_box .article-title {
    background: #dbdbdb;
    padding: 10px;
    margin-bottom: 20px;
  }
}
.article-wrap .account_holder_left_box .popover__wrapper {
  padding-top: 0;
  margin-top: 0;
  display: block;
}
.article-wrap .account_holder_left_box .profile-bar {
  padding: 15px 0 10px !important;
}
.article-wrap .account_holder_left_box .row {
  padding-top: 15px;
}
@media all and (max-width: 767px) {
  .article-wrap .account_holder_left_box {
    margin: 0px 0 0px 0;
    background: #ffffff;
  }
}
@media all and (max-width: 767px) {
  .article-wrap .account_holder_left_box .pb-15 {
    padding: 0;
  }
}
.article-wrap .account_holder_left_box .progress_block {
  padding: 0;
}
@media all and (max-width: 767px) {
  .article-wrap .account_holder_left_box .progress_block {
    margin: 35px 0 0 0;
  }
}
.article-wrap .account_holder_left_box .progress_block .print_id {
  display: block;
  clear: both;
}
@media all and (max-width: 767px) {
  .article-wrap .account_holder_left_box .progress_block .print_id {
    margin: 0 auto;
  }
}
.success-messages {
  text-transform: uppercase;
  font-weight: 700;
  font-style: italic;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  z-index: 999;
  width: auto;
  right: 300px;
  margin: 0 auto;
}
@media only screen and (max-width: 867px) {
  .success-messages {
    top: -45px;
    left: 0;
    right: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .success-messages {
    top: -45px;
    left: 0;
    right: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .success-messages {
    top: -45px;
    left: 0;
    right: 0 !important;
  }
}
.success-msg2 {
  margin-bottom: 10px !important;
}
.collapse .panel-body a span.glyphicon-trash {
  color: #FF524D;
  padding: 0px;
  margin: 2px;
  border-radius: 5px;
}
.collapse .panel-body a span.trash_border {
  color: #FF524D;
  padding: 6px;
  margin: 2px;
  border-radius: 5px;
  border: solid #cccccc 1px;
}
.no-wrap {
  white-space: nowrap;
}
.social_icon_bottom {
  padding-top: 20px;
  width: 100%;
  margin-top: 18px;
}
.social_icon_bottom .row span a img {
  /* Safari and Chrome */
  /* Firefox */
  /* IE 9 */
  /* Opera */
  transition: all 0.5s ease;
}
.social_icon_bottom .row span a img:hover {
  /* Safari and Chrome */
  /* Firefox */
  /* IE 9 */
  /* Opera */
  transform: scale(1.1);
}
.social_icon_bottom .tooltip {
  margin-top: -15px !important;
}
.social_icon_bottom .tooltip.top .tooltip-arrow {
  bottom: 2px;
}
@media all and (max-width: 767px) {
  .social_icon_bottom .row span img {
    width: 12%;
  }
}
.wechat_icon {
  position: relative;
}
.weixin-qr {
  border: 1px solid #b3b3b3;
  margin-bottom: 30px;
}
.label_text span {
  font-family: 'Roboto', sans-serif;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #333;
  text-transform: none !important;
  font-style: normal !important;
}
.member-box {
  padding: 10px 25px;
}
@media all and (max-width: 767px) {
  .member-box {
    padding: 10px 0px;
  }
}
@media all and (max-width: 767px) {
  .member-box .holder h3 {
    margin-top: 10px !important;
    margin-bottom: 0px;
    text-align: center;
  }
}
.no-info-border ul {
  border: none;
  padding: 0 0 20px 0;
}
.no-info-bottom {
  padding-bottom: 0;
}
.selectlanguage {
  font-family: 'FontAwesome', 'Roboto';
}
.selectlanguage option {
  font-size: 16px;
}
.emergency-section-alert {
  cursor: pointer;
  width: 100%;
  background: #e84f4f;
  text-align: center;
  margin-top: 0;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  display: block;
}
.full-phone-number {
  padding: 2px 0px;
  border-radius: 20px;
  display: inline-block;
  color: #6c6e73;
  background-color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  margin: 6px 0 0 0;
}
@media all and (max-width: 767px) {
  .full-phone-number {
    margin: 0px 0 0 0;
    padding: 0px 0px;
    font-size: 15px;
  }
}
.full-phone-number:hover {
  background-color: #edeef2;
}
.photo-info .member-id {
  font-size: 16px;
  color: #20b2fc;
  font-weight: 400;
}
@media only screen and (max-width: 867px) {
  .photo-info .member-id {
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {
  .photo-info .member-id {
    padding: 0;
  }
}
.photo-info .member-id span {
  font-weight: normal;
  color: #444444;
}
.member-id {
  white-space: nowrap;
  display: inline-block;
  padding: 0px;
  border-radius: 10px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
  margin: 10px 10px 10px 0px;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .member-id {
    margin: 5px 0px 4px 0px;
    text-align: center;
    display: block;
    font-size: 11.2px;
  }
}
.member-id .ice-id {
  height: 10px;
  font-size: 9.8px;
  margin-right: 3px;
}
@media all and (max-width: 900px) {
  .member-id {
    font-size: 12.6px;
  }
}
.id-logo {
  position: relative;
  top: 0px;
  left: 8px;
  width: 15px;
}
@media only screen and (max-width: 370px) {
  .id-logo {
    left: 2px;
    width: 12px;
  }
}
@media all and (min-width: 901px) {
  .id-logo {
    left: 8px;
  }
}
@media all and (max-width: 767px) {
  .wrap_section h3 {
    width: 165px;
  }
}
.no-info-guard {
  padding: 25px 0 15px 0 !important;
}
.ecp_padding {
  padding: 15px 0px 15px 0 !important;
}
@media all and (max-width: 767px) {
  .account_heading_photo_box h3.name_account_heading {
    width: 200px !important;
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 370px) {
  .account_heading_photo_box h3.name_account_heading {
    width: 170px !important;
    margin-top: 10px !important;
    font-size: 14pt !important;
  }
}
.heading_txt {
  color: #6c6e73;
  display: none;
  font-size: 20px;
  font-weight: 500;
}
@media all and (min-width: 1024px) {
  .heading_txt {
    display: block;
  }
}
/* .mobile-cover-text{
 @media @desktop{
   .label-text{
     right:-28px;
   }
 }
 .justified-links .text2 {
  @media @desktop{
    left: 368px;
  }
}
} */
.top_padding {
  padding: 0 !important;
}
@media all and (max-width: 767px) {
  .alert_trigger {
    padding: 0;
  }
}
.alert_trigger h1:first-child {
  margin: 0;
}
@media all and (max-width: 767px) {
  .alert_trigger p br {
    display: none;
  }
}
.tickets {
  text-align: center;
}
.tickets .ecp_list {
  float: none;
  display: inline-block;
}
.basic_info {
  padding-bottom: 20px;
}
.account_holder_info {
  padding-bottom: 20px;
}
.account_holder_info .fb_messenger {
  background-color: #0080FF;
  cursor: pointer !important;
  border: 0px;
  width: 100%;
  border-radius: 4px;
  margin-top: 0 !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  font-family: 'Roboto';
  letter-spacing: 0;
  background-image: none !important;
  padding: 8px 0px 7px 0px !important;
  transition: background 0.5s;
}
.account_holder_info .fb_messenger img {
  max-height: 20px;
  padding-right: 4px;
}
@media all and (max-width: 767px) {
  .account_holder_info .fb_messenger img {
    max-height: 20px;
    padding-right: 4px;
    float: left;
    padding-left: 15px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 370px) {
  .account_holder_info .fb_messenger img {
    max-height: 16px;
    padding-right: 0px;
    float: left;
    padding-left: 10px;
    margin-top: 8px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_info .fb_messenger span {
    margin-bottom: 0 !important;
    display: inline-block;
    float: none;
    width: 115px;
    font-size: 14px;
    font-weight: 600;
  }
}
@media only screen and (max-width: 370px) {
  .account_holder_info .fb_messenger span {
    margin-bottom: 0 !important;
    display: inline-block;
    float: none;
    width: 105px;
    font-size: 11px;
    font-weight: 600;
  }
}
@media all and (max-width: 767px) {
  .loginHome {
    padding-top: 35px;
  }
}
@media all and (max-width: 767px) {
  .wrap_text {
    white-space: normal;
    margin-bottom: 22px;
    line-height: 16px;
  }
}
.guardian_trace .fa-trash-o {
  right: 20px !important;
}
.linkExpired {
  font-size: 15px;
  margin-top: 35px;
  text-align: center;
}
@media all and (min-width: 1024px) {
  .linkExpired {
    margin-top: 80px;
    display: block;
  }
}
.setting_box ul li {
  width: 47%;
  display: inline-block;
  margin-right: 20px;
}
@media only screen and (max-width: 867px) {
  .setting_box ul li {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .setting_box ul li {
    width: 100%;
  }
}
.account_info.p-0 {
  padding: 0;
}
.ecp_account.c-account {
  padding: 0;
  background: transparent;
}
@media all and (min-width: 1024px) {
  .ecp_account,
  .ecp_members {
    height: 100%;
    min-width: 200px;
    max-width: 100%;
    padding: 5px 10px;
    float: left;
    background-color: #f2f2f2;
  }
}
@media all and (max-width: 767px) {
  .ecp_account,
  .ecp_members {
    background-color: transparent;
  }
}
@media only screen and (max-width: 867px) {
  .ecp_account,
  .ecp_members {
    background-color: transparent;
  }
}
@media all and (max-width: 767px) {
  .ecp_acc_holder .member-contact-box.c-box {
    margin-left: 0 !important;
    text-align: center;
  }
}
@media only screen and (max-width: 435px) {
  .ecp_acc_holder .member-contact-box {
    text-align: left;
    margin-left: 25%;
  }
}
@media all and (max-width: 767px) {
  .ecp_acc_holder .member-contact-box {
    text-align: left;
    margin-left: 25%;
  }
}
@media only screen and (max-width: 370px) {
  .ecp_acc_holder .member-contact-box {
    margin-left: 25%;
  }
}
@media only screen and (max-width: 415px) {
  .ecp_acc_holder .member-contact-box {
    text-align: left;
    margin-left: 22%;
  }
}
@media only screen and (max-width: 375px) {
  .ecp_acc_holder .member-contact-box {
    margin-left: 20%;
  }
}
@media only screen and (max-width: 360px) {
  .ecp_acc_holder .member-contact-box {
    margin-left: 24%;
  }
}
.html-content {
  line-height: 1.5em;
  font-size: 14px;
}
.html-content .panel-heading {
  padding: 20px 0px 0px 20px;
  color: #37B2FA;
  text-transform: uppercase;
}
.html-content h2 {
  margin-top: 40px !important;
}
.html-content .a {
  color: #37B2FA !important;
}
.html-content#staticpages .panel-heading {
  text-transform: none;
}
.html-content#staticpages h3 {
  font-weight: 700;
}
.html-content#staticpages h3.panel-title {
  font-size: 18px;
}
.html-content#staticpages h4 {
  font-weight: 700;
  font-size: 16px;
}
.html-content#staticpages p {
  font-size: 16px;
}
.alert_middle {
  text-align: center;
}
.alert_middle .col-lg-5 {
  width: 41.66666667%;
  float: none;
  display: inline-block;
  vertical-align: top;
}
@media all and (max-width: 767px) {
  .alert_middle .col-lg-5 {
    float: left;
    width: 100%;
  }
}
.alert_middle .col-lg-4 {
  width: 33.33333333%;
  float: none;
  display: inline-block;
}
@media all and (max-width: 767px) {
  .alert_middle .col-lg-4 {
    float: left;
    width: 100%;
  }
}
.alert_middle .location-btn {
  float: none;
  vertical-align: top;
}
.btn-qr {
  margin: 15px 10px 10px 10px;
}
.navbar-collapse:after {
  width: 0;
  position: absolute;
  top: -10px;
  content: "";
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #3caefc;
  right: 15px;
}
.navbar-collapse {
  overflow-y: visible !important;
  background-color: #e5e5e5 !important;
}
.login-register {
  text-align: center;
  bottom: 50px;
  z-index: 12;
  font-size: 13px;
}
@media all and (max-width: 767px) {
  .login-register {
    bottom: 20px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 867px) {
  .login-register {
    bottom: 20px;
    font-size: 16px;
  }
}
.accordion-toggle:after {
  content: '\f106';
  font-family: FontAwesome;
  position: absolute;
  right: 25px;
  top: 10px;
  color: #ffffff;
  font-size: 30px;
  transition: transform .3s;
  transform-origin: center center;
}
@media only screen and (max-width: 867px) {
  .accordion-toggle:after {
    top: 16px;
  }
}
@media all and (max-width: 767px) {
  .accordion-toggle:after {
    top: 18px;
  }
}
.accordion-toggle.collapsed:after {
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform-origin: center center;
}
.control-group {
  vertical-align: top;
  background: #ffffff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 20px;
  left: 10px;
  height: 20px;
  width: 20px;
  background: transparent;
  border: 2px solid #ffffff;
}
@media all and (max-width: 767px) {
  .control__indicator {
    top: -20px;
    left: 0px;
  }
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator {
  background: rgba(220, 221, 224, 0.5);
  border: 2px solid #ffffff;
}
.control input:checked ~ .control__indicator {
  background: #ffffff;
  border: 1px solid transparent;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.controlcheckbox .control__indicator:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid #20b2fc;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.controlcheckbox .active_color:after {
  content: '';
  display: block;
}
.controlcheckbox .active_color {
  background: #ffffff !important;
  border: 2px solid #ffffff !important;
  padding: 2px;
  outline: 2px solid #2badef;
}
.controlcheckbox .active_color:after {
  left: 2px;
  top: 2px;
  width: 12px;
  content: '';
  transform: rotate(0deg);
  border: 2px solid #37B2FA;
}
.panel-body .accordion-toggle.collapsed:after {
  transform: rotate(0deg);
  content: "\f107";
}
.account_holder_name .new_primary {
  background: #37B2FA;
  border: #37B2FA;
}
.account_holder_name .new_primary:hover {
  background-color: #50BCFB;
}
.alert_history_message {
  margin: 0px;
  border-bottom: 1px dashed #bbb;
}
.no-location {
  margin-left: -42% !important;
}
@media only screen and (max-width: 867px) {
  .no-location {
    margin-left: -29% !important;
  }
}
@media all and (max-width: 767px) {
  .no-location {
    margin-left: 0 !important;
  }
}
.popover__wrapper .ia-label {
  float: right;
  margin: 0 5px 0 0;
}
.blcolor {
  background: #cee9f2;
  padding: 10px 5px;
  width: 100%;
}
.blcolor .member-id {
  margin: 0px;
  text-align: left;
  float: left;
}
@media all and (max-width: 767px) {
  .blcolor .member-id {
    padding: 4px 0;
  }
}
.blcolor label {
  margin-top: 5px;
}
.form-group .ia-label-tooltip-icon-container {
  position: absolute;
  right: 20px;
}
/* .form-group label {display: inline-block;}  */
label.select-wrapper {
  width: 100%;
}
#basicinfo .ia-label-require {
  display: none;
}
.member_edit_popover_content {
  margin-top: 0px !important;
}
.member_edit_popover_content:before {
  top: -11px !important;
}
.section-wrap-container {
  border: 1px solid #cccccc;
  padding: 20px;
}
.section-wrap-container #qr_request_id_btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  margin-top: 15px;
  max-width: 500px;
  margin: auto;
}
@media only screen and (max-width: 435px) {
  .section-wrap-container #qr_request_id_btn {
    display: block;
    text-align: center;
  }
}
.section-wrap-container #qr_request_id_btn .ice_id_request_input {
  width: 100%;
}
.section-wrap-container #qr_request_id_btn .ice_id_request_input #ice_id {
  width: 100% !important;
}
.section-wrap-container #qr_request_id_btn .submit_btn {
  overflow: unset;
  display: inline-block;
}
.section-wrap-container #qr_request_id_btn .submit_btn .fa-spinner-icons {
  right: 8px;
  top: 7px;
}
@media only screen and (max-width: 435px) {
  .section-wrap-container #qr_request_id_btn .submit_btn .fa-spinner-icons {
    top: 17px;
  }
}
.section-wrap-container #qr_request_id_btn .submit_request {
  margin-left: 15px !important;
  margin-top: 0 !important;
  font-size: 14px;
  font-weight: normal;
  width: 150px;
  height: 38px;
  margin-right: 0;
}
@media only screen and (max-width: 435px) {
  .section-wrap-container #qr_request_id_btn .submit_request {
    margin-left: 0 !important;
    margin-top: 10px !important;
  }
}
.section-wrap-container .request_fin {
  margin: 0 auto 0 24%;
  width: 50%;
  height: auto;
  overflow: hidden;
  padding-bottom: 22px;
}
@media only screen and (max-width: 867px) {
  .section-wrap-container .request_fin {
    width: 50%;
  }
}
@media all and (max-width: 767px) {
  .section-wrap-container .request_fin {
    width: 100%;
    margin: 0 auto 28px 0;
  }
}
.section-wrap-container .request_fin label {
  text-align: left;
  display: block !important;
}
@media all and (max-width: 767px) {
  .section-wrap-container .request_fin label {
    margin-bottom: 5px;
    display: block !important;
    text-align: center;
  }
}
.section-wrap-container .request_fin input[type="tel"] {
  width: 67%;
  float: left;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  font-size: 15px;
  height: 38px;
}
@media only screen and (max-width: 867px) {
  .section-wrap-container .request_fin input[type="tel"] {
    width: 54%;
  }
}
@media all and (max-width: 767px) {
  .section-wrap-container .request_fin input[type="tel"] {
    width: 100%;
  }
}
.section-wrap-container .request_fin .submit_request {
  border: none;
  padding: 7px 10px 7px 10px !important;
  font-size: 12pt;
  float: left;
  text-align: center;
  margin-left: 20px;
  color: #ffffff;
  background-color: #20b2fc;
  width: 134px;
}
@media all and (max-width: 767px) {
  .section-wrap-container .request_fin .submit_request {
    margin-left: 0px;
    margin-top: 10px;
    width: 100%;
  }
}
.section-wrap-container .fa-spinner-icons {
  font-size: 6pt;
  text-align: center;
  margin: 0 auto;
  color: #FFFFDD;
  margin-bottom: 10px;
  position: absolute;
  right: 0;
  top: 5px;
}
@media only screen and (max-width: 867px) {
  .section-wrap-container .fa-spinner-icons {
    right: 13px;
  }
}
@media all and (max-width: 767px) {
  .section-wrap-container .fa-spinner-icons {
    top: 15px;
  }
}
.section-wrap-container .fa-spinner-icon {
  font-size: 16pt;
  text-align: center;
  margin: 0 auto;
  display: block;
  color: #37B2FA;
  margin-bottom: 10px;
}
.section-wrap-container .submit_btn {
  margin-bottom: 20px;
  position: relative;
  height: auto;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  .section-wrap-container .submit_btn {
    clear: both;
    overflow: initial;
  }
}
.section-wrap-container .alert-danger {
  clear: both;
}
@media all and (max-width: 767px) {
  .fin_list .id-logo {
    left: 0;
  }
}
@media only screen and (max-width: 867px) {
  .fin_list .id-logo {
    left: 0;
  }
}
.fin_list thead tr:first-child {
  border-top: none;
}
.fin_list tr {
  border-top: 2px solid #dddddd;
}
.fin_list td {
  border: none !important;
}
@media only screen and (max-width: 867px) {
  .fin_list th {
    padding: 4px !important;
  }
}
.fin_list a {
  color: #333;
  cursor: pointer;
  margin-top: 6px;
  font-size: 16px;
}
@media all and (max-width: 767px) {
  .fin_list .arrow_btn {
    display: block;
    margin: 10px 0 0 7px;
  }
}
.fin_list td {
  padding: 5px 8px  8px 8px !important;
}
@media all and (max-width: 767px) {
  .fin_list td {
    padding: 5px 8px 8px 8px !important;
  }
}
.fin_list .popover__wrapper {
  margin: 0 !important;
}
.fin_list .action_btn {
  padding-top: 0 !important;
  background: #66cc20;
  /* padding: 8px 18px; */
  border: none;
  font-size: 20px;
  border-radius: 100px;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 36px;
}
.fin_list .action_btn a {
  color: #ffffff;
  padding: 0;
  display: block;
  cursor: pointer;
}
.fin_list .btn-success:before {
  left: 0;
}
.fin_list .fa-chevron-down,
.fin_list .fa-chevron-up {
  cursor: pointer;
  padding-left: 10px;
}
.fin_list .member-id {
  padding: 4px 32px 4px 12px;
}
.green_dot {
  background: #449A19;
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100px;
  vertical-align: middle;
  padding: 0;
}
.table_fin .user-photo {
  height: 35px;
  width: 35px;
  margin-bottom: 5px;
}
.table_fin .user-photo .empty {
  padding: 0;
}
.fin_list .member-id {
  margin-bottom: 0 !important;
  margin-top: 10px;
  font-size: 16px;
  color: #444444;
  font-weight: 300;
}
.fin_list a span.trash_border {
  margin-top: 4px;
}
.fin_list .email_color {
  color: #444444;
  font-size: 16px;
}
.fin_list .email_color:hover {
  color: #6c6e73;
  text-decoration: none;
}
.fin_list .top_margin {
  margin-top: 9px;
}
@media all and (max-width: 767px) {
  .fin_list .top_margin {
    margin-top: 0;
  }
}
.fin_list tbody {
  border-top: 0px !important;
}
.fin_list .user-photo {
  width: 52px;
  height: 52px;
  margin-bottom: 10px !important;
  margin-top: 4px;
}
@media all and (max-width: 767px) {
  .fin_list .user-photo {
    margin-top: 0;
  }
}
@media all and (max-width: 767px) {
  .fin_list thead,
  .fin_list tbody,
  .fin_list th,
  .fin_list td,
  .fin_list tr {
    display: block;
  }
  .fin_list thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .fin_list tr {
    border: none;
    margin: 0 0  35px 0;
  }
  .fin_list td {
    position: relative;
    padding-left: 37% !important;
    height: auto;
    clear: both;
  }
  .fin_list td:last-child {
    border-bottom: 1px solid #cccccc;
  }
  .fin_list td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 12px;
    color: #696a6b;
  }
  .fin_list .fin_list .popover__content {
    left: 20px;
    top: 55px;
  }
}
.fin_list .showfinecp {
  padding: 5px 4px 5px 6px;
  margin: 0;
  border-radius: 5px;
  border: solid #cccccc 1px;
  cursor: pointer;
  position: relative;
  top: -1px;
}
.fin_list .showfinecp:hover {
  color: #37B2FA;
}
@media all and (max-width: 767px) {
  .table_en td:nth-of-type(1):before {
    content: "Photo:";
    display: none;
  }
  .table_en td:nth-of-type(2):before {
    content: "Name:";
  }
  .table_en td:nth-of-type(3):before {
    content: "iCE ID:";
    float: left;
  }
  .table_en td:nth-of-type(4):before {
    content: "Date of birth:";
    left: 0 !important;
  }
  .table_en td:nth-of-type(5):before {
    content: "Telephone:" !important;
  }
}
@media all and (max-width: 767px) {
  .table_zh td:nth-of-type(1):before {
    content: "Photo:";
    display: none;
  }
  .table_zh td:nth-of-type(2):before {
    content: "姓名:";
  }
  .table_zh td:nth-of-type(3):before {
    content: "成员ID:";
    float: left;
  }
  .table_zh td:nth-of-type(4):before {
    content: "出生日:";
  }
  .table_zh td:nth-of-type(5):before {
    content: "电话:" !important;
  }
}
@media all and (max-width: 767px) {
  .account_holder_btn {
    right: 0;
    top: 57% !important;
    left: 0;
    margin: 0 auto;
    text-align: center;
  }
}
@media all and (max-width: 767px) {
  .account_holder_info .photo-info {
    margin-top: 40px;
  }
  .account_holder_info .photo-info h1 {
    margin-bottom: 0;
  }
  .account_holder_info .member-contact-box {
    margin: 0 auto;
    text-align: center;
  }
}
.account_holder_info .member-id {
  padding: 4px 20px 4px 12px;
}
@media only screen and (max-width: 370px) {
  .account_holder_info .member-id {
    padding: 4px 15px 4px 0px !important;
  }
}
@media all and (max-width: 767px) {
  .account_holder_info .member-id {
    padding: 4px 20px 4px 0px;
    display: block;
  }
}
.responsive_table_mobile {
  min-height: 400px;
}
@media all and (min-width: 1024px) {
  .responsive_table_mobile .col-sm-1 {
    width: 7%;
  }
}
@media all and (min-width: 1024px) {
  .responsive_table_mobile .col-sm-2 {
    width: 20%;
  }
}
@media all and (min-width: 1024px) {
  .api_key .title-pro {
    width: 67%;
    padding-right: 0;
  }
}
@media all and (min-width: 1024px) {
  .api_key .name-pro {
    width: 33%;
  }
}
.api_key .form-control {
  width: 78% !important;
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
  padding-bottom: 0;
  margin-bottom: 0;
  height: 30px;
  padding-top: 0;
}
@media all and (max-width: 767px) {
  .api_key .form-control {
    width: 64% !important;
  }
}
@media only screen and (max-width: 370px) {
  .api_key .form-control {
    width: 54% !important;
  }
}
.api_key .display-section {
  margin: 0px 0px 0 0px;
  text-align: center;
  float: left;
  padding: 0;
}
@media all and (max-width: 767px) {
  .api_key .display-section {
    margin: 0px 0px 0 0px;
    padding: 0 !important;
  }
}
.api_key .name-pro {
  line-height: 24px;
}
.api_key .display-password {
  padding: 0;
  margin: 5px 0 0 0;
}
@media only screen and (max-width: 867px) {
  .api_key .btn-web {
    width: 77%;
  }
}
@media all and (max-width: 767px) {
  .api_key .btn-web {
    width: 76%;
  }
}
ul.tabs {
  margin: 0;
  list-style: none;
  padding: 0;
}
ul.tabs li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
ul.tabs li a {
  text-decoration: none;
  color: white;
  background-color: rgba(128, 128, 128, 0.55);
  padding: 4px;
  display: block;
  font-family: "Roboto-regular", sans-serif;
  padding: 10px;
  font-size: 11pt;
  border-radius: 4px 4px 0 0;
}
ul.tabs li a.active {
  background-color: #44B8F3;
}
div.panes div.pane {
  display: none;
  padding: 0px;
}
div.panes div.pane.active {
  display: block;
}
/* -----------------------partner---------------------------- */
#partner-page .no_content {
  font-weight: normal;
  font-size: 16px;
}
#partner-page .partner-grid {
  padding: 15px 10px;
  border: 1px solid #eeeeee;
  border-radius: 15px;
  background-color: #fff;
  color: #444;
  margin-top: 15px;
}
@media all and (max-width: 767px) {
  #partner-page .partner-grid {
    border: 0px;
    border-bottom: 1px solid #eeeeee;
    border-radius: 0px;
  }
  #partner-page .partner-grid:last-child {
    border: none;
  }
}
@media all and (max-width: 767px) {
  #partner-page .partner-grid .user-photo {
    margin: 0 0 10px 0;
    min-height: 20px;
    float: left;
  }
}
@media all and (max-width: 767px) {
  #partner-page .partner-grid .popover__wrapper {
    padding: 0 0 8px 0 !important;
    min-height: 20px;
  }
}
@media all and (max-width: 767px) {
  #partner-page .partner-grid .user-img-id {
    padding: 0px;
    margin-top: -20px;
    width: auto;
  }
}
#partner-page .partner-grid.ptn-ecp-open {
  background-color: #ebefff;
}
#partner-page .partner-grid .ecp_title_class {
  width: 100%;
  margin-top: -20px;
  margin-bottom: 10px;
  float: left;
}
@media all and (max-width: 767px) {
  #partner-page .partner-grid span.glyphicon-trash {
    top: 2px;
  }
}
#partner-page .content_block_data {
  border: none;
  box-shadow: 0px 3px 6px 0px rgba(133, 133, 133, 0.23);
}
@media all and (max-width: 767px) {
  #partner-page .content_block_data {
    padding: 5px !important;
  }
}
#partner-page .article-wrap-container {
  margin: 0;
}
#partner-page .profile_info .hideId_mobile::after {
  content: ":";
  display: none;
}
@media all and (max-width: 767px) {
  #partner-page .profile_info .hideId_mobile::after {
    display: inline-block;
  }
}
#partner-page .profile_info,
#partner-page .user-detail {
  font-size: 16px;
  color: #444;
  font-weight: normal;
}
#partner-page .profile_info span,
#partner-page .user-detail span {
  color: #8b8b8b;
  display: block;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  #partner-page .profile_info span,
  #partner-page .user-detail span {
    display: inline;
    padding: 0 6px 0 0;
    font-size: 16px;
  }
}
#partner-page .profile_info.id-ptn span,
#partner-page .user-detail.id-ptn span {
  display: inline;
}
#partner-page .profile_info p,
#partner-page .user-detail p {
  padding: 7px 0 10px 0;
  color: #444;
  font-weight: 400;
  font-size: 16px;
}
@media all and (max-width: 767px) {
  #partner-page .profile_info p,
  #partner-page .user-detail p {
    display: inline;
    padding: 0;
  }
}
#partner-page .profile_info p span,
#partner-page .user-detail p span,
#partner-page .profile_info p a,
#partner-page .user-detail p a {
  color: #444;
  font-weight: 400;
  font-size: 16px;
}
#partner-page .profile_info .user-data,
#partner-page .user-detail .user-data {
  display: table;
  min-height: 70px;
}
@media all and (max-width: 767px) {
  #partner-page .profile_info .user-data,
  #partner-page .user-detail .user-data {
    min-height: 20px;
    padding-bottom: 10px;
  }
}
#partner-page .profile_info .user-data span::after,
#partner-page .user-detail .user-data span::after {
  content: ":";
  display: none;
}
@media all and (max-width: 767px) {
  #partner-page .profile_info .user-data span::after,
  #partner-page .user-detail .user-data span::after {
    display: inline-block;
  }
}
#partner-page .profile_info .user-data .full-phone-number::after,
#partner-page .user-detail .user-data .full-phone-number::after,
#partner-page .profile_info .user-data #full-date::after,
#partner-page .user-detail .user-data #full-date::after {
  content: none;
}
#partner-page .profile_info .drop-menu .ptr-membaredit-button,
#partner-page .user-detail .drop-menu .ptr-membaredit-button {
  float: right;
}
#partner-page .ice_id_patner span {
  display: block !important;
  margin-bottom: 5px;
}
@media all and (max-width: 767px) {
  #partner-page .ice_id_patner span {
    display: inline !important;
  }
}
#partner-page .drop-menu {
  text-align: right;
}
#partner-page .drop-menu .ptr-membaredit-button {
  float: right;
}
#partner-page .drop-menu .arrow_btn {
  float: right;
}
@media all and (max-width: 767px) {
  #partner-page .drop-menu .dropdown_btn_top {
    right: -15px;
    top: 5px;
  }
}
#partner-page .ptn-ecp {
  border-top: 1px solid #ccc;
  padding: 20px 0 0 0 !important;
}
#partner-page .ptn-ecp > div {
  padding-left: 0;
}
@media all and (max-width: 767px) {
  #partner-page .ptn-ecp > div {
    padding: 0px;
  }
}
#tabs-no-directive,
#tabs-with-directive {
  margin: 0px;
}
#tabs-no-directive ul.tabs,
#tabs-with-directive ul.tabs {
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (max-width: 767px) {
  #tabs-no-directive ul.tabs,
  #tabs-with-directive ul.tabs {
    margin-bottom: 15px;
  }
}
#tabs-no-directive ul.tabs li,
#tabs-with-directive ul.tabs li {
  width: 50%;
  border-radius: 0;
  margin: 0;
  border-right: 1px solid #eee;
}
#tabs-no-directive ul.tabs li:last-child,
#tabs-with-directive ul.tabs li:last-child {
  border-right: none;
}
#tabs-no-directive ul.tabs li a,
#tabs-with-directive ul.tabs li a {
  padding: 30px 10px;
  font-size: 20px;
  text-align: center;
  background-color: #fff;
  color: #999;
  box-shadow: 0px 12px 12px 0px rgba(133, 133, 133, 0.23);
}
#tabs-no-directive ul.tabs li a span,
#tabs-with-directive ul.tabs li a span {
  background: url(../images/firend-ptn.png) no-repeat !important;
  padding-left: 40px;
}
#tabs-no-directive ul.tabs li a span.member-num,
#tabs-with-directive ul.tabs li a span.member-num {
  background: url(../images/members-ptn.png) no-repeat !important;
}
#tabs-no-directive ul.tabs li a span.request-sec,
#tabs-with-directive ul.tabs li a span.request-sec {
  background: url(../images/request-ptn.png) no-repeat !important;
}
@media all and (max-width: 767px) {
  #tabs-no-directive ul.tabs li a,
  #tabs-with-directive ul.tabs li a {
    font-size: 14px;
    padding: 10px 5px;
  }
  #tabs-no-directive ul.tabs li a span,
  #tabs-with-directive ul.tabs li a span,
  #tabs-no-directive ul.tabs li a span.member-num,
  #tabs-with-directive ul.tabs li a span.member-num,
  #tabs-no-directive ul.tabs li a span.request-sec,
  #tabs-with-directive ul.tabs li a span.request-sec {
    background: none !important;
    padding-left: 0px;
  }
}
@media only screen and (max-width: 435px) {
  #tabs-no-directive ul.tabs li a,
  #tabs-with-directive ul.tabs li a {
    padding: 10px 1px;
  }
}
#tabs-no-directive ul.tabs li a.active,
#tabs-with-directive ul.tabs li a.active {
  background-color: #eaf1fa;
  color: #3374d1;
  position: relative;
}
#tabs-no-directive ul.tabs li a.active span,
#tabs-with-directive ul.tabs li a.active span {
  background: url(../images/friends-ptn-active.png) no-repeat !important;
  padding-left: 40px;
}
#tabs-no-directive ul.tabs li a.active span.member-num,
#tabs-with-directive ul.tabs li a.active span.member-num {
  background: url(../images/members-ptn-active.png) no-repeat !important;
}
#tabs-no-directive ul.tabs li a.active span.request-sec,
#tabs-with-directive ul.tabs li a.active span.request-sec {
  background: url(../images/request-ptn-active.png) no-repeat !important;
}
@media all and (max-width: 767px) {
  #tabs-no-directive ul.tabs li a.active span,
  #tabs-with-directive ul.tabs li a.active span,
  #tabs-no-directive ul.tabs li a.active span.member-num,
  #tabs-with-directive ul.tabs li a.active span.member-num,
  #tabs-no-directive ul.tabs li a.active span.request-sec,
  #tabs-with-directive ul.tabs li a.active span.request-sec {
    background: none !important;
    padding-left: 0px;
  }
}
#tabs-no-directive ul.tabs li a.active::after,
#tabs-with-directive ul.tabs li a.active::after {
  content: '';
  position: absolute;
  top: 80px;
  left: 45%;
  width: 0;
  height: 0;
  border-top: solid 20px #eaf1fa;
  border-left: solid 20px transparent;
  border-right: solid 20px transparent;
}
@media all and (max-width: 767px) {
  #tabs-no-directive ul.tabs li a.active::after,
  #tabs-with-directive ul.tabs li a.active::after {
    top: 30px;
    left: 35%;
  }
}
/* -----------------------partner end---------------------------- */
.content_block_data {
  background: #ffffff;
  padding: 0px 5px 20px 20px !important;
  border: 1px solid #cccccc;
  position: relative;
}
.content_block_data .title {
  padding-top: 20px;
}
.content_block_data .csv-alert-danger {
  position: absolute;
  right: 10px;
  top: 78px;
  text-align: center;
  width: 180px;
  padding: 10px 0;
}
@media all and (max-width: 767px) {
  .content_block_data .csv-alert-danger {
    position: relative;
    right: 0;
    top: 24px;
    text-align: center;
    width: 100%;
    padding: 10px 0;
  }
}
.content_block_data .csv-alert-danger span {
  color: #000000 !important;
  font-weight: 300 !important;
}
.content_block_data .success_msg {
  font-size: 10pt;
  padding: 0 32px;
  background: #EEE;
  clear: both;
  display: block;
  padding: 10px 10px 5px 10px;
  margin-right: 26px;
  margin-top: 14px;
  position: relative;
  top: 10px;
  border-radius: 4px;
}
.content_block_data1 {
  margin-top: 0;
}
.checkBoxEye {
  display: none !important;
}
.eye_pointer {
  cursor: pointer;
}
.partner_account .success-message {
  right: 170px !important;
}
.content_block_data1 .success-message {
  right: 45px;
  margin: 36px auto;
}
.ecp_list_details {
  clear: both;
  width: 100%;
  background-color: rgba(200, 200, 200, 0.14);
  border-top: none;
  font-size: 8pt;
  max-height: 500px;
  /* approximate max height */
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.ecp_list_details tr {
  border-top: none;
  padding-bottom: 10px;
}
@media all and (min-width: 1024px) {
  .ecp_list_details td {
    padding: 3px 10px !important;
  }
}
@media all and (max-width: 767px) {
  .ecp_list_details td {
    padding: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .ecp_list_details td:before {
    display: none !important;
  }
}
.ecp_list_details .ecp_email {
  font-size: 16px;
}
@media only screen and (max-width: 867px) {
  .ecp_list_details .ecp_email {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .ecp_list_details .ecp_email {
    display: none;
    font-size: 14px;
  }
}
.ecp_list_details .full-phone-number {
  margin-bottom: 10px;
  margin-top: 10px;
}
.ecp_list_details .dropdown-menu-left {
  right: 12% !important;
  transform-origin: 100% 0 !important;
  padding: 0;
  background: #2a394f;
}
@media only screen and (max-width: 867px) {
  .ecp_list_details .dropdown-menu-left {
    right: 0% !important;
  }
}
@media all and (max-width: 767px) {
  .ecp_list_details .dropdown-menu-left {
    right: 32% !important;
    top: 35px !important;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .ecp_list_details .dropdown-menu-left span {
    font-size: 16px !important;
    font-weight: 500;
  }
}
@media all and (max-width: 767px) {
  .ecp_list_details .dropdown-menu-left .dropdown-item {
    padding: 8px 20px 8px 25px;
  }
}
@media all and (max-width: 767px) {
  .ecp_list_details .dropdown_btn {
    position: relative;
    right: 0;
    top: -50px;
    z-index: 99999;
  }
}
@media all and (max-width: 767px) {
  .ecp_list_details .dropdown_btn .btn {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .ecp_list_details .dropdown_btn img {
    transform: rotate(90deg);
  }
}
.border_top {
  border-top: none !important;
}
.ecp_badge {
  color: #000000;
  padding: 3px 43px;
  width: 100%;
  min-width: 240px;
  float: none !important;
  position: absolute;
  font-weight: normal !important;
}
.table_en tbody {
  border-top: none !important;
}
.table_en th {
  border-bottom: 1px solid #dddddd !important;
}
.csv_upload_btn {
  position: absolute;
  right: 5px;
  z-index: 999;
  width: 154px;
  top: 15px;
}
@media all and (max-width: 767px) {
  .csv_upload_btn {
    padding-left: 0;
    width: 100%;
    position: relative;
  }
}
.csv_upload_btn label {
  display: block;
  font-size: 11pt;
}
.csv_upload_btn span {
  display: block;
  margin-bottom: 5px;
}
.csv_upload_btn .btn-web {
  border: none;
  padding: 7px 10px 7px 10px !important;
  font-size: 12pt;
  float: left;
  width: 134px;
}
@media all and (max-width: 767px) {
  .csv_upload_btn .btn-web {
    width: 100%;
  }
}
.csv_upload_btn .fa-spinner-icons {
  font-size: 6pt;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0px;
  color: #ffffff !important;
  margin-bottom: 10px;
  position: absolute;
  right: 7px;
  top: 6px;
}
@media all and (max-width: 767px) {
  .csv_upload_btn .fa-spinner-icons {
    right: 20px;
  }
}
.csv_upload_btn .fa-spinner-icons .fa-spinner {
  color: #ffffff;
}
#CsvResult .modal-content,
#CsvMemberResult .modal-content {
  padding: 0 10px;
}
#CsvResult .modal-header,
#CsvMemberResult .modal-header {
  font-size: 20px;
  padding: 13px 10px;
  color: #333;
  font-weight: 400;
  margin-bottom: 5px;
}
#CsvResult .modal-body,
#CsvMemberResult .modal-body {
  font-size: 12pt;
  font-weight: normal;
  max-height: 300px;
  overflow: auto;
  min-height: 200px;
}
#CsvResult .modal-body::-webkit-scrollbar,
#CsvMemberResult .modal-body::-webkit-scrollbar {
  width: 5px;
}
#CsvResult .modal-body::-webkit-scrollbar-track,
#CsvMemberResult .modal-body::-webkit-scrollbar-track {
  background: #fff;
}
#CsvResult .modal-body::-webkit-scrollbar-thumb,
#CsvMemberResult .modal-body::-webkit-scrollbar-thumb {
  background: #3379b7;
}
#CsvResult .modal-body::-webkit-scrollbar-thumb:hover,
#CsvMemberResult .modal-body::-webkit-scrollbar-thumb:hover {
  opacity: 80%;
}
#CsvResult li,
#CsvMemberResult li {
  padding: 8px 10px;
  font-weight: normal;
  font-size: 12px;
  background: #EEE;
  margin: 6px 0;
  color: #333;
  border: 1px solid rgba(204, 204, 204, 0.32);
}
#CsvResult .close,
#CsvMemberResult .close {
  background: url("data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=") no-repeat scroll center center rgba(0, 0, 0, 0);
  cursor: pointer;
  height: 20px;
  padding: 7px;
  color: #000000;
  float: right;
  right: 20px;
  top: 21px;
  z-index: 99999999;
  opacity: 0.5;
  margin-top: 3px;
}
@media all and (min-width: 1024px) {
  .grid_height {
    min-height: 100px;
  }
}
#upload-file-selector {
  display: none !important;
}
.login_form {
  float: none;
  margin: 0 auto;
  padding: 30px 50px 10px 50px;
  border-radius: 6px;
}
@media all and (max-width: 767px) {
  .login_form {
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 867px) {
  .login_form {
    padding: 30px 20px 10px 20px;
  }
}
.login_form .title {
  padding-top: 0px;
  margin-bottom: 25px;
  text-transform: uppercase;
  color: #5a5858;
}
@media all and (max-width: 767px) {
  .login_form label {
    margin-left: 5px;
  }
}
.login_form .login_account_btn {
  padding-bottom: 5px !important;
}
.login_form .login_account_btn .btn {
  width: 100%;
  margin: 0 !important;
}
.login_form .register_account_btn .btn {
  background: transparent;
  border-color: #47b2fa;
  color: #47b2fa;
  font-size: 13px;
}
.login_form .register_account_btn .btn:focus {
  outline: none;
}
.login_form .register_account_btn .btn:active {
  box-shadow: none;
}
.login_form .register_account_btn .no_account {
  font-weight: 500;
}
.login_form .register_account_btn .or_account {
  position: relative;
  font-style: italic;
  font-weight: 500;
}
.login_form .register_account_btn .or_account:after,
.login_form .register_account_btn .or_account:before {
  content: "";
  background: #cccccc;
  width: 46%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 999;
}
.login_form .register_account_btn .or_account:after {
  left: auto;
  right: 0;
}
.login_form .login-btn button {
  margin-left: 10px;
}
@media all and (max-width: 767px) {
  .login_form .login-btn button {
    margin-left: 0px;
  }
}
.login_form .login-btn button:first-child {
  margin-left: 0px;
}
.app-store {
  text-align: center;
  padding-bottom: 40px;
  padding-top: 20px;
}
@media all and (max-width: 767px) {
  .app-store {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 867px) {
  .app-store {
    padding-bottom: 15px;
  }
}
.app-store ul li {
  float: none;
  display: inline-block;
}
@media only screen and (max-width: 867px) {
  .app_download {
    margin: 0 auto 30px auto;
  }
}
@media all and (max-width: 767px) {
  .app_download {
    margin: 0 auto 30px auto;
    padding: 25px 10px;
    text-align: center;
    float: none;
    max-width: 320px;
    position: relative;
    bottom: 0;
    right: 0;
  }
}
.app_download h3 {
  font-size: 20px;
  font-weight: 900;
  color: #ffffff;
}
@media all and (max-width: 767px) {
  .app_download h3 {
    font-size: 11pt;
  }
}
@media only screen and (max-width: 1024px) {
  .app_download h3 {
    font-size: 12pt;
  }
}
.app_download a i {
  color: #ffffff;
  font-size: 20px;
  margin-right: 18px;
  margin-top: 10px;
  cursor: pointer;
}
.app_download a i span {
  margin-left: 8px;
  color: #ffffff;
  font-weight: 400;
  font-size: smaller;
  font-family: 'Roboto', sans-serif;
}
.app_download a i:last-child {
  margin-left: 5px;
}
@media all and (max-width: 767px) {
  tbody.ng-scope .top_margin.email_color {
    margin-left: 0;
  }
}
.account_holder_members .btn-default {
  color: #fe5d02;
  border: none;
  font-weight: 300;
  font-size: 16px;
  font-style: normal;
}
.account_holder_members .btn-default:hover {
  background-color: #e69b18;
  color: #ffffff;
}
@media only screen and (max-width: 867px) {
  .account_holder_members .btn-default {
    font-size: 11px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .btn-default {
    font-size: 14px;
  }
}
.account_holder_members .fa.fa-refresh {
  font-size: 19px;
  vertical-align: middle;
  margin-top: 8px;
}
@media all and (max-width: 767px) {
  .account_holder_members .top_margin.ellipse_style.ng-binding {
    margin-left: 6px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .top_margin.birth_date.ng-isolate-scope {
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .email_color.ng-binding {
    margin-left: 7px;
  }
}
.account_holder_members .no_content {
  text-align: center;
  color: #FF524D;
  padding: 35px 0;
  margin: 0;
}
.account_holder_members h2 img.ecp_logo {
  margin: 7px auto 0 auto;
  width: 32px;
  height: 26px;
  display: block;
  border-radius: 50%;
}
.account_holder_members .members_icon {
  display: block;
  margin: 8px auto 0 auto;
}
.add_member_record {
  background-color: #66cc20;
  float: right;
  border: none;
  font-size: 9.6px;
  padding: 8px 14px 8px 22px;
  border-radius: 5px;
  margin-right: 0;
  font-weight: 700;
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 900;
  font-family: 'Roboto';
  letter-spacing: 0.08em;
  white-space: normal !important;
  position: absolute;
  right: 10px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  width: 30px;
  padding: 0;
  top: 17px;
  text-transform: uppercase;
}
@media only screen and (max-width: 370px) {
  .add_member_record {
    right: 5px;
  }
}
.add_member_record:hover {
  color: #ffffff;
  border: none;
  cursor: pointer;
}
.add_member_record:before {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto !important;
  top: 0px;
  content: "";
  width: 20px;
  height: 30px;
  background: url(../images/add_member.png) no-repeat center center !important;
  display: block;
  background-size: 10px 10px !important;
  background-position-y: 0px;
  background-position-x: 0px;
  -webkit-margin-before: 10px;
}
.change_ecp_color_green {
  background-color: #66cc20 !important;
}
.change_ecp_color_red {
  background-color: #FF524D !important;
  display: block;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  width: 30px;
  padding: 0;
}
.member_block #ecp_list_details td {
  padding-right: 23px !important;
}
.account_holder_members .main-wrap {
  min-height: auto;
}
.account_holder_members .member_block {
  padding: 0 0;
  height: auto;
  overflow: visible;
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block {
    max-height: 100%;
    margin: 0px 10px;
  }
}
.account_holder_members .member_block .responsive_table_mobile {
  height: auto;
  max-height: auto;
  overflow: visible;
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .responsive_table_mobile {
    max-height: 100%;
  }
}
.account_holder_members .member_block .responsive_table_mobile .col-sm-1 {
  width: 5.2%;
}
@media only screen and (max-width: 867px) {
  .account_holder_members .member_block .responsive_table_mobile .col-sm-1 {
    width: 8.2%;
  }
}
.account_holder_members .member_block .fin_list .user-photo {
  margin-top: 5px;
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .fin_list .user-photo {
    margin-left: 0;
  }
}
.account_holder_members .member_block .fin_list {
  margin-bottom: 0;
  overflow: visible;
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .fin_list {
    padding: 0 20px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .fin_list a {
    vertical-align: top;
  }
}
.account_holder_members .member_block .fin_list td {
  padding: 8px 3px 8px 3px !important;
  font-size: 10pt;
  vertical-align: middle;
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .fin_list td {
    display: block;
  }
}
.account_holder_members .member_block .resend-nomination-btn {
  margin-left: 0;
  vertical-align: top;
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .resend-nomination-btn {
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .member-id {
    margin-left: 0;
    padding: 4px 0 4px 0px;
  }
}
.account_holder_members .member_block .ellipse_style {
  text-overflow: ellipsis;
  width: 140px;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
@media only screen and (max-width: 867px) {
  .account_holder_members .member_block .ellipse_style {
    width: auto;
    overflow: visible;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .ellipse_style {
    white-space: normal;
    width: auto;
    overflow: visible;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .showmemecp {
    top: 0;
    vertical-align: top;
    margin-top: 0;
  }
}
.account_holder_members .member_block a span.trash_border {
  padding: 7px;
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block a span.trash_border {
    margin: 0;
    padding: 8px 8px;
    position: relative;
    top: 3px;
  }
}
.account_holder_members .member_block .bg_blue {
  background: #20b2fc;
  color: #ffffff;
}
.account_holder_members .member_block .bg_blue a {
  color: #ffffff;
  font-size: 15px;
}
.account_holder_members .table > thead > tr > th {
  padding: 4px 3px;
}
@media all and (max-width: 767px) {
  .account_holder_members .fin_list tbody {
    margin-top: 0px;
    position: relative;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .fin_list tbody:last-child {
    border-bottom: none;
  }
}
.account_holder_members .fin_list td:before {
  position: relative;
  top: 0;
  left: 6px;
  width: auto;
  padding-right: 10px;
  white-space: normal;
  font-size: 14px;
  color: #000000;
  font-weight: 700;
}
@media all and (max-width: 767px) {
  .account_holder_members .fin_list td:before {
    left: 0;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .fin_list .member-id {
    display: inline-block;
    float: left;
    margin-top: -4px !important;
    font-size: 14px;
  }
}
@media only screen and (max-width: 867px) {
  .account_holder_members .fin_list .member-id {
    font-size: 14px;
  }
}
@media only screen and (max-width: 370px) {
  .account_holder_members .fin_list .member-id {
    display: block;
    float: left;
    margin-top: -4px !important;
  }
}
@media only screen and (max-width: 415px) {
  .account_holder_members .fin_list .member-id {
    display: block;
    float: left;
    margin-top: -4px !important;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .id-logo {
    margin-right: 10px;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_members .profile_pic_img {
    width: 45px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .fin_list .top_margin {
    display: inline;
    margin-top: 10px;
    margin-left: 3px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .click_fn {
    width: 100%;
    display: block;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .birth_date {
    margin-top: 0 !important;
  }
}
.account_holder_members #full-date {
  display: block;
  font-size: 16px;
}
@media all and (max-width: 767px) {
  .account_holder_members #full-date {
    display: inline-block;
    font-size: 14px;
  }
}
.account_holder_members .full-phone-number {
  margin-top: 0;
  margin-right: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  top: 3px;
}
@media only screen and (max-width: 867px) {
  .account_holder_members .full-phone-number {
    white-space: none;
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .full-phone-number {
    margin-top: 0 !important;
    margin-left: 0;
    overflow: visible;
    width: auto;
    top: 0px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members #full-date {
    margin-top: 0 !important;
  }
}
.account_holder_members .table_en td:nth-of-type(1):before {
  display: none;
}
.account_holder_members .fin_list tr {
  margin: 0;
}
.account_holder_members .resend_nomination_btn {
  font-size: 9px;
  padding: 6px 10px 6px 18px;
  border-radius: 5px;
  margin-right: 10px;
  border: none;
  color: #ffffff;
  position: relative;
  background-color: #66cc20;
  margin-bottom: 20px;
}
@media all and (max-width: 767px) {
  .account_holder_members .resend_nomination_btn {
    float: none;
  }
}
.account_holder_members .resend_nomination_btn:after {
  position: absolute;
  left: 6px;
  top: 7px;
  content: "";
  width: 20px;
  height: 15px;
  background: url(../images/add_member.png) no-repeat left center;
  display: block;
  background-size: 8px 8px !important;
  background-position-y: 0px;
  background-position-x: 0px;
}
.account_holder_members .resend_nomination_btn:hover {
  background-color: #5bb61d;
  color: #ffffff;
  border: none;
}
.showmemecp {
  margin-top: 4px;
  display: inline-block;
  padding: 5px 7px 5px 6px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  top: -1px;
}
@media all and (max-width: 767px) {
  .showmemecp {
    margin-left: 0;
  }
}
#ecp_list_details {
  min-height: 110px;
  margin: 20px 0px;
  overflow: hidden;
  position: relative;
  background: none;
  transition: max-height 0.8s ease-in-out;
}
@media only screen and (max-width: 867px) {
  #ecp_list_details {
    padding: 10px 10px;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 0px;
    top: 0;
    z-index: 2;
    background: none;
  }
}
#ecp_list_details .member-id {
  margin-top: 0;
  margin-right: 20px;
}
@media all and (max-width: 767px) {
  #ecp_list_details .member-id {
    margin-top: 0;
    margin-right: 0px;
  }
}
#ecp_list_details p {
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  clear: both;
  word-break: break-all;
  padding-bottom: 0;
}
@media all and (max-width: 767px) {
  #ecp_list_details p {
    margin: 0px;
    float: left;
    font-size: 14px;
    width: 100%;
  }
}
@media only screen and (max-width: 435px) {
  #ecp_list_details p {
    width: 365px !important;
  }
}
@media only screen and (max-width: 375px) {
  #ecp_list_details p {
    width: 300px !important;
  }
}
@media only screen and (max-width: 370px) {
  #ecp_list_details p {
    width: 260px !important;
  }
}
#ecp_list_details p .full-phone-number {
  font-size: 16px;
}
@media only screen and (max-width: 867px) {
  #ecp_list_details p .full-phone-number {
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details p .full-phone-number {
    font-size: 15px;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details span {
    font-size: 14px;
  }
}
#ecp_list_details .phone_code {
  display: inline-block;
}
#ecp_list_details .top_margin {
  margin-top: 0;
}
@media all and (max-width: 767px) {
  #ecp_list_details .top_margin {
    display: inline-block;
    vertical-align: text-top;
  }
}
#ecp_list_details .ecp_badge {
  display: inline-block;
  margin-top: 0;
  position: relative;
  vertical-align: middle;
  word-break: normal;
  min-width: auto;
  width: auto;
  margin: 10px 0 0 10px;
  padding: 0;
}
@media all and (max-width: 767px) {
  #ecp_list_details .ecp_badge {
    margin: 2px 0 0 2px;
  }
}
#ecp_list_details .clickable {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
@media all and (max-width: 767px) {
  #ecp_list_details .user-photo {
    margin: 0px 0 10px 0 !important;
  }
}
@media only screen and (max-width: 867px) {
  #ecp_list_details .user-photo {
    margin: 0px 0 10px 0 !important;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details tbody {
    margin-top: 0px !important;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details tr {
    margin-bottom: 0;
    padding-bottom: 0px;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details tr:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
  }
}
#ecp_list_details td {
  padding: 5px 25px  8px 40px !important;
  font-size: 10pt;
}
@media all and (max-width: 767px) {
  #ecp_list_details td {
    width: 100% !important;
    padding: 5px 0 3px 0 !important;
    margin-left: 7px;
  }
}
#ecp_list_details .phone_number {
  height: 40px;
  margin-left: 10px;
  display: block;
}
#ecp_list_details .full-phone-number {
  margin-top: 0px;
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  #ecp_list_details .user-photo {
    margin-bottom: 10px !important;
    margin-left: -8px;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details #full-date {
    margin-top: 10px !important;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details .full-phone-number {
    margin-top: 0 !important;
    margin-left: 0px !important;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details .ecp_email {
    display: block;
    margin-left: 0;
    clear: both;
  }
}
#ecp_list_details a span.trash_border {
  top: 0px;
  color: #FF524D;
  padding-right: 8px;
  vertical-align: top;
  min-width: auto;
}
@media all and (max-width: 767px) {
  #ecp_list_details a span.trash_border {
    padding: 0;
    margin: 0;
  }
}
#ecp_list_details:after {
  position: absolute;
  right: 0;
  border-right: 1px dotted #000000;
  content: '';
}
#ecp_list_details .pending_status {
  margin-top: 25px;
}
.contact_person .user_photo_box {
  width: 75px;
}
@media only screen and (max-width: 867px) {
  .contact_person .user_photo_box {
    width: auto;
  }
}
@media only screen and (max-width: 370px) {
  .contact_person .user_photo_box {
    width: 23%;
  }
}
.contact_person .user_photo_box .user-photo {
  width: 70px;
  height: 70px;
}
@media all and (max-width: 767px) {
  .contact_person .user_photo_box .user-photo {
    width: 60px;
    height: 60px;
  }
}
.contact_person .user_photo_box .user-photo .empty {
  padding: 35px;
}
.contact_person h3 {
  font-size: 20px !important;
  width: 100% !important;
}
.contact_person span.trash_border {
  margin: 2px 30px 2px 2px;
}
@media all and (max-width: 767px) {
  .contact_person p {
    font-size: 9pt;
  }
}
.account_ecp {
  font-size: 20px;
  text-align: center;
  color: #66cc20;
  margin-top: -17px;
  float: right;
}
@media all and (max-width: 767px) {
  .account_holder_members .fin_list .top_margin {
    margin-left: 0px;
  }
}
#ecp_list_details .full-phone-number {
  margin-top: 0px;
  margin-bottom: 0;
  font-weight: normal;
  margin-left: 0px;
  padding: 2px 0px;
  overflow: visible;
  position: relative;
  top: 0px;
}
@media all and (max-width: 767px) {
  #ecp_list_details .full-phone-number {
    top: 0px;
  }
}
#ecp_list_details .glyphicon-trash {
  margin: 0 11px 0 0;
  font-weight: normal;
  font-size: 10pt;
}
#ecp_list_details .fa-paper-plane {
  font-size: 10pt;
}
@media all and (max-width: 767px) {
  #ecp_list_details .resend_nomination_dat {
    float: right;
    right: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: 55px;
  }
}
#ecp_list_details .resend_nomination_dat .fa-ellipsis-h {
  background: #ffffff;
  color: #ffffff;
  border: 1px solid #000000;
  border-radius: 50%;
  font-size: 4pt;
}
@media only screen and (max-width: 867px) {
  #ecp_list_details .resend-nomination-btn,
  #ecp_list_details .delete {
    display: none;
  }
}
@media all and (max-width: 767px) {
  #ecp_list_details .resend-nomination-btn,
  #ecp_list_details .delete {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .ecp_contact_person #ecp_list_details {
    width: 100%;
    min-height: 180px;
  }
}
.pt-10 {
  padding-top: 10px;
}
@media all and (max-width: 767px) {
  .account_holder_box {
    padding: 0px;
  }
}
.account_holder_box .prnt_id_ice {
  font-size: 16px;
  background: none;
  border: none;
  margin: 0 20px 1% 0;
  font-weight: normal;
  position: relative;
  width: auto;
}
@media all and (max-width: 767px) {
  .account_holder_box .prnt_id_ice {
    font-size: 14px;
    line-height: 14px;
    width: 140px;
    margin: 0 0 3% 0;
  }
}
.account_holder_box .prnt_id_ice a {
  color: #939598;
}
.account_holder_box .prnt_id_ice a:hover {
  color: #20b2fc;
}
.account_holder_box .prnt_id_ice img {
  margin-top: 0;
  vertical-align: middle;
  margin-bottom: 4px;
  padding-right: 6px;
}
.account_holder_box .prnt_id_ice .print_id_btn {
  line-height: 26px;
}
.account_holder_box .prnt_id_ice .cardId_icon {
  line-height: 10px;
}
.account_holder_box .cardId_leftmargin {
  margin-left: 20px;
}
.account_holder_box i.icon-print_id_icon {
  font-size: 30px;
}
.account_holder_box [class^="icon-"]:before,
.account_holder_box [class*=" icon-"]:before {
  margin-top: 3px;
}
.error:before {
  font-style: normal;
  content: '\f071';
  font-family: FontAwesome;
  color: #FF524D;
  font-size: 16px;
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.main_grid_list_details {
  padding-bottom: 10px;
}
@media all and (max-width: 767px) {
  .main_grid_list_details {
    padding: 0px;
  }
}
.ecp_partner ul.tabs {
  margin: 0;
  list-style: none;
  padding: 0;
  text-align: center;
}
.ecp_partner td {
  width: 100%;
  display: block;
  font-size: 10pt;
  margin: 0;
  padding: 0 0 0 30px!important;
}
@media all and (max-width: 767px) {
  .ecp_partner td {
    white-space: initial;
    padding: 15px;
  }
}
.ecp_partner .heading {
  font-weight: 700;
  font-size: 10pt;
  margin: 0 3px 0 5px;
  display: inline-block;
  min-width: 40px;
}
.ecp_partner span {
  margin-left: 7px;
}
.ecp_partner .ecp_email {
  padding-top: 0px;
  width: auto;
}
.ecp_partner .ecp_badge {
  color: #000000;
  padding: 3px 43px;
  width: 100%;
  min-width: 240px;
  float: none !important;
  position: initial;
  font-weight: normal !important;
}
.ecp_partner .full-phone-number {
  margin-bottom: 10px;
  margin-top: 0;
  margin: 6px 0 0 0px;
}
.ecp_partner .user-photo {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 10px;
}
.ecp_partner .user-photo div.empty,
.ecp_partner .user-photo img.empty {
  background-color: #d3d3d3;
  background: url(../images/avatar.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  padding: 0;
}
@media all and (max-width: 767px) {
  .ecp_partner .ng-scope {
    overflow-x: hidden;
    padding: 0;
  }
}
.ecp_partner .right-arrow-container {
  position: initial;
  right: 15px;
  top: 40%;
}
@media all and (max-width: 767px) {
  .ecp_partner tr {
    padding: 15px;
  }
}
@media all and (max-width: 767px) {
  .ecp_partner .fin_list td {
    position: relative;
    padding-left: 0% !important;
    height: auto;
    clear: both;
    display: block;
  }
}
.ecp_partner .top_margin.email_color {
  margin-left: 0px;
}
.fin_list a {
  color: #333;
  font-weight: bold;
  margin: 0px;
}
@media all and (max-width: 767px) {
  .account_holder_left_box .right-arrow-container {
    position: initial;
    right: 15px;
    top: 40%;
  }
}
@media all and (max-width: 767px) {
  .account_holder_left_box ul.tabs {
    margin: 0;
    list-style: none;
    padding: 0;
    text-align: center;
  }
}
.account_holder_left_box .popover__content:before {
  top: -10px;
}
@media all and (max-width: 767px) {
  .fin-man tbody.ng-scope .top_margin.email_color {
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {
  .fin-man .responsive_table_mobile {
    max-height: 100%;
    overflow-y: auto;
    height: auto;
  }
}
.colspn_fin {
  padding: 0 !important;
}
.colspn_fin .ecp_partner {
  position: relative;
  padding-left: 0 !important;
  height: auto;
  clear: both;
  background: #f7f7f7;
}
.colspn_fin td {
  padding-left: 20px !important;
}
@media all and (max-width: 767px) {
  .colspn_fin td td {
    padding: 0px !important;
    z-index: 999;
  }
}
@media all and (max-width: 767px) {
  .fin_list td:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 49%;
    padding-right: 11px;
    white-space: nowrap;
    font-size: 12px;
    color: #696a6b;
    font-weight: 700;
  }
}
@media all and (max-width: 767px) {
  .table_en td:nth-of-type(5):before {
    content: "Date of birth";
    left: 0px !important;
  }
}
@media all and (max-width: 767px) {
  .header-compensation {
    padding-top: 52px;
  }
}
td.colspn_fin {
  padding: 0 !important;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.dropdown-menu .dropdown-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  min-width: 7rem;
  max-width: 17.5rem;
  padding: .8rem 1rem;
  overflow: hidden;
  line-height: 1;
  text-overflow: ellipsis;
  word-wrap: break-word;
  border: transparent;
  background-color: #2a394f;
}
.dropdown-menu.dropdown-menu-left {
  top: 70%;
  left: auto !important;
  right: 27%;
  transform-origin: 100% 0;
}
.dropdown-menu.dropdown-menu-left:after {
  bottom: 100%;
  left: 89%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #2a394f;
  border-width: 8px;
  margin-left: -8px;
}
.open > .dropdown-menu {
  opacity: 1;
  transform: scale(1);
}
.dropdown-item {
  transform: translateZ(0);
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background-color: #2a394f;
}
.dropdown-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2980b9;
  height: 4px;
  transition-property: left right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.dropdown-item:hover:before {
  left: 0;
  right: 0;
}
.dropdown-menu {
  display: block;
  padding: .25rem 0;
  border: 0;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transform-origin: 0 0;
  will-change: transform;
  right: 0;
  left: auto;
  transform-origin: 100% 0;
  width: 160px;
}
.dropdown_btn .dropdown-menu-left {
  background: #2a394f;
  box-shadow: none;
  border-radius: 0;
  left: 20px;
}
.dropdown_btn .dropdown-menu-left span {
  font-weight: 300 !important;
}
.dropdown_btn .btn {
  margin-left: 20px;
  background: none;
  border: none;
  font-size: 14px;
}
.dropdown_btn .btn:hover {
  display: inline-block;
  padding: 6px 8px;
  margin-bottom: 0;
  border-radius: 40px;
  box-shadow: none;
  outline: 0;
  border: none;
}
.dropdown_btn .dropdown-item {
  width: 100%;
  max-width: 100%;
  margin: 0;
  clear: both;
}
.dropdown_btn .dropdown-item.disabled,
.dropdown_btn .dropdown-item.disabled:focus,
.dropdown_btn .dropdown-item.disabled:hover {
  color: rgba(0, 0, 0, 0.26);
}
.member_block .fin_list .member-id {
  margin-bottom: 0 !important;
  margin-top: 18px;
}
@media all and (max-width: 767px) {
  .member_block .hideId_mobile {
    display: none;
  }
}
.member_block .popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  transform: translate(0, 10px);
  background-color: #ffffff;
  padding: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: 75%;
  margin-top: 24px;
  z-index: 99999;
}
.member_block .popover__content:before {
  top: -10px;
}
@media all and (max-width: 767px) {
  .member_block .popover__content {
    left: 0;
    right: 0;
    width: 120px;
    margin: 13px auto;
  }
}
@media only screen and (max-width: 867px) {
  .member_block .popover__content {
    left: 0;
  }
}
@media all and (max-width: 767px) {
  .member_block .popover__content {
    left: 90px;
    margin: 45px 0 0 0;
  }
}
@media only screen and (max-width: 370px) {
  .member_block .popover__content {
    left: 85px;
    margin: 45px 0 0 0;
  }
}
@media only screen and (max-width: 360px) {
  .member_block .popover__content {
    left: 85px;
    margin: 45px 0 0 0;
  }
}
.member_block .popover__content a {
  display: block;
}
.member_block .member_ellipse_icon {
  right: 2%;
  top: 5px !important;
  padding: 0 !important;
}
@media all and (max-width: 767px) {
  .member_block .member_ellipse_icon {
    right: 40% !important;
    top: 35px !important;
  }
}
@media only screen and (max-width: 867px) {
  .member_block .member_ellipse_icon {
    right: 20%;
  }
}
@media all and (max-width: 767px) {
  .member_block .dropdown_btn {
    right: -20px;
    float: right;
    margin-top: 0;
    border: 20px;
  }
}
@media all and (max-width: 767px) {
  .member_block .dropdown_btn .btn {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .member_block .dropdown_btn img {
    transform: rotate(90deg);
  }
}
@media all and (max-width: 767px) {
  .member_block .ecp_list_details .dropdown_btn {
    right: -12px;
  }
}
.member_block .fin_list td {
  padding: 8px 3px 8px 3px !important;
  font-size: 10pt;
  vertical-align: middle;
}
.member_block .fin_list .top_margin {
  margin-top: 0px;
}
@media all and (max-width: 767px) {
  .member_block .fin_list .top_margin {
    margin-top: -4px;
  }
}
.member_block .fa-chevron-down:before {
  content: "\f078";
  display: block;
  position: absolute;
  z-index: 99;
  margin-top: -2px;
}
@media all and (max-width: 767px) {
  .member_block .fa-chevron-down:before {
    margin-top: -6px;
  }
}
.member_block .dropdown_btn .btn {
  margin-left: 20px;
  background: none;
  border: none;
  font-size: 14px;
  margin-top: -8px;
  float: right;
}
@media only screen and (max-width: 867px) {
  .member_block .dropdown_btn .btn {
    margin-top: -20px;
  }
}
@media all and (max-width: 767px) {
  .member_block .dropdown_btn .btn {
    padding: 0px !important;
  }
}
.member_block .fa-chevron-up:before {
  content: "\f077";
  margin-top: -2px;
  position: absolute;
  z-index: 99;
}
@media all and (max-width: 767px) {
  .member_block .fa-chevron-up:before {
    margin-top: -12px;
  }
}
@media all and (max-width: 767px) {
  .member_block .top_margin.ellipse_style {
    margin-left: 0;
    margin-top: 5px;
  }
}
@media all and (max-width: 767px) {
  .member_block .top_margin.email_color {
    margin-top: 10px;
  }
}
@media all and (max-width: 767px) {
  .member_block .birth_date:before {
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {
  .member_block .edit_del {
    margin-top: 12px !important;
  }
}
.member_block .resend_nomination_dat {
  margin-top: 6px !important;
  z-index: 99999;
}
.fa-question-circle:before {
  position: relative;
}
.fa-question-circle:before {
  content: "\f059";
  vertical-align: super;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .fa-question-circle:before {
    vertical-align: baseline;
  }
}
.account_info_box .popover__wrapper .ia-label-tooltip-icon-container {
  top: 5px;
  position: relative;
  color: #777777 !important;
}
.account_info_box .popover__wrapper .fa-question-circle {
  color: #777777 !important;
}
.box-print {
  line-height: 18px;
}
.banner-print img {
  max-width: 510px;
  width: 80%;
}
.panel-heading .fa-question-circle {
  position: relative;
  top: 4px;
  color: #777777 !important;
}
@media all and (max-width: 767px) {
  .panel-heading .fa-question-circle {
    top: -2px !important;
  }
}
.box-register {
  /*   span{
      @media @mobile {
           margin:0 !important;
            font-size: 12px;
            font-weight: 400 !important;
        }
      } */
}
.box-register .fa-question-circle {
  color: #777777 !important;
}
.additional_notes .fa-question-circle {
  position: relative;
  width: 20px;
  left: 4px;
  top: -2px;
  color: #777777 !important;
}
@media all and (max-width: 767px) {
  .additional_notes .fa-question-circle {
    top: 0px !important;
  }
}
.vertical_scroll .tooltip {
  margin-left: 30px;
}
@media all and (max-width: 767px) {
  .vertical_scroll .tooltip {
    margin-left: 0px;
  }
}
.vertical_scroll .tooltip-arrow {
  left: 12px !important;
}
@media all and (max-width: 767px) {
  .vertical_scroll .tooltip-arrow {
    left: auto !important;
    margin: 0 !important;
  }
}
.vertical_scroll .tooltip-inner {
  min-width: 50px !important;
}
.vertical_scroll .tooltip.top {
  margin-top: 3px;
}
.free {
  background: #5bcdc3;
  padding: 5px 10px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 4px;
  font-size: 10pt;
  min-width: 100px;
  text-align: center;
  float: right;
  margin: 0 12px;
  cursor: pointer;
}
/* .premium{
    background:@btn-redical-red;
    position: absolute;
    z-index: 999;
    padding: 5px 10px;
    color: @White;
    font-weight: 600;
    right: 20px;
    top: 55px;
    border-radius: 4px;
    font-size: 10pt;
    min-width:85px;
    text-align:center;

    @media only screen and (max-width: 1020px){top: 65px;}
} */
.modal-body form {
  margin-top: 15px;
  line-height: 20px;
}
.friend_question_icon .icon-question_icon {
  display: inline-block !important;
  float: right;
  right: -10px !important;
  position: relative;
}
.friend_question_icon .icon-question_icon:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  font: 14px/1 FontAwesome;
  color: #777777 !important;
  content: "\f059";
  padding: 0 !important;
  line-height: 22px;
  vertical-align: middle;
  margin: 0 !important;
}
@media all and (min-width: 1024px) {
  .friend_question_icon .icon-question_icon:before {
    padding: 0 10px;
  }
}
.account_holder_icons {
  float: left;
  background: #20b2fc;
  border-radius: 50%;
  text-align: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  line-height: 30px;
  display: inline-block;
  margin-top: -5px;
}
@media all and (max-width: 767px) {
  .account_holder_icons {
    margin-top: -3px;
    width: 30px;
    height: 30px;
  }
}
@media all and (max-width: 767px) {
  .edit_btn {
    position: absolute;
    right: 23px;
    top: -85px;
  }
}
.print_record_wall a {
  color: #20b2fc;
  font-weight: 400;
}
.print_record_wall .lockScreen_loader {
  top: 4px;
}
@media all and (max-width: 767px) {
  .print_record_wall {
    width: auto;
    position: relative;
    margin: 0;
    top: 0;
  }
  .print_record_wall .lockScreen_loader {
    right: 100px;
  }
}
.list_title {
  font-weight: 600;
  font-size: 14px !important;
  left: 52px;
  padding-left: 10px !important;
  position: relative;
}
@media all and (max-width: 767px) {
  .list_title {
    left: 10px;
  }
}
.lockScreen_loader {
  margin-right: 0;
  color: #37B2FA;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  font-size: 6pt;
}
@media all and (min-width: 1024px) {
  .lockScreen_loader {
    top: 35px;
  }
}
@media only screen and (max-width: 867px) {
  .lockScreen_loader {
    top: 31px;
  }
}
@media all and (max-width: 767px) {
  .lockScreen_loader {
    top: 15px;
    font-size: 5pt;
  }
}
@media all and (max-width: 767px) {
  .emergency_contact_div {
    margin: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .dropdown_btn_top {
    bottom: 0;
    position: relative;
    margin-top: 0 !important;
  }
}
.click_fn {
  position: relative !important;
  text-align: right;
}
@media all and (max-width: 767px) {
  .click_fn {
    text-align: right;
    font-weight: 600;
    color: #37B2FA;
  }
}
.click_fn .right_chevron {
  padding-right: 20px;
}
.click_fn .right_chevron .fa {
  position: relative;
  top: -3px;
  font-weight: 300 !important;
  padding-left: 10px;
  font-size: 8pt;
}
.rescue_wallet_section {
  background: #f1ab2f;
  padding: 20px 10px;
  text-align: center;
}
@media all and (min-width: 1024px) {
  .rescue_wallet_section {
    width: 32%;
    padding: 20px 4px;
  }
}
@media all and (max-width: 767px) {
  .rescue_wallet_section {
    background: #f1ab2f;
    padding: 20px 10px;
    margin-top: 15px;
    text-align: center;
    width: 94%;
    margin: 0 3% 20px 3%;
  }
}
.rescue_wallet_section img {
  display: block;
  margin: 0 auto 20px auto;
}
.rescue_wallet_section h4 {
  color: #333;
  font-size: 11pt;
}
@media only screen and (max-width: 867px) {
  .rescue_wallet_section h4 {
    font-size: 10pt;
  }
}
.rescue_wallet_section .prnt_id_ice {
  background: #444444;
  color: #ffffff;
  font-size: 12pt;
  /* width: 100%; */
  padding: 10px 0;
  border-radius: 4px;
  display: block;
  width: auto;
  padding: 7px 10px;
  margin: 10px auto 0;
}
@media only screen and (max-width: 867px) {
  .rescue_wallet_section .prnt_id_ice {
    font-size: 9pt;
  }
}
.rescue_wallet_section .prnt_id_ice a {
  color: #ffffff;
}
.rescue_wallet_section .prnt_id_ice a:hover {
  color: #ffffff;
}
.rescue_wallet_section .prnt_id_ice:hover {
  background: #444444;
}
.account_holder_left_box h3 {
  text-transform: uppercase;
  font-size: 14px !important;
  font-weight: 500;
  color: #000000;
  border-bottom: 1px solid #cccccc;
  padding: 0;
  display: inline-block;
  margin-bottom: 5px;
}
@media only screen and (max-width: 867px) {
  .account_holder_left_box h3 {
    margin-left: 0px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_left_box .popover__content {
    left: 30% !important;
  }
}
.link-field img,
.link-field span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  padding: 5px 0 0 5px;
}
@media all and (max-width: 767px) {
  .article-icon-right h2 {
    text-align: left;
  }
}
.article-icon-right h2 span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-weight: 600;
  color: #333;
  margin-top: 4px;
}
@media all and (max-width: 767px) {
  .article-icon-right h2 span {
    text-align: left;
    margin-top: 5px;
  }
}
.link-field em {
  margin-top: 2px;
}
@media all and (max-width: 767px) {
  .account_holder_members {
    background: #ffffff !important;
    margin: 0px 5px 20px 5px !important;
    border: 1px solid #cccccc !important;
  }
}
@media only screen and (max-width: 867px) {
  .account_holder_members {
    margin: 10px 0px 20px 0px !important;
  }
}
@media all and (min-width: 1024px) {
  .account_holder_members h2 {
    padding: 15px 50px !important;
  }
  .account_holder_members h2 span {
    font-size: 16px !important;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members h2 {
    padding: 15px 10px;
  }
}
.account_holder_members .vertical_scroll {
  padding: 0;
}
@media only screen and (max-width: 867px) {
  .account_holder_members .vertical_scroll {
    padding: 0 15px;
  }
}
@media all and (max-width: 767px) {
  .account_holder_members .vertical_scroll {
    padding: 0 5px;
  }
}
@media all and (max-width: 767px) {
  .member_ecp tbody {
    border: none !important;
  }
}
.member_ecp tr {
  border-top: none !important;
}
.member_ecp .right-add-person {
  margin-top: 0;
}
.member_ecp .resend_nomination_btn {
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  .click_fn {
    position: absolute !important;
    top: 0;
    right: 0;
  }
}
#more_txt {
  border: none;
}
@media all and (max-width: 767px) {
  #more_txt .arrow_btn {
    padding-right: 20px;
    text-align: right;
    margin-top: -10px;
    color: #20b2fc;
    font-weight: 500;
    font-size: 12pt;
    float: right;
    z-index: 999;
    position: relative;
  }
}
#more_txt td {
  padding: 0 !important;
}
@media all and (max-width: 767px) {
  #more_txt td {
    padding: 10px 0 !important;
  }
}
#more_txt .fa-chevron-down {
  color: #333;
  background: none;
  padding-left: 10px;
  width: 20px;
  height: 20px;
}
#more_txt .fa-chevron-down:before {
  content: "\f078";
  display: block;
  position: absolute;
  z-index: 99;
  margin-top: 4px;
}
#more_txt .fa-chevron-up {
  background: none;
  width: 20px;
  color: #333;
  height: 20px;
}
#more_txt .fa-chevron-up:before {
  right: 20px;
  top: 20px;
}
@media all and (max-width: 767px) {
  .sub-over {
    position: relative;
  }
  .sub-over td {
    position: absolute;
    right: 0;
    top: -25px;
    width: 100%;
  }
}
.emergency_contact_div #collapseOne0 {
  border-right: 1px dashed #dbdbdb !important;
}
@media all and (max-width: 767px) {
  .emergency_contact_div #collapseOne0 {
    border-right: none !important;
  }
}
.member_block #collapseOne0 {
  border-right: none !important;
}
.emergency_contact_div .dropdown-menu-left {
  top: 80%;
}
.memberForm .title {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e8ea;
}
.memberForm .title h3 {
  background: none;
}
@media all and (max-width: 767px) {
  .empty_account_loader {
    margin: 10px 8px 0px 8px;
  }
}
.empty_account_loader span {
  line-height: 0;
  display: inline-block;
  position: relative;
  top: -4px;
  left: 5px;
  /* z-index: 9999; */
  font-weight: 500;
}
@media all and (max-width: 767px) {
  .basic_info_bottom_space {
    margin-bottom: 40px !important;
  }
}
.twitter_msg_background {
  width: 475px;
  text-align: left;
  padding: 5px 5px 5px 5px;
  background: #25bafa;
}
.twitter_msg_background span {
  color: #ffffff;
  padding-left: 30px;
  font-size: 16px;
  padding-top: 10px;
}
.personal_nfo_area {
  max-width: 650px;
  width: 100%;
  border: 1px solid #cccccc;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media all and (max-width: 767px) {
  .personal_nfo_area {
    border: none;
  }
}
.personal_nfo_area .title {
  background: #dbdbdb;
  padding: 17px;
}
.personal_nfo_area .title h3 {
  font-size: 24px;
  background: none;
}
.personal_nfo_area .descript_are {
  text-align: center;
  padding: 5px 9px;
  font-size: 13px;
}
.personal_nfo_area .btn-web {
  background-color: #20b2fc;
  cursor: pointer !important;
  border: 0px;
  width: 100%;
  border-radius: 0;
  margin-top: 0 !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Roboto';
  letter-spacing: 0px;
  background-image: none !important;
  padding: 8px 0 7px 0 !important;
  transition: background 0.5s;
  font-style: normal;
}
.personal_nfo_area .btn-web .upload-btn {
  text-transform: uppercase !important;
  font-weight: 300 !important;
  font-style: normal !important;
  font-family: 'Roboto';
  letter-spacing: 0px;
  color: #ffffff !important;
  background-image: none !important;
  font-size: 20px;
}
.personal_nfo_area .box-register {
  width: 90%;
  margin: 20px auto;
}
@media all and (max-width: 767px) {
  .personal_nfo_area .box-register {
    width: 98%;
  }
}
.emergency_channel_section {
  width: 100%;
  border: 1px solid #cccccc;
  margin: 0 auto;
  margin-bottom: 40px;
}
.emergency_channel_section .title {
  background: #dbdbdb;
  padding: 17px;
}
.emergency_channel_section .title h3 {
  font-size: 24px;
  background: none;
}
.emergency_channel_section p.guide {
  background: #D32D27;
  color: #ffffff;
  padding: 5px 9px;
  font-size: 13px;
}
.emergency_channel_section .fb_messenger {
  background: #0080FF;
  border-radius: 0;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  padding: 10px 0 !important;
  text-align: left;
}
.emergency_channel_section .fb_messenger span {
  letter-spacing: 0px;
}
@media only screen and (max-width: 321px) {
  .emergency_channel_section .fb_messenger {
    text-align: center;
  }
}
.emergency_channel_section .fb_messenger img {
  margin-left: 15px;
  margin-right: 15px;
}
.emergency_channel_section .twitter_box {
  background: #20b2fc;
  border-radius: 0;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  padding: 13px 0 !important;
  text-align: left;
}
@media only screen and (max-width: 321px) {
  .emergency_channel_section .twitter_box {
    text-align: center;
  }
}
.emergency_channel_section .twitter_box span {
  letter-spacing: 0px !important;
}
.emergency_channel_section .twitter_box img {
  margin-left: 15px;
  margin-right: 15px;
}
.emergency_channel_section .twitter-follow {
  text-align: right;
  font-weight: 500;
}
@media only screen and (max-width: 321px) {
  .emergency_channel_section .twitter-follow {
    text-align: center;
  }
}
.emergency_channel_section .box-register {
  width: 70%;
  margin: 20px auto;
}
@media all and (max-width: 767px) {
  .emergency_channel_section .box-register {
    width: 98%;
  }
}
.personal_nfo_area .cropArea {
  margin-top: -50px;
}
.personal_nfo_area .upload_save_button {
  width: 100px;
  border-radius: 4px;
}
@media all and (max-width: 767px) {
  .personal_nfo_area #upload_btn_web {
    margin-top: 0px !important;
  }
  .personal_nfo_area .upload_text {
    margin-top: 15px;
  }
  .personal_nfo_area .cropArea {
    margin-top: 0px;
    height: auto;
  }
}
@media only screen and (max-width: 867px) {
  .personal_nfo_area #upload_btn_web {
    margin-top: 5px !important;
  }
}
.cropArea {
  width: auto;
  height: 250px;
  margin-left: 0 !important;
  overflow: hidden;
}
.cropArea img-crop {
  width: 300px;
  height: 300px;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.cropArea img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
}
.account_security_section {
  max-width: 650px;
  width: 100%;
  border: 1px solid #cccccc;
  margin: 0 auto;
  margin-bottom: 40px;
}
.account_security_section .title {
  background: #dbdbdb;
  padding: 17px;
}
.account_security_section .title h3 {
  font-size: 24px;
  background: none;
}
.account_security_section .box-register {
  width: 70%;
  margin: 20px auto;
}
@media all and (max-width: 767px) {
  .account_security_section .box-register {
    width: 98%;
  }
}
.visa_popup {
  width: 400px;
  margin: 20% auto !important;
  border-radius: 8px;
  overflow: hidden !important;
  padding: 0 !important;
  background: #18226C !important;
  height: 310px;
}
@media only screen and (max-width: 867px) {
  .visa_popup {
    bottom: auto !important;
    height: 39%;
  }
}
@media all and (max-width: 767px) {
  .visa_popup {
    width: 80%  !important;
    bottom: auto !important;
    padding: 15px 0 0 0 !important;
    height: 56%;
  }
}
.visa_popup .modal-dialog {
  margin: 0 auto !important;
  width: 100%;
}
.visa_popup img {
  margin: 0 auto !important;
  display: block;
}
.visa_popup .modal-header {
  padding: 0 15px;
}
.visa_popup .modal-header .close {
  margin-top: 11px;
  color: #ffffff;
  text-shadow: none;
  font-size: 23pt;
  position: absolute;
  top: -7px;
  right: 11px;
  float: none !important;
  width: auto !important;
}
@media all and (max-width: 767px) {
  .visa_popup .modal-header .close {
    right: 0;
  }
}
.visa_popup .modal-content {
  background: none !important;
  color: #ffffff;
}
.visa_popup .modal-body {
  font-size: 12pt;
  font-weight: 500;
  text-align: center;
  padding: 10px 20px 25px 20px;
  width: 100%;
  line-height: 28px;
}
@media all and (max-width: 767px) {
  .visa_popup .modal-body {
    padding: 10px 15px 25px 15px;
  }
}
.member_QRCode {
  left: 0;
}
@media all and (max-width: 767px) {
  .member_QRCode:before {
    top: -10px;
  }
}
@media all and (max-width: 767px) {
  .member_QRCode {
    left: 25%;
  }
}
.member_mobile_align .member-id,
.member_mobile_align .popover__wrapper {
  margin: 0;
}
@media only screen and (max-width: 867px) {
  .member_mobile_align .member-id,
  .member_mobile_align .popover__wrapper {
    margin: 0 0;
  }
}
@media all and (max-width: 767px) {
  .member_mobile_align {
    text-align: center;
  }
  .member_mobile_align .user_photo_box {
    float: none;
    margin: 0 auto;
  }
  .member_mobile_align h3 {
    width: 100% !important;
    padding: 0 !important;
    margin: 10px 0 0  !important;
  }
  .member_mobile_align .member-id,
  .member_mobile_align .popover__wrapper,
  .member_mobile_align .account_heading_photo_box {
    margin: 0 !important;
  }
}
.btn_close_icon {
  display: none;
}
@media all and (max-width: 767px) {
  .top_header {
    width: 100%!important;
    margin: 0 0 0 0 !important;
  }
}
#printModal .title h3 {
  margin: 0px !important;
}
.subscription_tab {
  min-height: 467px;
}
@media all and (max-width: 767px) {
  .subscription_tab {
    min-height: auto;
  }
}
.subscription_tab .nav-tabs {
  line-height: 7px;
}
.subscription_tab .nav-tabs li.active,
.subscription_tab .nav-tabs li.active > a,
.subscription_tab .nav-tabs .active > a:hover,
.subscription_tab .nav-tabs .active > a:focus {
  background-color: none !important;
  background: none !important;
  color: #20b2fc !important;
  opacity: inherit;
  border-bottom: 2px solid #20b2fc;
}
.subscription_tab .nav-tabs > li > a {
  font-size: 11pt;
  font-weight: 500 !important;
  padding: 5px 0;
  opacity: 0.3;
  cursor: pointer;
}
.subscription_tab .nav-tabs > li {
  margin-bottom: -1px;
  margin: 0 0 0 0;
  width: 49.5%;
  cursor: pointer;
  float: none;
  text-align: center;
  display: inline-block;
  border-bottom: 2px solid transparent;
}
@media all and (max-width: 767px) {
  .subscription_tab .nav-tabs > li {
    width: 49%;
  }
}
.subscription_tab #alipay .stripe-group {
  text-align: left;
  border-bottom: 1px solid #CCC;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
@media all and (max-width: 767px) {
  .subscription_tab #alipay .stripe-group {
    margin: 0;
  }
}
.subscription_tab #alipay label > span {
  position: relative;
}
@media all and (max-width: 767px) {
  .subscription_tab #alipay label > span {
    font-size: 14px;
  }
}
.subscription_tab #alipay .label_text {
  font-weight: 300;
  padding-left: 5px;
}
.paymentsuccess_outer {
  background: #fff;
  padding: 25px 0;
  border: 1px solid #eee;
}
.paymentsuccess_outer h3 {
  margin: 0 0 10px 0;
}
.paymentsuccess_outer div {
  font-size: 18px;
  margin: 0;
  padding: 5px 0px;
}
.paymentsuccess_outer i {
  color: #37B2FA !important;
}
.AlipayPayment-message {
  font-weight: 500;
  color: #18226c;
}
.emergency_alert {
  padding: 10px 0 0 0!Important;
}
.emergency_alert li {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.emergency_alert p:first-child {
  padding-bottom: 10px;
}
.emergency_alert .pb-15 {
  padding-bottom: 0;
}
.emergency_alert p {
  padding-bottom: 15px;
  font-size: 12px;
  color: #333;
  padding-top: 10px;
}
@media all and (max-width: 767px) {
  .emergency_alert p {
    padding-bottom: 0;
  }
}
.emergency_alert .alert-popup {
  text-align: left;
  padding-bottom: 8px;
}
.emergency_alert .modal-body {
  padding: 15px 0 0 0;
  margin: 0;
}
.emergency_alert br {
  display: none;
}
.emergency_alert a {
  display: block !important;
  width: 130px;
  text-align: center;
  margin-top: 10px !important;
}
.emergency_alert_list {
  padding: 15px 0 0 ;
}
.emergency_alert_list .message-time {
  margin: 0;
}
@media all and (max-width: 767px) {
  .emergency_alert_list .message-time {
    font-size: 13px;
  }
}
.emergency_alert_list p {
  padding-bottom: 10px;
}
@media all and (max-width: 767px) {
  .emergency_alert {
    padding: 0 !important;
  }
}
.emergency_alert .pb-15 .contact-number {
  float: right;
  margin-left: 0;
  margin-top: 0!important;
  position: relative;
  top: 0;
  padding: 0 10px 0 0!important;
  width: auto;
}
@media all and (max-width: 767px) {
  .emergency_alert .pb-15 .contact-number {
    padding: 5px 10px 5px 0!important;
    display: block!important;
    float: none;
    text-align: left;
  }
}
@media all and (max-width: 767px) {
  .emergency_alert .pb-15 br {
    display: block !important;
  }
  .emergency_alert .pb-15 .first-p-child-alert br,
  .emergency_alert .pb-15 .third-p-child-alert br {
    display: none !important;
  }
  .emergency_alert .pb-15 h3.mobile {
    display: none !important;
    visibility: hidden !important;
  }
}
@media all and (max-width: 767px) {
  .emergency_alert a.contact-number {
    font-size: 13px;
  }
}
.loading_icon_price {
  position: relative !important;
}
.loading_icon_price:after {
  content: '';
  display: block;
  position: absolute;
  opacity: 9;
  width: 18px;
  height: 18px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-right-color: #fff;
  border-radius: 50%;
  left: 18px;
  top: 6px;
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: .5s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: .5s;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  transition: all 0.2s linear;
  -webkit-transform: scale(2);
}
.loading_icon_price span {
  padding-left: 20px;
}
.loading_icon_edit:after {
  left: 10px !important;
  top: 7px;
}
.prnt_id_ice_btn {
  min-width: 170px;
}
.loading_icon_pay_btn:after {
  left: 90px;
  top: 13px;
}
@media all and (max-width: 767px) {
  .loading_icon_pay_btn:after {
    left: 50px;
  }
}
.loading_icon_alipay_btn:after {
  left: 40px;
  top: 13px;
}
@media all and (max-width: 767px) {
  .loading_icon_alipay_btn:after {
    left: 15px;
  }
}
.loading_save_btn:after {
  left: 10px;
  top: 7px;
}
@media all and (max-width: 767px) {
  .loading_save_btn:after {
    left: 8px;
  }
}
.loading_save_btn1:after {
  left: 10px;
  top: 7px;
}
@media all and (max-width: 767px) {
  .loading_save_btn1:after {
    left: 12px;
  }
}
.member-second-btn-save {
  right: 150px !important;
  top: 20px !important;
}
@media all and (max-width: 767px) {
  .success-message {
    right: 0px;
    z-index: 9999;
    left: 0px;
    top: -40px;
  }
}
.forgotpasswordCls {
  padding: 0px;
  text-align: center;
  font-size: 16px;
}
.showProfileExpireTime {
  text-align: center;
}
.showProfileExpireTime span {
  width: 100%;
  color: red;
  font-size: 16px;
  display: block;
}
.account_holder_members .member_block .fin_list td.ecp_title_class {
  font-weight: 600;
  font-size: 14px !important;
  padding: 20px 3px 8px 53px !important;
  background-color: #eee;
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .fin_list td.ecp_title_class {
    padding: 10px 3px 8px 10px !important;
  }
}
.email-confirm-clas {
  float: left;
  width: 98%;
  margin: 5px 0px 0px 1%;
}
.email-confirm-clas span {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.email-confirm-clas div {
  float: left;
  clear: both;
  width: 100%;
}
.email-confirm-clas div a {
  width: 100%;
}
.active-resend-email-help p {
  line-height: 18px;
  padding-top: 10px;
}
.active-resend-email-help ol {
  list-style: none;
  counter-reset: item;
  padding: 10px;
  font-size: 14px;
}
.active-resend-email-help li {
  counter-increment: item;
  padding: 5px;
}
.active-resend-email-help li:before {
  margin-right: 10px;
  content: counter(item);
  border-radius: 100%;
  color: black;
  width: 1.2em;
  text-align: center;
  display: inline-block;
}
.active-resend-email-help .ol-margin {
  margin-left: 5%;
}
@media all and (max-width: 767px) {
  .email-active-help {
    padding-bottom: 16px;
  }
  .email-active-help span {
    font-weight: 400;
    font-size: 14px;
  }
}
.resend_email_form li {
  display: -ms-flexbox;
  display: flex;
}
.resend_email_form li:before {
  width: 8px;
}
@media only screen and (max-width: 867px) {
  .resend_email_form {
    padding: 20px 40px;
  }
  .resend_email_form .mobile-cover {
    width: 100%;
  }
  .resend_email_form .mobile-cover #resend-active-email {
    margin: 0px !important;
    padding: 15px 0 0 0 !important;
  }
  .resend_email_form .mobile-cover .align_padding {
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .resend_email_form {
    padding: 5px;
  }
}
.resend_email_form h4 {
  font-size: 15px;
}
.resend_email_form .form-outer {
  padding: 20px 0 0 0;
  width: 68%;
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .resend_email_form .form-outer {
    padding-top: 10px;
    width: 100%;
    margin: 0 auto;
  }
}
.success_ecp_detail {
  vertical-align: top;
}
.emailCopyDiv {
  padding: 7px !important;
  margin-top: 15px !important;
}
.account_holder_info_box {
  padding: 0;
}
.account_holder_info_box .setting_box {
  padding: 0 0 25px 25px;
}
.account_holder_info_box1 {
  padding: 0 10px 25px 10px;
}
.account_holder_info_box1 .box-view-pro li div.row {
  padding: 25px 0;
}
.account_holder_info_box1 .setting_box ul li {
  margin-right: 27px;
  width: 47.5px;
}
.article-wrap-container .account_holder_members h2 {
  padding: 12px 25px !important;
}
@media all and (max-width: 767px) {
  .article-wrap-container .print_record_wall {
    margin-left: 0px;
  }
}
.sync-status-block {
  padding: 25px 40px 0 40px ;
}
.sync-status-block .vertical_scroll {
  padding-top: 0 !important;
  margin-bottom: 25px;
}
.account_holder_left_box h3 {
  margin-bottom: 10px;
}
.account_holder_members h2 {
  padding: 12px 25px !important;
  line-height: 38px;
}
@media (min-width: 1024px) {
  .account_holder_members .main-wrap {
    padding: 0 0 10px;
  }
}
.account_holder_members .member_block .fin_list td {
  padding: 10px 5px!important;
}
@media all and (max-width: 767px) {
  .account_holder_members .member_block .fin_list td {
    padding: 5px!important;
  }
}
.account_holder_members h2 {
  padding: 12px 25px !important;
}
.emergency_contact_div_container .account_holder_members h2 {
  padding: 12px 25px !important;
}
.emergency_contact_div_container .sync-status-block {
  padding: 25px 40px 0 40px;
}
.emergency_contact_div_container .sync-status-block .vertical_scroll {
  padding-top: 0 !important;
  margin-bottom: 25px;
}
.emergency_contact_div_container #ecp_list_details {
  min-height: 110px;
  margin-top: 25px;
}
.emergency_contact_div_container #ecp_list_details button span {
  margin-top: 0;
}
.emergency_contact_div_container .main_grid_list_details {
  padding-bottom: 0px;
}
@media all and (min-width: 1024px) {
  .emergency_contact_div_container .main_grid_list_details {
    padding-right: 5px;
  }
}
@media all and (min-width: 1024px) {
  .emergency_contact_div .fin_list td {
    text-align: left;
  }
  .emergency_contact_div .fa-chevron-down:before {
    text-align: left;
    left: 30px;
    top: 35px;
  }
  .emergency_contact_div .fa-chevron-up:before {
    text-align: left;
    left: 30px;
    top: 35px;
  }
  .emergency_contact_div .add_member_record {
    right: 22px !important;
  }
  .emergency_contact_div .member-id {
    padding-left: 0 !important;
  }
  .emergency_contact_div .full-phone-number:hover {
    width: auto !important;
  }
  .emergency_contact_div .member_ellipse_icon {
    min-width: auto;
  }
  .emergency_contact_div .dropdown-menu-left {
    width: auto;
  }
}
@media all and (min-width: 1024px) {
  .personal_info span {
    margin-bottom: 0 !important;
  }
  .personal_info .fa-question-circle:before {
    vertical-align: middle;
  }
  .personal_info .icon-star_icon:before {
    margin-left: 0;
  }
  .personal_info .left_10 {
    padding-left: 0 !important;
  }
  .personal_info .title {
    margin-bottom: 20px;
  }
  .personal_info select.form-control {
    margin-bottom: 0;
  }
  .personal_info .personal_nfo_area {
    padding-bottom: 15px;
  }
  .personal_info .box-register p {
    margin-bottom: 25px;
    margin-bottom: 0 !important;
    font-size: 15px;
  }
  .personal_info .email_field {
    margin-bottom: 5px !important;
  }
  .personal_info .emergency_channel_section .title {
    margin-bottom: 25px;
  }
  .personal_info .form-control {
    margin-bottom: 5px;
  }
}
@media all and (max-width: 767px) {
  .personal_info .box-register p {
    font-size: 13px;
  }
}
@media all and (min-width: 1024px) {
  .emergency_contact_div_block .resend_nomination_dat {
    right: 15px !important;
  }
}
@media all and (min-width: 1024px) {
  .memberForm-block {
    padding: 23px 25px 0 25px;
  }
  .memberForm-block span {
    margin-bottom: 0;
  }
  .memberForm-block .fa-question-circle {
    vertical-align: middle;
  }
  .memberForm-block .form-control {
    margin-bottom: 5px !important;
  }
  .memberForm-block input[type="checkbox"] {
    vertical-align: middle;
    margin: 0;
  }
  .memberForm-block .form-group {
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }
  .memberForm-block .member-nationality-class {
    margin-top: 15px !important;
  }
}
@media all and (min-width: 1024px) {
  .additional-information-wallet {
    margin-top: 50px;
  }
  .additional-information-wallet .form-person-body {
    padding: 10px !important;
  }
  .additional-information-wallet .panel-body {
    padding: 10px 20px;
  }
  .additional-information-wallet .title {
    margin-bottom: 25px;
  }
  .additional-information-wallet .errow-text {
    margin-bottom: 25px;
  }
}
.margin-a a {
  margin-left: 10px;
}
@media all and (max-width: 767px) {
  .account-not-completed {
    padding: 10px 10px !important;
  }
}
#resend-active-email {
  padding-top: 15px !important;
}
.alert_trigger_message h1 {
  font-size: 20px  !important;
  font-weight: 500 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.alert_trigger_message .phone_no {
  min-height: 45px;
}
@media all and (max-width: 767px) {
  .alert_trigger_message .phone_no {
    min-height: auto;
  }
}
.update_email_popup {
  float: left;
  width: 100%;
  margin: 0px auto;
  text-align: center;
}
.dropdown_moblie li {
  position: relative;
  clear: both;
}
.dropdown_moblie li a {
  cursor: pointer;
}
.dropdown_moblie .dropdown-menu {
  position: relative;
  width: 100%;
  box-shadow: none;
  display: none;
  cursor: pointer;
}
.dropdown_moblie .dropdown-menu a span {
  font-size: 15px;
  vertical-align: middle;
}
.dropdown_moblie .dropdown-menu a {
  padding-left: 50px;
}
.dropdown_moblie .open > .dropdown-menu {
  display: block !important;
}
.dropdown_moblie .lockScreenId_white {
  height: 20px;
  width: 15px;
  margin-right: 4px;
  margin-left: 2px;
}
.dropdown_moblie .padding_left_text span {
  margin-left: 10px;
}
.dropdown_moblie .padding_left_text img {
  padding-left: 4px;
}
.dropdown_moblie .padding_left4 span {
  padding-left: 4px;
}
.android_app.container {
  margin: 0 auto;
}
.android_app {
  margin: 20px 4%;
  text-align: left;
}
.android_app a,
.android_app div {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin: 0;
  padding: 15px 0;
  cursor: pointer;
}
.android_app a a,
.android_app div a {
  display: inline;
  border-bottom: 0px solid #eee;
  padding: 0px;
}
.android_app .china_store_link_div img {
  float: left;
  width: 35px;
  height: auto;
}
.android_app .china_store_link_div a {
  color: #177E89;
}
.android_app .or_text_class {
  display: block;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
}
.email-active-help {
  padding-bottom: 16px;
}
@media all and (max-width: 767px) {
  .email-active-help {
    padding-bottom: 5px;
  }
}
.update_email_popup {
  float: left;
  width: 100%;
  margin: 0px auto;
  text-align: center;
}
.navbar-right .list-group {
  margin-bottom: 0;
}
#Menu .in {
  opacity: 1;
  display: block;
  transform: scale(1);
}
#Menu .lockScreenId_white {
  width: 10px;
  margin: 0 9px 0 2px;
}
#Menu .navbar-right .list-group {
  margin-bottom: 0;
}
#Menu .sub-menu > li > a:hover,
#Menu .sub-menu > li > a:focus {
  color: #c4e8fd;
  background-color: #07a9fc !important;
  text-decoration: none;
}
#Menu .sub-menu:before,
#Menu .navbar-collapse:after {
  width: 0;
  position: absolute;
  top: -10px;
  content: "";
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #47B9FB;
  right: 15px;
}
#Menu .padding_left a {
  padding-left: 35px !important;
}
#Menu .download_btn {
  margin: 0;
}
#Menu a {
  font-weight: 500;
}
#dropdownMenuButtonDsk1 {
  background: url(../images/download.png) no-repeat 10px center !important;
  padding-left: 36px;
}
@media only screen and (max-width: 370px) {
  .menu-mobile li a {
    font-size: 16px;
    padding: 8px;
  }
  .tab-mobile span {
    font-size: 14px;
  }
  .dropdown_moblie .dropdown-menu a {
    padding-left: 40px;
  }
  .dropdown_moblie .dropdown-menu a span {
    font-size: 13px;
  }
}
@media all and (max-width: 767px) {
  .premium_icon {
    padding: 0 4px;
  }
}
@media only screen and (max-width: 867px) {
  .premium_btn_mobile,
  .free_btn_mobile {
    top: 18px;
    padding: 0 4px;
    min-width: 60px;
    right: 8%;
    font-size: 9pt;
    position: absolute;
  }
}
@media all and (max-width: 767px) {
  .premium_btn_mobile,
  .free_btn_mobile {
    top: 16px;
    padding: 4px 10px;
    min-width: 40px;
    right: 12% !important;
    font-size: 8pt;
  }
  .navbar-toggle {
    margin-top: 6px;
  }
}
@media only screen and (max-width: 370px) {
  .premium_btn_mobile,
  .free_btn_mobile {
    padding: 2px 6px !important;
    right: 13.5% !important;
  }
}
p.guide,
.terms-link {
  text-align: justify !important;
}
.box-register .alert span {
  margin-bottom: 0px !important;
}
.clear_float_width {
  clear: both;
  float: left;
  width: 100%;
}
.txt_align_left {
  text-align: left !important;
}
@media only screen and (max-width: 867px) {
  .justified-links .enterId-class {
    margin-right: -70px !important;
    text-align: left !important;
  }
  .justified-links .txt_align_center {
    text-align: right !important;
    margin-right: -10px !important;
  }
}
@media only screen and (max-width: 375px) {
  .justified-links .enterId-class {
    margin-right: -35px !important;
    text-align: left !important;
  }
  .justified-links .txt_align_center {
    text-align: right !important;
    margin-right: -10px !important;
  }
}
@media only screen and (max-width: 321px) {
  .justified-links .label-text {
    display: block !important;
  }
  .justified-links .enterId-class {
    margin-right: -40px !important;
  }
}
.form-group-mrgn-botm {
  margin-bottom: 5px !important;
}
.padding-clas {
  padding: 8px !important;
}
#ecp_list_details .set-font-size {
  font-size: 16px;
  line-height: 1;
}
.ecp_list_details .dropdown_btn .btn {
  float: none;
  margin-top: 2px;
}
#finlist-div-id .fin_list .photo-clas {
  color: #333;
}
#finlist-div-id .fin_list .no-border-class {
  border: none !important;
  text-align: center;
}
#finlist-div-id .fin_list .delete-fin-ecp-class {
  background-color: #FF524D;
  border: none;
  font-size: 9.6px;
  padding: 8px 14px 8px 22px;
  border-radius: 5px;
  margin-right: 0;
  font-weight: 700;
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 900;
  font-family: 'Roboto';
  letter-spacing: 0.08em;
  white-space: normal !important;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  width: 30px;
  padding: 0;
  float: left;
  text-transform: uppercase;
}
#finlist-div-id .fin_list .delete-fin-ecp-class:hover {
  color: #ffffff;
  border: none;
  cursor: pointer;
}
#finlist-div-id .fin_list .delete-fin-ecp-class:before {
  left: 0;
  right: 0;
  margin: 0 auto!important;
  top: 0;
  content: "";
  width: 20px;
  height: 30px;
  background: url(../images/remove_member.png) no-repeat center center !important;
  display: block;
  background-size: 10px 10px !important;
  background-position-y: 0px;
  background-position-x: 0px;
  -webkit-margin-before: 10px;
}
#finlist-div-id .fin_list .member-id {
  background-color: #44B8F3;
  color: white;
}
@media all and (min-width: 1024px) {
  #finlist-div-id .width_120 {
    width: 120px;
  }
  #finlist-div-id .width_100 {
    width: 100px;
  }
  #finlist-div-id .width_214 {
    width: 214px;
  }
  #finlist-div-id .width_143 {
    width: 143px;
  }
  #finlist-div-id .width_60 {
    width: 60px;
  }
}
@media all and (min-width: 1024px) {
  #finlist-div-id .fin_list_table .user-photo {
    width: 30px;
    margin-top: 10px;
    height: 30px;
  }
  #finlist-div-id .fin_list_table .white-icon-class {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    margin-left: 5px;
  }
  #finlist-div-id .fin_list_table span,
  #finlist-div-id .fin_list_table a {
    font-size: 13px;
  }
  #finlist-div-id .fin_list_table .padding_0 {
    padding: 0 !important;
    position: relative;
  }
  #finlist-div-id .fin_list_table .showfinecp-class {
    position: absolute;
    bottom: 2px;
  }
  #finlist-div-id .fin_list_table .fa-chevron-down {
    color: #000;
    font-size: 14px;
  }
  #finlist-div-id .fin_list_table .top_margin {
    margin-top: 12px;
    display: inline-block;
    margin-bottom: 12px;
    font-size: 14px;
  }
  #finlist-div-id .fin_list_table #full-date,
  #finlist-div-id .fin_list_table .full-phone-number {
    font-size: 14px !important;
    margin: 10px 0 0 0;
  }
  #finlist-div-id .fin_list_table .full-phone-number {
    white-space: nowrap;
    border: 1px solid #CCC;
  }
  #finlist-div-id .fin_list_table .member-id {
    padding: 3px 28px 4px 12px;
    font-size: 12px;
  }
}
.partner-name-account {
  font-weight: 600;
}
.api_key_field .display-section {
  margin: 0px 0px 0 0px;
  text-align: center;
  float: right;
  padding: 0;
  position: absolute;
  right: 5px;
  top: -3px;
}
.api_key_field .form-control {
  width: 70% !important;
}
.fin_list .border_top td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.fin_list .border_top .full-phone-number {
  margin-top: 0px !important;
  margin-bottom: 15px !important;
}
.partner-Members-clas {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 0px !important;
}
.partner-Members-clas .main_qr {
  background: #efefef;
  padding: 20px;
  border-bottom: 1px solid #e0d7d7;
  margin-bottom: 15px;
}
@media all and (max-width: 767px) {
  .partner-Members-clas .main_qr {
    margin: 3px;
  }
}
@media all and (max-width: 767px) {
  .partner-Members-clas .main_qr .qr_code_box {
    margin-top: 10px !important;
  }
}
.partner-Members-clas .qr-code-checkbox {
  padding-bottom: 4px;
}
.partner-Members-clas .qr-code-checkbox img {
  margin: 0;
}
.partner-Members-clas h3 {
  margin-top: 0px !important;
}
.partner-Members-clas h6 {
  margin-bottom: 0px !important;
}
.partner-Members-clas .center div {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
}
.partner-Members-clas .center div button {
  vertical-align: top;
}
.partner-Members-clas .qr_code_copy_btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.partner-Members-clas .btn-save {
  width: 150px;
  border-color: #49bafa;
}
.alert-danger span {
  color: #a94442 !important;
}
.download-file-spinner {
  top: unset !important;
  right: unset !important;
  color: #37B2FA !important;
  margin-top: 7px !important;
  float: left;
  position: relative !important;
  margin-bottom: 0px !important;
}
@media all and (min-width: 1024px) {
  .request_fin_form {
    width: 63% !important;
    margin: 0px auto !important;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 867px) {
  .request_fin_form {
    width: 84% !important;
    margin: 0 auto !important;
  }
}
@media all and (max-width: 767px) {
  .request_fin_form {
    width: 100% !important;
    margin: 0 auto !important;
  }
}
.request_fin_form input[type="tel"] {
  width: 42% !important;
}
@media all and (max-width: 767px) {
  .request_fin_form input[type="tel"] {
    width: 100% !important;
  }
}
.request_fin_form .submit_btn {
  display: inline-block;
}
.request_fin_form .fa-spinner-icons {
  position: absolute;
  right: 3px;
  top: 5px;
}
@media all and (max-width: 767px) {
  .request_fin_form .fa-spinner-icons {
    top: 14px ;
  }
}
.request_fin_form .inline-block {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.request_fin_form .inline-block button {
  width: 165px !important;
}
.request_fin_form .alert-danger {
  text-align: center;
}
.profile_info img {
  width: 20px;
}
.table_grid_tab {
  padding: 0 !important;
  margin: 10px 5px!important;
}
@media all and (max-width: 767px) {
  .fin_list_grid {
    margin: 0;
  }
}
.margin_top_none {
  margin: 0 !important;
  padding: 15px 15px !important;
}
@media all and (max-width: 767px) {
  .table_fin tr {
    margin: 0 10px;
  }
}
@media all and (max-width: 767px) {
  .padding_left_mobile {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 867px) {
  .fin_list_table_data th {
    padding: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .fin_list_table_data td {
    padding-left: 25% !important;
  }
  .fin_list_table_data td .delete-fin-ecp-class {
    position: absolute;
    top: 20px;
    right: 15px;
  }
  .fin_list_table_data td:nth-of-type(1):before {
    content: "Photo:";
    display: block !important;
  }
  .fin_list_table_data td:nth-of-type(2):before {
    content: "iCE ID:";
  }
  .fin_list_table_data td:nth-of-type(3):before {
    content: "Email:" !important;
  }
  .fin_list_table_data td:nth-of-type(4):before {
    content: "Last name:" !important;
  }
  .fin_list_table_data td:nth-of-type(5):before {
    content: "First name:" !important;
  }
  .fin_list_table_data td:nth-of-type(6):before {
    content: "Date of birth:" !important;
  }
  .fin_list_table_data td:nth-of-type(7):before {
    content: "Telephone:" !important;
  }
}
@media only screen and (max-width: 867px) {
  .main-load-content {
    padding: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .main-load-content {
    padding: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .partner-fin-list-div .table_en thead {
    display: none;
  }
  .partner-fin-list-div .table_en tr {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px;
    margin-bottom: 10px;
  }
  .partner-fin-list-div .table_en td:nth-of-type(1):before {
    display: none !important;
  }
  .partner-fin-list-div .table_en td:nth-of-type(1) {
    padding-left: 0px !important;
  }
  .partner-fin-list-div .table_en tr td:last-child {
    position: absolute;
    top: 0;
    right: 0;
  }
  .partner-fin-list-div .fin_list td:before {
    top: 50%;
    transform: translate(0, -50%);
  }
  .partner-fin-list-div .fin_list .member-id {
    margin-top: 0;
  }
  .partner-fin-list-div .fin_list .member-id {
    padding: 4px 12px 4px 12px;
  }
  .partner-fin-list-div .fin_list td {
    padding: 8px 8px 8px 25%!important;
    min-height: 30px;
  }
  .partner-fin-list-div .full-phone-number {
    padding: 0;
  }
  .partner-fin-list-div .fin_list .border_top .full-phone-number {
    margin-bottom: 0 !important;
  }
  .partner-fin-list-div .partner-fin-list-div-ecp td:nth-of-type(6) {
    display: none !important;
  }
  .partner-fin-list-div .partner-fin-list-div-ecp td:nth-of-type(2):before,
  .partner-fin-list-div .partner-fin-list-div-ecp td:nth-of-type(1) {
    content: "iCE ID:";
    display: none;
  }
  .partner-fin-list-div .partner-fin-list-div-ecp td:nth-of-type(2) {
    padding-left: 0 !important ;
    font-weight: bold;
  }
  .partner-fin-list-div .profile-img-div {
    margin-bottom: 15px;
  }
}
.partner-fin-list-div .popover__content {
  left: 10px;
  margin-top: 40px;
}
.partner-page-qr-section .partner-page.popover__wrapper {
  display: block;
}
.partner-page-qr-section .push.popover__content {
  left: 0 !important;
}
.show-member-ecp-section .resend_nomination_dat {
  dislpay: none !important;
  visibility: hidden !important;
}
.section-wrap-view {
  margin-bottom: 0px !important;
}
.additional-information-wallet-view {
  margin-top: 20px !important;
}
.additional-information-wallet-view .title.ng-scope {
  padding-bottom: 20px;
}
.emergencyContactPerson-view {
  padding-bottom: 20px !important;
}
.member-id-section .fa-question-circle {
  vertical-align: initial;
}
.nationality-partner-acns .fa-question-circle {
  margin-left: 10px !important;
}
.gender-partner-acns .fa-question-circle {
  margin-left: 10px !important;
}
.partner-member-tab-details {
  float: left;
  clear: both;
  width: 100%;
}
.ptr-membaredit-button {
  background: none;
  border: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0;
  line-height: 3.5;
}
.partner-member-button-penal {
  text-align: right;
  margin: 15px 0px;
}
.partner-member-button-penal .panel-main-div {
  display: inline-block;
}
.partner-member-button-penal .csv_upload_btn {
  position: relative;
  right: 0;
  z-index: 999;
  width: auto;
  top: 0;
  text-align: left;
}
.partner-member-button-penal .upload_avatar {
  overflow: visible;
  position: relative;
  margin-top: 0px;
  display: inline-block;
}
.partner-member-button-penal .content_block_data .success_msg {
  font-size: 10pt;
  background: #EEE;
  clear: both;
  padding: 10px 10px 5px 10px;
  margin-right: 26px;
  margin-top: 14px;
  position: relative;
  top: 10px;
  border-radius: 4px;
}
.partner-member-button-penal .add-mamber-button {
  display: inline-block;
  vertical-align: top;
  margin-top: 31px;
}
.partner-member-button-penal .add_member_record {
  background-color: #66cc20;
  border: none;
  font-size: 9.6px;
  margin-right: 0;
  color: #ffffff;
  font-weight: 900;
  font-family: 'Roboto';
  letter-spacing: 0.08em;
  white-space: normal !important;
  text-align: center;
  border-radius: 5px;
  padding: 12px 20px 12px 20px;
  text-transform: uppercase;
  vertical-align: top;
  margin-left: 10px;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  float: none;
  width: auto;
}
.partner-member-button-penal .add_member_record:before {
  margin: 0 auto !important;
  content: "";
  width: 20px;
  height: 10px;
  background: url(../images/add_member.png) no-repeat center center !important;
  display: inline-block;
  background-size: 10px 10px !important;
  background-position-y: 0px;
  background-position-x: 0px;
  -webkit-margin-before: 10px;
  position: unset;
}
.partner-member-button-penal .btn-web span {
  float: left;
}
.open-action-panel {
  position: relative;
}
.open-action-panel .dropdown-menu.dropdown-menu-left {
  top: 38px;
  left: auto !important;
  right: 0;
  transform-origin: 100% 0;
  background: #dbdbdb;
  border-radius: 0;
  width: auto;
}
.open-action-panel .dropdown-menu .dropdown-item a span {
  font-size: 15px !important;
}
.open-action-panel .dropdown-item:hover {
  background: #eee;
}
#uploadCsvFile input[type="file"] {
  cursor: pointer;
}
#uploadCsvFile {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  min-height: 50px;
}
#uploadCsvFile .success_msg.text-center {
  margin-top: 0;
  top: 0;
  padding: 10px;
  margin-right: 8px;
}
#uploadCsvFile .member-loading-spinner {
  width: 21px;
  float: left;
  display: list-item;
}
#uploadCsvFile button.green {
  background-color: #72b74a;
}
#uploadCsvFile button.green .fa-spinner {
  background-size: unset !important;
  height: unset !important;
  width: unset !important;
  padding: 0;
  line-height: 0;
  color: #fff;
  margin-left: 7px;
}
.memberlist-html-div .responsive_table_mobile {
  overflow-x: visible;
}
.partner-page-tab-section ul.tabs li {
  margin: 0 2px 0 0px;
}
.member-id-section .member-id {
  padding: 0px !important;
}
.member-id-section .member-id .hideId_mobile {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.member-id-section .ia-label-tooltip-icon-container {
  top: 3px !important;
}
.member-id-section .popover__content {
  left: 0px;
  margin-top: 40px !important;
}
.contact-newinfo {
  margin-top: 15px;
}
.partnerpopupdivsection {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
}
.partnerpopupdivsection .partnerpopupmaindiv {
  height: auto;
  z-index: 99999;
  border: 1px solid #f4f4f4;
  background: #ffffff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  padding: 20px;
  min-height: 110px;
  border-radius: 6px;
  outline: 0;
}
@media only screen and (max-width: 867px) {
  .partnerpopupdivsection .partnerpopupmaindiv {
    top: 30%;
    left: 50%;
    width: 70%;
  }
}
@media all and (max-width: 767px) {
  .partnerpopupdivsection .partnerpopupmaindiv {
    top: 30%;
    left: 50%;
    width: 95%;
  }
}
.partnerpopupdivsection .partnerpopupmaindiv p {
  float: left;
  width: 100%;
  clear: both;
}
.partnerpopupdivsection .wechat-terms {
  font-size: 14px;
  margin-bottom: 15px !important;
  padding-bottom: 0px !important;
}
@media only screen and (max-width: 867px) {
  .partnerpopupdivsection .wechat-terms {
    font-size: 12px;
  }
}
.partnerpopupdivsection .wechat-terms a {
  cursor: pointer !important;
}
.partnerpopupdivsection .ConditionDetailHtml .panel-header-div {
  float: left;
  width: 100%;
}
.partnerpopupdivsection .ConditionDetailHtml .panel-body {
  float: left;
  clear: both;
  width: 100%;
  max-height: 165px;
  background: #eee;
  overflow-y: scroll;
  margin-bottom: 45px;
}
@media all and (max-width: 767px) {
  .partnerpopupdivsection .ConditionDetailHtml .panel-body {
    max-height: 250px;
  }
}
.partnerpopupdivsection .popupBtnSection {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0px auto;
  clear: both;
  margin-top: 10px;
  margin-bottom: 5px;
}
.partnerpopupdivsection .popupBtnSection .okBtn {
  padding: 8px 45px;
  font-size: 14px;
  color: #fff;
  background: #48b7e5;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 867px) {
  .partnerpopupdivsection .popupBtnSection .okBtn {
    width: 47% !important;
    padding: 9px 40px;
    word-break: normal;
  }
}
@media all and (max-width: 767px) {
  .partnerpopupdivsection .popupBtnSection .okBtn {
    margin-top: 0px;
  }
}
.partnerpopupdivsection .popupBtnSection .cancelBtn {
  padding: 8px 7px;
  width: 100px;
  font-size: 14px;
  color: #6c6e73;
  background: #fefefe;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #48b7e5;
}
@media all and (max-width: 767px) {
  .partnerpopupdivsection .popupBtnSection .cancelBtn {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 867px) {
  .click_fn .arrow_btn {
    display: inline-block;
    vertical-align: super;
    margin: 6px;
  }
  .click_fn .fa-chevron-down:before,
  .click_fn .fa-chevron-up:before {
    display: inline-block;
    position: relative;
    z-index: 99;
    margin-top: 0;
  }
  .click_fn .dropdown {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    top: 15px;
  }
  .click_fn .dropdown-toggle {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 867px) {
  #main-load-content .main-wrap {
    overflow: visible;
  }
}
#accordianDivPrivacy,
#accordianDivTerms {
  float: left;
  width: 100%;
}
#accordianDivPrivacy .panel-body,
#accordianDivTerms .panel-body {
  margin-bottom: 15px !important;
}
.partner-memberlist-member {
  padding: 1rem 0;
  min-width: 12rem !important;
  width: 12rem;
  max-width: 17.5rem;
}
.partner-memberlist-member .dropdown-item {
  padding: 0 1rem !important;
}
.account-memberlist-member {
  min-width: 17rem !important;
  width: 12rem;
  max-width: 17.5rem;
  padding: 1rem 0!important;
}
.account-memberlist-member .dropdown-item span {
  font-weight: 400 !important;
  font-size: 15px;
}
.partner-edit-dob-div i.fa.fa-question-circle,
.partner-edit-nationality-div i.fa.fa-question-circle,
.partner-edit-gender-div i.fa.fa-question-circle {
  margin-left: 10px;
}
.modal {
  background: rgba(0, 0, 0, 0.67) !important;
}
.modal-backdrop {
  background: rgba(255, 255, 255, 0.9) !important;
}
.box-view-pro-member {
  display: table;
  width: 100%;
}
.box-view-pro-member .member-view-details {
  border-bottom: 1px solid #e5e8ea;
  padding: 10px 0;
}
.box-view-pro-member .full-phone-number {
  padding: 0px;
  margin: 0;
}
.set_language_en {
  padding: 0px 5px !important;
}
.set_language_eng {
  padding-left: 5px !important;
}
@media only screen and (max-width: 1024px) {
  .box-view-pro-member ul li {
    display: grid;
  }
}
@media all and (max-width: 767px) {
  .box-view-pro-member ul li {
    display: grid;
  }
}
@media only screen and (max-width: 867px) {
  label.clear_float_width {
    word-wrap: break-word !important;
  }
}
@media only screen and (max-width: 375px) {
  .modal-body div.clear_float_width label.clear_float_width {
    display: inline-block;
    word-break: keep-all !important;
  }
  .modal-body div.clear_float_width label.clear_float_width strong {
    word-break: keep-all !important;
    font-size: 11px !important;
  }
}
.list-info .phone-number-div {
  padding-right: 0px !important;
}
.list-info .phone-number-div a {
  text-align: right !important;
  padding-right: 0px !important;
}
.list-info .phone-number-div a span {
  padding-right: 0px !important;
  margin-top: 0px !important;
}
.list-info .phone-number-dr-div a {
  padding-right: 0px !important;
}
.list-info .phone-number-dr-div a span {
  padding-right: 0px !important;
  margin-top: 0px !important;
}
.list-info .col-xs-8.insurance-div .phone_code_mobile {
  padding-right: 0 !important;
}
.list-info .col-xs-8.insurance-div a {
  padding-right: 15px !important;
}
.popup-phone-number-sync .modal-content {
  min-height: 140px;
}
.popup-phone-number-sync .modal-content .contentsync {
  margin-top: 15px;
}
.popup-phone-number-sync .modal-content .contentsync h3 {
  font-size: 15px !important;
  margin-bottom: 10px !important;
}
.arrow_btn {
  float: left;
  margin-top: -20px;
}
@media all and (min-width: 1024px) {
  .form-tabber {
    width: 60%;
    margin: 0px auto;
  }
}
@media only screen and (max-width: 867px) {
  .form-tabber {
    width: 80%;
    margin: 0px auto;
  }
}
@media only screen and (max-width: 1024px) {
  .form-tabber {
    width: 80%;
    margin: 0px auto;
  }
}
@media all and (max-width: 767px) {
  .form-tabber {
    width: 100%;
    margin: 0px auto;
  }
}
.ecp-edit {
  text-align: right;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}
.ecp-edit .dropdown_btn .dropdown-menu-left {
  right: 10px;
  top: 25px !important;
}
.ecp-edit a i {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
}
.ecp-edit a span {
  color: #fff;
  margin-left: 20px;
}
.no_pad_left {
  padding-left: 0px;
}
.attachment_living_will {
  margin-top: 5px;
}
.attachment_living_will a > div {
  margin: 0 10px 0 0;
}
.attachment_living_will:first-child {
  margin-top: 10px;
}
.forgot_password_link,
.resend_account_active_link {
  margin: 15px 5px;
  padding: 0;
}
@media all and (max-width: 767px) {
  .mob_no_pad_left,
  .mob_no_pad_right {
    padding-left: 0;
  }
}
.basic_info_section .copied-btn {
  top: -5px;
  left: 17%;
}
@media only screen and (max-width: 867px) {
  .basic_info_section .copied-btn {
    top: -13px;
  }
}
@media all and (max-width: 767px) {
  .basic_info_section .copied-btn {
    top: -22px;
    left: 48%;
    transform: translateX(-48%);
  }
}
.account-holder .copied-btn {
  top: -16px;
  left: 7%;
}
@media all and (max-width: 767px) {
  .account-holder .copied-btn {
    left: 47%;
    transform: translateX(-47%);
  }
}
.link-copied-btn,
.copied-btn {
  position: absolute;
  margin: 0 auto;
  text-align: center;
  padding: 10px 15px;
  color: #000 !important;
  font-weight: bold;
  background: #eafdff !important;
  border-radius: 5px;
  border: 3px solid #1ca5ea;
  top: -53px;
  z-index: 9 ;
  font-size: 12px;
  left: 20%;
}
@media only screen and (max-width: 867px) {
  .link-copied-btn,
  .copied-btn {
    top: -20px;
  }
}
@media all and (max-width: 767px) {
  .link-copied-btn,
  .copied-btn {
    left: 40%;
  }
}
.link-copied-btn:after,
.copied-btn:after,
.link-copied-btn:before,
.copied-btn:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.link-copied-btn:after,
.copied-btn:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #eafdff;
  border-width: 7px;
  margin-left: -7px;
}
.link-copied-btn:before,
.copied-btn:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #1ca5ea;
  border-width: 10px;
  margin-left: -10px;
}
@media only screen and (max-width: 867px) {
  .copied-btn {
    left: 13%;
    top: -20px;
  }
}
@media all and (max-width: 767px) {
  .copied-btn {
    left: 35%;
    top: -10px;
  }
}
@media only screen and (max-width: 867px) {
  #member_list .copied-btn {
    left: 12%;
    top: -50px;
  }
}
@media all and (max-width: 767px) {
  #member_list .copied-btn {
    width: auto;
  }
}
.lockScreen-cls {
  position: relative;
}
.lockScreen-cls #wechatcopied.link-copied-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 867px) {
  .lockScreen-cls #wechatcopied.link-copied-btn {
    top: -56px;
  }
}
.rotating-border {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background: linear-gradient(90deg, #1ca5ea 50%, transparent 50%), linear-gradient(90deg, #1ca5ea 50%, transparent 50%), linear-gradient(0deg, #1ca5ea 50%, transparent 50%), linear-gradient(0deg, #1ca5ea 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 3px 1px,3px 1px, 1px 3px, 1px 3px;
  padding: 0px;
  animation: border-dance 4s infinite linear;
}
@keyframes border-dance {
  0% {
    background-position: 0 0, 100% 100%, 0 100%, 100% 0;
  }
  100% {
    background-position: 100% 0, 0 100%, 0 0, 100% 100%;
  }
}
#staticlink .rotating-border {
  background: linear-gradient(90deg, #fff 50%, transparent 50%), linear-gradient(90deg, #fff 50%, transparent 50%), linear-gradient(0deg, #fff 50%, transparent 50%), linear-gradient(0deg, #1ca5ea 50%, transparent 50%);
}
.forgot_password_link,
.resend_account_active_link {
  margin: 15px 0;
  padding: 0;
}
@media screen and (max-width: 1366px) {
  .copy-btn {
    display: inline-block !important;
  }
}
.form-control:focus {
  border-color: #47b2fa;
}
/* covid-tracker page style */
.covid_tracker_page .section_global {
  margin-top: 40px;
}
.covid_tracker_page .section_global .section__global_heading h2 {
  margin-top: 20px;
  font-weight: 500;
  font-family: 'Raleway', sans-serif;
  color: #6c6e73;
  font-size: 34px;
  text-align: center;
}
@media all and (max-width: 767px) {
  .covid_tracker_page .section_global .section__global_heading h2 {
    font-size: 26px;
  }
}
.covid_tracker_page .section_global .global_main {
  background: #dbdbdb;
  padding: 30px;
  margin-top: 30px;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
}
@media all and (max-width: 767px) {
  .covid_tracker_page .section_global .global_main {
    padding: 20px;
  }
}
.covid_tracker_page .section_global .global_main .global_heading h1.ts-header {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  letter-spacing: 2px;
  color: #000;
  font-weight: 500;
}
@media all and (max-width: 767px) {
  .covid_tracker_page .section_global .global_main .global_heading h1.ts-header {
    text-align: center;
  }
}
.covid_tracker_page .section_global .global_main .global_heading p {
  color: #000;
  text-align: right;
}
@media all and (max-width: 767px) {
  .covid_tracker_page .section_global .global_main .global_heading p {
    text-align: center;
    margin-top: 10px;
  }
}
.covid_tracker_page .section_global .global_main .single_box {
  color: #3c95e0;
  background-color: #FFFFFF;
  transition: 500ms;
  text-align: center;
  box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  margin: 15px 0px;
  padding: 20px 15px;
  line-height: 1;
}
.covid_tracker_page .section_global .global_main .single_box p {
  font-size: 16px;
  margin: 0;
  margin-bottom: 8px;
  padding: 0;
  color: #6c6e73;
}
.covid_tracker_page .section_global .global_main .single_box strong {
  font-size: 22px;
  letter-spacing: 1px;
}
@media all and (max-width: 767px) {
  .covid_tracker_page .data_table_main .container {
    padding: 0;
  }
}
.covid_tracker_page .data_table_main .cec-comparison {
  margin: 70px 0 30px 0;
}
@media all and (max-width: 767px) {
  .covid_tracker_page .data_table_main .cec-comparison {
    padding: 0 15px;
  }
}
.covid_tracker_page .data_table_main .cec-comparison h4.title-country {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
@media all and (max-width: 767px) {
  .covid_tracker_page .data_table_main .cec-comparison h4.title-country {
    text-align: center;
  }
}
.covid_tracker_page .data_table_main .cec-comparison .search_box input.form-control {
  max-width: 260px;
  margin-left: auto;
  border-color: #C9C9C9;
  font-size: 16px;
  color: #020101;
  border-radius: 4px;
  height: 35px;
}
.covid_tracker_page .data_table_main .cec-comparison .search_box input.form-control:focus {
  border-color: #3c95e0;
  box-shadow: none;
}
@media all and (max-width: 767px) {
  .covid_tracker_page .data_table_main .cec-comparison .search_box input.form-control {
    margin: auto;
    margin-top: 15px;
  }
}
.covid_tracker_page .data_table_main .table_reponsive.zhtable .data_table th {
  font-size: 10px;
}
.covid_tracker_page .data_table_main .table_reponsive {
  display: block;
  width: 100%;
  overflow-x: auto;
}
.covid_tracker_page .data_table_main .table_reponsive table.data_table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  background: #efefef;
}
.covid_tracker_page .data_table_main .table_reponsive table.data_table th {
  background-color: #3c95e0;
  color: #fff;
  position: relative;
  padding-right: 17px !important;
  white-space: nowrap;
}
.covid_tracker_page .data_table_main .table_reponsive table.data_table th,
.covid_tracker_page .data_table_main .table_reponsive table.data_table td {
  padding: 15px 7px;
  border: 1px solid #dee2e6;
  vertical-align: middle;
  word-break: keep-all;
  font-size: 12px;
}
.section_chart {
  margin-top: 40px;
}
.section_chart .chart_box {
  display: block;
  width: 100%;
  overflow-x: auto;
}
/* smart_pass_page style*/
.smart_pass_page {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 80vh;
  font-size: 15px;
}
.smart_pass_page .covid_btn {
  border-radius: 50px;
  background: #f36a00ed;
  color: #ffff;
  width: 100%;
  max-width: 39%;
  display: inline-block;
  height: auto;
  text-transform: capitalize;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
@media all and (max-width: 767px) {
  .smart_pass_page .covid_btn {
    max-width: 92%;
  }
}
.smart_pass_page .select_member_form {
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .smart_pass_page .select_member_form {
    padding: 0;
  }
}
.smart_pass_page .smart_select {
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
}
.smart_pass_page .select_data {
  margin: 20px 0;
}
.smart_pass_page .select_data ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  color: #2c7e88;
  font-weight: 500;
  cursor: pointer;
}
.smart_pass_page .select_data ul li span {
  margin-left: auto;
  color: #8e8585;
}
.smart_pass_page .no_data {
  margin: 15px 0;
  background: #eeee;
  padding: 60px 0;
  border-radius: 4px;
  text-align: center;
  font-weight: 500;
}
.smart_pass_page .no_data .tooltip-label {
  position: relative;
}
.smart_pass_page .no_data .tooltip-label .ia-label-tooltip-icon-container {
  top: -4px;
  color: #6c6e73;
  position: absolute;
}
.smart_pass_page .no_data .tooltip-label .tooltip-inner {
  padding: 5px 3px;
  line-height: 12px;
  min-width: 140px;
}
/*covid_result_page style*/
.covid_result_page {
  font-weight: normal;
  margin-top: 30px;
}
@media all and (max-width: 767px) {
  .covid_result_page {
    margin-top: 0;
  }
}
.covid_result_page h4 {
  font-weight: normal;
  font-size: 16px;
  font-style: italic;
}
@media all and (max-width: 767px) {
  .covid_result_page .container {
    padding: 0;
  }
}
.covid_result_page .list-box {
  background: #fff;
}
@media all and (max-width: 767px) {
  .covid_result_page .list-box {
    background: transparent;
  }
}
.icon-coronavirus_icon:before {
  display: inline-block;
  width: 25px !important;
  height: 25px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_coronavirus.png) no-repeat 0 0;
  background-size: 100%;
}
/*qr_scanner_modal */
.qr_scanner_modal {
  text-align: center;
}
.qr_scanner_modal #scanerror {
  color: #f3514d;
  font-weight: normal;
}
.qr_scanner_modal .qr_btns {
  margin-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.qr_scanner_modal .qr_btns button {
  background: transparent;
  border: none;
  padding: 0;
  margin: 10px;
  max-width: 40px;
}
.qr_scanner_modal .qr_btns button:focus {
  outline: none;
}
.barcode {
  text-align: right;
}
.barcode .barcode-img {
  max-width: 20px;
  margin-left: 5px;
  cursor: pointer;
}
.list_details_patner_account {
  background-color: #fff;
  border-left: 2px solid #eceffe;
  min-height: 150px;
  display: inline-block;
  padding: 10px !important;
}
@media all and (max-width: 767px) {
  .list_details_patner_account {
    width: 100%;
    border-left: none;
    border-bottom: 2px solid #eceffe;
  }
}
@media all and (max-width: 767px) {
  #partner-page .content_block_data.p-xs-0 {
    padding: 0 !important;
  }
}
@media all and (max-width: 767px) {
  .desktop_filter {
    display: none !important;
  }
}
.mobile_filter {
  display: none;
  right: 54px !important;
}
@media all and (max-width: 767px) {
  .mobile_filter {
    display: block;
  }
}
.mobile_filter .select {
  padding-left: 10px !important;
  border-width: 1px;
  padding-right: 10px !important;
}
.mobile_filter .select img {
  margin-right: 0;
  margin-top: 0;
}
.sort-filter {
  position: absolute;
  top: 24px;
  right: 80px;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 767px) {
  .sort-filter {
    top: 18px;
  }
}
.sort-filter .sorting-icon {
  border: 1px solid #aaaaaa;
  background: #ffffff90;
  margin-right: 10px;
  padding: 0px 10px;
  border-radius: 4px;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.sort-filter .sorting-icon img {
  margin: 0;
}
.sort-filter label.select-wrapper {
  width: 130px;
  cursor: pointer;
}
.sort-filter label.select-wrapper:after {
  top: -6px;
  right: 5px;
}
.sort-filter label.select-wrapper:before {
  background: url(../images/list.png) no-repeat;
  position: absolute;
  top: 12px;
  left: 8px;
  width: 17px;
  height: 17px;
  content: "";
  background-size: contain;
  border-right: 1px solid #ebedee;
}
.sort-filter .select {
  padding: 5px;
  width: 100%;
  border-radius: 4px;
  background: transparent;
  height: 33px;
  font-size: 14px;
  color: #3c95e0;
  font-weight: 500;
  border-color: #aaaaaa;
  padding-left: 36px;
}
.sort-filter .select:focus {
  outline: none;
}
.chat-modal .modal-dialog {
  margin: 0 auto;
  text-align: center;
  padding: 50px;
  width: auto;
  min-width: 300px !important;
  max-width: 450px;
}
@media all and (max-width: 767px) {
  .chat-modal .modal-dialog {
    width: auto!important;
    max-width: 96%!important;
    padding: 0!important;
    margin: 0 auto !important;
  }
}
@media all and (max-width: 767px) {
  .chat-modal .modal-dialog .modal-content {
    padding: 1px;
    margin: 0;
    border: none !important;
    min-height: auto !important;
  }
}
.chat-modal .modal-dialog #undefined_undefined,
.chat-modal .modal-dialog .qr-shaded-region {
  display: none;
}
.connect_family {
  position: relative;
}
@media only screen and (max-width: 867px) {
  .connect_family {
    margin-top: -52px !important;
  }
}
@media all and (max-width: 767px) {
  .connect_family {
    margin-top: -52px !important;
  }
}
.connect_family #hero_video {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  z-index: 0;
  background: url(/images/vidoe_img.png) no-repeat;
  background-size: cover;
  background-position: 72%;
}
.connect_family #hero_video:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 1;
}
.connect_family #hero_video video#bgvideo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .connect_family #hero_video video#bgvideo {
    width: auto;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
  }
}
@media all and (max-width: 767px) {
  .connect_family #hero_video video#bgvideo {
    display: none;
  }
}
.sortimg {
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
  position: absolute;
  background-image: url(../images/up-and-down.png);
  background-repeat: no-repeat;
  width: auto;
  height: 20px;
  background-color: #3c95e0;
  border: 0;
  background-size: 8px, 16px;
  vertical-align: middle;
  background-position: center;
}
@media all and (max-width: 767px) {
  #Records.record .form-person-bottom.add_person_border {
    float: left;
    width: 100%;
    border-top: 1px solid #d8d8d8;
    padding-top: 15px;
  }
}
@media all and (max-width: 767px) {
  #Records.record .panel-default {
    border-bottom: 0;
  }
}
@media all and (max-width: 767px) {
  .border-b-0 {
    border-bottom: 0 !important;
  }
}
.imm-info {
  margin-top: 5px !important;
}
.alert_padding {
  padding: 15px !important;
}
.faq_subheading {
  background: #e7f4fb;
  padding: 15px !important;
  text-align: center;
  max-width: 70%;
  margin: auto;
}
@media all and (max-width: 767px) {
  .faq_subheading {
    max-width: 100%;
  }
}
.faq_subheading p {
  margin-bottom: 8px !important;
}
.content_style {
  font-size: 13px !important;
  font-style: italic;
}
.clear-in {
  clear: both;
}
.patner_dashboard {
  padding: 40px 0;
  font-size: 16px;
  background: #f2f2fa;
  overflow-x: hidden;
}
.patner_dashboard .heading {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 24px;
}
.patner_dashboard .top_bar {
  margin: 25px 0;
}
.patner_dashboard .top_bar ul li {
  display: inline-block;
  position: relative;
}
.patner_dashboard .top_bar ul li img.sreach_icon {
  position: absolute;
  left: 10px;
  top: 10px;
}
.patner_dashboard .top_bar .select_box {
  margin-top: 8px;
}
@media all and (max-width: 767px) {
  .patner_dashboard .top_bar .select_box {
    margin-top: 15px;
  }
}
.patner_dashboard .top_bar .select_box ul li {
  margin-left: 10px;
  color: #000;
  font-weight: 400;
  font-size: 16px;
}
.patner_dashboard .top_bar .select_box ul li span {
  margin-right: 5px;
}
.patner_dashboard .top_bar .select_box ul li input {
  margin-right: 10px;
}
.patner_dashboard .top_bar .select_box .delete_icon {
  max-width: 12px;
  margin-top: -4px;
  margin-right: 5px;
}
.patner_dashboard .top_bar .select_box .nolable-Checkbox.mg {
  margin-top: -3px;
}
.patner_dashboard .top_bar .select_box .remove_sec {
  cursor: pointer;
}
.patner_dashboard .top_bar .search_section .search_input {
  border-radius: 4px;
  height: 35px;
  width: 200px;
  border-color: #e3e2e7;
  margin-right: 30px;
  padding-left: 36px;
}
.patner_dashboard .top_bar .search_section .search_input:focus {
  border-color: #3c95e0;
}
@media all and (max-width: 767px) {
  .patner_dashboard .top_bar .search_section .search_input {
    width: 180px;
    margin-right: 5px;
  }
}
.patner_dashboard .top_bar .search_section .export_section .dropdown-toggle {
  background: white;
  border: 1px solid #e0e2e9;
  font-weight: 500;
  border-radius: 4px;
  padding: 0 10px;
  height: 35px;
  font-size: 12px;
  color: #3c95e0;
}
.patner_dashboard .top_bar .search_section .export_section .dropdown-menu {
  min-width: 100px;
  width: auto;
  background: #fff;
  border: 1px solid #e3e2e7;
  padding: 0;
}
.patner_dashboard .top_bar .search_section .export_section .dropdown-menu li {
  color: #3c95e0;
  padding: 5px 12px;
  cursor: pointer;
  font-weight: 500;
  width: 100%;
}
.patner_dashboard .top_bar .search_section .export_section .dropdown-menu li .delete_icon {
  width: 12px;
}
@media all and (max-width: 767px) {
  .patner_dashboard .top_bar .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}
@media all and (max-width: 767px) {
  .patner_dashboard .top_bar .text-right {
    text-align: left;
  }
}
.patner_dashboard .top_bar .delete_record {
  color: #ed6363;
  font-weight: 300;
  padding: 0;
  margin-top: 10px;
}
.patner_dashboard .table_reponsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 10px;
  background: #fff;
  padding: 12px 0 20px 0;
}
.patner_dashboard .table_reponsive table.table tr td:nth-child(4) {
  width: 180px;
  white-space: normal;
}
@media all and (max-width: 991px) {
  .patner_dashboard .table_reponsive table.table tr td:nth-child(4) {
    width: auto;
    white-space: nowrap;
  }
}
.patner_dashboard .table_reponsive table.table tr td:nth-child(3) {
  width: 200px;
  white-space: normal;
}
@media all and (max-width: 991px) {
  .patner_dashboard .table_reponsive table.table tr td:nth-child(3) {
    width: auto;
    white-space: nowrap;
  }
}
.patner_dashboard .table_reponsive table.table tr,
.patner_dashboard .table_reponsive table.table td {
  border-top: none;
}
.patner_dashboard .table_reponsive table.table thead {
  background: white;
  position: relative;
  border-bottom: 1px solid #e3e2e7;
}
.patner_dashboard .table_reponsive table.table thead th {
  padding-bottom: 8px;
}
.patner_dashboard .table_reponsive table.table tbody {
  border: none;
  color: #959595;
  font-weight: 400;
}
.patner_dashboard .table_reponsive table.table tbody .arrow_btn {
  margin-top: 0;
  color: #3c95e0;
  cursor: pointer;
}
.patner_dashboard .table_reponsive table.table tbody tr.hide_data {
  font-size: 14px;
  border-bottom: 15px solid #ffffff;
}
.patner_dashboard .table_reponsive table.table tbody tr.hide_data b {
  font-weight: 600;
  margin-bottom: 7px;
  display: inline-block;
  color: #525a5d;
  word-break: break-word;
}
.patner_dashboard .table_reponsive table.table tbody tr.hide_data,
.patner_dashboard .table_reponsive table.table tbody tr.expandsection {
  background: #e7f4fc;
  border-left: 5px solid #3c95e0;
}
.patner_dashboard .table_reponsive table.table tbody tr.hide_data .fa-chevron-down,
.patner_dashboard .table_reponsive table.table tbody tr.expandsection .fa-chevron-down {
  transform: rotate(180deg);
}
.patner_dashboard .table_reponsive table.table tbody.selectedrow {
  background: #ededf7;
}
.patner_dashboard .table_reponsive table.table td,
.patner_dashboard .table_reponsive table.table th {
  padding: 15px;
  border-bottom: none;
  white-space: nowrap;
}
.patner_dashboard .table_reponsive table.table h4.textno_data {
  text-align: center;
  margin-top: 30px;
  color: #a9aaa9;
}
.patner_dashboard i.glyphicon {
  font-size: 11px;
  margin-left: 6px;
  cursor: pointer;
}
.patner_dashboard .test_listing {
  margin-bottom: 50px;
}
.patner_dashboard .test_listing .grid_box {
  background: #fff;
  padding: 20px 15px 10px 15px;
  border-radius: 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  margin-bottom: 20px;
  min-height: 132px;
}
.patner_dashboard .test_listing .grid_box .pl-0 {
  padding-right: 0;
}
.patner_dashboard .test_listing .grid_box h6 {
  color: #959595;
  margin-bottom: 3px;
}
.patner_dashboard .test_listing .grid_box h4 {
  color: #6eb81c;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
.patner_dashboard .test_listing .grid_box h2 {
  font-weight: 500;
  font-size: 30px;
}
@media all and (max-width: 767px) {
  .patner_dashboard .test_listing .grid_box .col-xs-6 {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .patner_dashboard .test_listing .col-xs-6 {
    width: 100%;
  }
}
.patner_dashboard .nolable-Checkbox-visible {
  width: 20px;
  height: 20px;
}
.patner_dashboard .nolable-Checkbox-visible::after {
  left: 7px !important;
  top: 3px !important;
  border-width: 0 2px 2px 0 !important;
}
.patner_dashboard .pie-wrapper {
  height: 1em;
  width: 1em;
  position: relative;
  font-size: 60px;
}
.patner_dashboard .pie-wrapper .pie {
  height: 100%;
  width: 100%;
  clip: rect(0, 1em, 1em, 0.5em);
  left: 0;
  position: absolute;
  top: 0;
}
.patner_dashboard .pie-wrapper .half-circle {
  height: 100%;
  width: 100%;
  border: 0.1em solid #3498db;
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  left: 0;
  position: absolute;
  top: 0;
}
.patner_dashboard .pie-wrapper .label {
  background: #34495e;
  border-radius: 50%;
  bottom: 0.4em;
  color: #ecf0f1;
  cursor: default;
  display: block;
  font-size: 0.25em;
  left: 50%;
  transform: translateX(-50%);
  line-height: 2.6em;
  position: absolute;
  text-align: center;
  top: 9px;
}
.patner_dashboard .pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 0.1em solid #e2e2e2;
  border-radius: 50%;
}
.patner_dashboard .pie-wrapper.style-2 .label {
  background: none;
  color: #6eb81c;
  font-weight: normal;
}
.patner_dashboard .pie-wrapper.style-2 .label .smaller {
  color: #6eb81c;
  font-size: 12px;
  position: relative;
  top: -1px;
  left: 1px;
}
.patner_dashboard .pie-wrapper.progress-45 .pie .right-side {
  display: none;
}
.patner_dashboard .pie-wrapper.progress-45 .pie .half-circle {
  border-color: #6eb81b;
}
.patner_dashboard .pie-wrapper.progress-45 .pie .left-side {
  transform: rotate(162deg);
}
.patner_dashboard .pagination {
  margin-top: 50px;
}
.patner_dashboard .pagination li {
  display: inline-block;
  margin-left: 9px;
}
.patner_dashboard .pagination li:first-child,
.patner_dashboard .pagination li:last-child {
  display: none;
}
.patner_dashboard .pagination > li > a {
  border-radius: 4px;
}
.patner_dashboard .pagination > .active > a {
  background-color: #3c95e0;
  border-color: #3c95e0;
}
#account-home {
  overflow: hidden;
}
#account-home .editbuton .btn {
  margin: 0;
}
#account-home .api_key.api_key_field .spl-btn-width.set {
  padding-top: 7px;
}
#account-home .api_key.api_key_field .keyinput_group {
  display: inline;
  position: relative;
}
#account-home .api_key.api_key_field .keyinput_group .form-control {
  padding-right: 30px;
}
#account-home .api_key.api_key_field .keyinput_group .display-section {
  top: -12px;
  color: #646464;
  right: 7px;
}
#account-home .api_key.api_key_field .title-pro.pl-0 {
  padding-right: 0;
}
@media all and (max-width: 767px) {
  .contact_form .form-group {
    float: left;
  }
}
.main-wrap-pad {
  padding-bottom: 60px;
}
@media all and (max-width: 767px) {
  .main-wrap-pad {
    padding-bottom: 0;
  }
}
.mb-4 {
  margin-bottom: 20px;
}
#article-wraper {
  border: none;
  background: #47b2fd;
  margin: 0 .5%;
}
@media only screen and (max-width: 435px) {
  #article-wraper {
    padding-top: 26px;
  }
}
#article-wraper #qr_request_id_btn {
  max-width: 700px;
  width: 100% !important;
}
@media only screen and (max-width: 1024px) {
  #article-wraper #qr_request_id_btn {
    padding-bottom: 0;
  }
}
#article-wraper #qr_request_id_btn .submit_btn {
  margin-bottom: 0;
}
@media only screen and (max-width: 435px) {
  #article-wraper #qr_request_id_btn .submit_btn {
    width: 100%;
  }
}
#article-wraper #qr_request_id_btn .submit_btn .submit_request {
  margin-bottom: 0;
  background: #fff;
  color: #000;
}
@media only screen and (max-width: 435px) {
  #article-wraper #qr_request_id_btn .submit_btn .submit_request {
    width: 100%;
  }
}
#article-wraper {
  margin: 15px auto 30px auto !important;
}
@media screen and (min-width: 768px) {
  #account-home .main-wrap.warp-padding {
    padding-bottom: 84px;
  }
  .sort-filter .search-filter {
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    margin-right: 12px;
    width: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0 10px;
    background: #ffffff90;
  }
}
.friends-need-search {
  text-align: right;
}
.friends-need-search .search-filter {
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  margin-right: 12px;
  width: 250px;
  padding: 0 10px;
  background: #ffffff90;
  height: 33px;
}
.account_holder_box .photo-info .account_info {
  display: none;
}
#account-home .article-wrap-container .content-box {
  float: none;
}
#account-home .rescue_wallet_section.wallet-box {
  background: transparent;
  position: relative;
}
#account-home .rescue_wallet_section.wallet-box #rescueBtnId {
  background: #3f95ff;
  border-radius: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 10px;
  margin-top: 0;
}
#account-home .rescue_wallet_section.wallet-box #rescueBtnId img {
  width: 30px;
}
#account-home .filter_search_bar {
  position: relative;
}
#account-home .filter_search_bar .search-filter {
  height: 33px;
  padding-left: 31px;
}
#account-home .filter_search_bar i {
  position: absolute;
  bottom: 25px;
  color: #e0e2e9;
}
#account-home .links_section {
  padding: 20px;
}
#account-home .links_section ul li {
  margin-bottom: 25px;
}
#account-home .links_section ul li a {
  font-size: 18px;
  font-weight: 400;
  color: #b3afaf;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
#account-home .links_section ul li a span {
  margin-left: 10px;
}
#account-home .links_section ul li a img {
  width: 30px;
}
.links_section_heading {
  background-color: #ebedee;
  color: #3374d1;
  position: relative;
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
}
.links_section_heading span {
  font-size: 20px;
  font-weight: 500;
  margin-left: 8px;
}
#container-fluid.memberlist-html-div {
  margin-bottom: 100px;
}
.user-pic-mb {
  margin-bottom: 15px;
}
.friends_guardians_btn {
  margin-bottom: 20px;
}
.top_header {
  background: none;
  box-shadow: none;
  left: 0;
  padding: 3px 0;
  position: fixed;
  display: block;
  top: 0;
  transition: all 1s ease 0s;
  width: 100%;
  z-index: 99;
}
@media only screen and (max-width: 867px) {
  .top_header {
    width: 100%;
    margin: 0 ;
  }
}
@media all and (max-width: 767px) {
  .top_header {
    width: 98.7%;
    margin: 0 2px 0 2px;
  }
}
@media only screen and (max-width: 435px) {
  .top_header .container {
    padding: 0;
  }
  .top_header .container .navbar-collapse:after {
    right: 40px;
  }
}
.top_header .logo_img {
  margin-top: 10px;
  display: inline-block;
}
.top_header .emergency_alert {
  border-radius: 5px;
  float: left;
  font-size: 24px;
  font-weight: 500;
  width: 380px;
  position: relative;
  z-index: 9999;
  margin: 8px 0 0px 0;
}
@media all and (max-width: 767px) {
  .top_header .emergency_alert {
    margin: 10px 0 0px 0;
  }
}
@media only screen and (max-width: 867px) {
  .top_header .emergency_alert {
    width: 46%;
  }
}
@media only screen and (max-width: 370px) {
  .top_header .emergency_alert {
    width: 75%;
  }
}
.top_header .emergency_alert p {
  margin: 0;
  padding: 0;
}
@media all and (max-width: 767px) {
  .top_header .emergency_alert p a {
    padding: 0px 5px 4px 0;
  }
}
.top_header .right_head svg {
  margin: 10px 0 0 0;
  color: #ffffff;
  fill: #ffffff;
  height: 30px;
}
@media all and (max-width: 767px) {
}
@media only screen and (max-width: 867px) {
  .top_header .right_head svg {
    margin: 10px 0 0 0;
  }
}
.top_header .logo_name {
  display: inline-block;
  color: #ffffff;
  vertical-align: top;
  margin: 18px 0 0 10px;
  font-weight: 600;
  font-size: 20px;
}
@media only screen and (max-width: 370px) {
  .top_header .logo_name {
    font-size: 18px;
  }
}
.top_header .logo_img svg {
  margin: 8px 0 0 0;
}
.top_header .navbar-inverse {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  margin-bottom: 0;
}
.top_header .navbar-header {
  float: none;
}
@media all and (max-width: 767px) {
  .top_header .navbar-header {
    padding: 0 15px;
  }
}
.top_header .navbar-header .navbar-toggle {
  border: 0 none;
  display: block;
  padding-top: 5px;
}
.top_header .navbar-header .navbar-toggle:hover,
.top_header .navbar-header .navbar-toggle:focus {
  background: none;
}
.top_header .navbar-header .navbar-toggle .icon-bar {
  top: 20px;
  background-color: #44caff;
  height: 4px;
  width: 50px;
  border: none;
}
.top_header .navbar-collapse {
  background: #17475a none repeat scroll 0 0;
  display: none !important;
  position: absolute;
  right: 0;
}
.top_header .navbar-collapse-collapse {
  display: none;
  height: auto !important;
  overflow: visible !important;
  padding: 0;
}
@media all and (max-width: 767px) {
  .top_header .navbar-collapse-collapse {
    overflow-y: visible !important;
  }
}
.top_header .navbar-collapse.collapse.in {
  display: block !important;
}
.top_header .navbar-collapse .navbar-nav {
  float: none !important;
}
.top_header .navbar-collapse .navbar-nav li {
  float: none;
  padding: 0;
  width: auto;
  display: inline;
}
@media only screen and (max-width: 867px) {
  .top_header .navbar-collapse .navbar-nav li {
    display: block;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .top_header .navbar-collapse .navbar-nav li {
    display: block;
    padding: 0px;
  }
}
@media all and (max-width: 767px) {
  .top_header .navbar-collapse .navbar-nav li:nth-child(2) {
    padding-top: 15px;
  }
}
.top_header .navbar-collapse .navbar-nav li:first-child {
  display: none;
}
.top_header .navbar-collapse .navbar-nav a {
  float: none;
  padding: 10px;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.top_header .right_head {
  position: absolute;
  right: 80px;
  top: 35%;
}
@media only screen and (max-width: 867px) {
  .top_header .right_head {
    top: 35%;
  }
}
.top_header .right_head .name-account {
  font-size: 16px;
  text-decoration: none !important;
  font-weight: 600 !important;
  color: #ffffff;
  z-index: 10;
  width: auto;
  clear: left;
  text-align: right;
  margin-right: 10px;
  white-space: nowrap;
  max-width: 154px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top_header .right_head .name-account:hover {
  text-decoration: underline !important;
  cursor: pointer;
}
.top_header .right_head .logged {
  margin: 12px 0px 0px 30px;
  display: inline-block;
  /*todo: temporarily hiding myFamily text-to be adjusted im mobile*/
}
@media all and (max-width: 767px) {
  .top_header .right_head .logged {
    display: none;
  }
}
.top_header .right_head .login_b a {
  cursor: pointer;
  padding: 6px 20px 6px 20px;
  background-color: none;
  border-radius: 5px;
  transition: all 0.5s ease 0s;
  float: left;
  margin: -10px 0 0 0;
  border: 2px solid #ffffff;
}
@media all and (max-width: 767px) {
  .top_header .right_head .login_b a {
    display: none;
  }
}
@media only screen and (max-width: 867px) {
  .top_header .right_head .login_b a {
    margin: 5px 0 0 0;
    display: none;
  }
}
.top_header .right_head .login_b a:hover {
  background-color: #ffffff !important;
  color: #1ea8f9;
}
.top_header .right_head .login_b a {
  font-family: 'Raleway';
  font-size: 14.4px;
  text-decoration: none !important;
  font-weight: 400 !important;
  color: #ffffff;
  z-index: 10;
  width: auto;
  position: relative;
  top: 0px;
  text-overflow: ellipsis;
  clear: left;
  text-align: right;
  white-space: nowrap;
}
.top_header .right_head .login_b a:hover {
  color: #1ea8f9;
}
@media only screen and (max-width: 867px) {
  .top_header .right_head .login_b a {
    margin: 0px 0 0 0;
  }
}
.top_header .right_head .landing-header-logo-img {
  width: 20px;
  position: absolute;
  top: -4px;
  right: 14px;
  z-index: 9999;
  left: auto;
}
.top_header .right_head .login_b:hover svg {
  fill: #1ea8f9;
}
.top_header .right_head .login_b a .join_txt {
  color: #ffffff;
}
.top_header .right_head .login_b a:hover span {
  color: #1ea8f9;
}
.top_header img {
  color: #ffffff;
}
.top_header .account-spinner {
  top: 25%;
}
@media all and (max-width: 767px) {
  .top_header .account-spinner {
    display: none !important;
  }
}
.top_header .account-spinner .fa-spinner {
  font-size: 12px !important;
  color: #ffffff;
}
.top_header .account-spinner .fa-spinner-icon {
  margin-top: 10px;
}
.top_header .account-spinner span {
  font-size: 16px !important;
  font-weight: 600;
  color: #ffffff;
}
@media all and (max-width: 767px) {
  .top_header .account-spinner span {
    display: none !important;
  }
}
.top_header .selectpicker {
  padding: 5px 10px;
  background: #0089e8;
  color: #ffffff;
  font-weight: 600;
  border: none;
  font-size: 14.4px;
  vertical-align: middle;
  width: 100%;
}
.top_header .navbar-toggle {
  width: auto;
  float: right;
}
.top_header .navbar-toggle span {
  background-color: #ffffff !important;
}
#home .top_header .navbar-toggle {
  padding-top: 20px;
}
#home .top_header.change {
  background: #1295e1;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.45);
  transition: all 1s ease 0s;
}
.landing-description,
.landing-ending {
  font-family: 'Roboto', sans-serif;
  font-size: 17.85px;
  color: #ffffff;
  font-weight: 300;
  padding-top: 25px;
  text-align: left;
  line-height: 2em;
  margin-bottom: 6%;
}
@media only screen and (max-width: 867px) {
  .landing-description,
  .landing-ending {
    font-size: 16px;
    line-height: 1.7em;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 435px) {
  .landing-description,
  .landing-ending {
    margin: 0px;
  }
}
.landing-header {
  font-family: 'Raleway', sans-serif;
  color: #6c6e73 !important;
  text-align: center !important;
}
.landing-steps {
  padding: 15px 5px 0px 60px !important;
  border: 1px solid transparent;
}
.landing-steps img,
.landing-steps h4 {
  border-radius: 50%;
  transition: all 1s;
}
@media all and (max-width: 767px) {
  .landing-steps {
    padding: 0px 10px 0px 15px !important;
  }
}
@media all and (min-width: 1024px) {
  .landing-steps {
    height: 550px;
  }
  .landing-steps:hover img {
    background-color: #ececec;
    filter: opacity(70%);
    border-radius: 50%;
  }
  .landing-steps:hover h4 {
    color: #69c5fb !important;
  }
}
.landing-feat {
  filter: opacity(80%);
}
.landing-feature {
  font-family: 'Raleway', sans-serif;
  font-size: 23.1px !important;
}
@media all and (max-width: 767px) {
  .landing-feature {
    font-size: 14.7px !important;
  }
}
.landing-subfeature {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  letter-spacing: 0.015em;
}
.landing-onhand {
  z-index: 10;
  margin-left: -60px !important;
  width: auto;
  max-width: 500px;
  height: auto;
  max-height: 460px;
}
@media (min-width: 868px) {
  .landing-onhand {
    margin-left: -150px !important;
  }
}
@media all and (min-width: 1024px) {
  .landing-onhand {
    margin-left: -70px !important;
    max-width: 380px;
    margin-top: 39px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .landing-onhand {
    margin-left: -100px !important;
    max-width: 380px;
    margin-top: 39px !important;
  }
}
@media only screen and (max-width: 867px) {
  .landing-onhand {
    max-height: 400px;
    margin-left: -150px !important;
  }
}
@media all and (max-width: 767px) {
  .landing-onhand {
    margin-left: 8% !important;
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 514px) {
  .landing-onhand {
    margin-left: -35px !important;
    max-width: 100% !important;
  }
}
.landing-ending {
  color: #6c6e73;
}
@media only screen and (max-width: 867px) {
  .landing-ending {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .landing-ending {
    width: auto;
  }
}
.connect_family {
  font-family: 'Raleway', sans-serif;
  padding-top: 210px;
  margin-top: -150px;
  padding-bottom: 0;
  background: #82cffc;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #068fdf, #9bd8fc);
  /* Standard syntax */
}
@media only screen and (max-width: 867px) {
  .connect_family {
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 140px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 767px) {
  .connect_family {
    margin-top: 0px;
    padding-top: 120px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 435px) {
  .connect_family {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.connect_family img {
  margin: 0 auto;
}
.connect_family .col-block-img {
  position: relative;
}
.connect_family .c-f-content h1 {
  font-size: 50px;
  color: #ffffff !important;
  margin: 0;
}
@media only screen and (max-width: 867px) {
  .connect_family .c-f-content h1 {
    font-size: 35px;
    margin: 0 0 5px 0;
    line-height: 38px;
  }
}
@media all and (max-width: 767px) {
  .connect_family .c-f-content h1 {
    font-size: 30px;
  }
}
.connect_family .c-f-content h1 p {
  font-size: 18px;
  margin: 16px 0 0;
}
@media all and (max-width: 767px) {
  .connect_family .c-f-content-zh {
    font-size: 3.21428571em !important;
  }
}
@media only screen and (max-width: 370px) {
  .connect_family .c-f-content-zh {
    font-size: 3em !important;
  }
}
@media only screen and (max-width: 1024px) {
  .connect_family .c-f-content {
    padding: 0 0 0 30px;
  }
}
@media all and (min-width: 1024px) {
  .connect_family .c-f-content {
    padding: 0 0 0 20px ;
  }
  .connect_family .c-f-content h1 {
    font-size: 3.85714286em;
  }
}
@media only screen and (max-width: 867px) {
  .connect_family .c-f-content {
    float: none;
    display: table-header-group;
    padding: 0 0 0 20px ;
  }
}
@media all and (max-width: 767px) {
  .connect_family .c-f-content {
    padding: 40px 0 0 0px;
  }
  .connect_family .c-f-content h1 {
    font-size: 3em;
    line-height: 1.2em;
  }
}
.connect_family .c-f-img {
  height: 460px;
}
@media only screen and (max-width: 867px) {
  .connect_family .c-f-img {
    height: auto;
    display: table-footer-group;
  }
}
.connect_family .card {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-iteration-count: initial;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 1.5s;
  -moz-animation-iteration-count: initial;
  animation-duration: 1s;
  animation-delay: 1.5s;
  animation-iteration-count: initial;
}
.connect_family .card img {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
  filter: saturate(1.1);
}
@media only screen and (max-width: 867px) {
  .connect_family .card img {
    width: 100%;
  }
}
@media only screen and (max-width: 370px) {
  .connect_family .card img {
    width: 200px !important;
  }
}
@media all and (min-width: 1024px) {
  .connect_family .card {
    position: relative;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .connect_family .card img {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .connect_family .card {
    margin: 0 0 0 18px;
    width: 50%;
  }
}
@media all and (max-width: 767px) {
  .connect_family .card {
    position: relative;
    z-index: 0;
    float: right;
    margin: 20px 0 0;
    right: 0%;
    top: -25px;
    width: 80%;
  }
  .connect_family .card img {
    width: 200px;
  }
}
@media only screen and (max-width: 514px) {
  .connect_family .card {
    width: 100%;
    top: -40px;
  }
}
.connect_family .card a {
  position: absolute;
  margin: 23px auto;
  width: 225px;
  padding: 6px;
  text-align: center;
  font-weight: 900;
  color: #ffffff;
  left: 0;
  right: 0;
  font-weight: 600;
  border-radius: 6px 6px 6px 6px;
  font-size: 15px;
  background: #f2ab30;
  border-bottom: 4px solid #f0a118;
  text-decoration: none;
}
.connect_family .card a:hover {
  text-decoration: none;
  margin-top: 25px;
  border-bottom: 2px solid #f0a118;
}
@media only screen and (max-width: 867px) {
  .connect_family .card a {
    width: 225px;
  }
}
@media all and (max-width: 767px) {
  .connect_family .card a {
    width: 198px;
  }
}
@media only screen and (max-width: 370px) {
  .connect_family .card a {
    width: 198px;
    font-size: 12px;
  }
}
.connect_family .joinnow {
  display: none;
  font-size: 30px;
  font-weight: 900;
}
.connect_family .joinnow a {
  border-radius: 5px 0px;
  font-size: 30px;
  font-weight: 900;
  line-height: 25px;
  margin: auto;
  padding: 14px 0;
  width: 260px;
  transition: all 0.4s;
  border: 2px solid #ffffff;
  color: #ffffff;
  border-radius: 5px;
  bottom: -150px;
  position: absolute;
  right: 50%;
  text-align: center;
}
@media only screen and (max-width: 867px) {
  .connect_family .joinnow a {
    font-size: 22.5px;
    width: 180px;
    line-height: 18px;
    padding: 8px 0px 8px;
    right: 13%;
    margin-bottom: 0;
    bottom: 140px;
  }
}
@media all and (max-width: 767px) {
  .connect_family .joinnow a {
    background: inherit;
    color: #ffffff;
    line-height: 18px;
    padding: 8px 0px;
    bottom: auto;
    top: 0px;
    position: relative;
    right: 0;
    margin: 40px auto;
    display: block;
    width: 180px;
  }
}
.connect_family .joinnow a:hover {
  border: 2px solid #ffffff;
  background-color: #ffffff;
  color: #69c5fb;
  cursor: pointer;
}
.connect_family .joinnow a span {
  float: left;
  font-size: 19px;
  font-weight: 300;
  width: 100%;
}
@media all and (max-width: 767px) {
  .connect_family .joinnow a span {
    float: none;
    display: inline-block;
  }
}
@media only screen and (max-width: 867px) {
  .connect_family .joinnow a span {
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .connect_family .col-block-img {
    display: table;
  }
}
@media all and (max-width: 767px) {
  .connect_family .dlaod-app,
  .connect_family .emg-card {
    width: auto;
    padding: 0 0 0 5%;
  }
}
@media only screen and (max-width: 514px) {
  .connect_family .dlaod-app,
  .connect_family .emg-card {
    width: 100%;
  }
}
.video-ice {
  background: #f2f4f7 none repeat scroll 0 0;
  padding-bottom: 35px;
  padding-top: 55px;
}
@media all and (max-width: 767px) {
  .video-ice iframe {
    margin: 20px 0 0 0;
  }
}
.video-ice h3 {
  color: #535559;
  font-size: 34px;
  margin: 0 0 35px;
  text-align: center;
}
@media all and (max-width: 767px) {
  .video-ice h3 {
    text-align: center;
  }
}
@media all and (max-width: 767px) {
  .video-ice h3.c-f-content-zh {
    font-size: 2.14285714em !important;
  }
}
@media only screen and (max-width: 370px) {
  .video-ice h3.c-f-content-zh {
    font-size: 1.92857143em !important;
  }
}
.s-c-l {
  background: #ffffff none repeat scroll 0 0;
  padding-bottom: 35px;
  padding-top: 55px;
}
@media all and (max-width: 767px) {
  .s-c-l {
    padding-top: 0;
    padding-left: 30px;
  }
}
.s-c-l h4 {
  color: #383838;
  padding-bottom: 20px;
  font-size: 34px;
  position: relative;
  min-height: auto;
  text-align: center;
}
@media all and (max-width: 767px) {
  .s-c-l h4 {
    margin: 30px 0 10px;
    min-height: auto;
  }
}
@media only screen and (max-width: 867px) {
  .s-c-l h4 {
    font-size: 28px;
  }
}
.s-c-l .icondv {
  text-align: center;
}
@media all and (max-width: 767px) {
  .s-c-l .icondv img {
    height: 90px;
  }
}
.s-c-l .listpoint {
  margin: 30px 0 0;
}
@media only screen and (max-width: 867px) {
  .s-c-l .listpoint {
    margin: 30px 0px 0px -20px;
  }
}
@media all and (max-width: 767px) {
  .s-c-l .listpoint {
    margin: 30px 0 0;
  }
}
.s-c-l .listpoint ul li {
  color: #6c6e73;
  font-size: 14px;
  line-height: 2em;
  list-style: outside url("../images/list-style.png") disc;
  margin: 20px 0 0;
  padding: 0 0 0 7px;
}
@media only screen and (max-width: 867px) {
  .s-c-l .listpoint ul li {
    padding: 0px 0px;
  }
}
@media all and (min-width: 1024px) {
  .s-c-l .container .row div {
    line-height: 1.6em;
  }
}
.c-h-a {
  background: #ffffff;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #ffffff, #d2d9e4);
  /* Standard syntax */
  padding-bottom: 50px;
  padding-top: 70px;
  text-align: center;
}
@media all and (max-width: 767px) {
  .c-h-a {
    padding-top: 0;
  }
}
.c-h-a p {
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 900;
}
@media all and (max-width: 767px) {
  .c-h-a p {
    padding-top: 25px;
  }
}
.c-h-a h3 {
  padding-top: 20px;
  font-size: 28px;
  line-height: 1.4em;
}
.p-o-m {
  background: url("../images/piecem_bg.jpg") no-repeat scroll 0 0;
  padding-bottom: 0px;
  border-bottom: 2px solid #E8EBF1;
  padding-top: 100px;
  background-size: cover;
  background-position: top center;
}
@media all and (max-width: 767px) {
  .p-o-m {
    padding-top: 40px;
  }
}
.p-o-m .pieceofmind {
  text-align: center;
  padding-bottom: 80px;
}
@media all and (max-width: 767px) {
  .p-o-m .pieceofmind {
    padding-bottom: 30px;
  }
}
.p-o-m .pieceofmind img {
  filter: opacity(80%);
}
@media only screen and (max-width: 867px) {
  .p-o-m .pieceofmind img {
    width: auto;
  }
}
@media all and (max-width: 767px) {
  .p-o-m .pieceofmind img {
    width: 40%;
  }
}
.p-o-m .pieceofmind h5 {
  font-size: 27px;
  font-weight: 400;
  text-align: center;
  color: #535559;
}
@media all and (max-width: 767px) {
  .p-o-m .pieceofmind h5 {
    font-size: 15px;
  }
}
@media all and (min-width: 1024px) {
  .p-o-m .col-md-3 {
    float: none;
    display: inline-block;
    min-height: 295px;
  }
}
@media all and (max-width: 767px) {
  .p-o-m .col-xs-6 {
    min-height: 150px;
  }
}
.w-f-c {
  background: #f7fcff none repeat scroll 0 0;
  padding-bottom: 60px;
  padding-top: 60px;
  clear: both;
}
@media all and (max-width: 767px) {
  .w-f-c {
    padding-bottom: 0;
  }
}
.w-f-c .mbt img {
  padding-bottom: 10px;
  margin: 0;
}
@media only screen and (max-width: 867px) {
  .w-f-c .mbt img {
    margin: 0 auto;
  }
}
.w-f-c .mbt .img_pad {
  margin: 0 0 40px;
  padding: 0px;
}
.w-f-c .mbt .img_pad:first-child {
  float: left;
  padding: 0 0 0 50px;
}
@media all and (max-width: 767px) {
  .w-f-c .mbt .img_pad:first-child {
    padding: 0 0 0 0px;
  }
}
@media only screen and (max-width: 370px) {
  .w-f-c .mbt .img_pad:first-child {
    width: 110%;
  }
}
@media only screen and (max-width: 867px) {
  .w-f-c .mbt .img_pad:first-child {
    display: block;
    margin: 0 auto;
    float: none;
  }
}
.w-f-c .joinnowbtn {
  font-family: 'Raleway';
  background: #39bbfc none repeat scroll 0 0;
  border: 2px solid #50bcfb;
  transition: all 0.4s;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  font-size: 25px;
  font-weight: 900;
  line-height: 20px;
  padding: 10px 0px;
  margin: auto;
  text-align: center;
  width: 150px;
  color: #ffffff;
}
.w-f-c .joinnowbtn:hover {
  background: #ffffff none repeat scroll 0 0;
  color: #37B2FA;
  border: 2px solid #50bcfb;
}
@media only screen and (max-width: 370px) {
  .w-f-c .joinnowbtn {
    width: 250px;
  }
}
.w-f-c .joinnowbtn a {
  font-family: inherit;
  color: inherit;
  bottom: 15px;
  display: block;
  text-align: center;
}
.w-f-c .joinnowbtn a span {
  font-size: 20px;
  font-weight: 300;
  width: 100%;
  display: block;
}
.w-f-c .ice-ac-btn {
  padding-top: 85px;
}
@media all and (max-width: 767px) {
  .w-f-c .ice-ac-btn {
    padding-top: 0;
  }
}
.w-f-c .ice-ac-btn .downbtn {
  text-align: right;
}
@media all and (max-width: 767px) {
  .w-f-c .ice-ac-btn .downbtn {
    padding: 30px 0px;
  }
}
.w-f-c .ice-ac-btn .downbtn img {
  margin: auto 0 40px auto;
}
@media all and (max-width: 767px) {
  .w-f-c .ice-ac-btn .downbtn img {
    margin: 20px auto 30px auto;
  }
}
@media only screen and (max-width: 867px) {
  .w-f-c .ice-ac-btn .downbtn img {
    margin: 20px auto 30px auto;
  }
}
.social {
  background-color: transparent;
  padding-bottom: 30px;
  padding-top: 0;
  text-align: center;
}
.social span {
  margin: 0 5px;
}
@media only screen and (max-width: 370px) {
  .social span {
    margin: 0 1px;
  }
}
@media all and (min-width: 1170px) {
  .p-o-m .container,
  .w-f-c .container,
  .top_header .container,
  .connect_family .container {
    width: 1170px;
  }
}
.navbar-inverse .navbar-nav li a {
  color: #ffffff;
  font-weight: bold;
}
header .navbar-inverse .navbar-collapse {
  background: #46b2fc !important;
  color: #b4b7bf;
  border: none;
  display: none !important;
  position: absolute;
  right: 24px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 250px;
  padding: 0px;
}
@media all and (max-width: 767px) {
  header .navbar-inverse .navbar-collapse {
    right: 0;
    width: 100%;
  }
}
.change {
  /*    background: @color-landing-header-3; 
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.45);
    transition: all 1s ease 0s; */
}
.change .right_head .login_b a {
  color: #1ea8f9;
  text-decoration: underline;
  background: #ffffff;
}
.change .join_txt {
  color: #1ea8f9 !important;
}
.change .right_head svg {
  color: #1ea8f9 !important;
  fill: #1ea8f9 !important;
}
@media all and (max-width: 767px) {
  .change .logo_img {
    height: 40px;
  }
}
@media all and (max-width: 767px) {
}
.change .logo_name {
  display: inline-block;
  color: #ffffff;
  vertical-align: top;
  font-size: 20px;
  font-weight: 600;
}
@media all and (max-width: 767px) {
}
@media only screen and (max-width: 370px) {
  .change .logo_name {
    font-size: 18px;
  }
}
.change .right_head .name-account {
  color: #ffffff;
}
.logoff {
  margin-right: 0px;
  vertical-align: middle;
  margin-left: 5px;
  /* 
  &:before{
    display: inline-block;
    font-family: 'FontAwesome';
    content: '\f011';
    background-size: cover;
    padding: 0px 8px 0px 0px;
    font-weight: 100;
  } */
}
.youtube {
  background-color: #000000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
}
.youtube_shadow {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
}
.youtube.youtube_shadow img {
  top: 0;
  height: 100%;
}
.youtube img {
  width: 100%;
  top: -16.8%;
  left: 0;
  opacity: 0.7;
}
.youtube .play-title {
  color: #ffffff;
  font-size: 16.8px;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  position: absolute;
  top: 2px;
  left: 10px;
  right: 10px;
  padding: 15px 17px;
  z-index: 3;
}
.youtube .play-title:after {
  z-index: -1;
}
.youtube .play-title:hover {
  cursor: pointer;
}
.youtube .play-button {
  width: 90px;
  height: 60px;
  background-color: #333;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}
.youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26.0px;
  border-color: transparent transparent transparent #ffffff;
}
.youtube img,
.youtube .play-button {
  cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
  position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.youtube iframe {
  height: 100%;
  width: 100.1%;
  top: 0;
  left: 0;
  margin: 0;
}
@media only screen and (max-width: 867px) {
  .card {
    right: 0;
    clear: both;
    margin: 0;
    position: initial;
    bottom: 240px;
  }
}
.language_icon {
  position: relative;
}
.language_icon:before {
  content: '\f0ac';
  font-family: 'FontAwesome';
  font-size: 20px;
  height: 100%;
  line-height: 44px;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
  position: absolute;
  left: 15px;
  text-align: left;
  top: 0;
  width: 16px;
  z-index: 999;
  color: #fff;
  padding-right: 30px;
}
.language_icon .selectlanguage {
  padding: 12px 40px;
  font-size: 16px;
  font-weight: normal;
}
@-moz-document url-prefix() {
  @media only screen and (max-width: 867px) {
    .connect_family .joinnow a {
      bottom: -350px;
    }
  }
}
.join_btn_mobile {
  color: #ffffff;
  background: #50a019;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  position: fixed;
  right: -31px;
  height: 36px;
  font-size: 16px;
  font-weight: 400;
  top: 39%;
  border-radius: 4px 4px 0 0;
  border: none;
  display: none;
  text-align: center;
  padding: 0 15px;
  line-height: 0.8;
}
@media only screen and (max-width: 867px) {
  .join_btn_mobile {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .join_btn_mobile {
    display: block;
  }
}
.join_btn_mobile span {
  text-align: center;
  margin-left: 0;
  display: block;
  padding: 15px 0;
  color: #ffffff;
}
.join_btn_mobile.zhbtton {
  right: -13px;
}
.choose_plan .free_feature {
  text-align: center;
  line-height: 2em;
  width: 70%;
  margin: 0 auto;
  padding: 0 0 12% 0;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .choose_plan .free_feature {
    width: 100%;
  }
}
.choose_plan .free_feature h5 {
  line-height: 2em;
  border-bottom: 2px solid #a2a2a2;
  font-size: 22px;
}
.choose_plan .ia-label-tooltip-icon-container {
  color: #6c6e73;
}
.choose_plan .subscrive_feature {
  text-align: center;
  line-height: 2em;
  width: 70%;
  margin: 0 auto;
  font-size: 14px;
}
@media all and (max-width: 767px) {
  .choose_plan .subscrive_feature {
    width: 100%;
  }
}
.choose_plan .subscrive_feature h5 {
  color: #1295e1;
  border-bottom: 2px solid #1295e1;
  line-height: 2em;
  font-size: 20px;
}
.choose_plan h1 {
  font-size: 35px;
  margin: 40px 0 0 0;
}
.choose_plan h6 {
  margin: 0 0 40px 0;
  font-size: 14px;
}
.choose_plan span {
  font-size: 16px;
}
.choose_plan .get_btn {
  background: none;
  border: 1px solid #1295e1;
  color: #1295e1;
  font-size: 20px;
  padding: 7px 30px;
  border-radius: 2px;
  margin: 40px 0 0 0;
}
.choose_plan .get_btn:hover {
  box-shadow: 0 0px 5px #1295e1;
}
.choose_plan .landing-header {
  margin: 0 auto;
  padding: 40px 10px;
  line-height: 40px;
  font-size: 28px;
}
.connect_family_card {
  font-family: 'Raleway', sans-serif;
  background: #D32D27;
  text-align: center;
  color: #ffffff;
  padding: 10px 0;
}
@media all and (max-width: 767px) {
  .connect_family_card .text_style_mobile {
    display: block;
  }
}
.connect_family_card .triger_alert_message {
  position: relative;
  padding: 0 20px;
}
@media only screen and (max-width: 1024px) {
  .connect_family_card .triger_alert_message {
    width: 405px;
    display: inline-block;
  }
}
@media only screen and (max-width: 867px) {
  .connect_family_card .triger_alert_message {
    width: 405px;
    display: inline-block;
  }
}
@media all and (max-width: 767px) {
  .connect_family_card .triger_alert_message {
    width: auto ;
    display: inline-block;
  }
}
@media only screen and (max-width: 435px) {
  .connect_family_card .triger_alert_message {
    width: 75%;
    display: inline-block;
  }
}
.connect_family_card .triger_alert_message:before {
  content: "\f100";
  position: absolute;
  font-family: FontAwesome;
  left: 0;
  font-size: 17pt;
  line-height: 17px;
}
@media only screen and (max-width: 435px) {
  .connect_family_card .triger_alert_message:before {
    top: 20%;
  }
}
.connect_family_card .triger_alert_message:after {
  content: "\f101";
  position: absolute;
  left: auto;
  right: 0;
  float: right;
  font-size: 17pt;
  font-family: FontAwesome;
  line-height: 17px;
}
@media only screen and (max-width: 435px) {
  .connect_family_card .triger_alert_message:after {
    top: 20%;
  }
}
.connect_family_card .triger_alert_message span {
  display: inline-block;
}
.connect_family_card a {
  color: #ffffff;
  font-size: 12pt;
  font-weight: 600;
}
@media all and (max-width: 767px) {
  .connect_family_card a {
    position: relative;
    padding: 0 20px;
    font-size: 11pt;
    width: 75%;
    display: block;
    margin: 0 auto;
  }
}
.connect_family_card .fa {
  font-size: 17pt;
  position: relative;
  top: 2px;
}
.connect_family_card .connect_txt {
  margin: 20% auto;
  max-width: 300px;
  width: 100%;
  padding: 6px;
  text-align: left;
  font-size: 15px;
  border: 1px solid #00AFEF;
}
@media all and (max-width: 767px) {
  .connect_family_card .connect_txt {
    display: inline-block;
    margin: 80px 0 20px 0;
  }
}
.connect_family_card .rescue_someone {
  text-align: center;
  padding: 0px 20px;
  margin-top: 30px;
}
.connect_family_card .rescue_someone .card h3 span {
  color: #FF524D;
}
.connect_family_card .rescue_someone .card a {
  position: absolute;
  margin: 23px auto;
  max-width: 300px;
  width: 260px;
  padding: 6px;
  text-align: center;
  color: #ffffff;
  left: 0;
  right: 0;
  font-weight: 600;
  border-radius: 6px 6px 6px 6px;
  font-size: 15px;
  background: #FF524D;
  border-bottom: 4px solid #CE1010;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .connect_family_card .rescue_someone .card a {
    width: 90%;
    position: relative;
  }
}
.connect_family_card .rescue_someone .card a:hover {
  text-decoration: none;
  margin-top: 25px;
  border-bottom: 2px solid #CE1010;
}
.connect_family_card .rescue_someone img {
  margin: 0 auto;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
  filter: saturate(1.1);
  max-width: 200px;
  width: 100%;
  margin-bottom: 40px;
}
@media all and (max-width: 767px) {
  .connect_family_card .rescue_someone img {
    margin-bottom: 40px;
    margin-top: 20px;
  }
}
.img_pad img {
  margin: 0 auto;
}
.select_plan {
  text-align: center;
  background: #efefef;
  padding: 40px;
}
@media all and (max-width: 767px) {
  .select_plan {
    padding: 15px;
  }
}
.select_plan .select_premium_txt {
  float: right;
  font-weight: 500;
  margin: 10px 10px 0 0;
}
.select_plan p {
  font-size: 14px;
}
.select_plan hr {
  height: 1px;
  background-color: #efefef;
  border: none;
}
.select_plan .rate {
  font-size: 28px;
  color: #AFAAAA;
}
.select_plan .rate_descript {
  color: #AFAAAA;
}
@media all and (max-width: 767px) {
  .select_plan .heading_style {
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    width: 85%;
    float: left;
  }
}
@media only screen and (max-width: 370px) {
  .select_plan .heading_style {
    width: 80%;
  }
}
.select_plan i.fa-check-circle-o {
  font-size: 30px;
  color: #AFAAAA;
  cursor: pointer;
}
.select_plan i.fa-check-circle-o:hover {
  color: #AFAAAA;
}
.select_plan .plan_1 {
  background: #ffffff;
  margin: 0;
  padding: 0 0px 0 0;
  border: 1px solid #efefef;
  text-align: center;
  box-shadow: 10px 0 32px #cccccc;
  margin: 69px 0 0 0;
}
@media all and (max-width: 767px) {
  .select_plan .plan_1 {
    box-shadow: 0px 0px 32px #cccccc;
    text-align: left;
  }
}
.select_plan .plan_1 .res_free {
  font-weight: bold;
  float: right;
  margin-top: -5px;
}
.select_plan .plan_1 .res_free span {
  font-weight: normal;
  font-size: 10px;
}
@media all and (max-width: 767px) {
  .select_plan .plan_1 .res_free span {
    font-size: 7px;
  }
}
.select_plan .plan_1 .res_free label {
  font-weight: bold;
}
.select_plan .plan_1 li {
  border-top: 1px solid #efefef;
  padding: 24.5px;
  height: 67px;
}
@media all and (max-width: 767px) {
  .select_plan .plan_1 li {
    height: auto;
    overflow: hidden;
  }
}
.select_plan .plan_1 li:last-child {
  border-top: 1px solid #efefef;
  padding: 24.5px;
  height: 67px;
}
.select_plan .plan_1 p {
  margin: 0;
  padding: 0;
}
.select_plan .plan_1 .btn_green {
  background: #5bcdc3;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 8pt;
}
.select_plan .plan_1 .btn_orange {
  background: #fe3866;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 8pt;
  position: absolute;
  right: 20px;
}
.select_plan .plan_1 label {
  margin-bottom: 0;
}
.select_plan .plan_1 .heading {
  color: #AFAAAA;
  font-weight: bold;
  text-transform: uppercase;
}
@media all and (max-width: 767px) {
  .select_plan .plan_1 .details_ar {
    min-height: auto;
  }
}
.select_plan .plan_1 .padding-bottom {
  padding-bottom: 0;
}
@media all and (max-width: 767px) {
  .select_plan .plan_1 .padding-bottom {
    padding: 0;
  }
}
.select_plan .plan_1 h6 {
  padding-top: 70px;
}
@media all and (max-width: 767px) {
  .select_plan .plan_1 h6 {
    padding: 0;
  }
}
.select_plan .plan_1 .start_now {
  color: #ffffff;
  background: #AFAAAA;
  border: 0;
  border-radius: 3px;
  padding: 6px 20px;
  max-width: 150px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0;
  border: 1px solid #AFAAAA;
}
.select_plan .plan_1 .start_now:hover {
  background: none;
  color: #AFAAAA;
}
.select_plan .plan_2 {
  background: #ffffff;
  margin: 1px 0 0 0;
  border-top: 10px solid #5bcdc3 !important;
  border: 1px solid #efefef;
  padding: 20px 0px 0 0;
  text-align: center;
  box-shadow: 10px 0 32px #cccccc;
}
@media all and (max-width: 767px) {
  .select_plan .plan_2 {
    box-shadow: 0px 0px 32px #cccccc;
    margin: 66px 0 0 0;
  }
}
.select_plan .plan_2 .rate {
  padding-bottom: 6px;
}
.select_plan .plan_2 .heading {
  color: #5bcdc3;
  font-weight: bold;
}
.select_plan .plan_2 li {
  border-top: 1px solid #efefef;
  padding: 18px 0;
  height: 66px;
  min-height: 67px;
}
.select_plan .plan_2 p {
  margin: 0;
  padding: 0;
}
.select_plan .plan_2 .start_now {
  color: #ffffff;
  background: #5bcdc3;
  border: 0;
  border-radius: 3px;
  padding: 6px 20px;
  max-width: 150px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 10px 0;
  border: 1px solid #5bcdc3;
}
.select_plan .plan_2 .start_now:hover {
  background: none;
  color: #5bcdc3;
}
.select_plan .plan_2 .select_btn {
  color: #5bcdc3;
  background: none;
  border-radius: 3px;
  padding: 6px 20px;
  max-width: 150px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0;
  border: 1px solid #5BCDC5;
}
.select_plan .plan_2 .select_btn:hover {
  border: 1px solid #5BCDC5;
  background: #5BCDC5;
  color: #ffffff;
}
.select_plan .plan_3 {
  background: #ffffff;
  margin: 0;
  border-top: 10px solid #fe3866 !important;
  border: 1px solid #efefef;
  padding: 20px 0px 0px 0;
  margin: 0 0 0 0;
  box-shadow: 10px 0 32px #cccccc;
}
@media all and (max-width: 767px) {
  .select_plan .plan_3 {
    box-shadow: 0px 0px 32px #cccccc;
  }
}
.select_plan .plan_3 .heading {
  color: #fe3866;
  font-weight: bold;
}
.select_plan .plan_3 .rate {
  padding-bottom: 6px;
}
.select_plan .plan_3 li {
  border-top: 1px solid #efefef;
  padding: 18px 0;
  height: 66px;
  min-height: 67px;
}
.select_plan .plan_3 h2 span {
  font-size: 12pt;
  text-transform: lowercase;
}
.select_plan .plan_3 label {
  margin-bottom: 0;
}
.select_plan .plan_3 p {
  margin: 0;
  padding: 0;
}
.select_plan .plan_3 .start_now {
  color: #ffffff;
  background: #fe3866;
  border: 0;
  border-radius: 3px;
  padding: 6px 20px;
  max-width: 150px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 10px 0;
  border: 1px solid #fe3866;
}
.select_plan .plan_3 .start_now:hover {
  background: none;
  color: #fe3866;
}
/*--------------popup Landng page ---------------------*/
.homepage.modal-open .modal {
  background: rgba(70, 47, 47, 0.6) !important;
}
@media all and (max-width: 767px) {
  .homepage.modal-open .modal .modal-dialog {
    width: 95%;
    top: 5%;
  }
}
.homepage.modal-open .modal .modal-content {
  background-color: #eee;
  border-color: #eee !important;
  padding: 0px;
  max-height: 100%;
  height: 100%;
}
@media all and (max-width: 767px) {
  .homepage.modal-open .modal .modal-content {
    border: 0px !important;
  }
}
.homepage.modal-open .modal .popup-accept {
  padding: 0px;
  background: none;
}
@media all and (max-width: 767px) {
  .homepage.modal-open .modal .modal-body {
    padding: 2px;
  }
}
.homepage.modal-open .modal .pb-15 {
  border: none;
  padding: 0px;
}
.homepage.modal-open .modal .pb-15 .iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.homepage.modal-open .modal .pb-15 .iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.homepage.modal-open .modal .pb-15 p {
  background: #fff;
  padding: 20px !important;
  font-size: 16px;
  text-align: left;
}
.homepage.modal-open .modal .pb-15 p strong {
  color: #1295e1;
}
.homepage.modal-open .modal .pb-15 p a {
  display: inline-block;
  color: #1974c1;
  text-decoration: none;
  position: relative;
  margin-left: 5px;
}
.homepage.modal-open .modal .pb-15 p a::after {
  content: "";
  background: #fff;
  mix-blend-mode: exclusion;
  width: calc(120%);
  height: 0;
  position: absolute;
  left: -10px;
  transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.homepage.modal-open .modal .pb-15 p a:hover::after {
  height: calc(104%);
  color: #ffffff !important ;
}
.csr-btn {
  width: auto;
  background-color: #3501c3;
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  color: white;
  position: fixed;
  right: -10px;
  top: 55%;
  z-index: 9;
  transition: all 0.1s ease-in-out;
}
.csr-btn a {
  color: #fff;
  padding: 12px 16px 20px 16px;
  line-height: 53px;
}
.csr-btn:hover {
  box-shadow: 0 6px 14px 0 #666;
}
.rotate {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform-origin: bottom right;
}
/* -------------pop landing page end -------------*/
.top_header .account-spinner {
  top: 25%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.covid-tracker .navbar-link {
  cursor: pointer;
  padding: 6px 20px 6px 20px;
  background-color: #f16e00;
  border-radius: 5px;
  transition: all 0.5s ease 0s;
  float: left;
  margin: -10px 0 0 0;
  border: 2px solid #f16e00;
  text-decoration: none;
}
@media only screen and (max-width: 867px) {
  .covid-tracker .navbar-link {
    padding: 6px 12px 6px 12px;
  }
}
.covid-tracker .navbar-link:hover,
.covid-tracker .navbar-link:focus {
  color: #fff;
}
.covid-tracker .navbar-link img.covid_icon {
  max-width: 20px;
  margin-top: -5px;
  margin-right: 2px;
}
@media only screen and (max-width: 867px) {
  .covid-tracker .covid-dekstop {
    display: none;
  }
}
.covid-tracker .mobile_covid {
  display: none;
}
@media only screen and (max-width: 867px) {
  .covid-tracker .mobile_covid {
    display: inline-block;
    margin: 10px 0 0 0;
    height: 36px;
    right: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    line-height: 2;
  }
}
.afterlogin .navbar-link {
  margin-top: 0;
}
/* section.marketing */
section.marketing {
  padding-top: 8em;
  background: url(/images/bg.jpg) no-repeat;
  background-size: cover;
}
@media all and (max-width: 767px) {
  section.marketing {
    padding-top: 4em;
  }
}
section.marketing .flex_row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
@media all and (max-width: 767px) {
  section.marketing .flex_row {
    display: block;
    width: 100%;
    margin: 0;
  }
}
section.marketing .flex_row .marketing_content h4 {
  font-size: 17.85px;
  color: #ffff;
  line-height: 2em;
  font-weight: 300;
  padding-right: 25px;
}
@media only screen and (max-width: 867px) {
  section.marketing .flex_row .marketing_content h4 {
    font-size: 16px;
    line-height: 1.7em;
  }
}
@media all and (max-width: 767px) {
  section.marketing .flex_row .marketing_content h4 {
    padding-right: 0;
  }
}
section.marketing .flex_row .marketing_content h4 span {
  font-weight: bold;
  white-space: nowrap;
}
section.marketing .flex_row .marketing_img {
  position: relative;
}
section.marketing .flex_row .marketing_img img {
  max-width: 100%;
}
section.marketing .flex_row .marketing_img img.back-video {
  position: absolute;
  left: 0;
  z-index: 1;
}
section.marketing .flex_row .marketing_img img.hand_img {
  z-index: 2;
  position: relative;
}
@media (max-width: 767px) {
  .flex_row {
    display: block;
    width: 100%;
    margin: 0;
  }
  section.marketing {
    padding-top: 3em;
  }
  section.marketing .marketing_content {
    margin-bottom: 50px;
  }
}
.shuffle-animation,
.fader-animation {
  animation-duration: .5s;
  animation-fill-mode: both;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.shuffle-animation.ng-enter {
  animation-name: slideInRight;
}
.shuffle-animation.ng-leave {
  display: none;
}
.fader-animation.ng-enter,
.fader-animation.ng-leave,
.fader-animation.ng-move {
  position: relative;
}
.fader-animation.ng-enter {
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) all 0.5s;
  opacity: 1;
}
.fader-animation.ng-enter,
.fader-animation.ng-leave.ng-leave-active {
  opacity: 0;
}
.fader-animation.ng-enter.ng-enter-active {
  opacity: 1;
}
.fader-animation.ng-move {
  opacity: 0;
}
.fader-animation.ng-move.ng-move-active {
  opacity: 0;
}
@font-face {
  font-family: 'iceangel';
  src: url('../fonts/iceangel.eot?31069641');
  src: url('../fonts/iceangel.eot?31069641#iefix') format('embedded-opentype'), url('../fonts/iceangel.woff?31069641') format('woff'), url('../fonts/iceangel.ttf?31069641') format('truetype'), url('../fonts/iceangel.svg?31069641#iceangel') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'iceangel-2';
  src: url('../fonts/iceangel-2.eot?7d047e');
  src: url('../fonts/iceangel-2.eot?#iefix7d047e') format('embedded-opentype'), url('../fonts/iceangel-2.woff?7d047e') format('woff'), url('../fonts/iceangel-2.ttf?7d047e') format('truetype'), url('../fonts/iceangel-2.svg?7d047e#iceangel-2') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-light-webfont.eot?') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff') format('woff2'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg') format('svg');
}
@font-face {
  font-family: 'Roboto-regular';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/roboto-regular-webfont.eot?') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff') format('woff2'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'iceangel', Arial, sans-serif;
    src: url('../fonts/iceangel.svg?31069641#iceangel') format('svg');
  }
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'iceangel', Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}
[class*="_info_icon"]:before,
[class*="_record_icon"]:before {
  display: -webkit-box !important;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  content: "  ";
}
.icon-about_ice_angel_icon:before {
  content: '\e800';
}
.icon-view_history_icon:before {
  content: '\e82c';
}
.icon-account_icon:before {
  content: '\e802';
}
.fa-pencil:before {
  content: "\f040";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}
.icon-allergy_info_icon:before {
  display: inline-block;
  width: 18px;
  height: 28px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_allergy_info.png) no-repeat 0 0;
  background-size: contain !important;
}
.icon-back_icon:before {
  content: '\e804';
}
/* '' */
.icon-blood_info_icon:before {
  display: inline-block;
  width: 14px;
  height: 24px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_blood_info.png) no-repeat 0 0;
  background-size: contain !important;
  margin-left: 0.3em;
}
.icon-checked_icon:before {
  content: '\e806';
}
/* '' */
.icon-choose_from_list_icon:before {
  content: '\e807';
}
/* '' */
.icon-delete_icon:before {
  content: '\e808';
}
/* '' */
.icon-doctor_info_icon:before {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_doctor_info.png) no-repeat 0 0;
  background-size: contain !important;
}
.icon-ecp_icon:before {
  content: '\e80a';
}
/* '' */
.icon-email_icon:before {
  content: '\e80b';
}
/* '' */
.icon-emergency_small_icon:before {
  content: '\e80c';
}
/* '' */
.icon-familys_past_medical_history_info_icon:before {
  display: inline-block;
  width: 18px;
  height: 28px;
  margin-right: 0px;
  content: "";
  background: url(../images/i_family_m_info.png) no-repeat 0 0;
  background-size: contain !important;
}
.icon-join_now::before {
  content: '\e82c';
}
.icon-friends_in_need_icon:before {
  content: '\e80e';
}
/* '' */
.icon-guardians_icon:before {
  content: '\e80f';
}
/* '' */
.icon-home_icon:before {
  content: '\e810';
}
/* '' */
.icon-immunization_info_icon:before {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_immunization_info.png) no-repeat 0 0;
  background-size: contain !important;
}
.icon-living_will_record_icon:before {
  display: inline-block;
  width: 20px;
  height: 28px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_living_record.png) no-repeat 0 0;
  background-size: contain !important;
}
.icon-emergency_record_icon:before {
  display: inline-block;
  width: 20px;
  height: 28px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_emergency_record.png) no-repeat 0 0;
  background-size: contain !important;
}
.icon-hospital_record_icon:before {
  display: inline-block;
  width: 20px;
  height: 28px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_hospital_record.png) no-repeat 0 0;
  background-size: contain !important;
}
.icon-log_out_icon:before {
  content: '\e813';
}
/* '' */
.icon-medical_condition_info_icon:before {
  display: inline-block;
  width: 25px;
  height: 28px;
  margin-right: 0px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_condition_info.png) no-repeat 0 0;
  background-size: contain !important;
  margin-left: -0.1em;
}
.icon-members_icon:before {
  content: '\e815';
}
/* '' */
.icon-account_holder_icon:before {
  content: '\e801';
}
/* '' */
.icon-message_center_icon:before {
  content: '\e817';
}
/* '' */
.icon-no_ecp_icon:before {
  content: '\e818';
}
/* '' */
.icon-nominate_myself_icon:before {
  content: '\e819';
}
/* '' */
.icon-nominate_new_person_icon:before {
  content: '\e81a';
}
/* '' */
.icon-organ_donor_status_info_icon:before {
  display: inline-block;
  width: 23px;
  height: 28px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_organ_info.png) no-repeat 0 0;
  background-size: 100%;
}
.icon-password_icon:before {
  content: '\e81c';
}
/* '' */
.icon-phone_icon:before {
  content: '\e81d';
}
/* '' */
.icon-preview_icon:before {
  content: '\e81e';
}
/* '' */
.icon-print_icon:before {
  content: '\e81f';
}
/* '' */
.icon-print_id_icon:before {
  content: '\e820';
}
/* '' */
.icon-qr_code_icon:before {
  content: '\e821';
}
/* '' */
.icon-question_icon {
  display: none;
}
.icon-question_icon:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  margin-top: 5px;
  content: '';
  padding: 5px;
  background: url(../images/info_tool_white.png) no-repeat 0 0;
  background-size: 80%;
  background-position-x: 4px;
  background-position-y: 4px;
}
@media all and (min-width: 1024px) {
  .icon-question_icon:before {
    padding: 8px 10px;
    background-size: 70%;
    background-position-x: 6px;
    background-position-y: 6px;
  }
}
.icon-question_icon_main:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  margin-top: 0px;
  content: '';
  padding: 5px;
  background: url(../images/info_tool.png) no-repeat 0 0;
  background-size: 70%;
  background-position: 4px 6px;
}
@media all and (min-width: 1024px) {
  .icon-question_icon_main:before {
    padding: 8px 10px;
  }
}
.tabber-person .icon-question_icon_main:before {
  background-position: 6px 0;
}
.icon-save_as_pdf_icon:before {
  content: '\e824';
}
/* '' */
.icon-setting_icon:before {
  content: '\e825';
}
/* '' */
.icon-share_profile_icon:before {
  content: '\e826';
}
/* '' */
.icon-star_icon:before {
  content: '\e827';
}
/* '' */
.icon-surgical_history_info_icon:before {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_surgical_info.png) no-repeat 0 0;
  background-size: 100%;
}
.icon-syc_fail_icon:before {
  content: '\e829';
}
/* '' */
.icon-syc_fail_icon.red:before {
  content: '\e829';
  color: red !important;
}
/* '' */
.icon-syc_success_icon:before {
  content: '\e82a';
}
/* '' */
.icon-transfer_icon:before {
  content: '\e82b';
}
/* '' */
.icon-menu_icon:before {
  content: '\e816';
}
.icon-medication_info_icon:before {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  margin-top: 5px;
  content: "";
  background: url(../images/i_medical_info.png) no-repeat 0 0;
  background-size: 100%;
}
.icon-transfer_icon:before {
  content: '\e600';
  font-family: 'iceangel-2';
}
select.has-error {
  border: 1px solid #a94442;
}
.has-error .phone-error {
  border-color: #a94442 !important;
}
#forms p {
  font-size: 16px;
  font-weight: bold;
}
#help-form textarea {
  height: 60px;
}
form#ChangeEmailForm {
  padding-top: 50px;
}
@media all and (min-width: 1024px) {
  form .left_10 {
    padding-left: 10px;
  }
}
form #edit-member-permission-form ul.list-group li.list-group-item label {
  display: inline;
}
form.setup-panic,
form#trigger-alert,
form#resend-active-email {
  padding-top: 5.2rem;
}
form.setup-panic div.form-sub-in.clearfix,
form#trigger-alert div.form-sub-in.clearfix,
form#resend-active-email div.form-sub-in.clearfix {
  margin-bottom: 20px;
}
form.setup-panic div.form-sub-in label,
form#trigger-alert div.form-sub-in label,
form#resend-active-email div.form-sub-in label {
  font-size: 14px;
}
form.panic-sync-confirmation-form,
form.unsync-panic-button-form {
  height: 100%;
  vertical-align: middle;
  padding: 0;
}
form.panic-sync-confirmation-form .full-width,
form.unsync-panic-button-form .full-width {
  margin: 10px 0;
}
.ia-label {
  display: -webkit-inline-box;
}
.ia-label-text {
  display: inline-table !important;
  vertical-align: middle;
  font-family: 'Roboto' !important;
  font-weight: 500 !important;
  font-size: 15px;
  color: #85878d !important;
}
@media all and (min-width: 1024px) {
  .ia-label-text {
    white-space: nowrap;
  }
}
@media all and (max-width: 767px) {
  .ia-label-text {
    font-size: 13px;
  }
}
.ia-label-require {
  display: inline-block;
  vertical-align: middle;
}
.ia-label-require i:before {
  color: #FF0000;
  font-size: 14px;
  margin: 0PX;
}
.ia-label-tooltip-icon-container {
  vertical-align: middle;
}
.ia-label-tooltip-icon,
.form-group label i {
  color: #C6C6CA;
  font-size: inherit;
}
@media all and (max-width: 900px) {
  .ia-label-tooltip-icon,
  .form-group label i {
    font-size: 22px;
  }
}
.form-group {
  display: inline-block;
  width: 100%;
}
.form-group label {
  font-weight: inherit;
}
@media all and (max-width: 900px) {
  .form-group .form-control {
    font-size: inherit;
    overflow: visible;
  }
}
@media only screen and (max-width: 867px) {
  .form-section > div {
    padding: 0 5px;
  }
}
.form-in {
  max-width: 800px;
  margin: 0 auto;
}
.form-sub-in {
  max-width: 600px;
  margin: 0 auto;
}
@media all and (min-width: 1024px) {
  .form-sub-in .custom_select:before {
    top: 0px;
  }
}
.form-sub-in label {
  font-weight: normal;
  color: #333;
  display: block;
  margin: 0 0 7px;
}
.form-tabber {
  /*     .form-person-body {
      padding: 20px;
      @media @largescreens{
        padding: 10px;
      }
    } */
}
.form-tabber .box-register {
  /*.border-radius(4px);
      border: 1px solid @blue-color-6;
      border-bottom: 3px solid @blue-color-6;*/
}
@media only screen and (max-width: 321px) {
  .form-tabber .box-register {
    width: 100%;
  }
}
@media only screen and (max-width: 361px) {
  .form-tabber .box-register {
    width: 100%;
  }
}
@media all and (min-width: 1024px) {
  .form-tabber hr {
    margin: 0 0 15px !important;
  }
}
@media all and (min-width: 1024px) {
  .form-tabber .left-column-title {
    font-weight: 400;
  }
}
.form-person-heading {
  border-bottom: 1px solid #eceeef;
  padding: 10px;
  font-size: 1.3em;
  text-align: center;
  position: relative;
  font-weight: 200;
  font-style: italic;
  background-color: #e2f1ff;
}
.form-person-heading span {
  margin-bottom: 0px;
}
@media all and (max-width: 767px) {
  .form-person-heading span {
    padding-right: 24px;
  }
}
.form-person-heading a {
  position: absolute;
  right: 20px;
  top: 10px;
  color: #FF524D;
  display: block;
  font-size: 15px;
}
.form-person-bottom {
  padding: 0px;
  font-size: 12px;
  text-align: center;
}
.form-input-delete {
  margin-bottom: 15px;
}
.form-input-delete .form-group {
  position: relative;
  margin-right: 30px;
}
.form-mid {
  max-width: 480px;
  margin: 0 auto;
  padding: 15px 0;
  font-size: 15px;
}
.form-outer {
  padding: 30px 0 0;
}
.form-control.field-user,
.form-control.field-pass {
  background: #ffffff url(../images/user-field.png) no-repeat;
  background-position: 15px center;
  background-size: 22px 22px;
  padding: 15px 20px 15px 45px !important;
  color: #000000;
  font-size: 16px !important;
}
@media only screen and (max-width: 361px), only screen and (max-width: 867px), (min-width: 868px), only screen and (max-width: 321px) {
  .form-control.field-user,
  .form-control.field-pass {
    height: auto;
  }
}
.form-control.field-pass {
  background-image: url(../images/pass-field.png) !important;
}
.form-control {
  border-radius: 0px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: inherit;
  margin: 0px;
  height: 44px;
  padding: 10px 12px 11px;
}
@media all and (min-width: 1024px) {
  .form-control {
    color: #555555;
    margin: 0px;
    height: 44px;
    margin-left: 0;
  }
}
.form-wrap p {
  color: #666666;
}
@media all and (max-width: 767px) {
  .name_info label {
    width: auto;
  }
}
.login-form-password {
  margin: 20px 0;
}
.login-form-password label.password-checkbox {
  margin-top: -42px !important;
}
.ia-date .form-control {
  margin: 0;
}
.pdf-download {
  position: absolute;
  width: 200px;
  left: -50px;
  z-index: 10;
}
.name-account {
  font-weight: 600 !important;
}
#repeat-password {
  display: none;
}
/* Customize the label (the container) */
.custom-check {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-family: 'Roboto' !important;
  font-weight: 500 !important;
  font-size: 15px;
  color: #85878d !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 5%;
}
label.custom-check {
  width: auto;
}
/* Hide the browser's default checkbox */
.custom-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #dedfe2;
}
/* On mouse-over, add a grey background color */
.custom-check:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.custom-check input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.custom-check input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.custom-check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.nolable-Checkbox {
  width: 25px;
  height: 25px;
  position: relative;
  float: left;
  margin-right: 10px;
  /* Style the checkmark/indicator */
}
.nolable-Checkbox > * {
  position: absolute;
}
.nolable-Checkbox-visible {
  border: 1px solid gray;
  width: 25px;
  height: 25px;
  margin: 2px;
  background: #fff;
  border: 1px solid #dedfe2;
  border-radius: 3px;
}
.nolable-Checkbox > input {
  z-index: 1;
  opacity: 0;
  left: 50%;
  top: 50%;
  transform: translatex(-50%) translatey(-50%);
  display: block;
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.nolable-Checkbox > input:checked + .nolable-Checkbox-visible {
  background: #2196F3;
}
.nolable-Checkbox > input:hover + .nolable-Checkbox-visible {
  border-color: #cccccc;
}
.nolable-Checkbox > input:hover:checked + .nolable-Checkbox-visible {
  border-color: #2196F3;
}
.nolable-Checkbox > input:focus + .nolable-Checkbox-visible {
  border-color: #2196F3;
}
.nolable-Checkbox .nolable-Checkbox-visible:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  content: "";
  position: absolute;
}
.btn {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Roboto';
  letter-spacing: 0.08em;
  white-space: normal !important;
  width: auto;
}
@media all and (min-width: 1024px) {
  .btn {
    *font-size: 20px;
  }
}
.btn-primary {
  background-color: #25bafa !important;
}
.btn-primary:hover {
  background: #57cafb;
}
.btn-primary[disabled] {
  background-color: #25bafa;
}
.btn-web {
  border: 1px solid #ccc !important;
  background-color: #fff;
  cursor: pointer !important;
  border: 0px;
  width: 100%;
  border-radius: 4px;
  margin-top: 0 !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-family: 'Roboto';
  letter-spacing: 0.08em;
  background-image: none !important;
  padding: 8px 0 7px 0 !important;
}
.btn-web span {
  margin-bottom: 0 !important;
}
.btn-close {
  width: 100%;
}
.btn-padding {
  padding: 7px;
}
.btn-group {
  height: 65px;
}
.btn-lg-wrap .btn {
  padding: 8px 14px;
  font-size: 14px;
  font-weight: 300;
  font-weight: 700;
}
.btn-right {
  text-align: right;
}
.btn-theme {
  background: #37B2FA;
  color: #ffffff;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active {
  background: #00b0f5;
  color: #ffffff;
}
.btn-lg-land {
  padding: 6px 24px;
}
.btn-emergency {
  color: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  font-size: 14px;
  border-radius: 16px;
}
@media only screen and (max-width: 415px) {
  .btn-emergency {
    padding: 4px 7px;
  }
}
@media only screen and (max-width: 321px) {
  .btn-emergency {
    padding: 3px 5px;
  }
}
.btn-emergency:hover {
  color: #fbb2b2;
}
.btn-white {
  background: #ffffff;
  border-color: #d0d0d0;
  color: #333;
}
.btn.resend-nomination-btn {
  font-size: 9px;
  padding: 6px 8px;
  border-radius: 5px;
  margin-right: 10px;
  border: none;
  color: #ffffff;
  background-color: #66cc20;
}
.btn.resend-nomination-btn.resend-nomination-btn:hover {
  background-color: #5bb61d;
  color: #ffffff;
  border: none;
}
.btn.sync-btn {
  margin: 0 8px !important;
  float: right;
  padding: 3px 15px;
}
@media only screen and (max-width: 867px) {
  .btn.sync-btn {
    margin: 3px 0px 0 0;
  }
}
@media all and (max-width: 767px) {
  .btn.sync-btn {
    font-size: 13px;
    padding: 5px;
    margin: 0 2px ;
  }
}
.btn.sync-btn.sync {
  background: #66cc20;
  color: #ffffff;
}
.load_more {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #ffffff;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  color: #e84f4f;
  font-size: 12px;
  font-family: 'Roboto';
  font-weight: 900;
  margin: 15px auto 0;
  padding: 6px 10px;
  text-decoration: none;
}
@media only screen and (max-width: 867px) {
  .load_more {
    margin: 8px auto 4px;
  }
}
.load_more:hover {
  background: #e84f4f none repeat scroll 0 0;
  color: #ffffff;
}
.load_more .fa-spin {
  font-size: 15pt;
  vertical-align: middle;
}
@media all and (min-width: 1024px) {
  .btn-160 {
    min-width: 160px;
  }
}
@media all and (min-width: 1024px) {
  .btn-180 {
    min-width: 180px;
  }
}
.btn-150 {
  min-width: 150px;
  margin: 0 5px;
}
@media only screen and (max-width: 435px) {
  .btn-150 {
    width: 95%!important;
    margin: 10px 0 !important;
  }
}
.btn-240 {
  min-width: 240px;
}
.edit-btn {
  padding: 4px 18px 5px;
}
.main-btn {
  padding: 0px 0 0px;
  text-align: left;
}
.main-btn.synced p a {
  min-width: 255px;
  font-size: 12px;
}
.main-btn.synced p a.sync-setting {
  padding: 0;
  position: absolute;
  background: none;
  border: none;
  min-width: 0 !important;
  line-height: 70px;
  vertical-align: middle;
}
.main-btn.synced p a.sync-setting img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 0;
}
.main-btn p {
  padding: 0 0 34px;
}
.main-btn a {
  padding: 4px 20px 8px 20px;
  min-width: 255px;
  background: #f2ab30;
  color: #000000;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  font-size: 12.8px;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-weight: normal;
  border-bottom: 4px solid #f0a118 !important;
  -webkit-transition: 0.1s linear all;
  border-radius: 30px;
}
.main-btn a:hover {
  cursor: pointer;
  background: #f0a118;
  border-bottom: 1px solid #f0a118 !important;
  margin-top: 2px !important;
}
@media all and (max-width: 767px) {
  .main-btn a {
    padding: 0px 5px 4px 55px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 370px) {
  .main-btn a {
    padding: 0px 5px 4px 5px;
    min-width: 90%;
    font-size: 12px;
    line-height: 16px;
  }
}
.main-btn a img,
.main-btn a span {
  display: inline-block;
  vertical-align: middle;
}
.main-btn a img {
  margin-right: 20px;
}
.main-btn a.red-btn {
  background: #e84f4f;
  border-color: #d91616;
}
.main-btn a.yellow-btn1 {
  border: none;
  background-position: 20% center;
}
@media all and (max-width: 767px) {
  .main-btn a.yellow-btn1 {
    background-position: 5% center;
  }
}
.main-btn a.yellow-btn {
  background: #f2ab30;
  border-color: #d99116;
}
.main-btn .two-line img {
  float: left;
}
.main-btn .two-line strong {
  display: block;
  margin: 8px 0 2px;
}
.main-btn .two-line span {
  color: #47484c;
  text-transform: initial;
  font-size: 12.6px;
  min-width: 105px;
}
@media only screen and (max-width: 370px) {
  .main-btn .two-line span {
    font-size: 10.5px;
  }
}
.main-btn .two-line span.yellow {
  color: #8e5013;
  text-transform: capitalize;
}
.add-label {
  margin: 0 auto;
}
@media all and (max-width: 900px) {
  button {
    text-transform: none;
    width: 100%;
    padding: 10px 5px;
  }
}
.button {
  display: inline-block;
  font-family: 'Roboto';
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding: .6em;
  padding-right: 4.7em;
  background: #009ED8;
  font-size: 1.4em;
  font-weight: bold;
  border: none;
  color: white;
  transition: .2s;
}
@media all and (max-width: 767px) {
  .button {
    font-size: 1em;
    padding: .4em;
    padding-right: 2.7em;
  }
}
.button:before,
.button:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: inherit;
  padding-bottom: inherit;
  width: 2.8em;
  content: "\00a0";
  font-family: 'FontAwesome', sans-serif;
  font-size: 1.2em;
  text-align: center;
  transition: .2s;
  transform-origin: 50% 60%;
}
@media all and (max-width: 767px) {
  .button:before,
  .button:after {
    width: 2em;
    font-size: 1em;
  }
}
.button:before {
  background: rgba(0, 0, 0, 0.1);
}
.button:hover {
  background: #0079a5;
}
.button:active,
.button:focus {
  background: #002e3f;
  outline: none;
}
.button {
  min-width: 45%;
}
@media all and (max-width: 767px), only screen and (max-width: 867px) {
  .button {
    max-width: 45%;
  }
}
.cancel-cross {
  background: #FE5F55;
}
.cancel-cross:hover {
  background: #fe2f22;
}
.cancel-cross:active,
.cancel-cross:focus {
  background: #b90c01;
}
.cancel-cross:after {
  content: "\f00d";
}
.cancel-cross:hover:after {
  animation: bounceright .3s alternate ease infinite;
}
.check {
  background: #83b135;
}
.check:hover {
  background: #668a29;
}
.check:active,
.check:focus {
  background: #49631d;
}
.check:after {
  content: "\f00c";
}
.check:hover:after {
  animation: bounceright .3s alternate ease infinite;
}
.hi-icon-wrap {
  text-align: center;
  margin: 0 auto;
  padding: 2em 0 3em;
}
.hi-icon {
  display: inline-block;
  font-size: 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  background: none;
  border: none;
  outline: 0;
  width: auto;
  margin: 8%;
}
@media all and (max-width: 767px) {
  .hi-icon {
    margin: 8%;
    padding: 0 0;
  }
}
.hi-icon:before {
  font-family: 'FontAwesome', sans-serif;
  speak: none;
  font-size: 38px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.2;
}
.hi-icon-cancel:before {
  content: "\f00d";
  background: #FE5F55;
}
.hi-icon-cancel:before :hover {
  background: #b52217;
}
.hi-icon-check:before {
  content: "\f00c";
  background: #83b135;
}
.hi-icon-check:before:hover {
  background: #668a29;
}
.copy-btn {
  font-size: 16px;
  color: #208bda;
  background: #fff;
  padding: 5px;
  border-radius: 15px;
  margin: 5px;
  cursor: pointer;
  box-shadow: 0 0 5px #ccc;
}
.phone_no .full-phone-number {
  margin: 6px 0 0 0 !important;
}
.trigger-section {
  padding: 15px;
}
.section {
  float: left;
  padding: 25px;
  position: relative;
  width: 100%;
}
@media all and (max-width: 900px) {
  .section.guardian h3 {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 415px) {
  .section.guardian h3 {
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 321px), only screen and (max-width: 361px) {
  .section .fa-trash-o {
    font-size: 20px;
    margin-top: 5px;
    right: 5px;
  }
}
@media only screen and (max-width: 867px) {
  .section-bdr {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  }
}
.section-wrap-combine {
  box-shadow: 0 1px 2px none;
  margin: 0;
  border-bottom: none;
}
.section-wrap {
  box-shadow: 0 1px 2px 0 1px 1px -1px rgba(0, 0, 0, 0.2);
  border: 1px solid #edeef2;
  background: #ffffff;
  margin: 0px 0 80px 0px;
}
@media all and (min-width: 1024px) {
  .section-wrap {
    border: 1px solid #dddddd;
  }
}
.section-wrap h2 {
  font-size: 21px;
  color: #333;
  margin: 0;
  font-weight: normal;
  padding: 15px 22px;
  border-bottom: 1px solid #edeef2;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 867px) {
  .section-wrap h2 {
    font-size: 18px;
  }
}
.section-wrap h2 span {
  margin-right: 2px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
@media only screen and (max-width: 370px) {
  .section-wrap h2 span {
    font-size: 12px;
  }
}
.section-wrap h2 em {
  vertical-align: middle;
  display: block;
  font-style: normal;
  margin-left: 25px;
}
.section-wrap h2 img {
  float: left;
  margin: 1px 0 0;
}
@media only screen and (max-width: 867px) {
  .section-wrap h2 img {
    margin: 0;
  }
}
.section-wrap .section:last-child {
  border-left: none;
  border-bottom: none;
}
.section-error {
  box-shadow: 0 0 1px #f29798;
}
.section .fa-trash-o {
  font-weight: 300;
  position: absolute;
  color: #FF524D;
  font-size: 24px;
  margin: 0;
  top: 27px;
  right: 0px;
}
@media all and (max-width: 767px) {
  .section .fa-trash-o {
    font-size: 20px;
  }
}
@media only screen and (max-width: 867px) {
  .section .fa-trash-o {
    top: 15px;
  }
}
@media only screen and (max-width: 867px) {
  .section {
    float: none;
    width: auto;
    padding: 15px;
  }
}
.section h3 {
  font-size: 22px;
  color: #333;
  font-weight: 300;
  margin: 10px 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
@media all and (max-width: 767px) {
  .section h3 {
    font-size: 1.41428571em !important;
  }
}
.info-badge {
  color: #b4b7bf;
  font-weight: normal;
  line-height: 13px;
  position: relative;
  left: 0px;
  top: 0px;
  font-size: 14px;
}
@media all and (min-width: 1024px) {
  .info-badge {
    font-size: 18px;
  }
}
@media all and (max-width: 767px) {
  .info-badge {
    font-size: 12.6px;
  }
}
.info-badge::before {
  content: " (";
}
.info-badge::after {
  content: ")";
}
.progress-section {
  padding: 30px 0px 10px 0px;
}
.progress-section p {
  padding: 0 0 55px;
}
@media only screen and (max-width: 867px) {
  .progress-section p {
    font-size: 13px;
    padding-bottom: 20px;
  }
}
.source-section {
  border-left: 1px solid #cccccc;
  padding: 10px 0 15px 20px;
  min-height: 155px;
}
.source-section p {
  padding: 0 0 35px;
}
@media only screen and (max-width: 867px) {
  .source-section p {
    padding-bottom: 10px;
  }
}
.source-section strong {
  font-size: 58px;
  color: #66cc20;
  font-weight: 300;
  line-height: 1;
}
@media only screen and (max-width: 361px) {
  .source-section strong {
    font-size: 2.4em;
  }
}
@media only screen and (max-width: 321px) {
  .source-section strong {
    font-size: 8vmin;
  }
}
@media all and (min-width: 1024px) {
  .source-section {
    min-height: 144px;
  }
  .source-section strong {
    font-weight: 400;
  }
}
@media only screen and (max-width: 867px) {
  .source-section {
    min-height: inherit;
    border-color: #f3f3f3;
    padding-left: 27px;
  }
}
.error-section strong {
  color: #FF524D;
}
@media all and (min-width: 1024px) {
  .error-section strong {
    color: #FF524D;
  }
}
.add-section {
  text-align: center;
  padding: 21px 0 10px 0;
}
.add-section p {
  padding: 0 0 18px;
  color: #66cc20;
}
.add-section .btn {
  background: #66cc20;
  padding: 8px 18px;
  border: none;
  font-size: 20px;
  border-radius: 20px;
}
.add-section .btn::before {
  top: 8px;
}
.alert-section {
  border: none;
  background-color: #D32D27;
  background-repeat: repeat-x;
  outline: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  margin-bottom: 5px;
}
@media all and (min-width: 1024px) {
  .alert-section {
    height: auto;
    margin: 0px 0 15px 0;
  }
}
@media all and (min-width: 1024px) {
  .alert-section .left-alert {
    max-width: 360px;
  }
}
@media all and (min-width: 1024px) {
  .alert-section .left-alert .alert-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: inherit;
    line-height: 84px;
    padding: 23px 0 10px;
    position: absolute;
    left: 115px;
  }
}
@media all and (min-width: 1024px) {
  .alert-section .right-alert .alert-item {
    padding: 15px 0 0 31px;
    width: 595px;
  }
}
@media all and (min-width: 1024px) {
  .alert-section .right-alert .alert-item .cross {
    top: 13px;
    font-size: 12px;
    width: 16px;
    height: 16px;
  }
}
@media all and (min-width: 1024px) {
  .alert-section .right-alert .alert-item .alert-detail h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 21px;
    color: #ffffff;
    line-height: 25.2px;
  }
}
@media all and (min-width: 1024px) {
  .alert-section .right-alert .alert-item .alert-detail span,
  .alert-section .right-alert .alert-item .alert-detail p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 16.8px;
  }
}
@media all and (max-width: 767px) {
  .alert-section > div {
    padding: 0px;
    margin: 0 -10px;
  }
}
a.contact-number {
  color: #3b95e1;
  background: none;
  text-decoration: underline;
  margin-top: 5px;
  padding: 2px 10px;
  font-size: 14px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 800;
  letter-spacing: 0em;
}
@media only screen and (max-width: 435px) {
  a.contact-number {
    margin-top: 0px;
  }
}
.alert-popup {
  font-size: 14px;
}
.emergency-section {
  background: #D32D27;
  text-align: left;
  margin-top: 1px;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.8px;
  color: #ffffff;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
  display: block;
}
.emergency-section .emergency-inner .alert_history {
  padding: 0px;
  overflow: hidden;
}
.emergency-section .emergency-inner .alert_history .col-xs-7,
.emergency-section .emergency-inner .alert_history .col-xs-5 {
  padding: 0 5px;
}
.emergency-section .emergency-inner .alert_history div.type h3 {
  color: #ffffff;
  font-size: 21px;
  padding-right: 50px;
}
@media only screen and (max-width: 867px) {
  .emergency-section .emergency-inner .alert_history div.type h3 {
    padding-right: 0;
  }
}
@media all and (max-width: 900px) {
  .emergency-section .emergency-inner .alert_history div.type h3 {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 415px) {
  .emergency-section .emergency-inner .alert_history div.type h3 {
    font-size: 14px !important;
  }
}
.emergency-section .emergency-inner .alert_history div.time-ago {
  margin-bottom: 9px;
}
.emergency-section .emergency-inner .alert_history div.time-ago p {
  color: #ffffff;
  font-size: 14px;
  padding: 5px;
}
@media only screen and (max-width: 435px) {
  .emergency-section .emergency-inner .alert_history div.time-ago p {
    font-size: 12px;
    padding: 0px;
  }
}
.emergency-section .emergency-inner .alert_history div.contact-number p {
  color: #ffffff;
  font-size: 14px;
}
@media all and (max-width: 900px) {
  .emergency-section .emergency-inner .alert_history div.contact-number p {
    font-size: 13px;
  }
}
@media only screen and (max-width: 415px) {
  .emergency-section .emergency-inner .alert_history div.contact-number p {
    font-size: 12px;
  }
}
@media only screen and (max-width: 321px) {
  .emergency-section .emergency-inner .alert_history div.contact-number p {
    font-size: 11px;
  }
}
.emergency-section .emergency-inner .alert_history div.location-btn {
  color: #ffffff;
  margin: 0;
  padding: 0 0 0 0;
}
@media all and (max-width: 767px) {
  .emergency-section .emergency-inner .alert_history div.location-btn {
    margin: 0;
  }
}
.emergency-section .emergency-inner .alert_history div.location-btn a {
  padding: 5px 5px 5px 10px;
  font-size: 14px;
  z-index: 20;
  text-decoration: none;
  cursor: pointer;
}
.emergency-section .emergency-inner .alert_history div.location-btn a:hover,
.emergency-section .emergency-inner .alert_history div.location-btn a:active,
.emergency-section .emergency-inner .alert_history div.location-btn a:visited,
.emergency-section .emergency-inner .alert_history div.location-btn a:focus,
.emergency-section .emergency-inner .alert_history div.location-btn a:active {
  color: #ffffff;
  background-color: #bd2823;
  text-decoration: none;
}
@media only screen and (max-width: 867px) {
  .emergency-section .emergency-inner .alert_history div.location-btn a {
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  .emergency-section .emergency-inner .alert_history div.location-btn a {
    padding: 0 5px 0 0 ;
    font-size: 12px;
  }
}
@media only screen and (max-width: 435px) {
  .emergency-section .emergency-inner .alert_history div.location-btn a {
    padding: 0 ;
  }
}
.emergency-section .emergency-inner .alert_history a.contact-number {
  color: #ffffff;
}
.emergency-section .emergency-inner .alert_history a.contact-number a {
  border-color: #fbb2b2;
  font-size: 14px;
  cursor: pointer;
}
.emergency-section .emergency-inner .alert_history a.contact-number a:hover,
.emergency-section .emergency-inner .alert_history a.contact-number a:active,
.emergency-section .emergency-inner .alert_history a.contact-number a:visited,
.emergency-section .emergency-inner .alert_history a.contact-number a:focus,
.emergency-section .emergency-inner .alert_history a.contact-number a:active {
  color: #ffffff;
}
@media all and (max-width: 900px) {
  .emergency-section .emergency-inner .alert_history a.contact-number a {
    font-size: 12px;
  }
}
.emergency-section .load_box {
  padding: 10px;
  background: #d32d27;
}
.display-section input,
.display-section span,
.display-section a {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.display-password {
  float: left;
}
.forgot-password {
  float: right;
}
@media only screen and (max-width: 867px) {
  .modal-body .display-password,
  .modal-body .forgot-password {
    float: none;
  }
}
.modal-body .login-btn button {
  width: 100%;
}
.country-section {
  margin: 0;
  text-align: right;
  position: absolute;
  top: 20px;
  right: 10px;
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .country-section {
    margin: 0 0 6px;
    text-align: right;
  }
}
.country-section a {
  font-family: 'Roboto', sans-serif;
  font-weight: inherit;
  font-size: 12px;
  background: #f0efed;
  color: #000000;
  padding: 8px 13px;
  display: inline-block;
  text-decoration: none;
  outline: none;
  border-radius: 5px;
}
@media only screen and (max-width: 867px) {
  .country-section a {
    background: rgba(255, 255, 255, 0.8);
  }
}
.country-section a span,
.country-section a img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
.capture-section {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
}
ul.about {
  margin: 5%;
  background-color: #ffffff;
}
ul.about li {
  border: 1px solid #e5e8ea;
  border-bottom: 0px;
  line-height: 44px;
  font-weight: bold;
}
ul.about li:last-child {
  border-bottom: 1px solid #e5e8ea;
}
ul.about li a,
ul.about li a:hover,
ul.about li a:active,
ul.about li a:focus {
  color: #000000;
  text-decoration: none;
  padding: 15px;
  display: block;
}
ul.about li a:after,
ul.about li a:hover:after,
ul.about li a:active:after,
ul.about li a:focus:after {
  content: " ";
  background: url('../images/arrow-tab-mobile.jpg') no-repeat right;
  position: relative;
  display: inline-block;
  float: right;
  right: 10px;
  transform: rotate(-90deg);
  font-size: 16px;
  height: 44px;
  width: 30px;
}
@media all and (max-width: 900px) {
  section#term-and-condition,
  section#privacy-policy {
    overflow: hidden;
    min-height: 710px !important;
  }
}
@media only screen and (max-width: 867px) {
  section#term-and-condition,
  section#privacy-policy {
    min-height: 480px !important;
  }
}
section a.right-arrow {
  font-size: 30px;
  margin: 0;
  padding: 0;
}
.right-arrow-container {
  position: absolute;
  right: 15px;
  top: 40%;
}
@media all and (max-width: 767px) {
  .right-arrow-container {
    right: -15px;
    top: 20%;
  }
}
.account_holder_members .right-arrow-container {
  position: absolute;
  right: 15px;
  top: 40%;
}
@media all and (max-width: 767px) {
  .account_holder_members .right-arrow-container {
    right: 15px;
    top: 56%;
  }
}
.no-info {
  font-size: 15px !important;
  color: #b4b7bf;
  padding: 25px 0px 25px 0px;
  width: 100%;
  text-align: center;
}
@media all and (max-width: 900px) {
  .no-info {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 415px) {
  .no-info {
    font-size: 15px !important;
  }
}
.no-caps-label {
  display: inline-table !important;
  vertical-align: middle;
  font-family: Roboto !important;
  font-weight: 700 !important;
  color: #6c6e73 !important;
  letter-spacing: 0.05em !important;
}
@media only screen and (max-width: 867px) {
  .footer-nav {
    font-size: x-small;
  }
}
@media all and (max-width: 767px) {
  .footer-nav {
    display: none;
  }
}
@media only screen and (max-width: 867px) {
  .footer-copy {
    font-size: x-small;
  }
}
.no-show {
  display: none;
}
#footer-include {
  height: 30px;
}
#footer {
  z-index: 3;
  width: 100%;
  height: 52px;
  font-size: 12px;
  color: #6c6e73;
}
#footer ul {
  float: right;
}
#footer li {
  float: left;
  border-left: 1px solid #DBDDE1;
  padding: 0 15px;
}
@media all and (max-width: 900px) {
  #footer li {
    display: inline;
    padding: 0 10px;
  }
}
#footer li:first-child {
  border: none;
}
#footer li:last-child {
  padding-right: 0;
}
#footer a {
  color: #6c6e73;
}
#footer a:hover {
  text-decoration: none;
  color: #25bafa;
}
#footer-wrap {
  border-top: 1px solid #e2e4e5;
  padding: 40px 25px 0 15px;
  background: #ffffff;
  margin-top: 50px;
}
#footer-wrap.is-home {
  padding-bottom: 23px;
}
.app-version {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #f7f8fc;
  font-size: 11px;
  left: 0;
  padding: 5px;
  position: fixed;
  text-align: center;
  width: 100%;
}
#footer-include {
  padding-top: 40px;
}
#footer-include #footer-wrap {
  margin-top: -22px;
}
#footer .footer-copy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media (max-width: 767px) {
  #footer .footer-copy {
    -ms-flex-pack: center !important;
        justify-content: center !important;
  }
}
#footer .footer-copy .trustlogo {
  max-width: 100px;
  margin-left: 10px;
}
#footer .footer-copy p {
  padding: 0;
}
.carousel-wrap {
  min-height: 557px;
}
@media only screen and (max-width: 415px) {
  .carousel-wrap {
    min-height: 300px;
  }
}
@media only screen and (max-width: 361px) {
  .carousel-wrap {
    min-height: 261px;
  }
}
@media only screen and (max-width: 321px) {
  .carousel-wrap {
    min-height: 230px;
  }
}
.carousel .carousel-control {
  display: none;
}
.carousel-indicators {
  bottom: 40px;
}
.carousel-slide {
  font-size: 18px;
  min-height: 557px;
  text-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
}
.carousel-slide:after {
  content: '';
  display: table;
  clear: both;
}
.carousel-slide:after {
  content: '';
  display: table;
  clear: both;
}
@media only screen and (max-width: 415px) {
  .carousel-slide {
    min-height: 300px;
  }
}
@media only screen and (max-width: 361px) {
  .carousel-slide {
    min-height: 261px;
  }
}
@media only screen and (max-width: 321px) {
  .carousel-slide {
    min-height: 230px;
  }
}
.carousel-slide-img {
  background: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.carousel-slide-caption {
  color: #ffffff;
  float: right;
  padding-left: 50%;
  padding-right: 10%;
  padding-top: 60px;
  text-align: left;
  width: 100%;
  padding-bottom: 150px;
}
@media only screen and (max-width: 415px) {
  .carousel-slide-caption {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 0;
  }
}
.carousel-slide-caption .learn-more-wrap {
  bottom: 40px;
  text-align: left;
}
@media only screen and (max-width: 361px) {
  .carousel-slide-caption .learn-more-wrap {
    bottom: 80px;
    right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 415px) {
  .carousel-indicators {
    display: none;
  }
}
.carousel-slide-title {
  color: inherit;
  font-size: 38px;
}
.learn-more {
  border-radius: 5px;
  background: #fafbfc;
  color: #000000;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 8px 14px;
}
.learn-more-wrap {
  bottom: 40px;
  right: 25%;
  text-align: right;
}
@media only screen and (max-width: 361px) {
  .learn-more-wrap {
    bottom: 80px;
    right: 0;
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 361px) {
  .learn-more {
    display: inline-block;
  }
}
@media only screen and (max-width: 867px) {
  .learn-more {
    background: rgba(255, 255, 255, 0.8);
  }
}
.learn-more img,
.learn-more span {
  display: inline-block;
  vertical-align: middle;
}
.learn-more span {
  padding-right: 7px;
}
.static-page-content h1,
.static-page-content h2,
.static-page-content h3,
.static-page-content h4,
.static-page-content h5,
.static-page-content h6 {
  margin: 0px 0 20px 0;
  padding: 0;
}
.static-page-content h1 {
  margin: 0;
}
.static-page-content p {
  margin: 0 0 20px 0;
  padding: 0;
}
.static-page-content ol,
.static-page-content ul {
  margin: 20px 0;
  list-style-position: outside;
  padding-left: 40px;
}
.static-page-content ol {
  list-style-type: decimal;
}
.static-page-content ul {
  list-style-type: circle;
}
.static-page-content li {
  list-style: inherit;
  margin: 10px 0;
}

.spinner {
  font-size: 50px;
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em; }
  .spinner.center {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 0;
    margin: auto; }
  .spinner .spinner-blade {
    position: absolute;
    left: .4629em;
    bottom: 0;
    width: .074em;
    height: .2777em;
    border-radius: .5em;
    background-color: transparent;
    transform-origin: center -.2222em;
    animation: spinner-fade 1s infinite linear; }
    .spinner .spinner-blade:nth-child(1) {
      animation-delay: 0s;
      transform: rotate(0deg); }
    .spinner .spinner-blade:nth-child(2) {
      animation-delay: 0.083s;
      transform: rotate(30deg); }
    .spinner .spinner-blade:nth-child(3) {
      animation-delay: 0.166s;
      transform: rotate(60deg); }
    .spinner .spinner-blade:nth-child(4) {
      animation-delay: 0.249s;
      transform: rotate(90deg); }
    .spinner .spinner-blade:nth-child(5) {
      animation-delay: 0.332s;
      transform: rotate(120deg); }
    .spinner .spinner-blade:nth-child(6) {
      animation-delay: 0.415s;
      transform: rotate(150deg); }
    .spinner .spinner-blade:nth-child(7) {
      animation-delay: 0.498s;
      transform: rotate(180deg); }
    .spinner .spinner-blade:nth-child(8) {
      animation-delay: 0.581s;
      transform: rotate(210deg); }
    .spinner .spinner-blade:nth-child(9) {
      animation-delay: 0.664s;
      transform: rotate(240deg); }
    .spinner .spinner-blade:nth-child(10) {
      animation-delay: 0.747s;
      transform: rotate(270deg); }
    .spinner .spinner-blade:nth-child(11) {
      animation-delay: 0.83s;
      transform: rotate(300deg); }
    .spinner .spinner-blade:nth-child(12) {
      animation-delay: 0.913s;
      transform: rotate(330deg); }

@keyframes spinner-fade {
  0% {
    background-color: #fff; }
  100% {
    background-color: transparent; } }

/* loader */
.loader {
  color: #00a7ff;
  margin: 25px auto;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: load5 1.1s infinite ease;
  transform: translateZ(0); }

@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #00a7ff, 1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2), 2.5em 0em 0 0em rgba(0, 66, 100, 0.2), 1.75em 1.75em 0 0em rgba(0, 66, 100, 0.2), 0em 2.5em 0 0em rgba(0, 66, 100, 0.2), -1.8em 1.8em 0 0em rgba(0, 66, 100, 0.2), -2.6em 0em 0 0em rgba(0, 66, 100, 0.5), -1.8em -1.8em 0 0em rgba(0, 66, 100, 0.7); }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 66, 100, 0.7), 1.8em -1.8em 0 0em #00a7ff, 2.5em 0em 0 0em rgba(0, 66, 100, 0.2), 1.75em 1.75em 0 0em rgba(0, 66, 100, 0.2), 0em 2.5em 0 0em rgba(0, 66, 100, 0.2), -1.8em 1.8em 0 0em rgba(0, 66, 100, 0.2), -2.6em 0em 0 0em rgba(0, 66, 100, 0.2), -1.8em -1.8em 0 0em rgba(0, 66, 100, 0.5); }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 66, 100, 0.5), 1.8em -1.8em 0 0em rgba(0, 66, 100, 0.7), 2.5em 0em 0 0em #00a7ff, 1.75em 1.75em 0 0em rgba(0, 66, 100, 0.2), 0em 2.5em 0 0em rgba(0, 66, 100, 0.2), -1.8em 1.8em 0 0em rgba(0, 66, 100, 0.2), -2.6em 0em 0 0em rgba(0, 66, 100, 0.2), -1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2); }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 66, 100, 0.2), 1.8em -1.8em 0 0em rgba(0, 66, 100, 0.5), 2.5em 0em 0 0em rgba(0, 66, 100, 0.7), 1.75em 1.75em 0 0em #00a7ff, 0em 2.5em 0 0em rgba(0, 66, 100, 0.2), -1.8em 1.8em 0 0em rgba(0, 66, 100, 0.2), -2.6em 0em 0 0em rgba(0, 66, 100, 0.2), -1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2); }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 66, 100, 0.2), 1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2), 2.5em 0em 0 0em rgba(0, 66, 100, 0.5), 1.75em 1.75em 0 0em rgba(0, 66, 100, 0.7), 0em 2.5em 0 0em #00a7ff, -1.8em 1.8em 0 0em rgba(0, 66, 100, 0.2), -2.6em 0em 0 0em rgba(0, 66, 100, 0.2), -1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2); }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 66, 100, 0.2), 1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2), 2.5em 0em 0 0em rgba(0, 66, 100, 0.2), 1.75em 1.75em 0 0em rgba(0, 66, 100, 0.5), 0em 2.5em 0 0em rgba(0, 66, 100, 0.7), -1.8em 1.8em 0 0em #00a7ff, -2.6em 0em 0 0em rgba(0, 66, 100, 0.2), -1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2); }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 66, 100, 0.2), 1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2), 2.5em 0em 0 0em rgba(0, 66, 100, 0.2), 1.75em 1.75em 0 0em rgba(0, 66, 100, 0.2), 0em 2.5em 0 0em rgba(0, 66, 100, 0.5), -1.8em 1.8em 0 0em rgba(0, 66, 100, 0.7), -2.6em 0em 0 0em #00a7ff, -1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2); }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 66, 100, 0.2), 2.5em 0em 0 0em rgba(0, 66, 100, 0.2), 1.75em 1.75em 0 0em rgba(0, 66, 100, 0.2), 0em 2.5em 0 0em rgba(0, 66, 100, 0.2), -1.8em 1.8em 0 0em rgba(0, 66, 100, 0.5), -2.6em 0em 0 0em rgba(0, 66, 100, 0.7), -1.8em -1.8em 0 0em #00a7ff; } }

/* loader */
.snake-spinner {
  position: absolute;
  display: inline-block;
  margin: auto;
  top: 200px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 56px;
  width: 56px;
  animation: rotate 0.8s infinite linear;
  border: 10px solid #37B2FA;
  border-right-color: transparent;
  border-radius: 50%; }

.spinner-legend {
  font-size: 1.8em;
  font-weight: 200;
  margin-top: 15px;
  color: #444; }

.spinner-sublegend {
  font-weight: 400;
  font-size: 1.0em;
  margin-top: 25px;
  color: #444; }

@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }