/***********************************************/

/*********** Global PACE Style Sheet ***************/

/***********************************************/

/*

PLEASE NOTE:

The purpose of this global style sheet is only for UI or page layout elements that are common to 2 or more pages in PACE
If the css only appears on one page, use that pages single .less style sheet   
      
*/

/***********************************************/

/********* Custom Fonts - START  **********/

/***********************************************/

@font-face {
  font-family: montserrat;
  src: url('./fonts/montserrat-regular-webfont.ttf'), url('./fonts/montserrat-regular-webfont.woff'), url('./fonts/montserrat-regular-webfont.eot');
}
@font-face {
  font-family: montserratBold;
  src: url('./fonts/Montserrat-Bold.ttf'), url('./fonts/montserrat-bold-webfont.woff'), url('./fonts/montserrat-bold-webfont.eot');
}
/***********************************************/

/********* Custom Fonts - END  **********/

/***********************************************/

/***********************************************/

/********* Global UI HTML Tag Elements - END  **********/

/***********************************************/

/*body {
    background:#f1f1f1;
}*/

.clearBoth {
  clear: both;
}
input:focus,
textarea:focus {
  outline: none;
}
::-ms-clear {
  display: none;
}
/*loading flag*/

.loadingFlag {
  width: 100%;
  height: 110%;
  background-color: rgba(255, 255, 255, 0.75);
  position: fixed;
  top: 0px;
  text-align: center;
  z-index: 100000;
}
.loadingFlag img {
  margin-top: 15%;
}
.loadingFlag h1 {
  margin-top: 15px;
  font-size: 22px;
  font-weight: bold;
  color: #002f59;
}
/***********************************************/

/********* Global UI HTML Tag Elements - START  **********/

/***********************************************/

h1,
h2,
h3,
h4,
p,
a {
  font-family: 'Open Sans', sans-serif;
}
.pageTitle {
  font-size: 32px;
  font-family: montserratBold;
  color: #002f59;
}
.heading {
  font-size: 14px;
  color: #555555;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.disclaimer {
  font-style: italic;
  color: #333333;
}
a {
  color: #265a87;
  text-decoration: none;
}
/***********************************************/

/*---------- Global Green/Blue Buttons - Start ---------*/

/***********************************************/

.btnB,
.btnG {
  font-weight: bold;
  font-size: 15px;
  color: white;
  padding: 10px 15px;
  cursor: pointer;
  text-align: center;
  border-radius: 4px;
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}
.btnB a,
.btnG a {
  color: white;
}
.btnB {
  background: #337ab7;
  border: 1px solid #2e6da4;
}
.btnB:hover,
a.btnB:hover,
.btnB:focus,
a.btnB:focus {
  background: #2e6da4;
  color: white;
  text-decoration: none;
}
.btnB.disabled,
.btnB.disabled:hover,
.btnO.disabled,
.btnO.disabled:hover {
  background: #42576c;
  cursor: default;
  pointer-events: none;
  color: #cccccc;
  text-shadow: none;
}
.btnG,
a.btnG {
  background: #368636;
  border: 1px solid #00671a;
}
.btnG:hover,
a.btnG:hover,
.btnG:focus,
a.btnG:focus {
  background: #00671a;
  color: white;
  text-decoration: none;
}
.btnG.disabled,
.btnG.disabled:hover,
a.btnG.disabled,
a.btnG.disabled:hover {
  background: #7a9d83;
  cursor: default;
  text-decoration: none;
  pointer-events: none;
  color: white;
}
.btnO,
.btnOW {
  background-color: white;
  font-weight: bold;
  color: #265a87;
  padding: 10px;
  border: 2px solid #265a87;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}
.btnO:hover,
.btnOW:hover,
a.btnO:hover {
  color: white;
  background: #265a87;
  text-decoration: none;
}
.btnOW {
  border: 2px solid white;
  color: white;
}
a.btnO,
a.btnOW {
  display: inline-block;
  width: 100%;
}
.btnOW.frontCard {
  background-color: transparent;
}
.btnOW.frontCard:hover {
  background-color: #265a87;
}
.fontAwesome {
  font-family: FontAwesome;
  cursor: pointer;
}
/***********************************************/

/*---------- Global Green/Blue Buttons - End---------*/

/***********************************************/

/***********************************************/

/********* Custom Radio  - START  **********/

/***********************************************/

input[type=radio] {
  display: none !important;
}
input[type=radio] + label {
  padding-left: 45px;
  position: relative;
  margin-top: 15px;
  margin-right: 25px;
}
input[type=radio] + label::before {
  content: "";
  height: 30px;
  width: 30px;
  border-radius: 15px;
  border: 2px solid #cccccc;
  display: inline-block;
  position: absolute;
  left: 0px;
  bottom: -5px;
}
input[type=radio] + label:hover::before {
  border: 2px solid #337ab7;
}
input[type=radio]:checked + label::before {
  border: 10px solid #337ab7;
}
input[type=radio] + label.error::before {
  border: 2px solid #aa1d22;
}
/***********************************************/

/********* Custom Radio  - END  **********/

/***********************************************/

/***********************************************/

/*** custom checkboxes  -  START ***/

/***********************************************/

.check_wrapper {
  text-align: center;
  margin: 25px 0;
}
/* to hide the checkbox itself */

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  position: relative;
  padding: 15px 45px;
  cursor: pointer;
}
/* unchecked box  - START*/

