@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNext-Regular.eot');
  src: url('../fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-Regular.woff') format('woff'),
      url('../fonts/AvenirNext-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*Avenir Next - Medium*/
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNext-Medium.eot');
  src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-Medium.woff') format('woff'),
      url('../fonts/AvenirNext-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
/* Avenir-Medium */
@font-face {
  font-family: 'Avenir-Medium';
  src: url('../fonts/AvenirNext-Medium.eot');
  src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-Medium.woff') format('woff'),
      url('../fonts/AvenirNext-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}


/*Avenir Light - Medium*/
@font-face {
  font-family: 'Avenir-Book';
  src: url('../fonts/AvenirNext-Medium.eot');
  src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-Medium.woff') format('woff'),
      url('../fonts/AvenirNext-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  src: url('../fonts/AvenirNext-Medium.eot');
  src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-Medium.woff') format('woff'),
      url('../fonts/AvenirNext-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Light';
  src: url('../fonts/AvenirNext-Medium.eot');
  src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-Medium.woff') format('woff'),
      url('../fonts/AvenirNext-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/*Avenir Next - Demi Bold*/
@font-face {
  font-family: 'Avenir Next Demi';
  src: url('../fonts/AvenirNext-DemiBold.eot');
  src: url('../fonts/AvenirNext-DemiBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-DemiBold.woff') format('woff'),
      url('../fonts/AvenirNext-DemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/*Avenir Next - Bold*/
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNext-Bold.eot');
  src: url('../fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-Bold.woff') format('woff'),
      url('../fonts/AvenirNext-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


/*Avenir Next - Regular - Italic*/
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNext-Italic.eot');
  src: url('../fonts/AvenirNext-Italic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-Italic.woff') format('woff'),
      url('../fonts/AvenirNext-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

/*Avenir Next - Medium - Italic*/
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNext-MediumItalic.eot');
  src: url('../fonts/AvenirNext-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-MediumItalic.woff') format('woff'),
      url('../fonts/AvenirNext-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/*Avenir Next - Demi Bold - Italic*/
@font-face {
  font-family: 'Avenir Next Demi';
  src: url('../fonts/AvenirNext-DemiBoldItalic.eot');
  src: url('../fonts/AvenirNext-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-DemiBoldItalic.woff') format('woff'),
      url('../fonts/AvenirNext-DemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/*Avenir Next - Bold - Italic*/
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/AvenirNext-BoldItalic.eot');
  src: url('../fonts/AvenirNext-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AvenirNext-BoldItalic.woff') format('woff'),
      url('../fonts/AvenirNext-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: Ubuntu_Lit;
  src: url('../fonts/Ubuntu-L.ttf');
}

@font-face {
  font-family: Ubuntu_Med;
  src: url('../fonts/Ubuntu-M.ttf');
}

.ubuntu_lit {
  font-family: ubuntu_Lit;
}

.top-header {
  padding: 0px 35px 0px 0px;
}

.center-image {
  display: block;
  margin: auto;
  width: 50%;
}

.text-bold {
  font-weight: bold;
}

.signup-progress {
  /*text-align: center;*/
  /*padding: 0px 20px 0px;*/
  margin-top: 40px;
}

a.disabled {
  cursor: not-allowed;
  opacity: .65;
}

a.disabled:hover {
text-decoration: none;
}

a.disabledChangePlan {
  cursor: not-allowed !important;
  opacity: .65;
}

a.disabledChangePlan:hover {
text-decoration: none;
}
.full{
  width:100%;float:left;height:inherit;
  text-align: center;
}
.login-full{
  width:295px;float:left;height:inherit;
  text-align: center;
}

.allSpace
{
  width:100%;float:left;height:inherit;
}
/*hr.step-final {
  margin-top: 0px;
  border-top: 2px solid white;
}*/


/*hr.step-left {
  margin-top: 0px;
  border-top: 3px solid white;
  opacity: 0.5;
}*/

.form-scroll {
  float: left;
  width: 1000px;
  overflow-y: auto;
  height: 100px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.header-text {
  font-size: 25px;
  font-weight: 600;
}

md-input-container label {

  opacity: 0.8;
  letter-spacing: 1px;
  font-family: sans-serif;
}


/*md-input-container.md-input-focused label {
  color: #fffff0 !important;
}*/


/*md-select span {
  color: #ffffff !important;
}*/

/* md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: #3da84e;
} */

.md-button {
  margin: auto!important;
  text-transform: capitalize;
  min-width: 115px;
}
select::-ms-value {background: none; color: #42413D;}
.country select {
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;       /* remove default arrow  "/bower_components*/
  background-image: url("/images/br_down.png");   /* add custom arrow */
  background-repeat: no-repeat;
  background-position: 475px 4px;                /*Position of the background-image*/
  width: 100px;  
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;

  background-color: white;
  cursor: default;
  padding:3px 2px;
  
}

select {
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;       /* remove default arrow  "/bower_components*/
  background-image: url("/images/br_down.png");   /* add custom arrow */
  background-repeat: no-repeat;
  background-position: 223px 4px;                /*Position of the background-image*/
  width: 100px;  
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;

  background-color: white;
  cursor: default;
  padding:3px 4px;
  
}

a.forgot {
  text-align: center;
  display: block;
  padding: 10px 0px 0px 0px;
  color:#000000;
}
a.forgot.boldFont{
  /* text-transform: uppercase; */
  font-weight: 600;
  cursor: pointer;
  color:#000000;

}
.wrapper2{
  background:red;
}

.item2{
  display:inline-block; 
  width:100px;
  height:100px;
  background:blue;
  margin:10px;
}


.password-visible {
  font-family: 'FontAwesome';
  color: #ffffff; content: '\f007';
}
.md-dialog{
  background-color: red;
}

/* .row{
    margin:0px !important;
} */
/*.text-input {
  color: #ffffff!important;
  opacity: 0.5
}*/


/*.password-icon {
  position: absolute;
  z-index: 2;
  right: 0;
  color: #ffffff;
  opacity: 0.5;
}*/

.app-icon {
  width: 100%
}

.toast-container {
  text-align: center;
  background-color: #fc3858 !important;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 20px;
}

.toast-container-hide {
  display: inline-table;
  text-align: center;
  background-color: inherit;
  color: #ffffff;
}

.no-padding {
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.margin-top-5 {
  margin-top: 5em;
}

.margin-top-4 {
  margin-top: 4em !important;
}

.margin-top-2 {
  margin-top: 2em !important;
}
.margin-top-10min
{
  margin-top: -5px;
}

.margin-top-9 {
  margin-top: 9em;
}

.fbsign {
  text-decoration: underline;
  text-align: center;
  display: block;
  padding: 55px 0px 0px 0px;
}

.fbicon {
  padding: 6px;
  color:#337ab7;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  width: auto !important;
}

.circular-progress-button>md-progress-circular {
  margin: auto;
  margin-top: 0px;
}

.circular-progress-button>md-progress-circular .md-half-circle {
  border-top-color: white !important;
}

.circular-progress-button>md-progress-circular .md-left>.md-half-circle {
  border-left-color: white;
}

.circular-progress-button>md-progress-circular .md-right>.md-half-circle {
  border-right-color: white;
}

md-progress-circular path {
  stroke: #ffffff;
}


/*.backicon {
  margin-top: 20px;
  font-size: 30px !important;
  color: white;
}*/

.crossicon {
  margin-top: 20px;
  font-size: 30px !important;
  color: white;
}

.user-profile-pic img {
  float: none;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.edit-profile-pic img {
  float: none;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.user-profile-title {
  text-align: center;
  margin-top: 20px;
}


/*.user-profile-title-name {
  color: white;
  font-size: 28px;
  font-weight: 400;
   margin-bottom: 7px;
}*/

.user-profile-title-job {
  color: #68d15b;
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 4em;
}
::-ms-clear {
  display: none;
}
::-ms-reveal {
  display: none;
}

.profile_btn_bot {
  /* padding: 10px 0px 0px 6px; */
  list-style-type: none;
  /* height: 50px; */
  outline: none;
  text-align: left;
}


.profile_btn_top {
  list-style-type: none;
  text-align: left;
  outline: none;
}
/*  for was campign page  */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}
md-dialog{ width:46% !important; max-width:50% !important;text-align: center; height:auto; min-width: inherit;border-radius:8px;}
md-dialog.align-vertical  md-dialog-content{
  padding: 40px 0 0px;
}

/*  .left_arrow1
{
color:white;
position: absolute;
    top: calc(63% - 10px);
    right: 30px;
    font-size: 19px;}

	 .left_arrow
{
color:white;
position: absolute;
    top: calc(63% - 10px);
    right: 30px;
    font-size: 19px;

	} */


/*a:hover {
  color: white;
  text-decoration: none;
}*/


/*.profile_link {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.81);
}*/


/*.bg-red {
  width: 50%;
  background-color: #ff004f !important;
  color: white;
}*/


/*.user-profile-pic {
  float: none;
  margin: 0 auto;
  width: 95px;
   height: 25%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  background: #466368;
  background: linear-gradient(135deg, #007fff, #ac00ff);
  height: 95px;
}*/

/* below css added for md Dialog UI issue in IE */
html.md-default-theme, html, body.md-default-theme, body {
  background-color: transparent;
}

.name_initial {
  min-height: 100%;
  display: inline-flex;
  align-items: center;
  font-size: 35px;
  color: white;
}

.emailText {
  font-size: 18px;
  letter-spacing: 1px;
}

.loginSwitch {
  position: absolute;
  right: 15px;
  display: -webkit-inline-box !important;
  height: 18px !important;
  margin: 0 !important;
}

.toggleSwitch {
  position: absolute;
  right: 18px;
  margin: 0 !important;
  display: inline-flex;
}

.disconnect_txt {
  color: #fe1b1b;
  position: absolute;
  right: 15px;
}

.left_arrow {
  font-size: 30px !important;
  right: 25px;
  position: absolute;
}

.font-25 {
  font-size: 25px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-16 {
  font-size: 16px;
}

.margin-top-3 {
  margin-top: 3em !important;
}

.margin-top-1 {
  margin-top: 1em !important;
}
.margin-top-40 {
  margin-top:40%;
}


.text-left {
  text-align: left;
}

.span-text {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.48);
}

.line_top_botom {
  border-color: rgba(255, 255, 255, 0.45);
}

.two_step_form span {
  color: white;
  font-size: 18px;
}

md-content .span_txt {
  text-align: center;
  color: white;
  font-size: 18px;
  margin-top: 25px;
}

.email_txt {
  margin-top: 34px;
  font-size: 16px;
  text-align: justify;
}


/*.border_tsv {
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 13px 1px 15px 9px;
  border: 1px solid rgba(255, 255, 255, 0.68);
}*/

.outline_false {
  outline: none;
}


md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  letter-spacing: 0.5px;
  font-size: 15px;
  font-family: Ubuntu_Lit;
}

md-input-container .md-input {
  border-color: rgba(255, 255, 255, 0.27);
  border-width: 0 0 2px !important;
}




/* When the input is focused */
md-input-container.md-input-invalid label {
  color:red;
}
md-input-container.md-input-invalid.md-input-has-value label {
  color:red;
}
md-input-container.md-input-invalid.md-input-has-value.md-input-focused label {
  color:red !important;
}
md-input-container.md-input-invalid.md-input-focused label {
  color:red !important;
}


/*a:visited {
  text-decoration: none;
  color: white !important;
}*/


/*a:hover {
  text-decoration: none;
  color: white !important;
}*/

a:focus {
  text-decoration: none;
  /* color: white !important; */
}


/*a:hover, a:active {
  text-decoration: none;
  color: white !important;
}*/

md-switch .md-bar {
  left: 2px !important;
  width: 30px !important;
  top: 8px !important;
  height: 9px !important;
  border-radius: 6px !important;
  position: absolute
}

md-switch.md-checked .md-bar {
  background-color: #5cd576 !important;
}

md-switch.md-checked .md-thumb {
  background-color: white;
}

md-switch .md-thumb {
  margin: 0;
  outline: none;
  height: 22px !important;
  width: 22px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

md-radio-button .md-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: border-box;
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  left: 20px !important;
  right: auto;
}
md-radio-button .md-off,
md-radio-button .md-on{
  width: 25px;
  height: 25px;
}
md-radio-button .md-off{
  border-width: 1px;
}
md-select-menu md-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: transparent;
  opacity: 0.5;
}

md-select-menu md-content::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

md-select-menu md-content::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #635d67;
}

md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):focus, md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, md-select-menu md-content md-option:not([disabled]):hover {
  background: rgba(64, 55, 55, 0.61);
}

md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
  color: black;
}

.md-select-menu-container.md-active md-select-menu {
  border-radius: 10px;
}

.enter-otp {
  width: 100%;
  text-align: center;
}

md-content.scroll-hide {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: inherit;
  min-height: 400px;
  max-height: 100%;
}

md-content.scroll-hide-phone {
  display: block;
  position: static;
  background-color: inherit;
  overflow: visible;
}

.image-25 {
  width: 25% !important;
}

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

.list-no-style {
  list-style-type: none;
  outline: none;
}

.font-weight-normal {
  font-weight: normal!important;
  opacity: 1!important;
}

.text-light {
  opacity: 0.7;
}

.text-red {
  color: red;
}

md-toolbar.dialog-header {
  color: black;
  background-color: white;
}

.center-steps-image-60 {
  width: 60%;
  margin: auto;
  display: block;
}

.iti-flag {
  background-image: url("/bower_components/intl-tel-input/build/img/flags.png");
}
.showVerfication
{
  color: black;
  background-color: white;
  width:20px;
  height:20px;
}

.selectedIndex {
  background:#cccccc;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("/bower_components/intl-tel-input/build/img//flags@2x.png");
  }
}

.factor-border {
  padding: 13px 1px 15px 20px;
  float:left;
  outline: none;
}

.factor-method {
  padding: 10px 20px;
  color: #808080;
  font-size: 10px;
  text-transform: capitalize;
  background-color: #e0e1e2;
  cursor: pointer;
  outline: none;
}

.factor-switch {
  position: absolute;
  margin: 0 !important;
  display: inline-flex;
}

.factor-number {
  margin-bottom: 16px;
  height: 45px;
  border-bottom: 1px solid lightgray;
}

.mfa-enable {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

curson-pointer {
  cursor: pointer;
}
md-card{
    min-height: 500px;
}
.buttonPosition{
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
  z-index: 1;
}
.mt-100{
  margin-top: 41%;
}
.mt-34{
  margin-top: 34%;
}
.mt-28{
  margin-top: 28%;
}
.mt-30{
  margin-top: 30%;
}
.mt-20{
  margin-top: 20%;
}
.mb20,
.account-sign.mb20{
  margin-bottom: 20px;
}
.fontSize-13{
  font-size: 14px;
  font-family: 'Avenir Next';
  font-weight: 500;
}
a.cursor{
  text-decoration: underline;
  cursor: pointer;
}

.md-block :not(.ng-invalid) + .md-auto-hide .md-input-message-animation {
  opacity: 0; 
  margin-top: -100px;
}

/* Login page1 */
/*for new ui changes-manisha
//
.LoginWrapper{
  max-width: 375px;
  margin: 75px auto;
  box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.24);
  border-radius: 10px;
  min-height: 580px;
  position: relative;
}
*/

.LoginWrapper{
 /* max-width: 510px;*/
  max-width: 550px;
  /* margin: 75px auto; */
  margin: 55px auto;
  border-radius: 10px;
  min-height: 580px;
  position: relative;
}

.EmailWrapper{
  max-width: 60%;
  margin: 75px auto;
  box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.24);
  border-radius: 10px;
  min-height:70px;
  position: relative;
  text-align:left;
 
}
.ml30
{
  margin-left: 11%;
  width: 78%;
  /* padding-top: 2%; */
  margin-top: 10%;
}
.mlt30
{
  margin-left: 30%;
  width: 40%;
  margin-top: 1%;
}
.Emailtext{

  padding: 5px 20px 5px 20px !important;
}
.TermsWrapper
{
  max-width: 800px;
  margin: 75px auto;
  border-radius: 10px;
  min-height: 580px;
  position: relative;

}
.LoginWrapper md-input-container label:not(.md-container-ignore){
  position: static;
  /* transform: inherit;     foe new ui changes for floating lebel*/
  /* color:#4e4e4e; */
  /* opacity:0.5; */
  font-family: "Avenir-Book";
  font-weight: 500;
  /* font-size: 15px; */
  font-size: 17px;
  line-height: 19px;
  
}
.LoginWrapper md-input-container label:not(.md-input-invalid){
  position: static;
  /* transform: inherit;     foe new ui changes for floating lebel*/
  /* color:#4e4e4e; */
  /* opacity:0.5; */
  font-family: "Avenir-Book";
  font-weight: 500;
  /* font-size: 15px; */
  font-size: 17px;
  line-height: 19px;
  
}
/* .LoginWrapper md-input-container .md-input-messages-animation{
  overflow: inherit;
  position: static;
  
} */
.LoginWrapper md-input-container .md-errors-spacer{
  display: none;
}
.LoginWrapper md-input-container{
  position: static;
}
md-input-container.md-input-invalid label {
 color:red;
}
md-input-container.md-input-focused label {
  color:#4e4e4e!important;
 }
.overflowHidden{
  overflow: hidden;
}
.termCondition{
  display: block;
  text-align: -webkit-center;
}

.communication {
  display: inline-block;
  vertical-align: top;
  max-width: 85%;
 /*  max-width: 275px;  ui changes*/
}

.secure {
  display: inline-block;
  vertical-align: top;
  max-width: 275px;
}

.LoginBlock{
  padding: 0px 20px 20px 20px;
}
.AccountTopBlock{
  text-align: center;
}
.buttonBlock .landingbutton {
  width: 70%;
  border-radius: 3px;
  text-transform:capitalize;
}
.buttonBlock .landingbutton:not([disabled]).md-focused,.buttonBlock .landingbutton:not([disabled]):hover {
  background-color: #ffffff;
}
.login-logo{

}
.login-logo img{
  /* max-width: 135px; */
  max-width: 250px
}
.forgot-logo img{
  /* max-width: 135px; */
  max-width: 250px
}
/*
// for new ui changes -manisha

.account-sign {
  color: #1C1D1E;
  font-family: "Avenir Next";
  font-size: 16px;
  margin: 6px 0 30px 0;
  font-weight: 500;
}

*/
 .landingtext
 {
  color: #656666 !important;font-family: 'Avenir Next';font-weight:500;margin-top:16px;font-size:17px;

 }                           
.account-sign {
  color: #1C1D1E;
  font-family: "Avenir Next";
 /* font-size: 16px;*/
  font-size: 17px;
  margin: 6px 0 30px 0;
  font-weight: 400;
}
.account-forgot
{


  text-align: center;
  color: #3d3d3d;
  font-family: "Avenir Next";
  font-size: 22px;
  margin-top: 10px;
  
}
.account-subheading
{
  color: #464646;
  font-family: "Avenir Next";
  font-size: 18px;
  margin: 6px 0 30px 0;
  font-weight: 500;
}
.forgot-subheading
{
  color: #464646;
  font-family: "Avenir Next";
  font-size: 16px;
  margin: 6px 0 30px 0;
  font-weight: 500;
}
.account-sign-mainheading
{

  color: #1C1D1E;
  font-family: "Avenir Next";
  font-size: 24px;
  margin: 6px 0 30px 0;
  font-weight: 400;
}
.mt-40{
  margin-top:10%;
}
.mt-60{
  margin-top:60px;
}
.mt10
{
  margin-top: 10px;
}
.mt8
{
  margin-top: 8px;
}
.mb15
{
  margin-bottom: 15px;
}
.selectCountry{
  font-family: "Avenir Next";
  font-weight: 500;
}
.accountsinglogo img{
  max-width: 100%;
}
/*
for new ui
.createAccountlogo img {
  max-width: 50%;
}
*/
.createAccountlogo img {
  /* max-width: 90%; */
  max-width: 88%;
}
.LoginInCol{
  margin-top: 50px;
}
.LoginSignupInCol{
  margin-top: -28px;
}
.buttonBlock{
  text-align: center;
}
.buttonBlock .submitbutton {
  width: 70%;
  border-radius: 6px;
  text-transform: capitalize;
}
/*

//for new ui manisha

.buttonBlock .submitbtn,
.buttonBlock .bg-red{
  width: 100%;
  box-shadow: none !important;
  height: 42px;
  border-radius: 3px;
  font-family: 'Avenir Next';
  font-weight: 500;
  line-height: 42px;
  cursor: pointer;
}
*/
.buttonBlock .submitbtn,
.buttonBlock .bg-red{
  width: 70%;
  box-shadow: none !important;
  height: 42px;
  border-radius: 6px;
  font-family: 'Avenir Next';
  font-weight: 500;
  line-height: 42px;
  cursor: pointer;
  text-transform: capitalize;
}
.buttonBlock .submitbtnLogin
{
    background: #2C262D;
    border-radius: 3px;
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    width:295px;
    height:41px;



  /* width: 70%; */
  box-shadow: none !important;
  /* height: 42px; */
  /* border-radius: 6px; */
  /* font-family: 'Avenir Next'; */
  font-weight: 500;
  line-height: 42px;
  cursor: pointer;
  text-transform: capitalize;
}
.agreebtn
{
  width: 50%;
  box-shadow: none !important;
  height: 42px;
  border-radius: 6px;
  font-family: 'Avenir Next';
  font-weight: 500;
  line-height: 42px;
  cursor: pointer;


}
.buttonBlock .bg-red{
  line-height: inherit;
}
.buttonBlock md-progress-circular{
  display: inline-block;
  top: 5px;
  left: 5px;
}
/*
//for new ui changes manisha
.buttonBlock .forgot{
color: #656666 !important;
margin-top: 10px;
display: inline-block;
font-family: 'Avenir Next';
font-weight: 500;
cursor: pointer;
}
*/
.buttonBlock .forgot{
  color: #656666 !important;
  display: inline-block;
  font-family: 'Avenir Next';
  font-weight: 500;
  cursor: pointer;
  }

.forgotbtn
{
  color: #656666 !important;
  display: inline-block;
  font-family: 'Avenir Next';
  font-weight: 500;
  cursor: pointer;
  font-size: 17px;
  border-bottom:1px solid #656666;
  padding-bottom:1px;
  

}
a.forgotbtn
{
  text-decoration: none;
}
a.forgotbtn:hover
{
  text-decoration: none;
}
.mb30{
  margin-bottom: 30px;
}
.mt-30
{
  margin-top:30px;
}
.mbl10{
  margin-bottom: -10px;
}
.mbl5{
  margin-bottom: -5px;
}
.lableTxt{
  font-size: 16px;
  font-family: 'Avenir Next';
  font-weight: normal;
  font-style: normal;
  color: #4e4e4e;
  display: block;
  margin-bottom: 6px;
  line-height: 19px;
 
}
.labelTxtPrfile
{
  color: rgba(0, 0, 0, 0.38);
  font-family: Avenir-Book;
  font-size: 17px;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
  line-height: 19px;

}

.lableTxtCountry
{
  position: static;
  /* transform: inherit;     foe new ui changes for floating lebel*/
  color:#4e4e4e;
  opacity:0.7;
  font-family: "Avenir-Book";
  font-weight: 500;
  /* font-size: 15px; */
  font-size: 17px;
  line-height: 19px;
}
.selectParent {
  text-indent: 1px;
text-overflow: '';

width: 100px;
-webkit-appearance: none !important;
-moz-appearance: none;
appearance: none;
padding: 2px 2px 2px 2px;
border: none;
background: transparent url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat 60px center important;
}


.lableCommunictionTxt{
  /* font-size: 16px;
  font-family: 'Avenir Next';
  font-weight: normal;
  font-style: normal;
  color: #0b0b0b;
  display: block;
  margin-bottom: 6px;
  line-height: 19px; */
font-family: Avenir-Book;
font-size: 14px;
color: #2C262D;
letter-spacing: 0;
margin-bottom: 6px;
line-height: 19px;
}
.fontSize-14
{
  font-family: Avenir-Book;
  font-size: 14px;
  color: #2C262D;
  letter-spacing: 0;
  margin-bottom: 6px;
  line-height: 19px;
}
#searchinput {
  width: 324px;
}

#searchclear {
  position:absolute;
  right:5px;
  top:0;
  bottom:0;
  height:inherit;
  margin-top:7px;
  margin-right:5px;
  font-size:14px;
  cursor:pointer;
  color:#ccc;
}
input.loginField {
  
    line-height: 19px;
    padding-left: 0px;
    color: #000000;
    font-family: Avenir-Book;
    font-size: 15px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 32px;
    line-height: 32px;
    border: none;
    border-bottom: 2px solid #979797;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
}
input.loginField:focus {
  border-bottom: solid 2px #979797;
  outline-offset: 0px;
  outline:none;
}
input.loginField.ng-invalid{
  border-color:#fc3858 !important;
}
input.loginField.ng-invalid.ng-untouched{
  border-color:#979797 !important;
}
.alertBlock .alert-danger{
    /* border-color: #fc3858;
    color: #fff !important;
    background-color: #fc3858;
    text-shadow: none;
    border-radius: 3px;
    font-family: 'Avenir Next';
    padding: 5px 20px 5px 20px !important;
    position: relative;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    margin-top: 10px;
    font-size: 14px;
    line-height: inherit; */
    background-color: inherit;
    clear: both;
}

.alert-msg
{
  font-size: 12px;
line-height: 14px;overflow: hidden;
color:#fc3858 ;
padding-top: 5px;
font-family: 'Avenir-Light';
}
.TostMsgBlock.alertBlock .alert-danger{
  border-color: #fc3858;
  color: #fff !important;
  background-color: #fc3858;
  text-shadow: none;
  font-family: 'Avenir-Light';
  padding: 5px 20px 5px 20px !important;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: inherit;
  text-align:center; 
}

.alert-msg-congo
{
  font-size: 12px;
line-height: 14px;overflow: hidden;
color:#FF2906;
padding-top: 5px;
font-family: 'Avenir-Light';
}
.TostMsgBlock.alertBlock .alert-danger-congo{
  border-color: #fc3858;
  color: #fff !important;
  background-color: #fc3858;
  text-shadow: none;
  font-family: 'Avenir-Light';
  padding: 5px 20px 5px 20px !important;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: inherit;
  text-align:center; 
}

.TostMsgBlock.alertBlock .alert-danger-congo-new{
  border-color: #FF2906
  ;
  color: #fff !important;
  background-color: #fc3858
  ;
  text-shadow: none;
  font-family: 'Avenir-Light';
  padding: 5px 20px 5px 20px !important;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: inherit;
  text-align:center; 
}



.alert-danger .fa-exclamation-circle{
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.signinfb a .fa {
  margin-right: 6px;
  font-size: 28px;
  vertical-align: middle;
  /* color: #8829c1; */
  color: #3b5998;

}
.AccountTopWrapper{
  /* padding-top: 50px; */
  position: relative;
}
.TopWrapper{
  padding-top: 15px;
  position: relative;
}
.wrapper
{
  width:100%;
  height: inherit;
  float: left
}
.newWrapper
{
  width:100%;
  height: inherit;
  float: left
}
.first {

  width:41%;
  float:left;
  text-align:right;
  margin-left:3%;
  cursor: pointer;
  margin-right: 3%;
}
.second {
 
  width:3%;
  float:left;
  text-align: center;
}
.third {

  width: 37%;
  float: left;
  cursor: pointer;
  margin-left: 5%;
  text-align: left;
}
.LoginMinCol
{
  margin-top:25px;
}
.forgotbtn
{
  font-family:'Avenir-Medium';
  font-size: 14px;
  color: #000000 !important;
  letter-spacing: 0;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border-bottom:1px solid #000000;
  padding-bottom:1px;
  font-weight: 500;
  
 
}
a.createbtn
{
  text-decoration: none;
}
a.createbtn:hover
{
  text-decoration: none;
}
.createbtn
{
  font-family:'Avenir-Medium';
  font-size: 14px;
  color: #000000 !important;
  letter-spacing: 0;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border-bottom:1px solid #000000;
  padding-bottom:1px;
  font-weight: 500;
 
}
a.forgotbtn
{
  text-decoration: none;
}
a.forgotbtn:hover
{
  text-decoration: none;
}






.seperatorLink
{
  margin-left:1%;
  width:1%;
 
  float: left;
}


/* .LoginInCol .alertBlock .alert-danger{
  position: absolute;
  top: 70px;
  width: 100%;
  left: 0;
  text-align: center;
} */
.terms-heading
{
 
  font-family: Avenir Next;
  color: #464646;
  line-height: 27px;
/*  font-weight: 400;*/
 font-weight: 401;
  font-size: 25px;
  text-align: center;
  margin-top: 2%;
}
@-moz-document url-prefix() {
  select {
     text-indent: -2px;
  }
}
.lock-scroll {
  overflow: hidden;
}

.LoginInCol .TostMsgBlock.alertBlock .alert-danger{
  position: absolute;
  top: 70px;
  width: 100%;
  left: 0;
  text-align: center;
}
.resetText{
  text-align: center;
  padding: 0 14%;
}
.paddingText
{
  padding: 0 8%;
}
.congrtsText
{
  text-align: center;

}
.congrtsText h2{
  margin: 0 0 10px 0;
  font-family: Avenir Next;
  color: #464646;
  line-height: 27px;
  font-weight: 500;
  font-size: 25px;
}
.congrtsText p{
  font-family: Avenir Next;
  font-size: 16px;
  font-weight: 500;
  color: #464646;
}



.resetText h2{
  margin: 0 0 10px 0;
  font-family: Avenir Next;
  color: #464646;
  line-height: 27px;
  font-weight: 500;
  font-size: 25px;
}
.resetText p{
  font-family: Avenir Next;
  font-size: 16px;
  font-weight: 500;
  color: #464646;
}
.termsText p{
  font-family: Avenir Next;
  font-size: 16px;
  font-weight: 500;
  color: #464646;
}

.TopTextHeading h3{
  margin: 0;
  text-align: center;
  color: #3d3d3d;
  /*
  font-size: 20px;
  */
  font-size: 22px;
}
.mb22
{
  margin-bottom: 20px;

}
.mb28
{
  margin-bottom: 28%;
}
.mb10
{
  margin-bottom: 10px;

}
.mbl20
{
  margin-bottom: -10px;

}
.mbl52
{
  /* height: 52px !important;
  max-height: 52px !important;
  margin-top: 0px !important;
  max-width: 252px !important; */
  min-height: 52px !important;
  margin-top: -19px !important;
  max-width: 260px !important;
}
.mbl20-login
{
  margin-bottom: -10px;
  max-width: 300px !important;
  min-height: 52px !important;
}
.mb15
{
  margin-bottom: 15px;

}
.OtpBlock .otp-part{
  width: 15%;
  border-color: #b6b7b7;
  opacity: 1; 
}
.OtpBlock .otp-part.ng-not-empty{
  border-color: #3d3d3d
}
.OtpBlock .otp-part:first-child {
  margin-left: 0;
}
.OtpBlock .otp-other-part{
  width: 65%;
  opacity: 1; 
  color: #242124;
  opacity: 0.6;
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 2px solid #b6b7b7;
  text-align: center;
  padding: 5px;
  margin-left: 13px;
  border-radius: 2px;
  font-size: 20px;
  height: 40px;

}
.OtpBlock .otp-other-part.ng-not-empty{
  border-color: #3d3d3d
}
.OtpBlock .otp-other-part:first-child {
  margin-left: 0;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
/* select::-ms-expand {
    display: none;
} */
::-ms-reveal 
{
    display: none;
}
.custom-select select::-ms-expand {
  display: none;
} 

.invalidOtp
{
    border-bottom: 2px solid rgb(196, 26, 26);

}
.EmailLogo img{
 /* max-width: 255px;*/
 max-width: 180px;
}
.PushLogo img{
  max-width:160px;
  margin-top: 30px;
}
.UserProfile{
  padding: 0;
}
.UserProfile li.profile_btn_bot{
  padding: 15px 0 15px 20px;
  border-bottom: solid 2px #808080;
  position: relative;
}
.UserProfile li:first-child{
  border-top: solid 2px #808080;
}
.UserProfile .profile_link{
  text-decoration: none;
  font-size: 18px;
  color: #5a5a5a;
  font-family: 'Avenir Next';
  font-weight: 500;
}
.UserProfile li .left_arrow{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #282822;
}
.UserProfile .profile_btn_bot:before,
.UserProfile .profile_btn_tot:before{
  display: none;
}
/* Login page2 */
.logindiv {
  max-width: 490px;
  width: 100%;
  margin: 75px auto 0;
}
.logindiv .accountsinglogo{
  margin-top: 46px;
}
.logindiv .account-sign{
  font-size: 18px;
  margin-top: 12px;
}
.fogotdiv .account-sign{
  margin-top:18%;
  color:#4C4948;
}
.LinkCol .forgetpwd {
  color: #3d3d3d;
  display: inherit;
  font-family: "Avenir Next";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-top: 15px;
}
.LinkCol .forgetpwd:hover{
  cursor: pointer;
  text-decoration: none;
}
.loginBtnSection{
  display: inline-block;
  font-family: 'Avenir Next Demi';
  font-weight: 600;
  height: 45px;
  width: auto;
  min-width: 170px;
  border-radius: 7px;
  text-transform: none;
  color: #fff;
  font-size: 16px;
}
.buttonBlock .submitbtn.loginBtnSection{
  display: inline-block;
  font-family: 'Avenir Next Demi';
  font-weight: 600;
  height: 45px;
  width: auto;
  text-transform: none;
  color: #fff;
  font-size: 16px;
  border-radius: 7px;
}
.ortext {
  font-family: 'Avenir Next';
  font-weight: 500;
  font-style: normal;
  text-align: center;
  color: #1C1D1E;
  margin-top: 46px;
  display: block;
  font-size: 17px;
  margin-bottom: 10px;
}
.txtRight{
  text-align: right;
}
/* for new ui changes 
.md-dialog-content {
  max-width: 300px;
}
*/
.seperator:after {
  width: 1px;
  height: 30px;
  border-right: solid 1px #cccccc;
  content: "";
  position: absolute;
  right: 1px;
  top: 11px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb40 {
  margin-bottom: 40px;
}
.downloadtxt {
  color: #6D6F70;
  font-family: 'Avenir Next';
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
}
.app-icon .icon {
  max-width: 135px;
  height: 40px;
  overflow: hidden;
  margin-right: 0px;
}
.app-icon li {
  vertical-align: middle;
}
.app-icon .icon img {
  max-width: 100%;
}
.btnRow3 {
  padding-top: 80px;
}
.cstomfactor .factor-number{
  padding-left: 10px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.EnableDesableCol{
  padding: 15px 0 15px 20px;
  border-bottom: solid 2px #808080;
  /*border-top: solid 2px #dcdcdc;*/
  position: relative;
}
.EnableDesableCol ul{
  padding:0;
  margin:0;
}
.VerificationBlock{
  position: relative;
}
.factor-Title{
  border-bottom: solid 2px #808080;
  color: #636363;
  font-size: 13px;
 /* text-transform: uppercase;  new ui changes*/
  padding: 0px 10px 7px 20px;
}
.VerificationBlock .FactorNmae{
  font-size: 18px;
  color: #5a5a5a;
  padding: 15px 65px 10px 20px;
  line-height: 19px;
  border-bottom: solid 2px #808080;
  position: relative;
}
.VerificationBlock .FactorNmae .PrimariCol{
  font-size: 13px;
}
.RemoveCol{
position: absolute;
right: 15px;
top: 50%;
font-size: 13px;
color: red;
transform: translateY(-50%);
outline: none !important;
}
/*
for new ui changes
.minHeightBlock {
  min-height: 518px;
  padding-bottom: 40px;
}
*/
.minHeightBlock {
  padding-bottom: 40px;
}
.unlinkFB {
  float: right;
  color: red;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  right: 10px;
  top: 5px;
}
md-input-container.md-input-invalid .md-input {
  border-color: #FC3858;
}
/*
md-dialog{
  min-width: inherit;
  max-width: 290px;
}
*/

.cdisabled
{
  pointer-events:none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .countryIconIE {
       top: 1px; 
       padding-bottom: 5px;
  }
}

#profilePic {
  max-width: 380px;
  max-height: 500px;
  margin-top: 40%;
  border-radius: 12px;
}
.otherimages
{
  margin-left: 3%;
  max-width: 30%;
}
/* new ui css  */
.mb60 {
  margin-bottom: 60px;
}
.mb50 {
  margin-bottom: 50px;
}
.email-logo
{
  text-align: center;
}
.custom-table{
  width: 100%;
  margin-top: 24px;
  }
  .custom-table th, .custom-table td{
  text-align: left;
  padding: 8px 6px;
  border-bottom: 1px solid #e3e3e3;
  }
  
  h5{
    font-size: 14px;
    font-family: 'Avenir Next';
    color: #000;

  }
 .disableMfaBtn
{
  
  color:#fe1b1b;
 border: 1px solid #fe1b1b;
 text-transform:capitalize;
 background-color:white;
 cursor:pointer;
 border-radius:6px;
 width:80%;
 color:#fe1b1b;
 clear: both;
 min-height: 36px;
 min-width: 100px;
 float: left;
 margin-left: 10%;

 
}
md-switch.md-default-theme.md-checked:not([disabled]) .md-thumb, md-switch.md-checked:not([disabled]) .md-thumb{
  background-color: #ffffff;
}
 .cancelMfaBtn
{
  
  color:#000000;
 border: 1px solid #000000;
 text-transform:capitalize;
 background-color:white;
 cursor:pointer;
 border-radius:6px;
 width:80%;
 min-height: 36px;
 min-width: 100px;
 color:#000000;
 clear: both;
 float:left;
 


}
@media only screen and (max-width: 768px) {
    .header-text {
        font-size: 20px;
    }
 .image-25 {
    width: 40% !important;
}
.forgotbtn
{
  color: #656666 !important;
  display: inline-block;
  font-family: 'Avenir Next';
  font-weight: 500;
  cursor: pointer;
  font-size: 12px;
  border-bottom:1px solid #656666;
  padding-bottom:1px;
  

}
md-dialog{ width:75% !important; max-width:75% !important;text-align: center; height:auto; min-width: inherit;border-radius:8px;}

.md-dialog-content  {
  max-width: 350px;
}
.LoginMinCol
{
  margin-top:25px;

}


select {
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;       /* remove default arrow  "/bower_components*/
  background-image: url("/images/br_down.png");   /* add custom arrow */
  background-repeat: no-repeat;
  background-position: 153px 4px;                /*Position of the background-image*/
  width: 100px;  
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;

  background-color: white;
  cursor: default;
  padding:3px 4px;
  
}
.country select {
  /* -webkit-appearance: menulist; */
  box-sizing: border-box;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  color: black;
  background-color: white;
  cursor: default;
  border-width: 1px;
  border-style: solid;
  border-color: initial;
  border-image: initial;
  
}
}
#scroll-style::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: transparent;
    opacity: 0.5;
    
}

#scroll-style::-webkit-scrollbar {
    width: 8px;
    background-color: transparent !important;
}

#scroll-style::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
    background-color: rgba(6, 168, 78, 0.6) !important;
    margin-left:50px;
}
@media (max-width:767px){
.LoginWrapper{
    min-height: auto;
}
.container
{
  width: 90%;
}
.AccountTopWrapper{
  padding-top: 35px;
  position: relative;
}
.LoginWrapper,
.logindiv{
  margin: 20px auto;
}
.mt-100 {
  margin-top: 19%;
}
.mt-30{
  margin-top: 30px;
}
.mtpadding-30
{
  padding-top: 17px;
}
.mt-50 {
  margin-top: 10%;
}
.LoginBlock{
  padding: 0px 10px 20px 10px;

  
}
.logindiv .accountsinglogo {
  margin-top: 30px;
  max-width: 165px;
  margin: auto;
}
.buttonBlock .submitbtnLogin
{
  max-width: 90% !important;
}
.LoginInCol {
  margin-top: 30px;
}
.LinkCol .forgetpwd{
  text-align: center;
  margin: 0 0 20px;
}
.resetText{
  padding: 0 5%;
}
.txtRight{
  text-align: center;
}
.ortext{
  margin-top: 20px;
}
.seperator:after{
  display: none;
}
.btnRow3{
  padding-top: 10px;
}
.app-icon li{
  text-align: center;
}
.app-icon li:first-child {
  display: block;
}
.app-icon .downloadtxt {
  margin-bottom: 15px;
}
.EmailLogo img {
  max-width: 185px;
}
.LoginWrapper md-input-container label:not(.md-input-invalid){
  position: static;
  /* transform: inherit;     foe new ui changes for floating lebel*/
  /* color:#4e4e4e; */
  /* opacity:0.5; */
  font-family: "Avenir-Book";
  font-weight: 500;
  /* font-size: 15px; */
  font-size: 12px;
  line-height: 19px;
  
}

}
@media (max-width:380px){
  .LoginWrapper,
  .logindiv{
    margin: 0px auto;
    box-shadow: none;
    border-radius: inherit;
  }

}
@media (max-width:359px){
  .minHeightBlock {
    min-height: auto;
}
}
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
  
  .LoginWrapper{
    min-height: calc(100vh - (0px + 0px));
    padding-bottom: 40px;
  }
  /* 
  // ui changes by manisha
  .buttonBlock .submitbtn, 
  .buttonBlock .bg-red{
    position: absolute;
    bottom: 15%;
    left: 20px;
    width: 89%;
   }
   */
   .buttonBlock .submitbtn,
   .buttonBlock .bg-red{
  width: 70%;
  box-shadow: none !important;
  height: 42px;
  border-radius: 6px;
  font-family: 'Avenir Next';
  font-weight: 500;
  line-height: 42px;
  cursor: pointer;
}



   .buttonBlock.LoginPage .submitbtn{
    position: static;
  }
  .LoginWrapper md-content.scroll-hide{
    position: static;
  }
}
@media only screen 
and (min-device-width : 384px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
  .LoginWrapper{
    min-height: calc(100vh - (40px + 0px));
  }
}

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.overlay {
  background: #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  z-index: 20;
  border-radius: 10px;
}

.overlay1 {
  position: absolute;
  width: 90%;
  height: 100%;
  opacity: 0.3;
  z-index: 20;
  border-radius: 10px;
}

md-progress-circular {
  z-index: 30;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: black;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.XL {
  width: 100%;
  max-width: 1347px;
  height: 100px;
  object-fit: contain;
}

* {
  margin: 0px;
  padding: 0px;
}

header {
  padding: 15px 0;
  border-bottom: 1px solid #f4f7fb;
}

.mobile-menu {
  display: none;
}

.custom-container {
  max-width: 1440px;
  padding: 0 40px;
  margin: 0 auto;
}

.logo {
  display: inline-block;
  margin-right: 45px;
  max-width: 150px;
}

.otherslogo {
  display: inline-block;
}

.otherslogo li {
  display: inline-block;
  margin: 0 20px 0 40px;
}

.user-cart {
  float: right;
}

.user-cart li {
  display: inline-block;
  margin-left: 15px;
}

.otherslogo ul,
.user-cart ul {
  list-style: none;
  padding-left: 0px;
}

@media only screen and (max-width: 767px) {
  .otherslogo {
      display: none;
  }
  header {
      padding: 5px 0 0;
  }
  #searchinput {
    width: 100%!important;
  }
  .mobile-menu {
      display: inline-block;
      vertical-align: top;
      padding-top: 14px;
      margin-right: 12px;
  }

  .custom-container {
      padding: 0 15px;
  }

  .user-cart li {
      margin-left: 5px;
  }
  .logo {
   margin-right: 15px;
  }
  .changePlanResponsive{
    font-family: Avenir-Light;
    font-size: 14px;
    text-align: center;
    line-height: 21px !important;
    /* line-height: 70px; */
    
  }
}

* {
  margin: 0px;
  padding: 0px;
}

footer {
  padding: 15px 0;
}

.custom-container {
  max-width: 1440px;
  padding: 0 40px;
  margin: 0 auto;
}

.copywrite {
 
  width: 31%;
  float:left;
  
}

.copywrite li,
.copywrite a {
  color: #999999;
  font-size: 11px;
}
.copywrite a:visited{
  color: #999999 !important;
}
footer ul {
  list-style: none;
}

footer a {
  text-decoration: none;
}

.copywrite li {
  display: inline-block;
  margin: 0 8px;
}

.f-menu {
  display: inline-block;
  margin: 0 auto;
  /* text-align: center; */
  width: 62%;
}

footer .f-menu li {
  display: inline-block;
  margin:0 4px 0 0;
}

footer .f-menu li a {
  font-size: 11px;
}

footer .f-menu li a {
  border-right: 1px solid #000;
  padding-right: 8px;
  color: #000;
}

footer .f-menu li:last-child a {
  border-right: 0;
}

.social-icons {
  display: inline-block;
  text-align: right;
  vertical-align: top;
  width: 6%;
}

.social-icons li {
  display: inline-block;
}

@media only screen and (max-width: 767px) {

  footer {
      padding: 5px 0 0;
  }

  .custom-container {
      padding: 0 15px;
  }
  .copywrite {
    width: 100%;
}
.copywrite li {
  display: block;
}
footer .f-menu {
  width: 100%;
  padding: 0 15px;
  text-align: left;
}
footer .f-menu li{
  display: block;
}
footer .f-menu li a {
  border-right: 0px;
}
.social-icons {
  width: 100%;
  text-align: left;
  padding: 0 15px;
}
.copywrite li,
.copywrite a {
  color: #999999;
  font-size: 13px;
}
}

.btn-filled.disable{
      background: rgba(0,0,0,0.5);
}
.btn-filled{
    background: #000;
    color: #fff;
    padding: 11px 20px;
    border: 0px;
    border-radius: 3px;
    overflow: hidden;
    font-family: 'Avenir-Medium';
    font-size: 17px;
    width: 312px;
}
.btn-saveChanges
{
  background: #242124;
   opacity : 50% ;
   border-radius: 3px; font-family: Avenir-Medium; font-size: 17px; color: #FFFFFF; text-align: center; width: 312px; height: 42 px
}
a.btn-saveChanges
{
  background: #242124;
}
.mt-15{
    margin-top: 15px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-15{
    margin-bottom: 15px;
}
.mt-15{
    margin-top: 15px;
}
.mt-25{
  margin-top: 25px;
}
h2.title{
    font-weight: 400;
}
.font-weight400{
    font-weight: 400;
}
.green{
    color: #53bba5;
}

.add-on-dels-blk {
    clear: both;
    overflow: hidden;
}
.add-on-dels-blk .left {
  float: left;
  width: 50%;
}
.add-on-dels-blk .right a {
  color: #555;
  cursor: pointer;
}
.adds-on-blk ul{
  padding-left: 15px;
}
.adds-on-blk ul li{
  margin-bottom: 8px;
}

.billing-status .common-blk-status .left {
  float: left;
  width: 50%;
} 

.billing-status .common-blk-status {
  /* border-bottom: 1px solid #e2e2e2; */
  padding: 12px 0;
}
.right {
  text-align: right;
}

.header-blk{padding:15px 0;background:#f9f9f9;}
.modal-custom li{border-bottom:1px solid #e2e2e2;padding:0px;}
.modal-custom li:last-child{border-bottom:0;}
.modal-footer-custom .btn-filled{width:70%;}
.redText{color:#ef1f1f;}
.common-radios .align-left{display:inline-block;text-align:left;}
.custom-radios input[type=radio]{display:none;}
.custom-radios input[type=radio]+label span{display:inline-block;vertical-align: top;width:16px;height:16px;cursor:pointer;text-align:center;margin-right: 12px;}
.custom-radios input[type=radio]+label span img{opacity:0;transition:all .3s ease;max-width: 100%;}
.custom-radios input[type=radio]:checked+label span img{opacity:1;}
.congrats-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 50px;
    margin-top: 50px;
    display: inline-block;
}
.congrats-icon img {
    max-width: 100%;
}
.congrats-blk {
    max-width: 240px;
    text-align: center;
}
.common-radios label {
    cursor: pointer;
}
.modal-footer-custom {
  padding-bottom: 15px;
}
h3.header-blk{margin: 0px;}

.fontAvenir{
  font-family: Avenir-Medium;
}

.changeSubscription{
  font-family: Avenir-Heavy;
  font-size: 15px;
  text-align: center;
  line-height: 19px;
}

.changePlan{
  font-family: Avenir-Light;
  font-size: 14px;
  text-align: center;
  line-height: 70px;
  
}
.changePlanResponsive{
  font-family: Avenir-Light;
  font-size: 14px;
  text-align: center;
  /* line-height: 21px; */
  line-height: 70px;
  
}
a.changePlan{
  cursor: pointer;
}

.pd-60 {
  padding: 0  60px;
}

.modal-body-custom .title{
  font-family: 'Avenir-Medium';
  font-size:18px;
  color:#000000;
  text-align: left;
}
.cancel_plan{
  text-align: left;
}

.cancel_plan ul li{
  font-family: 'Avenir-Book';
  font-size:13px;
  color:#000000;
  line-height:14px;
  border-bottom: 0px;
  padding: 15px 0 0 0;
  list-style: none;
}
.congrats-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 50px;
    margin-top: 50px;
    display: inline-block;
}
.congrats-icon img {
    max-width: 100%;
}
.congrats-blk {
    max-width: 240px;
    text-align: center;
}
.common-radios {
    border: 2px solid #dfdfdf;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    text-align: left;
    padding-left: 30px;
}
.common-radios label {
    cursor: pointer;
}
.common-radios .align-left h6{
  font-family: 'Avenir-Book';
  font-size:13px;
  color:#000000;
}
.common-radios.active {
  border: 2px solid #92cff5;
}





/* --------------------------------------------------------------------- */
/* ------------------------------PAYMENT-------------------------------- */
/* ------------------------------METHODS------------------------------- */
/* --------------------------------------------------------------------- */


* {
  margin: 0px;
  padding: 0px;
}

/* html,
body {
  font-family: 'Avenir Next';
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}

button,
input,
label {
  font-family: 'Avenir Next';
} */

/* ------------------------------------------- */
/* settings style */
/* ------------------------------------------- */

ul,
ol,
li {
  list-style: none;
}

a {
  text-decoration: none;
}

:focus {
  outline: none;
}

.mt35 {
  margin-top: 35px;
}

@keyframes lds-dual-ring {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.PaymentWrapper {
  max-width: 550px;
  margin: 30px auto;
  border-radius: 10px;
  min-height: 580px;
  position: relative;
}

/* ------------------------------------------- */
/* button style */
/* ------------------------------------------- */

.fullbutton {
  width: 65%;
  display: block;
  text-align: center;
  background: rgb(33,33,33);
  border: 0px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  position: relative;
  font-family: "Avenir-Book";
  margin: auto;
}

.fullbutton[disabled] {
  cursor: not-allowed;
  background: #888;
}

.button {
  background: transparent;
  border: 0px;
  height: 40px;
  line-height: 40px;
  display: block;
  width: 100%;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  color: #888;
  position: relative;
}
.cursorPointer
{
  cursor: pointer;
}

.button i,
.fullbutton i {
  position: relative;
}

.fullbutton img,
.button img {
  width: 17px;
  height: 17px;
  margin-bottom: -4px;
}

.button .price,
.fullbutton .price {
  position: absolute;
  right: 15px;
}

.blackbtn {
  background: #000000;
  color: #ffffff;
}

.bluebtn {
  background: #0092e9;
  color: #ffffff;
}

.outlinebtn {
  border: 1px solid #0092e9;
  color: #0092e9;
  box-sizing: border-box;
}

.appleimg {
  width: 25px;
  display: inline-block;
  margin: 0px 3px -5px 3px;
}

.actionbtn {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
}

.btnspace {
  margin-bottom: 15px;
}

.savebutton {
  margin-top: 60px;
  margin-bottom: 25px;
}

/* ------------------------------------------- */
/* form style */
/* ------------------------------------------- */

.floating-label {
  position: relative;
  margin-bottom: 40px;
}
.mt-15{
  margin-top: 15px;
}
.floating-label img {
  position: absolute;
  right: 15px;
  top: 5px;
  width: 25px;
  cursor: pointer;
}

.floating-label i {
  position: absolute;
  /* right: 15px; */
  right: 0px;
  cursor: pointer;
  top: 5px;
}

.floating-input,
.floating-select {
  padding: 2px 6px;
  display: block;
  width: 100%;
  height: 40px;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #b7b7b7;
  font-family: Avenir-Book;
  font-size: 15px;
  color: #4E4E4E;
  line-height: 19px;
  box-shadow: none;
}

.floating-input:focus,
.floating-select:focus {
  outline: none;
  border-bottom: 1px solid #b7b7b7;
}

label {
  color: #8b8b8b;
  font-size: 14px;
  font-weight: normal;
  /* position: absolute; */
  pointer-events: none;
  left: 10px;
  top: 8px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  font-family: "Avenir-Book";
  font-size: 12px;
  color: #4E4E4E;
  line-height: 19px;
}

.floating-label label {
  color: #8b8b8b;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 8px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  font-family: "Avenir-Book";
  font-size: 12px;
  color: #4E4E4E;
  line-height: 19px;
}

.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label {
  top: -18px;
  /* font-family: Avenir-Book;
  font-size: 12px;
  color: #4E4E4E;
  line-height: 19px; */
}

.floating-select:focus~label,
.floating-select:not([value=""]):valid~label{
  top: -18px;
  font-size: 14px;
  color: #4E4E4E;
}

.floating-label .floating-select-label {
  top: -18px;
  font-size: 12px;
  color: #4E4E4E;
}

/* active state */

.floating-input:focus~.bar:before,
.floating-input:focus~.bar:after,
.floating-select:focus~.bar:before,
.floating-select:focus~.bar:after {
  width: 50%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.floating-textarea {
  min-height: 30px;
  max-height: 260px;
  overflow: hidden;
  overflow-x: hidden;
}


/* highlighter */

.highlight {
  /* position: absolute; */
  height: 50%;
  width: 100%;
  top: 15%;
  left: 0;
  /* pointer-events: none; */
  opacity: 0.5;
} 

/* active state */

.floating-input:focus~.highlight,
.floating-select:focus~.highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

/* animation */

@-webkit-keyframes inputHighlighter {
  from {
      background: #5264AE;
  }
  to {
      width: 0;
      background: transparent;
  }
}

@-moz-keyframes inputHighlighter {
  from {
      background: #5264AE;
  }
  to {
      width: 0;
      background: transparent;
  }
}

@keyframes inputHighlighter {
  from {
      background: #5264AE;
  }
  to {
      width: 0;
      background: transparent;
  }
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(../images/drop_arrow.png) no-repeat calc(100% + 0px) !important;
}

input,
select {
  border-radius: 0;
}

input,
select {
  -webkit-appearance: none;
}

/* ------------------------------------------- */
/* add card style */
/* ------------------------------------------- */

.addcard {
  position: relative;
  padding-bottom: 40px;
}

.addcard h1 {
  margin-bottom: 50px;
  font-weight: 400;
  font-size: xx-large;
}

.cardnum.floating-label i.scan {
  font-size: 25px;
  right: 0;
}

.cardnum.floating-label i.paycardicon {
  left: 0;
  font-size: 25px;
  right: inherit;
}

.cardnum.floating-label a {
  color: #b6b6b6;
}

.exp-cvv {
  margin-left: -15px;
  margin-right: -15px;
}

.exp-cvv .floating-label {
  width: calc(50% - 32px);
  display: inline-block;
  margin: 0 15px 20px 15px;
}

.exp-cvv label {
  width: 100%;
}

.exp-cvv label i {
  float: right;
}

.addcard .floating-label label {
  left: 0px !important;
}

.addcard .floating-label .floating-input {
  padding: 4px 0px !important;
}

.addcard .cardnum.floating-label .floating-input,
.addcard .cardnum.floating-label .floating-select {
  padding: 4px 15px 4px 40px !important;
}

.exp-cvv .floating-label i {
  position: absolute;
  right: 5px;
  cursor: pointer;
  top: 3px;
}

.cardnum.floating-label label {
  left: 40px !important;
}

.countryflag {
  position: absolute;
  left: 14px;
  width: 26px;
  top: 5px;
}

.countryflag img {
  Width: 26px;
  height: 17px;
}

.add-card {
  Width: 35px !important;
  height: 23px !important;
  left: 0px;
}

/* .floating-label.countrylist label {
  left: 40px !important;
} */

.floating-label.countrylist .floating-select {
  /* padding: 4px 15px 4px 40px !important; */
  padding: 4px 15px 4px 6px !important
}

.floating-label.statelist .floating-select {
  padding: 4px 15px 4px 6px !important;
}

.scancard {
  background: #000;
  height: 100vh;
}

.zerospace {
  padding: 0px !important;
}

span.tooltipbox{
  position: absolute;
  right: 0;
  z-index: 9;
  top: 8px;
  width: 24px;
  height: 24px;
  display: block;
}

span.tooltipbox span.tooltiptext:after {
  content: " ";
  position: absolute;
  top: 100%;
  left: auto;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  right: 15px;
}

span.tooltipbox span.tooltiptext {
  position: absolute;
  top: -26px;
  background: #312e2e;
  color: #f7f7f7;
  padding: 5px;
  font-size: 12px;
  white-space: nowrap;
  right: 0;
  border-radius: 4px;
  visibility: hidden;
  width: 100px;
  background-color: black;
  text-align: center;
  z-index: 1;
}

span.tooltipbox:hover span.tooltiptext {
  visibility: visible;
}

/* ------------------------------------------- */
/* ui elements style */
/* ------------------------------------------- */

.uielements {
  position: relative;
}

.uielements .fullbutton,
.uielements .button {
  margin: 4px 0;
}

.uielements .errortoast {
  background: #da3e52;
  padding: 20px 25px;
  color: #fff;
  position: relative;
  display: block;
  margin-top: 5px;
}

.home ul li a {
  display: block;
  padding: 8px 5px;
  border-bottom: 1px solid #e2e2e2;
  color: #526570;
}

.home ul li a:hover {
  color: rgb(33,33,33);
}

.home ul li a i {
  float: right;
}

.addresslist {
  border-bottom: 1px solid #979797;
  padding: 15px 5px;
  position: relative;
}

.success .subheading {
  font-size: 18px;
  color: #000;
  margin-bottom: 3px;
}

.success .bodytext {
  font-size: 13px;
  color: #616161;
  line-height: 14px
}

.success h1 {
  margin-bottom: 40px;
  font-weight: 400;
  font-size: xx-large;
}

.delete-button {
  width: 60px;
  height: 22px;
  background: #E74747;
  border: 1px solid #E74747;
  border-radius: 3px;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: -0.52px;
  text-align: center;
  cursor: pointer;
  font-family: Avenir-Book;
}

.position-absolute {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.tick-icon {
  width: 16px;
  height: 12px;
}
/* 
a {
  font-family: Avenir-Heavy;
  font-size: 16px;
  color:  rgb(33,33,33);
  letter-spacing: -0.6px;
  text-align: center;
} */

.add-option {
  font-family: "Avenir-Medium";
  font-size: 14px;
  color:  rgb(33,33,33);
  line-height: 19px;
  white-space: nowrap;
}

.addbillinglink {
  text-align: center;
  margin: 60px 0 0 0;
}

.cancel-button {
  font-family: Avenir-Medium;
  font-size: 17px;
  color:  rgb(33,33,33);
  text-align: center;
  position: relative;
}

.addBilling h1{
  margin-bottom: 80px;
  font-weight: 400;
  font-size: xx-large;
}


/* ------------------------------------------- */
/* payment method style */
/* ------------------------------------------- */
.payment h1 {
  margin-bottom: 55px;
  font-weight: 400;
  font-size: xx-large;
}
.payment {
  position: relative;
  padding-bottom: 60px;
}
.payment ul.paymentlist {
margin: 0px 0px 0px 25px;
padding: 0px;
}
.payment ul.paymentlist li {
  border-bottom: 1px solid #ccc;
  display: block;
  position: relative;
  padding: 12px;
}
.payment ul.paymentlist li p {
  margin: 0px;
  position: relative;
}
.payment ul.paymentlist li p.smalltext {
  font-family: Avenir-Book;
  font-size: 12px;
  color: #959595;
  line-height: 19px;
  margin-top: 3px;
  word-break: break-all;
}
.payment ul.paymentlist li .sno {
position: absolute;
left: -25px;
top: 0;
}
span.sqbox {
display: inline-block;
width: 25px;
height: 25px;
background: #f2f2f2;
float: left;
border-radius: 5px;
margin-right: 5px;
}
.payment ul.paymentlist .left {
  display: inline-block;
  width: 85%;
  vertical-align: middle;
}
.payment ul.paymentlist .right {
  display: inline-block;
  width: 50px;
  text-align: right;
}
span.right.paymentmethods {
color: #888;
font-size: 14px;
}
span.right.paymentmethods i {
  display: inline-block;
  margin-left: 10px;
  font-size: 11px;
}
.payment-method {
  padding: 0px 5px;
}
.dot {
  border-radius: 50%;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #E74747;
}

/* added style */
.added {
  text-align: center;
}
.added i{
  font-size: 50px;
  color: #b6b6b6;
}
.added img{
  margin-bottom: 20px;
  border: 3px solid #FFFFFF;
  width: 54px;
  height: 64px;
}
.added p{
  text-align: center;
  font-family: "Avenir-Book";
  font-size: 18px;
  text-align: center;
  line-height: 24px;
}

.error-message {
  font-family: "Avenir-Heavy";
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: -0.3px;
  line-height: 38px;
  background: #E74747;
  height: 40px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 30px;
}

.closemsg {
  padding-right: 10px;
  font-size: 12px;
}

.ErrorRed {
  color:#f00;
  position: absolute;
  font-size: 11px;
}

.loader-pay {
  background: url(../images/loader.gif) center center no-repeat;
  position: fixed;
  background-size: 64px;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  max-width: 812px;
  transform: translateX(-50%);
  width: 100%;
}

/* -----------------------Change Payment-------------------- */

.addpay{
  position: relative;
  padding-top: 15px;
}
.addpay ul.paylist{
margin: 0px;
padding: 0px;
}
.addpay ul.paylist li{
border-bottom: 1px solid #ccc;
display: block;
margin-bottom: 15px;
padding:0 15px 15px 15px;
position: relative;
cursor: default;
}
.addpay ul.paylist .left{
  display: inline-block;
  width: calc(100% - 50px);
  float: left;
  position: relative;
  padding-left: 43px;
  text-align: left;
}
.addpay ul.paylist .left img,
.addpay ul.paylist .left .img{
  width: 30px;
  position: absolute;
  left: 0;
  top: -7px;
}
.addpay ul.paylist .left .img{
  top: 0px;
}
.addpay ul.paylist .left i{
  font-size: 30px;
  position: absolute;
  left: 0;
  top: 60%;
  transform: translateY(-50%);
}
.addpay ul.paylist .right{
display: inline-block;
width: 50px;
text-align: right;
}
span.right.addpayicon{
  color: #888;
  font-size: 14px;
}
span.right.addpayicon i{
  display: inline-block;
  margin-left: 10px;
  font-size: 11px;
}
.addnewcard {
  margin-top: 40px;
  font-family: Avenir-Medium;
  font-size: 17px;
  color:  rgb(33,33,33);
  text-align: center;
  position: relative;
  font-weight: bold;
}
/* -----------------------Payment Error Pop-Up-------------------- */

.error-popup-text {
  font-family: Avenir-Book;
  font-size: 15px;
  color: #000000;
  line-height: 19px;
  text-align: left;
}

.error-popup-head {
  font-family: Avenir-Heavy;
  font-size: 15px;
  color: #000000;
  text-align: center;
  line-height: 19px;    
  font-weight: 600;
}

.error-popup {
  padding: 10px 30px 15px 30px !important;
}

.error-popup-para {
  margin-top: 25px;
}

.posifixed {
  bottom: 0px;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  cursor: pointer;
}

.PaymentTopWrapper{
  padding-top: 20px;
  position: relative;
}

.floating-label .floating-input:focus~label, .floating-label .ng-not-empty~label {
  top:-18px;
}

select::-ms-expand{
display: none;
}

@media only screen and (max-width: 767px) {
  .payment{
    padding: 0px 15px; 
  }
  .payment ul.paymentlist {
    margin: 0px 0px 0px 0px;
  }
}

@media only screen and (max-width: 414px) {
  .payment ul.paymentlist .left{
      width: 79% !important;
  }
  .addcard h1, .payment h1, .addBilling h1, .success h1{
      font-size: x-large !important;
  }
  .addcard, .addBilling, .success {
      padding: 0px 20px !important;
  }
  .payment {
    padding: 0px 15px;
}
  .payment h1 {
      margin-bottom: 38px !important;
  }
  .addBilling h1 {
      margin-bottom: 65px !important;
  }
  .fullbutton {
      width: 60% !important;
  }
  .added p {
      font-size: 15px;
  }
}

/* -----------------------ICONS-------------------- */

@font-face {
  font-family: "untitled-font-3";
  src:url("../fonts/untitled-font-3.eot");
  src:url("../fonts/untitled-font-3.eot?#iefix") format("embedded-opentype"),
    url("../fonts/untitled-font-3.woff") format("woff"),
    url("../fonts/untitled-font-3.ttf") format("truetype"),
    url("../fonts/untitled-font-3.svg#untitled-font-3") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-3" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-3" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-accept:before {
  content: "\61";
}
.icon-apple:before {
  content: "\62";
}
.icon-camera:before {
  content: "\63";
}
.icon-cancel:before {
  content: "\64";
}
.icon-charity:before {
  content: "\65";
}
.icon-close:before {
  content: "\66";
}
.icon-down-arrow:before {
  content: "\67";
}
.icon-info:before {
  content: "\68";
}
.icon-left-arrow:before {
  content: "\69";
}
.icon-pay:before {
  content: "\6a";
}
.icon-redeem:before {
  content: "\6a";
}
.icon-paypal:before {
  content: "\6b";
}
.icon-right-arrow:before {
  content: "\6c";
}
.icon-success:before {
  content: "\6d";
}
.icon-visa-pay-logo:before {
  content: "\6e";
}
.icon-up-arrow:before {
  content: "\6f";
}
.common-radios label{
  position: static;
}
.commonFont18{
  font-size: 18px;
}

.LoginWrapper .buttonPosition.btnPos{
  top: 4px;
  background-size: 90%;
  /* left:0px; */
  margin-top: 0px;
}

.PaymentWrapper .buttonPosition.btnPos{
  top: 48px;
  background-size: 90%;
  /* left:0px; */
  margin-top: 0px;
}

.LoginWrapper .buttonPosition.btnPosAccount{
  top: 10px;
  background-size: 90%;
  /* left:0px; */
  margin-top: 0px;
}

.LoginWrapper .buttonPosition.btnPosOTP{
  top: 10px;
  background-size: 90%;
  /* left:0px; */
  margin-top: 0px;
}