input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "";
  height: 30px;
  width: 30px;
  border: 2px solid #cccccc;
  border-radius: 5px;
  position: absolute;
  left: 0px;
  top: 10px;
  text-align: center;
  font-size: 24px;
}
input[type=checkbox]:disabled + label {
  color: #cccccc;
}
input[type=checkbox]:disabled + label:before {
  background: #f1f1f1;
}
input[type=checkbox]:checked:disabled + label {
  color: black;
}
/* unchecked box  - END*/

/* checked icon - START */

input[type=checkbox]:checked + label:before {
  content: "\f00c";
  background: #4c96cb;
  border: 2px solid #4c96cb;
  color: white;
  line-height: normal;
  font-size: 16px;
  padding-top: 4px;
  padding-left: 1px;
}
/* checked icon - END */

/***********************************************/

/*** custom checkboxes  -  END ***/

/***********************************************/

/***********************************************/

/****Validation Error Styles  -  START *****/

/***********************************************/

.infoMessage {
  display: inline-block;
  overflow: hidden;
  background: #e8f4fd;
  border: 2px solid #549eed;
  box-sizing: border-box;
  padding: 10px;
  color: #0d3c61 !important;
  width: 100%;
}
.infoMessage span {
  display: inline-block;
  overflow: hidden;
  padding-left: 30px;
  padding-top: 10px;
}
.marginTop10 {
  margin-top: 10px;
}
.paddingLeft5 {
  padding-left: 5px;
}
.warningMessage {
  display: inline-block;
  overflow: hidden;
  background: #fdecea;
  border: 2px solid #bd2026;
  box-sizing: border-box;
  padding: 10px;
  color: #aa1d22 !important;
  width: 100%;
}
.warningMessage span {
  display: inline-block;
  overflow: hidden;
  padding-left: 30px;
  padding-top: 10px;
}
.messageTitle {
  display: inline-block;
  padding-left: 10px;
  font-weight: bold;
}
.error {
  color: #aa1d22 !important;
}
.errorMessage {
  display: inline-block;
  overflow: hidden;
  color: #aa1d22;
}
.errorMessage span {
  display: inline-block;
  position: relative;
  transition: ease-in-out 0.7s;
  bottom: 75px;
  height: 20px;
}
.error.errorMessage span {
  bottom: 0;
}
input.error,
select.error {
  border: 2px solid #aa1d22 !important;
  color: #aa1d22;
}
/***********************************************/

/****Validation Error Styles  -  END *****/

/***********************************************/

/***********************************************/

/*---------Global Datepicker Styling - START-------------*/

/***********************************************/

.datepicker {
  border-radius: 0;
  /*Responsive Table Desktop Start*/

  /*Responsive Table Desktop End*/

}
.datepicker .datepicker-days,
.datepicker .datepicker-months,
.datepicker .datepicker-years {
  width: 213px;
}
.datepicker td span.month,
.datepicker td span.year {
  margin: 0;
}
.datepicker table,
.datepicker th,
.datepicker td {
  border: none;
}
.datepicker .paceB .tableWrapper {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #002f59;
  margin-top: 25px;
}
.datepicker th {
  color: white;
  text-align: center;
  background: #002f59;
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 1px solid #205078;
}
.datepicker th:last-child,
.datepicker td:last-child {
  border-right: none;
}
.datepicker td {
  text-align: left;
  border-right: 1px solid #e1dce0;
  border-bottom: 1px solid #e1dce0;
  font-weight: normal;
}
.datepicker tr:nth-of-type(2n+2) {
  background: #edf2f9 none repeat scroll 0 0;
}
.datepicker tr:nth-of-type(2n+1) {
  background: white none repeat scroll 0 0;
}
.datepicker.dropdown-menu {
  padding: 0;
  background: #002f59;
}
.datepicker:after,
.datepicker:before {
  display: none;
}
.datepicker td {
  text-align: center;
}
.datepicker td,
.datepicker th {
  border-radius: 0 !important;
}
.datepicker td.day.disabled {
  color: #dddddd;
  display: table-cell;
}
.datepicker td {
  text-align: center;
}
.datepicker th,
.datepicker td.active {
  -webkit-border-radius: 0;
  border-radius: 0;
}
.datepicker td.active.active {
  background: #337ab7 !important;
}
.datepicker-days th.prev,
.datepicker-days th.next,
.datepicker-days th.datepicker-switch {
  border-bottom: 1px solid #205078;
}
/***********************************************/

/*-----------Global Datepicker Styling - START---------------*/

/***********************************************/

/*------------Notifications Start---------------*/

.confirmMessage {
  background: #b6f3d4;
  border: 1px solid #00b358;
  color: #004612;
}
.warnMessage,
.headerWarnMessage {
  border: 1px solid #d60103;
  color: #d60103;
}
.generalMessage {
  background: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
}
.informationMessage {
  background: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
}
.confirmMessage,
.warnMessage,
.generalMessage,
.headerWarnMessage,
.informationMessage {
  padding-left: 0;
  padding: 10px;
  position: relative;
  margin-bottom: 25px;
  border-radius: 5px;
  padding-right: 40px;
}
.confirmMessage:before,
.warnMessage:before,
.generalMessage:before,
.headerWarnMessage:before,
.informationMessage:before {
  content: "\f12a";
  font-family: FontAwesome;
  height: 30px;
  width: 30px;
  padding: 5px 12px;
  border-radius: 15px;
  font-size: 20px;
  position: absolute;
  top: 15px;
  line-height: 23px;
}
.informationMessage:before {
  content: "\f05a";
  padding: 3px 3px;
  font-size: 35px;
  color: #337ab7;
}
.confirmMessage:before {
  content: "\f058";
  color: #004612;
  font-size: 35px;
  padding: 0;
}
.warnMessage:before,
.headerWarnMessage:before {
  background: #d60103;
  color: #ffa5a7;
}
.generalMessage:before {
  content: "\f075";
  background: #31708f;
  color: #d9edf7;
  padding: 3px 6px;
}
p.messageText,
.messageText {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  width: 85%;
  margin: 10px;
  left: 35px;
  font-size: 15px;
}
p.messageText span,
.messageText span {
  font-weight: bold;
}
.confirmMessage .close,
.warnMessage .close,
.generalMessage .close,
.informationMessage .close {
  float: none;
  position: absolute;
  right: 0px;
  top: 10px;
  display: inline-block;
}
.confirmMessage .close:before,
.warnMessage .close:before,
.generalMessage .close:before,
.informationMessage .close:before {
  content: "\f00d";
  font-family: FontAwesome;
  float: right;
  height: 30px;
  width: 30px;
  border-radius: 15px;
}
/*---------------Notifications End----------------*/

/*---------- Global Bootstrap padding adjustments - Start ---------*/

.paddingNone {
  padding: 0;
}
.paddingNoRight {
  padding-right: 0;
}
.paddingNoLeft {
  padding-left: 0;
}
.rowNegMargin {
  margin: 0 -15px !important;
}
/*---------- Global Bootstrap padding adjustments - End ---------*/

main {
  position: relative;
  padding-bottom: 50px;
}
.card {
  background: white;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding-top: 10px;
}
input[type='text'] {
  width: 100%;
}
input,
select {
  border: 2px solid #999999;
  border-radius: 5px;
  padding: 5px 10px;
  height: auto;
  margin: 0;
  font-size: 16px;
  height: 45px;
}
.ui-datepicker-month,
.ui-datepicker-year {
  height: auto !important;
  border: 1px solid #337ab7;
  padding: 3px 3px;
  color: #1a1818;
}
.ui-widget-header {
  background-color: #337ab7;
}
/***** Flipping Card  -  START*******/

.cardFlipContainer {
  z-index: 5;
  width: 220px;
}
.flip-container {
  margin-bottom: 15px;
}
/* START: Accommodating for IE 10*/

.flip-container.backface .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.flip-container.backface .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
/* END: Accommodating for IE 10 */

/* START: Accommodating for IE 9*/

main.ie .flip-container.backface .front {
  display: none;
}
/* END: Accommodating for IE 9*/

.flip-container,
.front,
.back {
  width: 100%;
  min-height: 275px;
}
.miniCard .flip-container,
.miniCard .front,
.miniCard .back {
  min-height: 200px;
}
.flipper {
  -webkit-transition: 0.6s;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  position: relative;
}
.front,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -webkit-transform: rotateY(0deg);
  -moz-transition: 0.6s;
  -moz-transform: rotateY(0deg);
  -o-transition: 0.6s;
  -o-transform: rotateY(0deg);
  -ms-transition: 0.6s;
  -ms-transform: rotateY(0deg);
  transition: 0.6s;
  transform: rotateY(0deg);
  position: absolute;
  top: 0;
  left: 0;
}
.front {
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  background: white;
  z-index: 2;
}
.back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  background: #337ab7;
  color: white;
  border: 1px solid #2e6da4;
}
/***** Flipping Card  -  END*******/

/***** Global Modal  -  START*******/

/* Global Modal START  */

.modal {
  z-index: 50000;
}
.modal .cardContentWrap {
  height: 220px;
  padding: 15px 0;
}
.modal .cardTitle {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  padding-right: 35px;
  font-size: 24px;
  color: #333333;
}
.modal .cardFooter {
  margin-top: 15px;
}
.modal .cardAction {
  width: 100%;
}
.modal .cardTitle::before {
  font-family: FontAwesome;
  margin-right: 10px;
  font-weight: normal;
}
.modal .close {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #337ab7;
  height: 40px;
  width: 40px;
  border: 2px solid white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  opacity: 1;
  border-radius: 20px;
  color: white;
}
.modal .close::after {
  content: "\f00d";
  font-family: FontAwesome;
  color: white;
  font-size: 20px;
  position: relative;
  bottom: 2px;
  font-weight: normal;
}
.modal-footer {
  text-align: left;
}
.modal .card {
  text-align: left;
  box-shadow: none;
  border: none;
  padding: 20px;
}
.modal .card .card {
  border: 1px solid #cccccc;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  z-index: 50;
  margin-bottom: 0;
  margin-top: 15px;
}
.modal .cardTitle {
  text-align: left;
}
.modal .card .close {
  box-shadow: none;
  border-radius: 0;
  background: none;
  text-align: center;
  position: absolute;
  top: 0px;
  right: 5px;
  height: auto;
  padding: 10px;
  border: none;
}
.modal .card .close::after {
  color: #434343;
}
.modal .cardContentWrap {
  height: auto;
}
.modal .cardFooter {
  border-top: 1px solid #cccccc;
  padding-top: 15px;
}
.modal .cardAction {
  width: auto;
}
.modal .alertIcon {
  text-align: center;
  position: relative;
}
.modal .sectionAlert p {
  font-weight: bold;
}
.modal .alertIcon:before {
  font-family: FontAwesome;
  content: "\f06a";
  color: #f96b24;
  font-size: 36px;
  position: relative;
  top: -15px;
  right: -20px;
}
/*****  Global Modalstyling  -  END*******/

/*------------ SESSION TIME OUT --------------*/

.modal {
  z-index: 50000;
}
.sessionTimeOut {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.timeOutModal {
  border-radius: 0px;
  margin-top: 10%;
  border-radius: 0px !important;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
#sessionTimeOut > div > div > div.modal-header {
  border: none;
  background: #002f59;
  color: white;
}
.sessionTimeOutTitle {
  font-size: 22px;
  font-weight: bold;
}
#sessionTimeOut > div > div > div.modal-body {
  font-size: 13px;
}
#sessionTimeOut > div > div > div.modal-body > p {
  margin: 0 0 15px 0;
}
.timeLeft {
  font-weight: bold;
}
.btnTimeout {
  display: block;
  width: 320px;
  margin: 20px auto 15px auto;
  float: none !important;
}
/*------------ SESSION TIME OUT END --------------*/

/*---------------Sidebar  - Start----------------*/

aside.sidebar {
  padding-right: 0;
}
aside.sidebar .sidebarModule {
  background: white;
}
@media (min-width: 992px) {
  aside.sidebar .sidebarModule {
    margin-top: 49px;
  }
}
/*---Sidebar Module - Start--*/

.moduleSize3-2 .moduleContent {
  min-height: 420px;
}
.moduleSize3-3 .moduleContent {
  min-height: 640px;
}
.sidebarModule {
  margin-bottom: 10px;
  padding: 20px;
  border: 1px solid #cccccc;
  position: initial;
  border-radius: 5px;
}
.sidebarModule .hidden {
  display: none;
}
.sidebarModule.ldBanner .moduleTitle {
  font-size: 17px;
}
.moduleTitle {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
  line-height: normal;
  font-family: montserrat;
}
.moduleActionCall {
  margin-top: 20px;
  font-size: 16px;
  background: #337ab7;
  border: 1px solid #2e6da4;
  min-height: 45px;
  line-height: 30px;
}
.moduleActionCall:hover,
.moduleActionCall a:hover {
  background: #2e6da4;
  color: white;
  text-decoration: none;
}
.moduleActionCall:after {
  content: "\f054";
  font-family: FontAwesome;
  margin-left: 5px;
  font-weight: normal;
}
.deskCallUs.moduleActionCall:after,
.CallUs.moduleActionCall:after,
.call.moduleActionCall:after,
.CallUsNo.moduleActionCall:after {
  content: "";
  font-family: FontAwesome;
  margin-left: 0px;
  font-weight: normal;
}
.moduleContent,
.moduleContent p {
  position: relative;
  line-height: 18px;
  color: #464646;
  font-family: montserrat;
}
.moduleContent .col {
  padding: 0;
}
.moduleContent .row {
  padding: 20px;
}
.moduleContent img {
  width: 100%;
  max-width: 100px;
  opacity: 1;
  padding: 1px;
}
.moduleFooterSubText {
  margin-top: 10px;
  font-style: italic;
}
/*Renters Moving RSC - Start*/

#RSC_HomePromotion .moduleContent .imgCol {
  background: url(../../images/en-us/renterMoving.png) no-repeat center;
  height: 130px;
  margin-top: 15px;
  background-size: 100%;
}
#RSC_HomePromotion .moduleFooterSubText,
#RSC_AddFloodInsurance .moduleFooterSubText,
#RSC_AddAutoInsurance .moduleFooterSubText,
#RSC_CommercialInsurance .moduleFooterSubText {
  font-size: 10px;
}
/*Renters Moving RSC - END*/

/*Flood Phobia - Start*/

#RSC_AddFloodInsurance .imgCol {
  background: url(../../images/en-us/flood.png) no-repeat center;
}
/*Flood Phobia RSC - END*/

/*Auto Insurance - Start*/

#RSC_AddAutoInsurance .imgCol {
  background: url(../../images/en-us/auto.png) no-repeat center;
}
/*Auto Insurance RSC - END*/

/*Commercial Insurance - Start*/

#RSC_CommercialInsurance .imgCol {
  background: url(../../images/en-us/commercial.png) no-repeat center;
}
/*Commercial Insurance - END*/

#RSC_AddFloodInsurance .moduleContent .imgCol,
#RSC_AddAutoInsurance .moduleContent .imgCol,
#RSC_CommercialInsurance .moduleContent .imgCol {
  background-size: initial;
  height: 130px;
  margin-top: 15px;
  background-size: 100%;
}
#claimsInformation .col.img {
  background: url(../../../Assets/images/en-us/icon_help.png) no-repeat bottom right;
  background-size: 90% auto;
  height: 100px;
}
#claimsInformation h4 {
  font-size: 20px;
}
.imgFloat .moduleContent img {
  float: right;
  max-width: auto;
  width: 45%;
  opacity: 1;
  padding-left: 10px;
  padding-bottom: 10px;
}
.clearBoth {
  clear: both;
}
.bottomSticky {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (max-width: 992px) {
  #HomePromotion .moduleContent .imgCol,
  #RSC_HomePromotion .moduleContent .imgCol {
    background-size: initial;
    height: 130px;
  }
}
@media only screen and (max-width: 992px) {
  #RSC_AddFloodInsurance .moduleContent .imgCol,
  #RSC_AddAutoInsurance .moduleContent .imgCol,
  #RSC_CommercialInsurance .moduleContent .imgCol {
    background-size: initial;
    height: 156.5px;
  }
}
/*--- Sidebar Module - End---*/

/*---------------Sidebar  - End----------------*/

/*---------------Boldchat  - START----------------*/

.shared__teaser-opener {
  position: fixed;
  left: auto !important;
  top: auto !important;
  right: 0rem !important;
  bottom: -0.5rem;
}
.shared__badge {
  position: absolute;
  left: auto !important;
  top: auto !important;
  right: -0.5rem !important;
  bottom: 2rem !important;
}
.bc-minimize-state-container {
  position: fixed;
  right: 200px !important;
  bottom: 25px !important;
}
input[type=radio]:checked + .bc-star::before {
  border: none;
}
input[type=radio] + .bc-star::before {
  content: "";
  height: auto;
  width: auto;
  border: none;
  display: inline-block;
  position: static;
  left: auto;
  bottom: auto;
}
.bcFloat {
  right: 0 !important;
  left: auto !important;
  /*Only auto is supported in IE11, rest of the values throw error for left*/
  bottom: 0;
}
/*---------------Boldchat  - END----------------*/

.loadingSpinner:before {
  content: "\f110";
}
.loadingSpinner {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 60px;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  color: #337ab7;
}
/* Multi line address warning */

.transferLnk {
  font-weight: bold;
}
.transferLnk::before {
  content: "\A";
  white-space: pre;
}
.address2::after {
  content: "\A";
  white-space: pre;
}
.warningMessages {
  position: relative;
}
.warningMessages span {
  padding-top: 0px;
  padding-left: 34px;
}
.warningMessages img {
  position: absolute;
  left: 10px;
  top: 10px;
}