/*#region Embeded Fonts*/
@font-face {
  font-family: 'Poppins-Regular';
  src: url('fonts/Poppins-Regular.ttf');
  src: local('☺'), url('fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Black';
  src: url('fonts/Poppins-Black.ttf');
  src: local('☺'), url('fonts/Poppins-Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Bold';
  src: url('fonts/Poppins-Bold.ttf');
  src: local('☺'), url('fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Thin';
  src: url('fonts/Poppins-Thin.ttf');
  src: local('☺'), url('fonts/Poppins-Thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins-Light';
  src: url('fonts/Poppins-Light.ttf');
  src: local('☺'), url('fonts/Poppins-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*#endregion*/
/*#region Variable Definitions*/
/*#region color Variables*/
/*#endregion*/
/*#region Border*/
/*#endregion*/
/*#region Background Color*/
/*#endregion*/
/*#region Font Variables*/
/*#endregion*/
/*#region font size*/
/*#region One pixel less than the original design*/
/*@fontXSmall:11px;
@fontSmall: 12px;
@fontMedium: 13px;
@fontLarge: 14px;
@fontXLarge: 15px;

    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;

*/
/*#endregion*/
/*#region 3 pixels less than the original design*/
/*#endregion*/
/*#endregion*/
/*#endregion*/
html {
  background: #e5e5e5;
  min-height: 100%;
  height: 100%;
  /*#region General section*/
  /*#region radio button & checkbox*/
  /*#endregion radio button*/
  /*#region margins*/
  /*#endregion*/
  /*#endregion*/
  /*#region Communication*/
  /*#endregion*/
  /*#region plugins*/
  /*custom for jstree*/
  /*#endregion*/
  /*#region Left Menu Container*/
  /*#endregion*/
  /*#region Right Container*/
  /*#endregion*/
  /*#region Login Page */
  /*#endregion*/
  /*#region profile Popup*/
  /*#endregion*/
  /*#region Account Section*/
  /*#endregion*/
  /*#region Add new Loyalty*/
  /*#endregion*/
  /*#region Add segment Container */
  /*#endregion*/
  /*#region Add Content Container*/
  /*Publishing Dates*/
  /*#endregion*/
  /*#region Settings*/
  /*#endregion*/
  /*#region Currencies*/
  /*#endregion*/
  /*#region Languages*/
  /*#endregion*/
  /*#region Add new Campaign */
  /*#endregion*/
  /*#region Dashboard */
  /*#endregion*/
  /*#region Content */
  /*#endregion*/
  /*#region PopUpCSS */
  /*#endregion*/
  /*#region addPos*/
  /*#endregion*/
  /*#region nav tabs pills like arrows*/
  /*#endregion*/
  /*#region Generic Classes for all the website*/
  /*#endregion*/
  /*#region Loyalty SEttings in Entities*/
  /*#endregion*/
  /*#region Rule In Role*/
  /*#endregion*/
  /*#region add new channel(touchpoint) Pop-Up and listing */
  /*#endregion*/
  /*#region Entity Details container*/
  /*#endregion*/
  /*#region slider*/
  /*#endregion*/
  /*#region pagination*/
  /*#endregion pagination*/
  /*#region selected range in slider*/
  /*#endregion selected range in slider*/
  /*#region Landing pages*/
  /*#endregion Landing pages*/
  /*#region Uploader*/
  /*#endregion*/
  /*#region Choose categories popup*/
  /*#endregion*/
  /*#region newSettingsSection*/
  /*#endregion*/
  /*#region splitContainer*/
  /*#endregion*/
  /*#region User Attributes*/
  /*#endregion*/
  /*#region User Attributes section lookup popup*/
  /*#endregion*/
  /*#region Report*/
  /*#endregion*/
  /*#region Record Range*/
  /*#endregion */
  /*#region Tenant Container*/
  /*#endregion*/
  /*#region Integration Container*/
  /*#endregion*/
  /*#region ProfileImg*/
  /*#endregion*/
  /*#region uploadFilePopup container*/
  /*#endregion*/
  /*#region Order Details*/
  /*#endregion*/
  /*#region MassPopup Cont */
  /*#endregion*/
  /*#region Manage Transaction*/
  /*#endregion*/
  /*#region PromotionCoupon*/
  /*#endregion*/
  /*#region ContentType*/
  /*#endregion*/
  /*#region Audience group history filter*/
  /*#endregion*/
  /*#region loader*/
  /*#endregion*/
  /*#region Manage Seo CSS*/
  /*#endregion*/
  /*#region customercare listing*/
  /*#endregion*/
  /* #region Social Media Integration*/
  /*#endregion*/
  /*#region Voucher Container*/
  /*#endregion*/
  /*#region Triggers*/
  /*#endregion*/
  /*#region Filter Items*/
  /*#endregion*/
  /*#region DashBoard*/
  /*#endregion*/
  /*#region new reports*/
  /*#endregion*/
  /*#region vouchersPopup*/
  /*#endregion*/
  /*#region TYPOGRAPHY added by MT 17/4/2020*/
  /*#endregion*/
  /*#region STARS RATING*/
  /* Rating Star Widgets Style */
  /* Idle State of the stars */
  /* Hover state of the stars */
  /* Selected state of the stars */
  /*#endregion*/
  /*#region RANKING JQUERY*/
  /*#endregion*/
  /*#region SLIDER RANGE*/
  /*#endregion*/
  /*#region Survey*/
  /*#endregion*/
  /*#region Google Analytics*/
  /*#endregion*/
  /*#region Marketplace report*/
  /*#endregion*/
  /*#region promotional coupon communication*/
  /*#endregion*/
  /*#region summer note checkbox*/
  /*#endregion*/
  /*#region access denied*/
  /*#endregion*/
}
html body {
  min-height: 100%;
  height: 100%;
  font-family: 'Poppins-Regular', sans-serif;
  margin: 0;
  padding: 0;
  min-width: 700px;
  overflow-x: auto;
  background-color: #F0F4F8;
  color: #464457;
}
html body a {
  text-decoration: none;
  color: inherit;
}
html body a:hover {
  text-decoration: none;
  color: inherit;
}
html body a:focus {
  text-decoration: none;
  color: inherit;
}
html body .input.customInput {
  border-top: unset !important;
  border-left: unset !important;
  border-right: unset !important;
}
html body input[type='submit'],
html body input[type='submit']:focus,
html body input[type='button'],
html body .attrCtaId,
html body .toRange {
  border: 0 !important;
}
html img {
  border: 0;
  font-size: 9px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html textarea {
  font-family: inherit;
  color: inherit;
  resize: none;
}
html select {
  font-family: inherit;
}
html option {
  font-family: inherit;
}
html .alignCenter {
  margin-left: auto;
  margin-right: auto;
}
html .border1 {
  border: 1px solid #eeeeee;
}
html .radioBtns {
  width: 130px;
  float: left;
  height: 38px;
}
html .checkBoxBtn {
  display: block;
  float: left;
  position: relative;
  z-index: 1;
}
html input[type="radio"],
html input[type="checkbox"] {
  display: none;
}
html input[type="radio"] + label,
html input[type="checkbox"] + label {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
}
html input[type="radio"] + label span,
html input[type="checkbox"] + label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
}
html input[type="radio"]:checked + label span,
html input[type="checkbox"]:checked + label span {
  background-image: url('../../../img/btn/tickB.png');
  background-size: 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}
html input[type="radio"] + label span,
html input[type="radio"]:checked + label span,
html input[type="checkbox"] + label span,
html input[type="checkbox"]:checked + label span {
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}
html input[type="radio"]:checked + label span.selected,
html input[type="checkbox"]:checked + label span.selected {
  background-image: url('../../../img/btn/tickB.png');
  background-size: 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}
html .cLoading {
  background: url(../../../img/loader/loaderY.gif) no-repeat !important;
  background-size: 30% !important;
  background-position: center 80% !important;
  color: transparent !important;
}
html .input-group {
  font-family: 'Poppins-Regular', sans-serif;
}
html .form-group {
  font-family: 'Poppins-Regular', sans-serif;
}
html li.list-group-item > label.control {
  font-family: 'Poppins-Regular', sans-serif;
}
html .blue_text {
  font-family: 'Poppins-Regular', sans-serif;
}
html .blue-link {
  color: #188fa6;
}
html .form-control {
  font-size: 18px !important;
}
html .btnLoad {
  color: transparent !important;
  background-image: url(../../../img/loader/loader.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 65%;
}
html .bgWhite {
  background-color: #fff !important;
}
html .bgTeal {
  background-color: #89B7E7 !important;
}
html .bgInfo {
  background-color: #67d0d2 !important;
}
html .bgCyan {
  background-color: #F27984 !important;
}
html .bgWarning {
  background-color: #e1a545 !important;
}
html .ddlBorder {
  border: 1px solid #cccccc;
  padding: 3px;
  float: left;
}
html .leftBorder {
  border-left: 1px solid #cccccc;
  padding-left: 10px;
}
html .-mt20 {
  margin-top: -20px;
}
html .mb-0 {
  margin-bottom: 0 !important;
}
html .container {
  height: 100vh;
  width: 100vw;
  font-family: Helvetica;
}
html .select2-container--default.select2-container--focus .select2-selection--multiple {
  min-height: 40px;
  height: auto !important;
}
html .select2-container--default .select2-selection--multiple {
  width: 95%;
  min-height: 40px;
  border: solid #cccccc 1px !important;
}
html .checkHistoryBtn {
  padding: 0;
  font: inherit;
  color: #BD2130;
}
html .checkHistoryBtn:hover {
  opacity: 0.8;
  color: #BD2130;
}
html .whiteContainer {
  padding: 15px;
  background: #fff;
}
html .headerTtl {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  padding-bottom: 10px;
  float: left;
}
html .customInput {
  color: #7f7f7f;
  font-family: 'Poppins-Regular', sans-serif;
  font-size: 12px;
  border-bottom: 1px solid #cccccc;
  outline: 0;
}
html .checkboxContainer {
  float: left;
}
html .clearPopupData {
  font-size: 9px;
}
html .titleSmsEmail {
  float: left;
  position: absolute;
  top: 64px;
  left: 29px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  display: none;
}
html .actionSmsEmail {
  float: left;
  position: absolute;
  cursor: pointer;
  background-color: #cccccc;
  padding: 8px 20px 8px 20px;
  top: 50px;
  left: 31px;
}
html .btnEditLoySet {
  float: right;
  cursor: pointer;
  background-color: #fff;
  color: transparent;
  padding: 0 8px;
  margin-right: 25%;
  margin-top: 15px;
  position: unset;
  font-size: 25px;
  color: #000;
}
html .lbltitleSmsEmail {
  text-transform: uppercase !important;
  font-family: 'Poppins-Regular', sans-serif !important;
  font-size: 12px !important;
}
html .checkText {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  bottom: 10px;
  font-weight: 700;
}
html .lblMsgLogin {
  text-align: left;
  color: #188fa6;
}
html .colClickable:hover,
html .listing-context-report:hover {
  color: #BD2130;
}
html .midCont.ddlSelect {
  width: 127px;
  height: 40px;
  float: left;
  overflow: hidden;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  background-image: url(../../../img/btn/ddlArw.png);
  background-repeat: no-repeat;
  background-position: 90% center;
  margin-top: 0;
  margin-right: 15px;
  border: none;
}
html .midCont.ddlSelect select {
  width: 177px;
  height: 35px;
  border: none;
  outline: none;
  background-color: transparent;
}
html .select2-container {
  width: 100% !important;
}
html .select2-container .select2-container--default,
html .select2-container .select2-selection--single {
  border: 1px solid #cccccc;
  height: 40px;
  border-radius: 0;
}
html .select2-container .select2-container--default .select2-container--default,
html .select2-container .select2-selection--single .select2-container--default,
html .select2-container .select2-container--default .select2-selection--single,
html .select2-container .select2-selection--single .select2-selection--single,
html .select2-container .select2-container--default .select2-selection__rendered,
html .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
html .select2-container .select2-container--default .select2-container--default,
html .select2-container .select2-selection--single .select2-container--default,
html .select2-container .select2-container--default .select2-selection--single,
html .select2-container .select2-selection--single .select2-selection--single,
html .select2-container .select2-container--default .select2-selection__arrow,
html .select2-container .select2-selection--single .select2-selection__arrow {
  height: 38px;
}
html .close_popup {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  background-image: url(../../../img/btn/closePanel.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
html .delete_Btn {
  visibility: hidden;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  font-size: 20px;
  color: #ff4a00;
  text-align: center;
  /*background-image: url(../../../img/btn/btnDelete.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;*/
  position: absolute;
  right: 15%;
  /*background-size: 80%;*/
  line-height: 1;
  line-height: 24px;
}
html .edit_Btn {
  visibility: hidden;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  font-size: 20px;
  color: #808080;
  text-align: center;
  /*background-image: url(../../../img/btn/editBlack.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80%;*/
  position: absolute;
  right: 10%;
  line-height: 1;
  line-height: 26px;
}
html .add_Btn {
  visibility: hidden;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  font-size: 20px;
  color: #31c763;
  text-align: center;
  /*background-image: url(../../../img/btn/btnPlus.png);
        background-repeat: no-repeat;
        background-position: center;*/
  position: absolute;
  right: 5%;
  line-height: 26px;
}
html .flag_Btn {
  visibility: hidden;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  /*background-image: url(../../../img/btn/flagBtn.png);
        background-repeat: no-repeat;
        background-position: center;*/
  /*background-size: 56%;*/
  font-size: 20px;
  color: #188fa6;
  text-align: center;
  position: absolute;
  right: 10%;
  padding-left: 25px;
  font-weight: bold;
  font-style: inherit;
}
html .flag_Btn.selected {
  visibility: visible;
}
html .flag_Btn.flag_entities {
  right: 18%;
  font-size: 12px;
  padding-top: 7px;
  font-family: 'Poppins-Light', sans-serif;
}
html .flag_Btn.flag_entities::before {
  margin-right: 10px;
  margin-left: -18px;
  font-family: 'FontAwesome';
}
html .jstree-wholerow-hovered ~ .delete_Btn,
html .jstree-wholerow-hovered ~ .edit_Btn,
html .jstree-wholerow-hovered ~ .add_Btn,
html .jstree-wholerow-hovered ~ .flag_Btn {
  visibility: visible;
}
html .no_checkbox > i.jstree-checkbox {
  display: none;
}
html .jsTreeSelectionCont {
  float: right;
  margin-right: 20px;
}
html .jsTreeSelectionCont ul {
  margin-bottom: 15px;
  float: left;
}
html .jsTreeSelectionCont ul li {
  float: left;
  margin-right: 10px;
  cursor: pointer;
  color: #ebebeb;
}
html .add_Btn:hover {
  background-color: #e5e5e5;
}
html .edit_Btn:hover {
  background-color: #e5e5e5;
}
html .delete_Btn:hover {
  background-color: #e5e5e5;
}
html .flag_Btn:hover {
  background-color: #e5e5e5;
}
html .close_popup:hover {
  background-color: #e5e5e5;
}
html .context-menu-one {
  display: block;
  text-align: center;
  width: 25px;
  height: 24px;
  border-radius: 25px;
  color: #000;
}
html .context-menu-one:hover {
  background-color: #dddddd;
}
html .context-menu-one::after {
  content: '\2807';
  font-size: 18px;
  padding-left: 6px;
}
html #addNewCategory {
  float: right;
  padding: 10px 10px;
  outline: none;
  cursor: pointer;
  color: #31c763;
  font-size: 22px;
}
html #sectionTitle {
  font-family: 'Poppins-Bold', sans-serif;
  font-weight: normal !important;
}
html .leftSection {
  width: 230px;
  height: 100%;
  float: left;
  position: relative;
  background-color: #091f2c;
}
html .leftSection .version {
  position: absolute;
  bottom: 0;
  color: white;
  padding: 5px;
  font-size: 10px;
}
html .rightSection {
  width: calc(100% - 230px);
  height: 100%;
  float: left;
}
html .rightSection .rightContainer {
  height: 100%;
  padding-top: 60px;
  overflow-x: hidden;
}
html .entitiesMenu {
  width: 230px;
  float: left;
}
html .entitiesMenu .entities {
  width: 230px;
  min-height: 60px;
  background-color: #188fa6;
  cursor: pointer;
  float: left;
}
html .entitiesMenu .entities .btnImg {
  float: left;
  margin: 15px 10px 15px 15px;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
}
html .entitiesMenu .entities .btnImg:hover {
  -webkit-transform: rotate(720deg);
  transform: rotate(720deg);
}
html .entitiesMenu .entities .text {
  text-transform: uppercase;
  color: #fff;
  float: left;
  line-height: 55px;
  max-width: 135px;
  overflow: hidden;
  height: 60px;
  margin-left: 20px;
  font-family: 'Poppins-Bold', sans-serif;
}
html .entitiesMenu .entities span {
  float: right;
  margin-right: 5px;
  margin-top: 10px;
  cursor: pointer;
}
html .entitiesMenu .entities .ulContainer {
  display: none;
}
html .entitiesMenu .entities.selected .ulContainer {
  clear: both;
  font-family: 'Poppins-Light', sans-serif;
  display: block;
}
html .entitiesMenu .entities.selected .ulContainer li {
  height: 40px;
  margin-left: 40px;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
  color: #fff;
}
html .entitiesMenu .entities.selected .ulContainer li:before {
  content: '>';
  margin-right: 10px;
  margin-top: -2px;
  color: #fff;
}
html .entitiesMenu .entities.selected .ulContainer li.addItem {
  height: 40px;
  margin-left: 10px;
  color: #00a65a;
  cursor: pointer;
}
html .entitiesMenu .entities.selected .ulContainer li.addItem:before {
  content: '';
}
html .entitiesMenu .entities.selected .ulContainer li.addItem img {
  margin-top: -2px;
}
html .contentMenu {
  width: 230px;
  height: calc(100% - 100px);
  float: left;
  background-color: #091f2c;
  z-index: 1;
  overflow: hidden;
  color: #fff;
}
html .contentMenu .content {
  width: 100%;
  height: 45px;
  /*border-bottom: 1px solid @htmlBg;*/
  display: table;
  cursor: default;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  /*.btnImg {margin: 13px 10px 20px 20px;float: left;}*/
}
html .contentMenu .content .topContent {
  width: 100%;
  height: 45px;
  float: left;
  cursor: pointer;
}
html .contentMenu .content .topContent:hover {
  background-color: #4b646f;
}
html .contentMenu .content .topContent:hover span {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
html .contentMenu .content .topContent:hover .fa-moduleIcon {
  color: #188fa6;
}
html .contentMenu .content .btnImg {
  margin: 13px 10px 10px 20px;
  float: left;
  -webkit-filter: brightness(100);
  -moz-filter: brightness(100);
  -o-filter: brightness(100);
  -ms-filter: brightness(100);
  filter: brightness(100);
}
html .contentMenu .content .text {
  text-transform: uppercase;
  float: left;
  padding: 14px 0;
  font-size: 11px;
}
html .contentMenu .content .selected {
  color: #188fa6;
}
html .contentMenu .content span {
  float: right;
  padding: 15px 12px;
  font-size: 15px;
  color: #fff;
}
html .contentMenu .content .fa-moduleIcon {
  margin: 12px 10px 10px 10px;
  float: left;
  font-size: 17px;
  width: 25px;
  text-align: center;
}
html .contentMenu .content .ulContainer {
  width: 100%;
  clear: both;
  font-family: 'Poppins-Light', sans-serif;
  float: left;
  display: none;
}
html .contentMenu .content .ulContainer li {
  margin: 2px 0px;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
}
html .contentMenu .content .ulContainer li a {
  margin-left: 30px;
  padding: 10px 0px;
  display: block;
}
html .contentMenu .content .ulContainer li a:before {
  font-family: 'FontAwesome';
  content: '\f105';
  margin-right: 10px;
  margin-top: -2px;
}
html .contentMenu .content .ulContainer li a.headLink {
  margin-left: 0px;
  display: contents;
}
html .contentMenu .content .ulContainer li a.headLink:before {
  content: none;
  margin: 0;
}
html .contentMenu .content .ulContainer li .subText {
  width: 100%;
  text-transform: uppercase;
  float: left;
  padding: 14px 0 14px 20px;
  font-size: 11px;
}
html .contentMenu .content .ulContainer li .subText:before {
  font-family: 'FontAwesome';
  content: '\f101';
  margin-right: 10px;
  margin-top: -2px;
}
html .contentMenu .content .ulContainer li:hover {
  background-color: #f1f1f1;
}
html .contentMenu .content .ulContainer li.addItem {
  height: 40px;
  margin-left: 10px;
  color: #00a65a;
  cursor: pointer;
}
html .contentMenu .content .ulContainer li.addItem img {
  margin-top: -2px;
}
html .contentMenu .content .ulContainer li.addItem:before {
  content: '';
}
html .contentMenu .content .btnCloseMenu {
  float: right;
  cursor: pointer;
}
html .contentMenu .content:hover .fa-moduleIcon {
  color: #188fa6;
}
html .content:hover .text {
  color: #188fa6;
}
html .content:hover span {
  color: #188fa6;
}
html .content:hover .fa-moduleIcon {
  color: #188fa6;
}
html .content.chosen {
  color: #188fa6;
}
html .content.chosen .fa-moduleIcon {
  color: #188fa6;
}
html .content.selected .fa-moduleIcon {
  color: #188fa6;
}
html .contentMenu.tiny .content:hover {
  border-right: 5px solid #ffefe9;
}
html .contentMenu.tiny .content.selected {
  border-right: 5px solid #188fa6;
}
html .contentMenu .content .ulContainer li:hover {
  background-color: #4b646f !important;
}
html .contentMenu .content .ulContainer li:hover a:hover {
  color: #188fa6;
}
html .topMenuContainer {
  width: calc(100% - 230px);
  height: 60px;
  background-color: #fff;
  float: right;
  position: fixed;
  z-index: 9;
  box-shadow: 0px 0px 1px 0px #666666;
}
html .topMenuContainer .breadcrumb {
  font-family: 'Poppins-Light', sans-serif;
  margin-top: 15px;
  margin-bottom: 0;
  background-color: transparent;
}
html .topMenuContainer .breadcrumb li a {
  font-family: 'Poppins-Light', sans-serif;
  color: inherit;
  text-decoration: none;
}
html .topMenuContainer .closeMenuContent {
  float: left;
  cursor: pointer;
}
html .topMenuContainer .closeMenuContent img {
  margin: 15px 0 0 10px;
}
html .rightTopSection {
  float: right;
}
html .rightTopSection .txtSearchCont {
  float: left;
  overflow: hidden;
}
html .rightTopSection .txtSearchCont .txtSearch {
  outline: none;
  float: left;
  border: 1px solid #aaaaaa;
  padding: 5px;
  border-radius: 3px;
  left: 200px;
  position: relative;
  height: 30px;
  width: 200px;
  margin-top: 12px;
  color: #323232;
}
html .rightTopSection .txtSearchCont.visible .txtSearch {
  left: 0;
}
html .rightTopSection .btn {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
html .rightTopSection .accountBorder {
  width: 45px;
  height: 45px;
  text-align: center;
  float: left;
  margin-top: 5px;
  margin-right: 20px;
  cursor: pointer;
}
html .rightTopSection .accountBorder img {
  width: 40px;
  height: 40px;
  padding: 5px;
  border-radius: 100px;
  background-color: #188fa6;
}
html .warning {
  min-height: 24px;
  background-color: #ccc;
  color: #000;
  padding: 13px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
  display: none;
  width: 100%;
}
html .warning img {
  float: left;
  margin: 0 20px;
}
html .welcomePageContainer {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: table;
}
html .welcomePageContainer .leftSide {
  width: 66.5%;
  display: table-cell;
  vertical-align: middle;
  background: url("images/bg/login-bg.jpg") no-repeat #091f2c;
  background-size: cover;
}
html .welcomePageContainer .leftSide .infoSection {
  width: 80%;
  margin: auto;
  color: #fff;
  margin-bottom: 15%;
}
html .welcomePageContainer .leftSide .infoSection .welcomeTo {
  font-size: 26px;
  line-height: 2.5;
  clear: both;
}
html .welcomePageContainer .leftSide .infoSection .LoginTitle {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  clear: both;
}
html .welcomePageContainer .leftSide .infoSection .loginTxt {
  font-size: 13px;
  padding-bottom: 15px;
  padding-top: 15px;
  font-family: 'Poppins-Light', sans-serif;
}
html .welcomePageContainer .leftSide .infoSection .loginToStart {
  text-transform: uppercase;
  font-size: 26px;
}
html .welcomePageContainer .leftSide .version {
  position: absolute;
  bottom: 0;
  color: white;
  padding: 5px;
  font-size: 10px;
}
html .welcomePageContainer .Contact-faq {
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0px;
  margin-bottom: 12vh;
  font-family: 'Poppins-Light', sans-serif;
}
html .welcomePageContainer .contactUs {
  padding-right: 30px;
  cursor: pointer;
}
html .welcomePageContainer .faq {
  cursor: pointer;
}
html .welcomePageContainer .rightSide {
  width: 33.5%;
  display: table-cell;
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
html .welcomePageContainer .rightSide .logoImg {
  text-align: center;
  width: 150px;
}
html .welcomePageContainer .rightSide .loginContainer,
html .welcomePageContainer .rightSide .resetPasswordContainer {
  overflow: hidden;
}
html .welcomePageContainer .rightSide .loginInputs,
html .welcomePageContainer .rightSide .resetPassInputs {
  width: 80%;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 40px;
  text-align: left;
}
html .welcomePageContainer .rightSide .resetPassInputs .lblMsgResetPass {
  text-align: left;
  color: #188fa6;
}
html .welcomePageContainer .rightSide .input {
  width: 100%;
  height: 35px;
  border-bottom: 1px solid #cccccc;
  color: #595959;
  margin-bottom: 30px;
  font-size: 17px;
  font-family: 'Poppins-Light', sans-serif;
  outline: none;
}
html .welcomePageContainer .rightSide .loginBtns,
html .welcomePageContainer .rightSide .resetPasswordBtns {
  width: 80%;
  margin: auto;
  font-size: 17px;
  margin-bottom: 45%;
  cursor: pointer;
  font-family: 'Poppins-Light', sans-serif;
}
html .welcomePageContainer .rightSide .loginButton,
html .welcomePageContainer .rightSide .resetPassButton {
  width: 100px;
  background-color: #188fa6;
}
html .welcomePageContainer .rightSide .forgetPassResetBtn {
  width: 220px !important;
  background-color: #188fa6;
}
html .welcomePageContainer .rightSide .socialNetwork {
  width: 75%;
  margin: auto;
  font-size: 17px;
}
html .welcomePageContainer .rightSide .socialNetwork .dontHaveAcc {
  color: #188fa6;
  clear: both;
  text-align: left;
}
html .welcomePageContainer .rightSide .socialNetwork .txt {
  line-height: 1.7;
  clear: both;
  text-align: left;
}
html .welcomePageContainer .rightSide .socialNetwork .SocialMediasLogin {
  overflow: hidden;
  margin-top: 30px;
  cursor: pointer;
}
html .welcomePageContainer .rightSide .socialNetwork .SocialMediasLogin .socialMediaImg {
  width: 45%;
}
html .welcomePageContainer .rightSide .forgotPassContainer {
  display: none;
  width: 75%;
  margin: auto;
  margin-top: 150px;
  margin-bottom: 40px;
  text-align: left;
}
html .welcomePageContainer .rightSide .forgotPassContainer .forgotPassBtns {
  overflow: hidden;
  margin-bottom: 20px;
  cursor: pointer;
}
html .welcomePageContainer .rightSide .resetPassTxt {
  text-align: left;
  font-size: 20px;
  margin-bottom: 10%;
  font-family: 'Poppins-Light', sans-serif;
}
@media screen and (max-width: 1400px) {
  html .welcomePageContainer .rightSide .loginButton,
  html .welcomePageContainer .rightSide .resetPassButton {
    width: 100px;
  }
}
@media screen and (max-width: 1200px) {
  html .welcomePageContainer .leftSide {
    width: 60%;
  }
  html .welcomePageContainer .rightSide {
    width: 40%;
  }
}
@media screen and (max-width: 991px) {
  html .welcomePageContainer .rightSide .forgotPassContainer {
    width: 80%;
  }
  html .welcomePageContainer .rightSide .socialNetwork {
    width: 80%;
    font-size: 13px;
  }
  html .welcomePageContainer .rightSide .socialNetwork .SocialMediasLogin .googlePlus .googleBg {
    width: 40px;
    height: 40px;
  }
  html .welcomePageContainer .rightSide .socialNetwork .SocialMediasLogin .googlePlus .googleTxt {
    width: 100px;
    height: 38px;
  }
  html .welcomePageContainer .rightSide .socialNetwork .SocialMediasLogin .fbBg {
    width: 40px;
    height: 40px;
  }
  html .welcomePageContainer .rightSide .socialNetwork .SocialMediasLogin .fbTxt {
    width: 100px;
    height: 38px;
  }
  html .welcomePageContainer .rightSide .loginButton,
  html .welcomePageContainer .rightSide .resetPassButton {
    width: 130px;
  }
  html .welcomePageContainer .rightSide .forgetPassResetBtn {
    width: 170px !important;
  }
  html .welcomePageContainer .rightSide .loginBtns,
  html .welcomePageContainer .rightSide .resetPasswordBtns {
    font-size: 13px;
  }
}
@media screen and (max-width: 900px) {
  html .welcomePageContainer .rightSide .socialNetwork .SocialMediasLogin .facebook {
    clear: both;
    float: none;
    padding-top: 10px;
  }
  html .welcomePageContainer .rightSide .loginButton,
  html .welcomePageContainer .rightSide .resetPassButton {
    width: 110px;
  }
  html .welcomePageContainer .logoImg {
    width: 95%;
    margin: auto;
  }
  html .welcomePageContainer .logoImg img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  html .welcomePageContainer {
    display: block;
    height: auto;
  }
  html .welcomePageContainer .leftSide {
    width: 100%;
    display: inline-block;
  }
  html .welcomePageContainer .leftSide .infoSection {
    margin-top: 10%;
  }
  html .welcomePageContainer .leftSide .infoSection .welcomeTo {
    font-size: 20px;
    margin-bottom: 0px;
  }
  html .welcomePageContainer .leftSide .infoSection .LoginTitle {
    font-size: 20px;
  }
  html .welcomePageContainer .leftSide .infoSection .loginTxt {
    font-size: 10px;
  }
  html .welcomePageContainer .leftSide .infoSection .loginToStart {
    font-size: 20px;
    margin-bottom: 30%;
  }
  html .welcomePageContainer .rightSide {
    width: 100%;
    display: block;
  }
  html .welcomePageContainer .rightSide .loginBtns,
  html .welcomePageContainer .rightSide .resetPasswordBtns {
    margin-bottom: 15%;
  }
  html .welcomePageContainer .rightSide .socialNetwork .SocialMediasLogin {
    padding-bottom: 25px;
  }
  html .welcomePageContainer .rightSide .socialNetwork .SocialMediasLogin .socialMediaImg {
    width: 35%;
  }
  html .welcomePageContainer .rightSide .forgotPassContainer .forgotPassBtns {
    margin-bottom: 15%;
  }
  html .welcomePageContainer .rightSide .loginContainer {
    margin-bottom: 20px;
  }
  html .welcomePageContainer .Contact-faq {
    position: relative;
    margin-bottom: 0px;
    font-size: 10px;
  }
  html .welcomePageContainer .logoImg {
    width: 50%;
    padding-top: 20px;
  }
}
html .profilePopup {
  width: auto;
  height: auto;
  background-color: #fff;
  display: none;
  position: absolute;
  z-index: 2;
  top: 60px;
  right: 0px;
  box-shadow: 0 4px 4px 0 #cccccc, 0 3px 10px 0 #cccccc;
}
html .profilePopup .title {
  color: #188fa6;
  padding: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #eeeeee;
  font-size: 12px;
}
html .profilePopup .accountBorder {
  margin-right: 5px;
}
html .profilePopup .profInfo {
  padding: 5px;
  font-size: 10px;
  display: table;
}
html .profilePopup .profInfo .name {
  text-transform: uppercase;
  margin-top: 5px;
}
html .profilePopup .profInfo .email {
  font-family: 'Poppins-Light', sans-serif;
}
html .profilePopup .accountBtns {
  width: 100%;
  padding: 5px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 10px;
  border-top: 1px solid #eeeeee;
}
html .profilePopup .accountBtns .profBtn {
  background-color: #188fa6;
  color: #fff;
  margin-right: 5px;
  float: left;
}
html .profilePopup .accountBtns .logoutBtn {
  background-color: #e5e5e5;
  color: #333333;
  float: right;
}
html .profilePopup .accountBtns .btnInProf {
  width: 97.5px;
  height: 52.5px;
  text-align: center;
  cursor: pointer;
  padding: 10px 0;
  margin-bottom: 5px;
}
html .profilePopup .accountBtns .btnInProf img {
  margin-bottom: 5px;
}
html .accountContainer .welcomeCont {
  float: left;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 20px;
  padding: 15px;
}
html .accountContainer .welcomeCont .account {
  font-family: 'Poppins-Bold', sans-serif;
}
html .accountContainer .logoutCont {
  float: right;
  font-family: 'Poppins-Bold', sans-serif;
  padding: 15px;
}
html .accountContainer .accountHeader {
  background: #fff;
  display: block;
  min-height: 5vw;
}
html .accountContainer .accountBorder {
  text-align: center;
  height: 6vw;
  max-height: 110px;
  background-color: #188fa6;
  background-image: url("../../../img/bg/accountBg.png"), -webkit-linear-gradient(-90deg, #188fa6, #188fa6);
  background-image: url("../../../img/bg/accountBg.png"), -o-linear-gradient(-90deg, #188fa6, #188fa6);
  background-image: url("../../../img/bg/accountBg.png"), -moz-linear-gradient(-90deg, #188fa6, #188fa6);
  background-image: url("../../../img/bg/accountBg.png"), linear-gradient(-90deg, #188fa6, #188fa6);
}
html .accountContainer .accountBorder .profileImgCont {
  z-index: 1;
  position: relative;
  width: 155px;
  height: 155px;
  margin-bottom: 25px;
  border-radius: 200px;
  top: -4vw;
  overflow: hidden;
  display: inline-block;
  margin: auto;
  text-align: center;
  background: none;
}
html .accountContainer .accountBorder .profileImgCont .ImgCont {
  width: 90%;
  height: 90%;
  overflow: hidden;
  margin: 10px auto auto auto;
  background: none;
  border-radius: 200px;
}
html .accountContainer .accountBorder .profileImgCont .ImgCont img {
  height: 100%;
  width: 100%;
  padding: 15px;
  background-color: #188fa6;
  overflow: hidden;
  border-radius: 200px;
}
html .accountContainer .accountBorder .profileImgCont .choose {
  background-color: transparent;
  position: absolute;
  top: 40%;
  left: 25%;
  visibility: hidden;
  width: 120px;
}
html .accountContainer .accountBorder .profileImgCont input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 155px;
  cursor: pointer;
}
html .accountContainer .accountBorder .entityImgCont:hover .choose {
  visibility: visible;
}
html .accountContainer .detailsSection {
  margin: 25px 0px;
  display: flex;
}
html .accountContainer .detailsWrapper {
  padding: 20px;
  background: #fff;
  min-height: 20px;
}
html .accountContainer .detailsWrapper .iconChangePswd {
  position: absolute;
  float: right;
  right: 7%;
  top: 23px;
  cursor: pointer;
}
html .accountContainer .detailsWrapper .resetPasswordBtn {
  width: 180px;
  height: 40px;
  background-color: #00a65a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
  margin: 20px 0;
}
html .accountContainer .detailsRow {
  padding: 12px 0px 8px 0px;
}
html .accountContainer .middleContainer {
  margin-left: 15px;
  margin-right: 15px;
}
html .accountContainer .lblField {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
}
html .accountContainer .txtField {
  color: #7f7f7f;
  font-family: 'Poppins-Regular', sans-serif;
  font-size: 12px;
}
html .accountContainer .historyLbl {
  margin-bottom: 4px;
}
html .accountContainer .historyRow {
  margin-bottom: 10px;
}
html .accountContainer .txtAbout {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
}
html .accountContainer .informationSection {
  background: #fff;
}
html .accountContainer .informationSection .headerTtl {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}
html .accountContainer .informationSection .headerTtl .overviewBtn {
  width: 10px;
  height: 20px;
  margin-top: -4px;
  float: right;
  background-image: url('../../../img/btn/btnOverView.png');
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 20px;
  color: #808080;
}
html .accountContainer .informationRow {
  margin: 15px 0px;
}
html .accountContainer .btnChangePswd {
  width: 95%;
  padding: 10px 20px;
  margin-top: 20px;
  background-color: #188fa6;
  color: #fff;
  text-align: center;
}
html .accountContainer .welcomeUser {
  height: 6vw;
  padding: 0 20px;
  text-transform: uppercase;
  max-height: 110px;
  display: table;
  width: 100%;
}
html .accountContainer .welcomeUser .welcome {
  height: 100%;
  font-size: 20px;
  font-family: 'Poppins-Light', sans-serif;
  display: table-cell;
  vertical-align: middle;
}
html .accountContainer .welcomeUser .welcome b {
  font-family: 'Poppins-Bold', sans-serif;
}
html .accountContainer .welcomeUser .logout {
  height: 100%;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 13px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  cursor: pointer;
}
html .accountContainer .midCont .autoCard {
  float: left;
  width: 32%;
}
html .accountContainer .midCont .cardAdder {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  font-size: 25px;
  color: #31c763;
  margin-left: 15px;
  /*background-image: url("../../../img/btn/btnPlus.png");
                background-repeat: no-repeat;
                background-position: center;*/
  margin-top: 5px;
}
html .accountContainer .addLoyaltyCardCont {
  float: right;
}
html .accountContainer .loadedCards .cardsNameDetails div {
  min-width: 150px;
  min-height: 25px;
}
html .accountContainer .tab-content {
  min-height: 200px;
}
html .accountContainer .devicesRow .deleteRow {
  width: 100%;
  height: 45px;
  text-align: center;
  font-size: 20px;
  float: right;
}
html .accountContainer .devicesRow .deleteRow i {
  color: #ff4a00;
}
html .cardDeleter {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  font-size: 20px;
  color: #ff4a00;
  margin-top: -5px;
}
@media screen and (max-width: 1200px) {
  html .accountContainer .accountBorder .profileImgCont {
    width: 130px;
    height: 130px;
  }
}
@media screen and (max-width: 1000px) {
  html .accountContainer .accountBorder .profileImgCont {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 1600px) {
  html .accountContainer .accountBorder .entityImgCont {
    top: -5.5vw;
  }
}
@media only screen and (max-width: 1400px) {
  html .accountContainer .accountBorder .entityImgCont {
    top: -6.5vw;
  }
  html .report-widget-value {
    font-size: 16px !important;
    margin-top: 15px !important;
  }
}
@media only screen and (max-width: 991px) {
  html .accountContainer .detailsSection {
    display: block;
  }
  html .accountContainer .detailsContainer {
    margin: 15px 0px;
  }
  html .accountContainer .middleContainer {
    margin: 0;
  }
}
html .loyaltyContainer .informationSection .headerTtl {
  width: 100%;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}
html .loyaltyContainer .descContainer {
  margin: 0 0 15px 0;
  padding: 20px;
}
html .loyaltyContainer .descContainer .midCont .dateFrom,
html .loyaltyContainer .descContainer .midCont .dateTo {
  background: url(../../../img/btn/btnDate.png) no-repeat;
  background-position-x: 99%;
  background-position-y: center;
}
html .loyaltyContainer .divisionContainer {
  margin-bottom: 15px;
}
html .loyaltyContainer .divisionContainer .divisionSection {
  padding: 14px;
  background: #fff;
  float: left;
  width: calc(100% - 20px);
  height: 50px;
}
html .loyaltyContainer .divisionContainer .divisionSection .divisionTtl {
  float: left;
  color: #00a65a;
  font-size: 12px;
  font-family: 'Poppins-Bold', sans-serif;
  text-transform: uppercase;
}
html .loyaltyContainer .divisionContainer .divisionSection .btnPlus {
  float: right;
  cursor: pointer;
  padding-top: 3px;
}
html .loyaltyContainer .smsContainer {
  padding: 20px;
  margin-bottom: 15px;
}
html .loyaltyContainer .statusContainer {
  margin-bottom: 15px;
}
html .loyaltyContainer .statusContainer .statusTtl {
  margin-top: 4px;
}
html .loyaltyContainer .manageRulesContainer {
  background: #fff;
  overflow: hidden;
  margin-top: 5px;
}
html .loyaltyContainer .manageRulesContainer .manageRulesMenu .manageRuleList {
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Poppins-Light', sans-serif;
  padding-left: 15px;
}
html .loyaltyContainer .manageRulesContainer .manageRulesMenu .manageRuleList .manageList {
  margin-top: 15px;
  margin-bottom: 20px;
  cursor: pointer;
}
html .loyaltyContainer .manageRulesContainer .manageRulesMenu .manageRuleList .manageList:hover {
  color: #188fa6;
}
html .loyaltyContainer .manageRulesContainer .manageRulesMenu .manageRuleList .manageList.active {
  color: #188fa6;
  font-family: 'Poppins-Bold', sans-serif;
}
html .loyaltyContainer .ddlItemRules {
  width: 100%;
}
html .loyaltyContainer .systemContainer {
  margin-top: 15px;
}
html .loyaltyContainer .systemContainer .ddlSelect {
  width: 105px;
  float: left;
  overflow: hidden;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  background-image: url('../../../img/btn/ddlArw.png');
  background-repeat: no-repeat;
  background-position: 95% center;
  margin-top: -4px;
}
html .loyaltyContainer .systemContainer .ddlSelect select {
  width: 140px;
  height: 35px;
  border: none;
  outline: none;
  background-color: transparent;
}
html .loyaltyContainer .equal {
  float: left;
  padding-top: 15px;
}
html .loyaltyContainer .discountTtl {
  float: left;
  padding-right: 10px;
  font-size: 13px;
  color: #333333;
  font-family: 'Poppins-Light', sans-serif;
}
html .loyaltyContainer select {
  height: 40px;
}
html .valueCurr {
  float: left;
  padding: 15px 0;
  padding-right: 20px;
}
html .statusDiv {
  float: left;
  padding: 5px 15px;
  padding-right: 20px;
}
html .statusDiv .statusTtl {
  float: left;
  padding-right: 10px;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
html .searchTxt {
  width: 150px;
  border: 1px solid #cccccc;
  height: 20px;
  font-size: 10px;
  font-family: 'Poppins-Light', sans-serif;
  /*background-image: url("../../../img/btn/btnLoop.png");
        background-repeat: no-repeat;
        background-position: 95%;*/
  text-indent: 5px;
  margin-top: 10px;
  /*background-size: 15px;*/
  margin-left: 10px;
  position: relative;
}
html .searchTxt:after {
  position: absolute;
  font-family: 'FontAwesome';
  color: #aaaaaa;
  top: 0;
  right: 0;
  margin-right: 5px;
  content: "\f002";
}
html .addDiv {
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 10px;
  background-color: #000;
  margin-left: 10px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-size: 13px;
  padding-top: 1px;
  /*img {margin-top: -2px;}*/
}
@media (max-width: 800px) {
  html .addDiv {
    margin-left: 5px;
  }
}
html .refreshDiv {
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 10px;
  background-color: #9531c8;
  margin-left: 20px;
  cursor: pointer;
  text-align: center;
  /*img {margin-top: -2px;}*/
}
html .refreshDiv span.fa-refresh {
  color: #fff;
  font-size: 15px;
  padding-top: 3px;
}
html .rule {
  background-image: none;
  width: 55px;
  height: 20px;
  margin-top: 10px;
  text-align: center;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 10px;
}
html .rule div {
  margin-top: -2px;
}
html #entities .pRowTitle {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
html .table-responsive .table thead {
  font-size: 11px;
  font-family: 'Poppins-Bold', sans-serif;
  text-transform: uppercase;
}
html .table-responsive .table tbody {
  color: #727272;
  font-size: 11px;
  font-family: 'Poppins-Regular', sans-serif;
}
html table.listing tbody tr {
  opacity: 1 !important;
  border-bottom: 1px solid #eeeeee;
}
html table.listing tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
  color: #000;
}
html .table.listing input[type="checkbox"] {
  display: none;
  margin: 0;
}
html .table.listing input[type="checkbox"] + label {
  font-family: inherit;
  font-size: 12px;
  display: inline;
}
html .table.listing input[type="checkbox"] + label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #cccccc;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 0;
}
html .table.listing input[type="checkbox"]:checked + label span {
  background-image: url('../../../img/btn/tickB.png');
  background-size: 12px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}
html .table.listing input[type="checkbox"] + label span,
html input[type="checkbox"]:checked + label span {
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}
html .table.listing input[type="checkbox"]:checked + label span.selected {
  background-image: url('../../../img/btn/tickB.png');
  background-size: 12px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}
html .table.listing .hdrRow {
  width: 100%;
  height: 40px;
  font-size: 11px;
  font-family: 'Poppins-Bold', sans-serif;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}
html .table.listing .hdrRow .hdrCheckbox {
  width: 30px;
  float: left;
  margin-top: 8px;
}
html .table.listing .hdrRow .hdrTitle {
  float: left;
  margin-top: 10px;
}
html .table.listing .hdrRow .hdrDetails {
  float: left;
}
html .table.listing .bodyRows {
  width: 100%;
  float: left;
  font-size: 11px;
  font-family: 'Poppins-Light', sans-serif;
  color: #727272;
}
html .table.listing .bodyRows ul {
  padding-left: 0px;
}
html .table.listing .bodyRows ul .pRow {
  width: 100%;
  /* overflow: hidden;*/
  height: 40px;
  border-bottom: 1px solid #cccccc;
}
html .table.listing .bodyRows ul .pRow .pRowCheckbox {
  width: 30px;
  float: left;
  margin-top: 8px;
}
html .table.listing .bodyRows ul .pRow .pRowTitle {
  float: left;
  margin-top: 10px;
}
html .table.listing .bodyRows ul .pRow .pRowTitle .hasDatepicker {
  height: 21px;
  background-image: url(../../../img/btn/btnDate.png);
  background-repeat: no-repeat;
  padding-left: 25px;
  outline: navajowhite;
  background-size: contain;
  background-color: transparent;
  cursor: pointer;
}
html .table.listing .bodyRows ul .pRow .pRowTitle .split {
  font-family: 'Poppins-Light', sans-serif;
  color: #BD2130;
  cursor: pointer;
  float: right;
  border: 1px solid #cccccc;
  padding: 2px 5px;
}
html .table.listing .bodyRows ul .pRow .pRowDetails {
  float: right;
  margin-top: 9px;
  margin-right: 10px;
}
html .table.listing .bodyRows ul .pRow .dateSegment {
  cursor: pointer;
  width: 20px;
}
html .table.listing .bodyRows ul .pRow .deleteSegment {
  cursor: pointer;
  margin-top: -3px;
  float: right;
  font-size: 20px;
  color: #ff4a00;
}
html .table.listing .bodyRows ul .pRow .expandCollapse span {
  width: 9px;
  float: left;
  margin-top: 11px;
  margin-left: 10px;
  padding: 8px 0px;
}
html .table.listing .bodyRows ul .pRow.hasChilds .expandCollapse span {
  width: 9px;
  height: auto;
  background-image: url(../../../img/btn/arrowDown.png);
  float: left;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}
html .table.listing .bodyRows ul .pRow.hasChilds.expanded .expandCollapse span {
  background-image: url(../../../img/btn/arrowUp.png);
  float: left;
  cursor: pointer;
}
html .table.listing .bodyRows ul .pChilds {
  display: none;
}
html .table.listing .bodyRows ul .pChilds ul {
  clear: both;
}
html .table.listing .bodyRows ul .pChilds0 .pRow {
  background-color: #f0f0f0;
}
html .table.listing .bodyRows ul .pChilds0 .pRow .pRowTitle a {
  margin-left: 10px;
}
html .table.listing .bodyRows ul .pChilds0 .pRow .pRowTitle#entities-name-content a {
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
html .table.listing .bodyRows ul .pChilds0 .pRow .checkBoxBtn {
  margin-left: 10px;
}
html .table.listing .bodyRows ul .pChilds0 .pChilds1 .pRow {
  background-color: #e8e8e8;
}
html .table.listing .bodyRows ul .pChilds0 .pChilds1 .pRow .pRowTitle a {
  margin-left: 20px;
}
html .table.listing .bodyRows ul .pChilds0 .pChilds1 .pRow .checkBoxBtn {
  margin-left: 20px;
}
html .table.listing .bodyRows ul .pChilds0 .pChilds2 .pRow {
  background-color: #e0e0e0;
}
html .table.listing .bodyRows ul .pChilds0 .pChilds2 .pRow .pRowTitle a {
  margin-left: 30px;
}
html .table.listing .bodyRows ul .pChilds0 .pChilds2 .pRow .checkBoxBtn {
  margin-left: 30px;
}
html .table.listing .bodyRows ul .pRow:hover {
  background-color: #ffeee7 !important;
}
html .table.listing .bodyRows ul:first-child {
  padding-left: 0;
}
html .table.listing .rowImg {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
@media screen and (max-width: 991px) {
  html .loyaltyContainer .divisionContainer .divisionSection {
    width: calc(100% - 28px);
  }
}
@media screen and (max-width: 512px) {
  html .loyaltyContainer .statusContainer {
    min-height: 100px;
  }
}
html .segmentsContainer .segmentUpContainer {
  width: 100%;
  height: 102px;
  background-color: #fff;
  margin-bottom: 20px;
}
html .segmentsContainer .segmentUpContainer .infoTxt {
  padding-bottom: 10px;
}
html .segmentsContainer .segmentUpContainer .infoTxt .staticTxt {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 11px;
  padding-left: 10px;
}
html .segmentsContainer .segmentUpContainer .infoTxt .dynamicTxt {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
}
html .segmentsContainer .segmentmiddleContainer {
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
  padding: 15px;
  display: table;
}
html .segmentsContainer .segmentBottomContainer {
  height: 50px;
}
html .segmentsContainer .segmentBottomContainer .nbreOfCost {
  width: 100%;
  height: 530px;
  background-color: #188fa6;
}
html .segmentsContainer .segmentBottomContainer .nbreOfCost .nbrOfCostTitle {
  width: 90%;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Poppins-Bold', sans-serif;
  padding-top: 15px;
}
html .segmentsContainer .segmentBottomContainer .borderBottom {
  width: 90%;
  height: 1px;
  margin: auto;
  color: #fff;
}
html .segmentsContainer .segmentBottomContainer .refreshBtn {
  width: 18px;
  height: 18px;
  margin-top: 13px;
  margin-right: 4px;
  cursor: pointer;
  text-align: center;
  color: #fff;
}
html .segmentsContainer .segmentBottomContainer .upSection {
  width: 95%;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  margin: auto;
  padding-bottom: 10px;
}
html .segmentsContainer .segmentBottomContainer .customerNumber {
  width: inherit;
  height: inherit;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  color: #fff;
  font-family: 'Poppins-Regular', sans-serif;
}
html .segmentsContainer .segmentBottomContainer .customerNumber .custNbr {
  color: #fff;
  font-size: 90px;
  font-family: 'Poppins-Bold', sans-serif;
}
html .segmentsContainer .segmentBottomContainer .ruleSegmentContainer {
  height: 30px;
  width: 100%;
  display: table;
  padding-top: 10px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}
html .segmentsContainer .segmentBottomContainer .ruleSegmentContainer .ruleTitle {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
}
html .segmentsContainer .segmentBottomContainer .ruleSegmentContainer .ruleDesc {
  font-family: 'Poppins-Regular', sans-serif;
  word-wrap: break-word;
  font-size: 12px;
  text-align: right;
}
html .segmentsContainer .segmentBottomContainer .ruleSegmentContainer .ruleDesc .ruleCell {
  float: right;
  padding: 3px;
  background-color: #f0f0f0;
  border: 1px solid #cccccc;
  border-radius: 2px;
  margin: 3px;
  color: #333333;
}
html .segmentsContainer .divisionContainer {
  margin-bottom: 15px;
}
html .segmentsContainer .divisionContainer .divisionSection {
  width: 93%;
  min-height: 20px;
  padding: 14px 2.5%;
  background: #fff;
  float: left;
  margin-bottom: 15px;
}
html .segmentsContainer .divisionContainer .divisionSection .divisionTtl {
  float: left;
  color: #00a65a;
  font-size: 12px;
  font-family: 'Poppins-Bold', sans-serif;
  text-transform: uppercase;
}
html .segmentsContainer .divisionContainer .divisionSection .btnPlus {
  float: right;
  cursor: pointer;
  padding-top: 3px;
}
html .segmentsContainer .divisionContainer .divisionSection .orangeTtl {
  color: #188fa6;
  font-size: 12px;
  float: left;
  font-family: 'Poppins-Bold', sans-serif;
  text-transform: uppercase;
}
html .segmentsContainer .divisionContainer .divisionSection .overviewBtn {
  width: 10px;
  height: 20px;
  cursor: pointer;
  float: right;
  font-size: 20px;
  color: #808080;
  margin-top: -5px;
  background-image: url('../../../img/btn/btnOverView.png');
  background-repeat: no-repeat;
  background-position: center center;
}
html .segmentsContainer .divisionContainer .divisionSection.specialDivSect {
  width: 95%;
}
html .segmentsContainer .slideSection {
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #cccccc;
  margin-top: 10px;
}
html .segmentsContainer .slideSection .slideRaw {
  width: 100%;
  clear: both;
  margin-top: 10px;
  overflow: hidden;
}
html .segmentsContainer .slideSection .slideRaw:last-child {
  margin-bottom: 10px;
}
html .segmentsContainer .slideSection .slideRaw .name {
  padding-top: 10px;
  font-size: 13px;
  font-family: 'Poppins-Light', sans-serif;
}
html .segmentsContainer .slideSection .slideRaw .data {
  font-size: 13px;
  font-family: 'Poppins-Bold', sans-serif;
  padding-right: 20px;
  padding-top: 10px;
}
html .segmentsContainer .slideSection .slideRaw.entity {
  color: #808080;
  font-size: 13px;
  font-family: 'Poppins-Light', sans-serif;
}
html .editRuleTopSection {
  width: calc(100% + 1px);
  height: 60px;
  margin-bottom: 10px;
  color: #fff;
  display: table;
  background-color: #188fa6;
}
html .editRuleTopSection .numText {
  font-size: 12px;
  font-family: 'Poppins-Bold', sans-serif;
  display: table-cell;
  vertical-align: middle;
  padding-left: 50px;
}
html .editRuleTopSection .custNbr {
  font-size: 40px;
  font-family: 'Poppins-Bold', sans-serif;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
html .editRuleTopSection .totalCust {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
}
html .editRuleTitle {
  width: calc(100% - 100px);
  border-bottom: 1px solid #eeeeee;
  display: table;
  margin: auto;
}
html .editRuleTitle .savebtn {
  width: auto;
  margin-right: 0;
  margin-bottom: 10px;
}
html .editRuleTitle .cancelbtn {
  width: auto;
  margin-right: 20px;
  margin-bottom: 10px;
}
html .editRuleTitle .midCont {
  margin-bottom: 10px;
}
html .editRuleSectionMidLeftSection {
  width: calc(100% - 100px);
  height: 100%;
  margin: 15px auto;
  overflow: hidden;
}
html .editRuleSectionMidLeftSection table {
  font-size: 12px;
  font-family: 'Poppins-Regular', sans-serif;
  text-transform: uppercase;
  float: left;
  max-width: 200px;
}
html .editRuleSectionMidLeftSection table tr td {
  cursor: pointer;
  padding: 10px 30px 10px 0;
  border-right: 2px solid #eeeeee;
}
html .editRuleSectionMidLeftSection table tr td span {
  color: #000;
  border-bottom: 1px solid;
  cursor: default;
}
html .editRuleSectionMidLeftSection table tr td:hover {
  color: #188fa6;
}
html .editRuleSectionMidLeftSection table tr td.selected {
  color: #188fa6;
}
html .editRuleSectionMidLeftSection table tr.selected td {
  color: #188fa6;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection {
  float: right;
  width: calc(100% - 220px);
  height: 100%;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .maxAge {
  float: right;
  text-align: right;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .ageText {
  margin: 10px 0 5px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .btnAddCriteria {
  float: right;
  width: 50px;
  height: 25px;
  background-color: #31c763;
  color: #fff;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .rulesListData {
  max-height: 400px;
  overflow-y: auto;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .rulesListData .checkBoxBtn {
  width: 215px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .rulesListData .checkBoxBtn span {
  margin-right: 10px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .rulesListData .checkBoxBtn label {
  margin-bottom: 10px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .divAgeRange {
  clear: both;
  margin-bottom: 10px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .minMaxPoints {
  clear: both;
  margin-bottom: 10px;
  height: 25px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .minMaxPoints .inputPts {
  width: 120px;
  height: 25px;
  border: 1px solid #cccccc;
  text-indent: 5px;
  float: left;
  margin-right: 10px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .checkBoxBtn {
  width: 25%;
  margin-bottom: 10px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .rangeSlider {
  margin-bottom: 30px;
  margin-top: 10px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .btnDeletePos {
  right: 0;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .fromRange {
  border: none;
  width: auto;
  outline: 0;
  float: left;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .toRange {
  outline: 0;
  text-align: right;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .addPos {
  margin-top: 0;
  margin-bottom: 0;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .tagLabel {
  padding-top: 10px;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .attrDatesCont {
  display: block;
  overflow: hidden;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .attrDatesCont .attrDate {
  float: left;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  background-color: #e8e8e8;
  border-radius: 2px;
  color: #333333;
  margin-right: 15px;
  padding: 5px;
  cursor: pointer;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .attrDatesCont .attrDate.selected {
  background-color: #188fa6;
  border: 1px solid #188fa6;
  color: #fff;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .attrOptCont {
  display: block;
  overflow: hidden;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .attrOptCont .attrOpt {
  float: left;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  background-color: #e8e8e8;
  border-radius: 2px;
  color: #333333;
  margin-right: 15px;
  padding: 5px;
  cursor: pointer;
}
html .editRuleSectionMidLeftSection .editRuleSectionMidRightSection .attrOptCont .attrOpt.selected {
  background-color: #188fa6;
  border: 1px solid #188fa6;
  color: #fff;
}
html .chosenDivisionSectionMarginTop {
  margin-top: 7px !important;
}
html .segmentationSettingsMidRightLayer,
html .segmentationSettingsMidLeftLayer {
  min-height: 200px;
  display: block;
  width: 100%;
}
html .segmentationSettingsMidLayer {
  margin-top: 12px;
  display: flex;
  box-sizing: border-box;
  padding: 0;
}
html .segmentationSettingsMidLayer > .segmentationSettingsMidRightLayer {
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin: 0 0.5% 0 0;
}
html .segmentationSettingsMidLayer > .segmentationSettingsMidLeftLayer {
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin: 0 0 0 0.5%;
}
html .segmentationItemsStyle {
  background: #fff !important;
  padding: 15px;
}
html .itemsPropertyStyle {
  float: right !important;
}
@media screen and (min-width: 1923px) {
  html .segmentsContainer .segmentUpContainer {
    height: 50px;
  }
}
@media screen and (max-width: 1091px) {
  html .segmentsContainer .segmentUpContainer .infoTxt .dynamicTxt {
    font-size: 10px;
  }
}
html .chosenDivisionSection {
  padding: 15px;
  background: #fff;
  float: left;
  width: calc(100% - 20px);
  font-family: 'Poppins-Bold', sans-serif;
}
html .chosenDivisionSection .chosenDivisionTtl {
  float: left;
  color: #00a65a;
}
html .chosenDivisionSection .btnSettings {
  width: 30px;
  height: 14px;
  background-image: url(../../../img/btn/btnPlus.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
}
html .chosenDivisionSection .chosenDivisionDetCont .chosenDivisionDet {
  color: #808080;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
}
html .chosenDivisionSection.hasData .chosenDivisionTtl {
  color: #188fa6;
}
html .chosenDivisionSection.hasData .btnSettings {
  height: 15px;
  background-image: url(../../../img/btn/btnOverView.png);
}
html .chosenDivisionSection.hasData .chosenDivisionDetCont {
  height: 40px;
  margin-bottom: 12px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #cccccc;
  overflow: hidden;
}
html .divisionSection {
  padding: 15px;
  background: #fff;
  float: left;
  width: calc(100% - 45px);
  font-family: 'Poppins-Bold', sans-serif;
}
html .divisionSection .divisionTtl {
  float: left;
  color: #00a65a;
  font-size: 12px;
}
html .divisionContainer {
  margin-bottom: 15px;
}
html .divisionContainer div:last-child .divisionSection {
  width: calc(100% - 30px);
}
html .divisionContainer div:last-child .chosenDivisionSection {
  width: 100%;
}
html .itemDetailsContainer {
  padding: 15px;
  background: #fff;
}
html .itemDetailsContainer .leftSectionUpload {
  width: 20%;
  float: left;
}
html .itemDetailsContainer .leftSectionUpload .ttlUpload {
  padding: 10px 0;
  font-size: 11px;
  font-family: 'Poppins-Light', sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
html .itemDetailsContainer .leftSectionUpload .selected {
  font-family: 'Poppins-Bold', sans-serif;
  color: #188fa6;
}
html .itemDetailsContainer .rightSectionUpload {
  width: calc(80% - 32px);
  float: left;
  padding-left: 30px;
  border-left: 2px solid #eeeeee;
  margin-bottom: 30px;
  min-height: 300px;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer {
  position: relative;
  width: 100%;
  top: 0;
  bottom: 0;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent {
  width: 130px;
  height: auto;
  position: absolute;
  border: 1px solid #cccccc;
  border-radius: 4px;
  overflow: hidden;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent img,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent img {
  max-width: 100%;
  height: auto;
  margin: auto;
  display: block;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .staticImg,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .staticImg {
  max-width: 100%;
  padding: 10px;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .imgName,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .imgName {
  width: calc(100% - 10px);
  word-break: break-all;
  margin: 5px;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .imgName .imgNameLbl,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .imgName .imgNameLbl {
  float: left;
  width: 75px;
  margin-bottom: 8px;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .imgName .imgActions,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .imgName .imgActions {
  float: right;
  width: 40px;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .details,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .details {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 25px;
  color: #808080;
  float: right;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  border-color: transparent !important;
  background-color: rgba(255, 255, 255, 0.17);
  background-image: url(../../../img/btn/btnOverView.png);
  background-repeat: no-repeat;
  background-position: center;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .details:hover,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .details:hover,
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .remove:hover,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .remove:hover {
  background-color: #dddddd;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .details i,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .details i {
  padding-left: 5px;
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .remove,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .remove {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 25px;
  color: #808080;
  float: left;
  text-align: center;
  cursor: pointer;
  border-color: transparent !important;
  background-color: rgba(255, 255, 255, 0.17);
}
html .itemDetailsContainer .rightSectionUpload .pgContainer .pgContent .remove i,
html .itemDetailsContainer .rightSectionUpload .pgMediaContainer .pgContent .remove i {
  padding-top: 4px;
}
html .itemDetailsContainer .rightSectionUpload .selected {
  border: 3px solid #00a65a;
}
html .itemDetailsContainer .rightSectionUpload .ss-placeholder-child {
  background: transparent;
  border: 1px dashed blue;
}
html .itemDetailsContainer .rightSectionUpload .bigUploadContainer {
  border: 2px solid #188fa6;
  padding: 50px 30px;
}
html .itemDetailsContainer .rightSectionUpload .bigUploadContainer .btnUpload {
  padding: 5px 10px;
  background-color: #188fa6;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  width: 125px;
  text-align: center;
  margin-bottom: 30px;
  margin: auto;
}
html .itemDetailsContainer .rightSectionUpload .bigUploadContainer .uploadFileSection {
  overflow: hidden;
  position: relative;
  width: 300px;
  margin: auto;
  height: 30px;
  background-color: #fff;
  color: #000;
}
html .itemDetailsContainer .rightSectionUpload .bigUploadContainer .uploadFileSection label {
  color: #000;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 16px;
  padding-top: 7px;
  font-weight: normal;
  padding-left: 5px;
  text-align: center;
}
html .itemDetailsContainer .rightSectionUpload .bigUploadContainer .note {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 9px;
  color: #808080;
  text-align: center;
  text-transform: uppercase;
  padding-top: 15px;
}
html .itemDetailsContainer .rightSectionUpload .bigUploadContainer .sep {
  color: #000;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 16px;
  margin: 20px auto;
  text-align: center;
}
html .itemDetailsContainer .rightSectionUpload .bigUploadContainer .uploadFileSection [type=file] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
html .itemDetailsContainer .rightSectionUpload .selectionSection {
  float: right;
}
html .itemDetailsContainer .rightSectionUpload .selectionSection .selectionClass {
  float: right;
  cursor: pointer;
  color: #188fa6;
  text-decoration: underline;
  margin: 10px;
}
html .itemDetailsContainer .rightSectionUpload .selectionSection .selectionClass .addDiv {
  margin-top: 0 !important;
}
html .itemDetailsContainer .rightSectionUpload .selectionSection .selectionClass .rule {
  margin-top: 0 !important;
}
html .itemDetailsContainer .rightSectionUpload .selectionSection .selectionClass .rule div {
  margin-top: -1px;
}
html .itemDetailsContainer .rightSectionUpload .galleryContainer .pgContent.ui-draggable-handle .remove {
  display: none !important;
}
html .itemDetailsContainer .noDataSection {
  width: calc(80% - 32px);
  float: left;
  padding-left: 30px;
  border-left: 2px solid #eeeeee;
  margin-bottom: 30px;
  min-height: 300px;
}
html .itemDetailsContainer .noDataSection label {
  float: left;
  margin-top: 7px;
}
html .itemDetailsContainer .noDataSection .btngoToUpload {
  padding: 5px 10px;
  background-color: #188fa6;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  width: 125px;
  text-align: center;
  float: left;
  margin-left: 20px;
}
html .integrationContainer .itemDetailsContainer {
  padding: 10px 7px;
}
html .note-editor.note-frame .note-editing-area .note-editable {
  min-height: 100px;
}
html .itemDetailsContainerTtl {
  font-size: 12px;
  margin-bottom: 10px;
}
html .itemDetailsContainerVal {
  width: 85%;
  border: 1px solid #cccccc;
  height: 35px;
  color: #323232;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  text-indent: 10px;
  outline: 0;
}
html .itemDetailsContainerLongVal {
  width: 83%;
  border: 1px solid #cccccc;
  min-height: 65px;
  color: #323232;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  padding: 10px;
  outline: 0;
  height: 100%;
}
html .itemDetailsRow {
  margin-bottom: 5px;
}
html .itemDetailsLongRow {
  display: flex;
  margin-bottom: 60px;
}
html .mapContainer .pin {
  width: 20px;
  height: 20px;
  background-image: url('../../../img/btn/pin.png');
  background-repeat: no-repeat;
  cursor: pointer;
  float: right;
  position: absolute;
  top: -3px;
  right: 25px;
}
html .mapContainer .pinContentDetails {
  right: 5%;
}
html .contentControlsContainer .midCont.hiddenControl {
  display: none;
}
html .contentControlsContainer .midCont input[data-type="calendar"] {
  height: 40px;
  width: 95%;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  text-indent: 5px;
  background-color: initial;
  outline: none;
}
html .contentControlsContainer .midCont textarea {
  min-height: 200px;
}
html .AutoItemsCont .ItemsCont {
  height: 95px;
  margin-right: 10px;
  margin-top: 5px;
  overflow: auto;
}
html .AutoItemsCont .itemElem {
  width: 130px;
  padding: 6px;
  float: left;
  border: 1px solid #cccccc;
  margin-bottom: 2px;
  color: #808080;
}
html .AutoItemsCont .removeItem {
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  html .addContentContainer .statusDateContainer {
    clear: both;
  }
}
html .pubDatesContainer {
  width: 100%;
}
html .pubDatesContainer .pubCalendarContainer .calendarPubDates {
  height: 40px;
  width: 100%;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  /*font-weight: bold;*/
  font-size: 13px;
  color: #333333;
  text-indent: 5px;
  background-color: initial;
  outline: none;
}
html .pubDatesContainer .pubSelectedDates {
  width: 100%;
  /*max-width: 600px;*/
}
html .pubDatesContainer .pubSelectedDates section {
  width: 98%;
}
html .pubDatesContainer .pubSelectedDates label.pdSectionTitle {
  color: #333333;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
html .pubDatesContainer .pubSelectedDates ul {
  width: 100%;
  float: left;
  padding-bottom: 20px;
}
html .pubDatesContainer .pubSelectedDates ul li {
  width: 100%;
  float: left;
  margin-top: 20px;
}
html .pubDatesContainer .pubSelectedDates ul li .btnDelete {
  float: right;
  padding: 6.5px;
  border: 1px solid #cccccc;
  cursor: pointer;
}
html .pubDatesContainer .pubSelectedDates ul li .pubDateFrom {
  float: left;
}
html .pubDatesContainer .pubSelectedDates ul li .pubDateTo {
  float: right;
}
html .pubDatesContainer .pubSelectedDates ul li .pubDate {
  width: 200px;
}
html .pubDatesContainer .pubSelectedDates .addPubDates {
  float: right;
  padding: 6.5px;
  margin-left: 15px;
  border: 1px solid black;
  cursor: pointer;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
}
html .settingsContainer .actionContainer {
  background: #fff;
  margin-bottom: 20px;
  height: 50px;
}
html .settingsContainer .actionContainer .settingsNotice {
  float: left;
}
html .settingsContainer .actionContainer .btnSave {
  float: right;
}
html .settingsContainer .actionContainer .btnDelete {
  float: right;
}
html .settingsContainer .actionContainer .btnLayers {
  float: right;
}
html .settingsContainer .itemDetailsContainer {
  padding: 15px;
  background: #fff;
}
html .settingsContainer .itemDetailsContainerTtl {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
}
html .settingsContainer .itemDetailsContainerVal {
  width: 85%;
  border: 1px solid #cccccc;
  height: 35px;
  color: #323232;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  text-indent: 10px;
  outline: 0;
}
html .settingsContainer .itemDetailsContainerLongVal {
  width: 83%;
  border: 1px solid #cccccc;
  min-height: 65px;
  color: #323232;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  padding: 10px;
  outline: 0;
  height: 100%;
}
html .settingsContainer .itemDetailsRow {
  margin-bottom: 35px;
}
html .settingsContainer .itemDetailsLongRow {
  display: flex;
  margin-bottom: 60px;
}
html .currenciesContainer {
  background: #fff;
  padding: 15px;
}
html .currencyRow {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
html .currencyRow .removeCurrency {
  display: none;
  float: right;
  line-height: 50px;
  cursor: pointer;
  margin-top: -55px;
  margin-right: -40px;
}
html .currencyRow:hover .removeCurrency {
  display: block;
}
html .currencyRow .defaultCurrencyContainer {
  float: left;
  width: 200px;
  padding: 10px;
}
html .currencyRow .defaultCurrencyContainer .defaultCurrencyRate {
  float: left;
  width: 70px;
  border: 1px solid #cccccc;
  height: 33px;
  text-align: center;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
}
html .currencyRow .defaultCurrencyContainer .defaultCurrencyName {
  float: right;
  width: 50px;
  margin-right: -8px;
  background-color: #fff;
}
html .currencyRow .defaultCurrencyContainer .bfh-selectbox {
  width: 110px;
  margin-left: -60px;
}
html .currencyRow .defaultCurrencyContainer input:focus {
  outline: none;
}
html .currencyRow .currencyEqual {
  float: left;
  margin-right: -7px;
  padding: 15px;
}
html .currencyRow .currencyContainer {
  float: left;
  width: 310px;
  margin-right: 20px;
  padding: 10px;
}
html .currencyRow .currencyContainer .currencyExchangeRate {
  float: left;
  width: 170px;
  border: 1px solid #cccccc;
  height: 33px;
  text-align: center;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
}
html .currencyRow .currencyContainer .currencyName {
  float: right;
  width: 50px;
  margin-right: -8px;
  background-color: #fff;
}
html .currencyRow .currencyContainer .bfh-selectbox {
  width: 110px;
  margin-left: 5px;
  float: right;
}
html .currencyRow .currencyContainer input:focus {
  outline: none;
}
html .btnAddCurrency {
  float: left;
  padding: 3px;
  border: 1px solid #000;
  cursor: pointer;
  height: 30px;
  width: 130px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
}
html .btnAddBUAttr {
  float: left;
  padding: 7px;
  border: 1px solid #000;
  cursor: pointer;
  height: 39px;
  width: 199px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  margin-bottom: 20px;
}
html .btnAddCurrencyImg {
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}
html .btnSaveCurrency {
  float: left;
  margin-right: 15px;
}
html .btnCurrencyRemover {
  /*background: url("../../../img/btn/btnDelete.png") no-repeat;
        background-position-y: center;*/
  width: 20px;
  height: 45px;
  line-height: 40px;
  font-size: 25px;
  color: #ff4a00;
  text-align: center;
}
html .addNewCurrencyContainer {
  display: none;
  float: left;
  background: #fff;
  padding: 25px;
  border-radius: 4px;
}
html .addNewCurrencyContainer input[type='checkbox'] {
  width: 20px;
}
html .addNewCurrencyContainer .form-control {
  padding: 0px;
}
html .addNewCurrencyContainer #Default {
  position: absolute;
  right: 130px;
  top: 131px;
}
html .addNewCurrencyContainer .lblCurrencyRate {
  margin-top: 11px;
}
html .bfh-selectbox .bfh-selectbox-toggle {
  border-radius: 0;
}
html .bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option {
  margin-top: 2px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
}
html .bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option .glyphicon {
  float: right;
  margin-top: -1px;
}
@media only screen and (max-width: 991px) {
  html .addContentContainer .statusDateContainer {
    clear: both;
  }
}
html .languagesContainer {
  background: #fff;
  padding: 15px;
}
html .languageRow {
  margin-bottom: 40px;
  float: left;
  width: 100%;
  cursor: pointer;
}
html .languageRow .removeLanguage {
  display: none;
  cursor: pointer;
  margin-top: -6px;
  margin-left: 335px;
}
html .languageRow:hover .removeLanguage {
  display: block;
}
html .languageRow .languageContainer {
  float: left;
  width: 220px;
  min-height: 40px;
  margin-right: 20px;
  padding: 10px;
  border: 1px solid #cccccc;
}
html .languageRow .languageContainer select {
  height: auto;
}
html .btnLanguageRemover {
  /*background: url("../../../img/btn/btnDelete.png") no-repeat;
        background-position-y: center;*/
  width: 20px;
  height: 45px;
  line-height: 40px;
  font-size: 25px;
  color: #ff4a00;
}
html .btnAddLanguage {
  float: left;
  padding: 9px;
  border: 1px solid #000;
  cursor: pointer;
  height: 39px;
  width: 199px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
}
html .btnAddLanguageImg {
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}
html .isDefaultCheck {
  margin-top: 5px;
}
html .addCampaignsContainer .descContainer {
  margin-bottom: 20px;
  padding: 20px;
}
html .addCampaignsContainer .itemDetailsContainer {
  width: 100%;
  float: left;
  padding: 15px;
  background: #fff;
}
html .addCampaignsContainer .itemDetailsContainer .btnDelete {
  float: right;
  padding: 3.5px;
  border: 1px solid #cccccc;
  cursor: pointer;
  margin-top: 29px;
}
html .addCampaignsContainer .itemDetailsContainer .itemDetailsDate + .dateImg {
  float: left;
  position: absolute;
  right: calc(2% + 5px);
  padding: 5px;
  cursor: pointer;
}
html .addCampaignsContainer .itemDetailsContainer .itemDetailsDate.toDate + .dateImg {
  right: calc(7% + 5px);
}
html .addCampaignsContainer .itemDetailsContainerTtl {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
}
html .addCampaignsContainer .itemDetailsContainerVal {
  width: 98%;
  border: 1px solid #cccccc;
  height: 36px;
  color: #323232;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  text-indent: 10px;
  outline: 0;
}
html .addCampaignsContainer .itemDetailsContainerVal.itemDetailsDate {
  background: url(../../../img/btn/btnDate.png) no-repeat;
  background-position-x: 99%;
  background-position-y: center;
}
html .addCampaignsContainer .itemDetailsRow {
  width: 100%;
  float: left;
}
html .addCampaignsContainer .itemDetailsContainerVal.toDate {
  width: 93%;
}
html .addCampaignsContainer #schedule .btnAddDates {
  float: left;
  padding: 10px;
  margin-left: 15px;
  border: 1px solid #000;
  cursor: pointer;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
}
html .addCampaignsContainer .btnSteps {
  float: right;
  padding: 10px;
  cursor: pointer;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  background: #31c763;
  color: #fff;
  margin: 15px;
}
html .addCampaignsContainer .btnSteps.btnSaveAndClose {
  margin-right: 0px;
  background: #000;
}
html .addCampaignsContainer .btnSteps.btnViewReports {
  margin-right: 0px;
}
html .addCampaignsContainer .btnSteps.btnBackToSMS {
  background-color: #000;
}
html .addCampaignsContainer .headerTtl {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  width: 20%;
}
html .addCampaignsContainer .headerTtl a {
  line-height: 20px;
  display: block;
  border: 0;
  background: #fff;
  cursor: pointer;
  width: calc(100% - 5px);
  margin-right: 5px;
  border-radius: 0;
}
html .addCampaignsContainer .headerTtl:last-child a {
  width: calc(100% - 0px);
  margin-right: 0;
}
html .addCampaignsContainer .headerTtl.active a {
  color: #fff;
  cursor: pointer;
  background: #188fa6;
  border: 0;
  border-bottom-color: transparent;
}
html .addCampaignsContainer .contentTypeContainer .contentTypeList {
  margin-top: 50px;
  border-right: 2px solid lightgray;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Poppins-Light', sans-serif;
  padding-left: 15px;
}
html .addCampaignsContainer .contentTypeContainer .contentTypeList .ctList {
  margin-top: 15px;
  margin-bottom: 20px;
  cursor: pointer;
}
html .addCampaignsContainer .contentTypeContainer .contentTypeList .ctList.active {
  color: #188fa6;
}
html .addCampaignsContainer .contentTypeContainer .contentTypeList .ctList:hover {
  color: #188fa6;
}
html .addCampaignsContainer .inventoryType {
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Poppins-Bold', sans-serif;
  color: #188fa6;
}
html .addCampaignsContainer .contentTypeDetailsCamp {
  margin-top: -25px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 25px;
}
html .addCampaignsContainer .editInventoryBtn {
  padding: 20px;
  cursor: pointer;
  float: right;
}
html .addCampaignsContainer .editInventoryBtn.back {
  content: url("../../../img/btn/backBtn.png");
}
html .addCampaignsContainer .inventoryDeleter {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  background-image: url(../../../img/btn/btnDelete.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 5px;
  margin-right: 40px;
  float: right;
}
html .addContentContainer .statusContainer .statusDate.hour {
  margin-right: 2px;
}
@media screen and (max-width: 1200px) {
  html .addCampaignsContainer .headerTtl {
    font-size: 10px;
  }
}
@media screen and (max-width: 1300px) {
  html .addCampaignsContainer .headerTtl a {
    line-height: 1;
    height: 40px;
  }
}
html .dashboardSubContainer {
  width: 98%;
  min-height: 50px;
  margin: auto;
  margin-bottom: 11px;
  padding: 15px;
  /*overflow: auto;*/
  position: relative;
  color: #fff;
}
html .dashboardSubContainer .title {
  width: 75%;
  font-size: 12px;
  text-transform: uppercase;
}
html .dashboardSubContainer .iconsCont {
  padding-top: 12px;
}
html .dashboardSubContainer img {
  max-width: 100%;
}
html .dashboardSubContainer span.fa-refresh {
  font-size: 15px;
  color: #fff;
  cursor: pointer;
}
html .dashboardSubContainer span.fa-dots {
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  margin: 0px 0 0 15px;
}
html .dashboardSubToggleContainer {
  width: 100%;
  padding-top: 0px;
}
html .dashboardSubToggleContainer .topMenuListing {
  width: fit-content;
  position: relative;
  top: -30px;
}
html .dashboardSubToggleContainer .table-responsive {
  width: 95%;
  margin: auto;
  padding-top: 5px;
}
html .dashboardSubToggleContainer .table-responsive .table thead {
  font-size: 12px;
  font-family: 'Poppins-Bold', sans-serif;
}
html .dashboardSubToggleContainer .table-responsive .table tbody {
  font-family: 'Poppins-Regular', sans-serif;
  font-size: 12px;
  color: #727272;
}
html .dashboardSubToggleContainer .selectedSegmentsTbl {
  width: 100% !important;
}
html .dashboardSubToggleContainer .lastUpdate {
  width: 95%;
  margin: auto;
  overflow: hidden;
  padding: 10px 0px;
  color: #333333;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  border-top: 1px solid #cccccc;
}
html .dashboardSubToggleContainer .lastUpdate .lastDateUpdate {
  padding-right: 10px;
}
html .dashboardSubToggleContainer .dashboardActivitiesDetails {
  width: 95%;
  margin: auto;
  border-top: 1px solid #cccccc;
  padding-top: 5px;
}
html .dashboardSubToggleContainer .dashboardActivitiesDetails .activitiesRow {
  padding: 10px 5px;
}
html .dashboardSubToggleContainer .dashboardActivitiesDetails .activitiesRow img {
  margin-top: 8px;
}
html .dashboardSubToggleContainer .dashboardActivitiesDetails .activitiesRow .details {
  padding-left: 20px;
}
html .dashboardSubToggleContainer .dashboardActivitiesDetails .activitiesRow .details label {
  font-size: 9px;
  font-family: 'Poppins-Light', sans-serif;
  color: #727272;
}
html .dashboardSubToggleContainer .dashboardActivitiesDetails .activitiesRow .details .status {
  font-size: 11px;
  font-family: 'Poppins-Light', sans-serif;
}
html .dashboardSubToggleContainer .progressDetails {
  width: 95%;
  margin: auto;
  padding-top: 5px;
}
html .dashboardSubToggleContainer .progressDetails .progressNbr {
  font-size: 12px;
  color: #333333;
  float: right;
  clear: both;
}
html .dashboardSubToggleContainer .progressDetails .progressNbr label {
  font-size: 11px;
  font-family: 'Poppins-Light', sans-serif;
  color: #fff;
  padding-left: 10px;
}
html .dashboardSubToggleContainer .progressDetails .progressPercentage {
  font-size: 12px;
  font-family: 'Poppins-Light', sans-serif;
  color: #fff;
  clear: both;
}
html .dashboardSubToggleContainer .progressDetails .progress {
  height: 3px;
  padding-bottom: 8px;
  clear: both;
  margin-bottom: 10px;
}
html .dashboardSubToggleContainer .progressDetails .progress .progress-bar {
  background-color: rgba(137, 183, 231, 0.5);
  height: 8px;
}
html .dashboardSubToggleContainer .dwnLink {
  padding: 15px;
}
html .tab-pane.active .dashboardSubToggleContainer {
  border: none;
  margin-top: 0;
}
html .secondDashboard {
  font-family: 'Poppins-Light', sans-serif;
  color: #333333;
  height: 123px;
  text-align: center;
  padding-top: 25px;
}
html .secondDashboard .unit {
  padding-right: 10px;
  color: #fff;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 30px;
}
html .secondDashboard .unit span {
  font-size: 20px;
  font-family: 'Poppins-Light', sans-serif;
  padding: 18px 0 0 10px;
  color: #fff;
}
html .secondDashboard span {
  padding: 14px 10px 0 0;
  color: #fff;
  font-size: 20px;
}
html .secondDashboard .totUnit {
  padding-right: 10px;
  color: #fff;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 30px;
}
html .secondDashboard .totUnit span {
  font-size: 20px;
  font-family: 'Poppins-Light', sans-serif;
  padding: 18px 0 0 0;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  html .secondDashboard .unit {
    font-size: 25px;
  }
  html .secondDashboard .totUnit {
    font-size: 25px;
  }
}
@media screen and (max-width: 1250px) {
  html .lastTimeUpdate {
    float: left;
  }
}
html .contentGroupContainer {
  border: 1px solid #cccccc;
  margin-bottom: 20px;
}
html .contentGroupControlsContainer {
  margin-left: 15px;
}
html .contentGroupName {
  color: #0d0d0d;
  background-color: #e5e5e5;
  padding: 15px 0px 15px 5px;
  margin-bottom: 20px;
  /*margin-left: -15px;*/
  float: none;
  clear: both;
}
html .floatNone {
  float: none;
}
html .varianceContainer {
  margin-bottom: 20px;
  margin-top: 20px;
}
html .varianceContainer .searchTxt {
  margin-top: 40px;
  margin-right: 40px;
}
html .varianceContainer #addVariancePopup {
  cursor: pointer;
  font-size: 20px;
  color: #808080;
  height: 30px;
}
html .contentContainer .contentItems {
  width: 100%;
  height: 50px;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
html .contentContainer .contentItems .title {
  width: calc(100% - 30px);
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 15px;
  padding: 14px 0;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0;
}
html .contentContainer .contentItems .iconsCont {
  padding-top: 12px;
}
html .contentContainer .contentItems .icon {
  padding-right: 15px;
  padding-top: 20px;
  position: relative;
  top: -3px;
}
html .contentContainer .tableWidth {
  width: 100%;
  margin: auto;
}
html .subContentItems {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  display: block;
  overflow: auto;
}
html #linkToPopup .mCSB_container {
  overflow: visible;
}
html #linkToPopup .btnsContainer .step1,
html #linkToPopup .btnsContainer .backStep1,
html #linkToPopup .btnsContainer .backStep2 {
  float: left;
  background-color: #000;
}
html #linkToPopup .btnsContainer .backStep1 {
  margin-right: 10px;
}
html .linkToPopupContainer .stepTtl {
  margin-bottom: 15px;
}
html .linkToPopupContainer .step1Cont,
html .linkToPopupContainer .step2Cont,
html .linkToPopupContainer .step3Cont {
  position: relative;
}
html .linkToPopupContainer .step1Cont .btnsContainer,
html .linkToPopupContainer .step2Cont .btnsContainer,
html .linkToPopupContainer .step3Cont .btnsContainer {
  padding: 0;
  position: relative;
  right: -10px;
  overflow: visible !important;
}
html .linkToPopupContainer .step1Cont .btnsContainer .btns,
html .linkToPopupContainer .step2Cont .btnsContainer .btns,
html .linkToPopupContainer .step3Cont .btnsContainer .btns {
  padding: 10px 38px;
}
html .linkToPopupContainer .step2Cont .step1 {
  margin-right: 15px;
}
html .linkToPopupContainer .step3Cont .step2 {
  margin-right: 15px;
}
html .linkToPopupContainer input.inputSec {
  height: 40px;
  width: 100%;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  text-indent: 5px;
  background-color: initial;
  outline: none;
}
html .manageCategories {
  float: right;
  padding: 7px 20px;
  text-decoration: underline;
  margin-top: -7px;
  cursor: pointer;
  color: #188fa6;
}
html .popupContainer {
  width: auto;
  height: auto;
  min-width: 300px;
  background-color: #fff;
  padding: 20px;
  border: 1px solid grey;
  display: none;
}
html .popupContainer #filter_rolesTree ul li:first-child a {
  font-weight: 700;
  font-size: 12px;
}
html .popupContainer .table-responsive {
  overflow: hidden;
}
html .popupContainer .title {
  color: #188fa6;
  padding: 5px 0px 20px 0px;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
html .popupContainer .title .btnDelete {
  width: 30px;
  height: 30px;
  cursor: pointer;
  float: right;
  color: #ff4a00;
  font-size: 24px;
  margin-top: -3px;
}
html .popupContainer .btnViewLink {
  width: 150px;
  height: 30px;
  background-color: #188fa6;
  color: #fff;
  margin-left: 15px;
  text-align: center;
  display: block;
  text-transform: uppercase;
  cursor: pointer;
  padding-top: 7px;
  font-family: 'Poppins-Bold', sans-serif;
}
html .popupContainer .itemscontainer {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 10px;
  overflow: hidden;
}
html .popupContainer .items {
  padding: 20px 0px 20px 0px;
  font-family: calibri;
  font-size: 9px;
}
html .popupContainer .newcat {
  padding: 15px 0px;
}
html .popupContainer .addcat {
  padding: 10px 0px;
  font-weight: bold;
  font-family: calibri;
  font-size: 9px;
  font-family: 'Poppins-Light', sans-serif;
}
html .popupContainer .input {
  width: 100%;
  margin: 8px 0;
  border: 1px solid #cccccc;
}
html .popupContainer .search {
  width: calc(100% - 40px);
  padding: 12px 5px;
  font-size: 9px;
  font-family: 'Poppins-Light', sans-serif;
}
html .popupContainer .divPlus {
  width: 40px;
  height: 40px;
  float: right;
  border-left: 1px solid #cccccc;
  cursor: pointer;
  background-image: url('../../../img/btn/plus.png');
  background-size: 15px;
  background-position: center center;
  background-repeat: no-repeat;
}
html .popupContainer .btnsContainer {
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 0;
  font-family: 'Poppins-Regular', sans-serif;
  text-transform: uppercase;
  margin-top: 10px;
}
html .popupContainer .btnsContainer .btns {
  padding: 10px 35px;
  outline: none;
  cursor: pointer;
}
html .popupContainer .btnsContainer .btns.cancel {
  cursor: pointer;
  float: left;
  background-color: #000;
}
html .popupContainer .btnsContainer .btns.apply {
  cursor: pointer;
  float: right;
  background-color: #00a65a;
}
html .popupContainer .btnsContainer .btns:focus,
html .popupContainer .btnsContainer .btns:hover {
  opacity: 0.8;
}
html .popupContainer .btnsContainer .btns.steps {
  float: right;
  background-color: #00a65a;
}
html .popupContainer .divConstraint {
  margin: 15px;
  color: #333333;
  font-family: 'Poppins-Light', sans-serif;
}
html .popupContainer #categorySelection .btnDelete,
html .popupContainer #storesSelection .btnDelete,
html .popupContainer #itemsSelection .btnDelete {
  float: right;
}
html .popupContainer #LoyaltyRule .changablePartContainer {
  position: unset !important;
}
html .popupContainer .changablePartContainer #category,
html .popupContainer .changablePartContainer #stores,
html .popupContainer .changablePartContainer #item,
html .popupContainer .changablePartContainer #ruleDropDown {
  clear: both;
  display: table;
  width: 100%;
}
html .popupContainer .changablePartContainer #category hr,
html .popupContainer .changablePartContainer #stores hr,
html .popupContainer .changablePartContainer #item hr,
html .popupContainer .changablePartContainer #ruleDropDown hr {
  margin-top: 20px;
}
html .popupContainer .interactionTypeImgCont {
  z-index: 1;
  position: relative;
  width: 155px;
  height: 155px;
  margin-bottom: 25px;
  overflow: hidden;
  display: inline-block;
  margin: auto;
  text-align: center;
}
html .popupContainer .interactionTypeImgCont .ImgCont {
  width: 90%;
  height: 90%;
  overflow: hidden;
}
html .popupContainer .interactionTypeImgCont .ImgCont img {
  height: 100%;
  width: 100%;
  padding: 15px;
  background-color: #188fa6;
  overflow: hidden;
}
html .popupContainer .interactionTypeImgCont .choose {
  background-color: transparent;
  position: absolute;
  top: 40%;
  left: 25%;
  visibility: hidden;
  width: 120px;
}
html .popupContainer .interactionTypeImgCont input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 155px;
  cursor: pointer;
}
html .popupContainer .entityImgCont:hover .choose {
  visibility: visible;
}
html .popupContainer::-webkit-scrollbar {
  width: 14px;
}
html .popupContainer#popup_ResetPassword {
  padding: 30px 20px !important;
  max-width: 1000px !important;
  width: 100% !important;
}
html .addPos {
  float: left;
  width: 37px;
  height: 37px;
  font-size: 20px;
  margin-top: -10px;
  border: solid 1px black;
  padding: 8px;
  text-align: center;
  margin-bottom: 33px;
  cursor: pointer;
  margin-right: 105px;
}
html .btnDeletePos {
  float: right;
  position: relative;
  right: 0;
  /*104px;*/
  font-size: 20px;
  color: #ff4a00;
  margin-top: -40px;
  text-align: center;
  cursor: pointer;
  bottom: -40px;
  border: solid 1px #cccccc;
  padding: 5px 8px;
}
html .posCont {
  position: relative;
}
html .posCont .removePos {
  color: #000;
  position: relative;
  right: 0;
  top: -50px;
  cursor: pointer;
  float: right;
}
html .posCont .rowPos {
  clear: both;
  display: block;
}
html .loadedStores {
  min-height: 50px;
}
html .loadedTouchPoints {
  min-height: 50px;
}
html .logCont {
  float: right;
}
html .logCont .createdByPopUpMenu {
  width: 200px;
  height: auto;
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 15px;
  right: 25px;
  top: 65px;
  z-index: 2;
  box-shadow: 0 4px 4px 0 #cccccc, 0 3px 10px 0 #cccccc;
}
html .logCont .createdByPopUpMenu .statusTtl {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  padding: 0;
  color: initial;
}
html .logCont .createdByPopUpMenu .statusVal {
  color: #323232;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  padding: 0;
  margin-bottom: 10px;
  word-break: break-all;
  text-transform: initial;
}
html .logCont .createdByPopUpMenu .statusVal.empty {
  width: 100%;
  height: 20px;
}
html .logCont .btnPopupLayers {
  width: 25px;
  cursor: pointer;
  font-size: 18px;
  color: #808080;
}
html .nav-pills.nav-wizard > li {
  position: relative;
  overflow: visible;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
html .nav-pills.nav-wizard > li + li {
  margin-left: 0;
}
html .nav-pills.nav-wizard > li:first-child {
  border-left: 0;
}
html .nav-pills.nav-wizard > li:first-child a {
  border-radius: 5px 0 0 5px;
}
html .nav-pills.nav-wizard > li:last-child {
  border-right: 0;
}
html .nav-pills.nav-wizard > li:last-child a {
  border-radius: 0 5px 5px 0;
}
html .nav-pills.nav-wizard > li a {
  border-radius: 0;
  background-color: #fff;
}
html .nav-pills.nav-wizard > li:not(:last-child) a:after {
  position: absolute;
  content: "";
  top: 0px;
  right: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #fff;
  z-index: 1;
}
html .nav-pills.nav-wizard > li:not(:first-child) a:before {
  position: absolute;
  content: "";
  top: 0px;
  left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: #fff #fff #fff transparent;
  z-index: 1;
}
html .nav-pills.nav-wizard > li:hover:not(:last-child) a:after {
  border-color: transparent transparent transparent #aaaaaa;
}
html .nav-pills.nav-wizard > li:hover:not(:first-child) a:before {
  border-color: #aaaaaa #aaaaaa #aaaaaa transparent;
}
html .nav-pills.nav-wizard > li:hover a {
  background-color: #aaaaaa;
  color: #fff;
}
html .nav-pills.nav-wizard > li.active:not(:last-child) a:after {
  border-color: transparent transparent transparent #188fa6;
}
html .nav-pills.nav-wizard > li.active:not(:first-child) a:before {
  border-color: #188fa6 #188fa6 #188fa6 transparent;
}
html .nav-pills.nav-wizard > li.active a {
  background-color: #188fa6;
}
html .nav-pills.nav-wizard > li {
  position: relative;
  overflow: visible;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
html .nav-pills.nav-wizard > li + li {
  margin-left: 0;
}
html .nav-pills.nav-wizard > li:first-child {
  border-left: 0;
}
html .nav-pills.nav-wizard > li:first-child a {
  border-radius: 0;
}
html .nav-pills.nav-wizard > li:last-child {
  border-right: 0;
}
html .nav-pills.nav-wizard > li:last-child a {
  border-radius: 0;
}
html .nav-pills.nav-wizard > li a {
  border-radius: 0;
  background-color: #fff;
}
html .nav-pills.nav-wizard > li:not(:last-child) a:after {
  position: absolute;
  content: "";
  top: 0px;
  right: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #fff;
  z-index: 1;
}
html .nav-pills.nav-wizard > li:not(:first-child) a:before {
  position: absolute;
  content: "";
  top: 0px;
  left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: #fff #fff #fff transparent;
  z-index: 1;
}
html .nav-pills.nav-wizard > li:hover:not(:last-child) a:after {
  border-color: transparent transparent transparent #aaaaaa;
}
html .nav-pills.nav-wizard > li:hover:not(:first-child) a:before {
  border-color: #aaaaaa #aaaaaa #aaaaaa transparent;
}
html .nav-pills.nav-wizard > li:hover a {
  background-color: #aaaaaa;
  color: #fff;
}
html .nav-pills.nav-wizard > li.active:not(:last-child) a:after {
  border-color: transparent transparent transparent #188fa6;
}
html .nav-pills.nav-wizard > li.active:not(:first-child) a:before {
  border-color: #188fa6 #188fa6 #188fa6 transparent;
}
html .nav-pills.nav-wizard > li.active a {
  background-color: #188fa6;
}
html .btnAddSegment {
  float: right;
  padding: 9px 11px;
  border: 2px solid #000;
  cursor: pointer;
  height: 40px;
  width: 40px;
}
html .btnChangeTemplate {
  color: #188fa6;
  position: absolute;
  right: 7%;
  top: 31px;
  z-index: 2;
  cursor: pointer;
}
html .input {
  width: 100%;
  height: 35px;
  border-bottom: 1px solid #cccccc;
  color: #595959;
  margin-bottom: 30px;
  font-size: 17px;
  font-family: 'Poppins-Light', sans-serif;
  outline: none;
}
html .forgotPass {
  font-size: 17px;
  cursor: pointer;
  font-family: 'Poppins-Light', sans-serif;
  display: table-cell;
  vertical-align: middle;
  padding-top: 15px;
}
html .loginButton,
html .resetPassButton {
  font-size: 17px;
  color: #fff;
  font-family: 'Poppins-Light', sans-serif;
  text-align: center;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  padding-top: 15px;
  padding-bottom: 15px;
}
html .changePasslbl,
html .resetPasslbl,
html .forgetPasslbl,
html .loginlbl {
  font-size: 17px;
  cursor: pointer;
  font-family: 'Poppins-Light', sans-serif;
  vertical-align: middle;
  font-weight: 300;
  display: block;
}
html .resetPasslbl,
html .forgetPasslbl {
  text-align: left !important;
}
html .changePassBtnCont {
  display: inline-block;
  margin-top: 20px;
}
html .changePassBtnCont .changePassButton {
  font-size: 17px;
  color: #fff;
  background-color: #188fa6;
  font-family: 'Poppins-Light', sans-serif;
  text-transform: uppercase;
  padding: 15px;
}
html .lblMsgChangePass {
  color: #188fa6;
  font-size: 16px;
}
html .lengthCont {
  position: absolute;
  right: 5%;
  color: #188fa6;
  margin-top: -20px;
}
html .langContainer {
  height: 40px;
  clear: both;
}
html .langContainer span.lang {
  border: 1px solid #cccccc;
  padding: 5px;
  cursor: pointer;
}
html .langContainer .selected {
  color: #fff;
  background-color: #188fa6;
}
html .midCont {
  background: #fff;
  margin-bottom: 25px;
  /*.spanCount {
        position: absolute;
        font-family: @lightFont;
        font-size: @fontLarge;
        color: @entityColor;
        margin-top: 0;
        right: 10%;
        opacity: 0.75;
    }*/
  /*#smsRewardLength, #smsRedeemLength {
        position: absolute;
        font-family: @lightFont;
        font-size: @fontLarge;
        color: gray !important;
        margin-top: -20px;
        right: 24%;
        opacity: 0.75;
    }*/
  /*#smsLoyaltySettingsLength {
        position: absolute;
        font-family: @lightFont;
        font-size: @fontLarge;
        color: gray !important;
        margin-top: 0px;
        right: 31%;
        opacity: 0.75;
    }*/
  /*    .ContentDetailsContainer {
            .checkBoxBtn {
                margin-top: 5px !important;
            }
        }*/
}
html .midCont .secTitle {
  min-height: 20px;
  text-transform: uppercase;
  /*font-family: @fontBold;*/
  font-size: 11px;
  font-weight: normal;
}
html .midCont .inputSec {
  height: 40px;
  width: 95%;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  text-indent: 5px;
  background-color: initial;
  outline: none;
}
html .midCont .width90 {
  width: 90%;
}
html .midCont .inputSecLoc {
  height: 40px;
  width: 45%;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  text-indent: 5px;
  background-color: initial;
  margin-bottom: 6px;
  outline: none;
}
html .midCont .contenteditable {
  width: 100%;
  min-height: 135px;
  height: auto;
  -moz-appearance: textfield-multiline;
  outline: none;
  border: 1px solid #cccccc;
  overflow: auto;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
}
html .midCont .textareaSec {
  width: 95%;
  font-size: 13px;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  padding-top: 15px;
  resize: both;
}
html .midCont .fullTextArea {
  width: 95%;
  height: 8vw;
}
html .midCont .sendSMSTextarea {
  width: 96% !important;
  height: 250px;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  background-color: initial;
  outline: none;
  margin-top: 0;
  padding-top: 15px;
}
html .midCont .sendSMSTextareaFor {
  width: 97.5%;
  height: 250px;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  background-color: initial;
  outline: none;
  margin-top: 0;
  padding: 5px;
  padding-top: 15px;
  text-indent: 0;
}
html .midCont .btnTestSms,
html .midCont .btnTestNotification,
html .midCont .btnTestWhatsapp {
  float: right;
  padding: 10px;
  cursor: pointer;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  background: #e5e5e5;
  color: #808080;
  margin-right: 5%;
  margin-top: 5px;
}
html .midCont .selectlist {
  width: 40%;
  height: auto;
  float: left;
  border-radius: 4px;
  box-shadow: 2px 2px grey;
}
html .midCont .rangeRd .radioBtns {
  width: 100%;
}
html .midCont .rangeRd .spanRange {
  width: 75%;
  display: block;
  text-align: right;
}
html .midCont .containerField {
  width: 100%;
}
html .midCont .rangeReward {
  width: 75%;
  margin: 10px auto;
}
html .midCont .rangeFromTo {
  display: table;
  width: 100%;
}
html .midCont .inputFrom {
  width: 50px;
  height: 20px;
  border: 1px solid #cccccc;
  margin: auto;
  text-align: center;
  display: block;
  font-size: 10px;
}
html .midCont .inputFrom.from {
  float: left;
  margin-left: 12.5%;
}
html .midCont .inputFrom.to {
  float: right;
  margin-right: 12.5%;
}
html .midCont .ddlSelect {
  height: 40px;
  width: 95%;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  text-indent: 5px;
  background-color: initial;
  outline: none;
}
html .midCont .ddlSelect select {
  width: 110%;
  height: 35px;
  border: none;
  outline: none;
  background-color: transparent;
}
html .midCont .checkBoxBtn {
  /*width: 180px;*/
  height: 40px;
  margin-top: 5px;
  margin-right: 20px;
}
html .midCont .radioBtns {
  height: 40px;
}
html .midCont .note-editor {
  width: 95%;
}
html .midCont .green_Btn {
  background-color: #00a65a;
  color: #fff;
  padding: 10px;
  cursor: pointer;
}
html .width90-ddl select {
  width: 90% !important;
}
html .textcomplete-item.active a {
  background-color: #cccccc !important;
}
html .colorPickerContainer .sp-replacer {
  background-color: transparent;
  border: 1px solid #cccccc;
  padding: 7px 5px;
}
html .colorPickerContainer .sp-replacer:hover {
  border: 1px solid #cccccc;
}
html .colorPickerContainer .sp-replacer:hover,
html .colorPickerContainer .sp-replacer.sp-active {
  border: 1px solid #cccccc;
}
html .colorPickerContainer .colorAdder {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  background-image: url("../../../img/btn/btnPlus.png");
  background-repeat: no-repeat;
  background-position: center;
}
html .lastTimeUpdate {
  padding-top: 10px;
  font-weight: normal;
  font-family: 'Poppins-Light', sans-serif;
  position: absolute;
  bottom: 0;
  background: white;
  width: calc(100% - 50px);
  height: 40px;
}
html .counter {
  position: absolute;
  right: 5%;
  margin-top: -20px;
}
html .counter .langCont {
  float: left;
  color: #808080;
}
html .counter .langCont .smsLang,
html .counter .langCont .emailLang,
html .counter .langCont .pushLang {
  cursor: pointer;
  float: left;
  margin-right: 7px;
  text-align: left;
}
html .counter .langCont .smsLang.active,
html .counter .langCont .emailLang.active,
html .counter .langCont .pushLang.active {
  color: #188fa6;
}
html .counter .langCont .langDesc {
  float: left;
  margin-right: 7px;
}
html .counter .langCont .sepLang {
  float: left;
  margin-right: 7px;
}
html .counter .smsLength {
  color: #188fa6;
  float: left;
  margin-right: 5px;
}
html .counter .smsLength .sepChar {
  color: #188fa6;
  float: left;
  margin-right: 7px;
}
html .counter #smsLengthVal,
html .counter #spanSMSForCountVal {
  float: left;
  margin-right: 5px;
}
html .counter .spanSMSForCount {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #188fa6;
  opacity: 1;
  float: right;
}
html .actionContainer {
  background: #fff;
  margin-bottom: 15px;
  height: 50px;
  position: relative;
}
html .actionContainer .statusTtl {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 11px;
  float: left;
  margin-right: 5px;
  padding: 17px 0px 15px 15px;
}
html .actionContainer .statusVal {
  color: #323232;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
  float: left;
  margin-right: 5px;
  padding: 15px 0px;
}
html .actionContainer .btnPublish {
  width: 90px;
  height: 50px;
  float: right;
  cursor: pointer;
  background-color: #31c763;
  color: #fff;
  text-align: center;
  font-size: 35px;
  position: relative;
}
html .actionContainer .btnPublish input[type='submit'],
html .actionContainer .btnPublish input[type='button'] {
  width: 100%;
  background-color: transparent;
}
html .actionContainer .btnPublish .fa-save {
  position: absolute;
  top: 10px;
  right: 28px;
}
html .actionContainer .btnPublish:focus {
  outline: 0;
  border: 0;
}
html .actionContainer .btnDelete {
  width: 25px;
  height: 25px;
  float: right;
  margin-top: 10px;
  margin-right: 15px;
  cursor: pointer;
  border-radius: 15px;
  padding: 3px;
  font-size: 22px;
  line-height: 20px;
  color: #ff4a00;
  text-align: center;
}
html .actionContainer .btnPopulate {
  width: 25px;
  height: 25px;
  float: right;
  margin-top: 10px;
  margin-right: 15px;
  cursor: pointer;
  border-radius: 15px;
  padding: 3px;
  font-size: 22px;
  line-height: 20px;
  color: #9531c8;
  text-align: center;
}
html .actionContainer .btnDuplicate {
  width: 25px;
  height: 25px;
  float: right;
  margin-top: 10px;
  margin-right: 20px;
  cursor: pointer;
  border-radius: 15px;
  padding: 3px;
  font-size: 20px;
  color: #808080;
  text-align: center;
}
html .actionContainer .btnLayers {
  width: 25px;
  height: 25px;
  float: right;
  margin-top: 10px;
  margin-right: 15px;
  cursor: pointer;
  border-radius: 15px;
  padding: 3px;
  line-height: 22px;
  font-size: 18px;
  color: #808080;
  text-align: center;
}
html .actionContainer .btnDelete:hover {
  background-color: #eeeeee;
}
html .actionContainer .btnDuplicate:hover {
  background-color: #eeeeee;
}
html .actionContainer .btnLayers:hover {
  background-color: #eeeeee;
}
html .actionContainer .infoRefresh {
  width: 25px;
  height: 25px;
  float: left;
  color: #188fa6;
  padding: 15px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
}
html .statusContainer {
  background: #fff;
  margin-bottom: 20px;
  padding: 15px;
}
html .statusContainer .statusWrapper {
  float: left;
  line-height: 30px;
  margin-right: 15px;
}
html .statusContainer .statusWrapper:first-child {
  margin-right: 50px;
}
html .statusContainer .statusTtl {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  float: left;
  margin-right: 5px;
}
html .statusContainer .statusVal {
  color: #323232;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  float: left;
  margin-right: 5px;
}
html .statusContainer .statusEdit {
  color: #ff4a00;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 10px;
  float: left;
  cursor: pointer;
}
html .statusContainer .statusDate {
  float: left;
  padding: 5px;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  margin-right: 10px;
}
html .statusContainer .statusDateDelim {
  float: left;
  padding: 5px 5px 5px 0px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
}
html .statusContainer .statusDate.year {
  margin-right: 2px;
}
html .ddlSelect {
  width: 200px;
  height: 40px;
  border: 1px solid #cccccc;
  /*margin-top:2px;*/
  float: left;
  overflow: hidden;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  background-image: url('../../../img/btn/ddlArw.png');
  background-repeat: no-repeat;
  background-position: 95% center;
}
html .ddlSelect select {
  width: 240px;
  height: 35px;
  border: none;
  outline: none;
  background-color: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
html .ddlStatus {
  border: 0;
  height: 50px;
}
html .ddlStatus select {
  height: 46px;
}
html .rightPopupDashboard {
  width: 120px;
  height: 60px;
  padding: 5px;
  display: none;
  background-color: #fff;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 2;
  box-shadow: 0 4px 4px 0 #cccccc, 0 3px 10px 0 #cccccc;
}
html .rightPopupDashboard .viewBtn {
  width: 100%;
  color: #000;
  cursor: pointer;
  font-family: 'Poppins-Light', sans-serif;
  margin-top: 2px;
}
html .rightPopupDashboard .viewBtn:hover {
  color: #188fa6;
}
html .tab-content {
  background: #fff;
}
html .navbar-nav > li > a {
  background-color: #fff;
  font-family: 'Poppins-Regular', sans-serif;
}
html .navbar-nav > li > a span {
  font-family: 'Poppins-Regular', sans-serif;
}
html .nav-tabs > li.active > a,
html .nav-tabs > li.active > a:hover,
html .nav-tabs > li.active > a:focus {
  background-color: #188fa6;
  color: #fff;
  font-family: 'Poppins-Bold', sans-serif;
}
html .newItemContainer {
  margin-bottom: 5px;
}
html .newItemContainer .newItemHeaderTtl {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  width: 16.66%;
}
html .newItemContainer .newItemHeaderTtl a {
  padding: 15px;
  line-height: normal;
  display: block;
  border: 0;
  background: #fff;
  cursor: pointer;
  width: calc(100% - 35px);
  margin-right: 5px;
  border-radius: 0;
}
html .newItemContainer .newItemHeaderTtl a .stepCont {
  display: table;
}
html .newItemContainer .newItemHeaderTtl a .stepCont .nbr {
  display: table-cell;
  vertical-align: middle;
}
html .newItemContainer .newItemHeaderTtl a .stepCont .delim {
  color: #cccccc;
  font-size: 35px;
  display: table-cell;
  vertical-align: middle;
  font-family: 'Poppins-Light', sans-serif;
}
html .newItemContainer .newItemHeaderTtl a .stepCont .stepTtl {
  display: table-cell;
  vertical-align: middle;
}
html .newItemContainer .newItemHeaderTtl:last-child a {
  width: calc(100% - 0px);
  margin-right: 0;
}
html .newItemContainer .newItemHeaderTtl.active {
  background: #188fa6;
}
html .newItemContainer .newItemHeaderTtl.active a {
  color: #fff;
  cursor: pointer;
  background: #188fa6;
  border: 0;
  border-bottom-color: transparent;
}
html .createdByPopUp {
  width: 200px;
  height: auto;
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 15px;
  right: 90px;
  top: 50px;
  z-index: 2;
  box-shadow: 0 4px 4px 0 #cccccc, 0 3px 10px 0 #cccccc;
}
html .createdByPopUp .statusTtl {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 11px;
  padding: 0;
}
html .createdByPopUp .statusVal {
  color: #323232;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
  padding: 0;
  margin-bottom: 10px;
  word-break: break-all;
}
html .createdByPopUp .statusVal.empty {
  width: 100%;
  height: 20px;
}
html .cancelbtn {
  width: 180px;
  height: 40px;
  float: right;
  margin-right: 5%;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
}
html .savebtn {
  width: 180px;
  height: 40px;
  float: right;
  /*margin-right: 5%;*/
  background-color: #00a65a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
  margin-left: 60px;
}
html .resetbtn {
  width: 180px;
  height: 40px;
  float: right;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
}
html .charts-filter-btn {
  width: 50%;
  height: 40px;
  background-color: #00a65a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 900px) {
  html .cancelbtn {
    width: 140px;
  }
  html .savebtn {
    width: 140px;
  }
}
html .clrbtn {
  width: 180px;
  height: 40px;
  float: right;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
}
html .ui-datepicker .ui-datepicker-buttonpane button {
  font-size: 9px;
  padding: 5px 15px;
}
html .popup-secondary-btn {
  float: right;
  margin-right: 10px;
  background-color: #000;
  padding: 10px 35px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: button;
  border: 0 none;
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
html .popup-secondary-btn:hover {
  opacity: 0.8;
}
html .alertify .ajs-header {
  color: #188fa6 !important;
  font-family: 'Poppins-Regular', sans-serif !important;
}
html .context-menu-list {
  font-family: 'Poppins-Regular', sans-serif !important;
}
html .context-menu-icon-delete:before {
  color: #BD2130 !important;
}
html .context-menu-icon-pause:before {
  color: #f8b869 !important;
}
html .ui-widget input,
html .ui-widget select,
html .ui-widget textarea,
html .ui-widget button {
  font-family: 'Poppins-Regular', sans-serif;
}
html .ui-timepicker-div dl dt {
  font-family: 'Poppins-Regular', sans-serif;
}
html .tab-content #Address {
  min-height: 500px;
  background: #fff;
}
html .tab-content #loyaltySettings {
  min-height: 276px;
  background: #fff;
}
html .settingsContainer .upsettingsData .midCont {
  min-height: 75px;
  padding: 5px;
  background: #fff;
  margin-bottom: 15px;
  float: left;
}
html .settingsContainer .upsettingsData .midCont .secTitle {
  width: 100%;
  text-transform: uppercase;
  font-family: 'Poppins-Regular', sans-serif;
  font-size: 12px;
  margin-top: 6px;
  float: left;
}
html .settingsContainer .upsettingsData .midCont .secTitle .info {
  font-size: 8px;
  margin-right: 20px;
  color: #595959;
}
html .settingsContainer .upsettingsData .midCont .checkboxCont {
  float: left;
}
html .settingsContainer .upsettingsData .midCont .checkboxCont .radio {
  display: inline;
  margin-left: 50px;
}
html .settingsContainer .upsettingsData .midCont .inputSec {
  width: 80%;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  color: #333333;
  text-indent: 5px;
  float: left;
}
html .settingsContainer .drp {
  width: 60%;
}
html .settingsContainer .drp .secTitle {
  text-transform: uppercase;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  margin-top: 9px;
  float: left;
  margin-left: 13px;
}
html .settingsContainer .drp .ddlSelect {
  width: 140px;
  float: left;
  border: 1px solid #cccccc;
  overflow: hidden;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  background-image: url('../../../img/btn/ddlArw.png');
  background-repeat: no-repeat;
  background-position: 98% center;
  float: right;
}
html .settingsContainer .drp .ddlSelect select {
  width: 160px;
  height: 22px;
  border: none;
  outline: none;
  background-color: transparent;
  margin-top: 5px;
}
html .settingsContainer .midCont .secTitle {
  text-transform: uppercase;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  margin-top: 6px;
  position: relative;
  top: -4px;
  margin-left: 5px;
  display: inline-block;
}
html .settingsContainer .midCont .contenteditable {
  width: 100%;
  min-height: 135px;
  height: auto;
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  border: 1px solid #cccccc;
  overflow: auto;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  display: none;
}
html .settingsContainer .midCont .display {
  display: block;
}
html .settingsContainer .midCont .hide {
  display: none;
}
html .settingsContainer .select2-container--default .select2-selection--multiple .select2-selection__choice {
  font-family: 'Poppins-Light', sans-serif;
}
html .ruleInRoleContainer {
  width: 100%;
  padding: 15px;
  overflow: auto;
  height: calc(100% - 60px);
}
html .ruleInRoleContainer .ddlSelect {
  width: 180px;
  margin-right: 20px;
}
html .ruleInRoleContainer .ddlSelect select {
  width: 220px;
  height: 30px;
}
html .ruleInRoleContainer .rule {
  width: 320px;
  height: 38px;
  margin-top: 1px;
  margin-right: 0;
}
html .ruleInRoleContainer .rule input {
  width: 100%;
  height: 28px;
  border: 0;
}
html .ruleInRoleContainer .rule input:hover {
  border: 0;
}
html .ruleInRoleContainer .addDiv {
  width: 38px;
  height: 38px;
  margin: 0;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-left: 0;
  margin-top: 1px;
}
html .ruleInRoleContainer .addDiv img {
  margin-top: 10px;
}
html .ruleInRoleContainer .title {
  color: #188fa6;
  margin-top: 25px;
  font-size: 20px;
  font-family: 'Poppins-Bold', sans-serif;
}
html .ruleInRoleContainer hr {
  margin-top: 10px;
}
html .ruleInRoleContainer .adminUsers .title {
  color: #000;
  font-size: 13px;
  font-family: 'Poppins-Bold', sans-serif;
  float: left;
  margin-bottom: 30px;
}
html .ruleInRoleContainer .adminUsers .listOfUsers {
  width: 100%;
}
html .ruleInRoleContainer .adminUsers .listOfUsers .user {
  width: 100%;
  height: 40px;
  font-size: 13px;
  font-family: 'Poppins-Light', sans-serif;
}
html .ruleInRoleContainer .adminUsers .listOfUsers .user .name {
  float: left;
  text-indent: 10px;
  padding-top: 7px;
}
html .ruleInRoleContainer .adminUsers .listOfUsers .user .btnsUser {
  float: right;
}
html .ruleInRoleContainer .adminUsers .listOfUsers .user .btnsUser .btn {
  text-align: center;
  color: transparent;
  cursor: pointer;
}
html .ruleInRoleContainer .adminUsers .listOfUsers .user:hover {
  border: 1px solid #188fa6;
}
html .ruleInRoleContainer .adminUsers .listOfUsers .user:hover .btnsUser .btn {
  color: #188fa6;
}
html .ruleInRoleContainer .adminUsers .listOfUsers .user:nth-child(odd) {
  background-color: #ebebeb;
}
html .ruleInRoleContainer .ruleTableTtl {
  text-align: center;
  color: #188fa6;
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
html .ruleInRoleContainer .ruleInRoleTable {
  float: left;
  overflow: auto;
}
html .ruleInRoleContainer .ruleInRoleTable table {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 10px;
  border-collapse: separate;
  border-spacing: 10px;
  float: left;
}
html .ruleInRoleContainer .ruleInRoleTable table tr {
  height: 40px;
}
html .ruleInRoleContainer .ruleInRoleTable table th {
  width: 60px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  vertical-align: bottom;
}
html .ruleInRoleContainer .ruleInRoleTable table td.rule {
  text-transform: uppercase;
  text-align: right;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 10px;
  width: auto;
}
html .ruleInRoleContainer .ruleInRoleTable table td.role {
  text-transform: uppercase;
  text-align: right;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 10px;
  width: 90px;
}
html .ruleInRoleContainer .ruleInRoleTable table td.tdLeftTitle {
  width: 85px;
}
html .ruleInRoleContainer .ruleInRoleTable table td.square {
  width: 40px;
  height: 40px;
  background-color: #ebebeb;
  cursor: pointer;
}
html .ruleInRoleContainer .ruleInRoleTable table td.disabled {
  width: 40px;
  height: 40px;
  background-color: #cccccc;
  cursor: not-allowed;
}
html .ruleInRoleContainer .ruleInRoleTable table td.selected {
  width: 40px;
  height: 40px;
  background-color: #188fa6;
  background-image: url('../../../img/btn/tick.png');
  background-repeat: no-repeat;
  background-position: center center;
}
html .ruleInRoleContainer .ruleInRoleTable table td.selected.green {
  width: 40px;
  height: 40px;
  background-color: #31c763;
  background-image: url('../../../img/btn/tick.png');
  background-repeat: no-repeat;
  background-position: center center;
}
html .ruleInRoleContainer .ruleInRoleTable table tr:nth-child(odd) {
  background-color: transparent;
}
html .ruleInRoleContainer .ruleInRoleTable table .user:nth-child(odd) {
  background-color: #ebebeb;
}
html .ruleInRoleContainer .ruleInRoleTable {
  float: left;
}
html .ruleInRoleContainer .ruleInRoleTable table {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 10px;
  border-collapse: separate;
  border-spacing: 10px;
  float: left;
}
html .ruleInRoleContainer .ruleInRoleTable table tr {
  height: 40px;
}
html .ruleInRoleContainer .ruleInRoleTable table th {
  width: 60px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  vertical-align: bottom;
}
html .ruleInRoleContainer .ruleInRoleTable table tbody {
  display: block;
  width: 110%;
}
html .ruleInRoleContainer .ruleInRoleTable table td.rule {
  text-transform: uppercase;
  text-align: right;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 10px;
}
html .ruleInRoleContainer .ruleInRoleTable table td.square {
  width: 40px;
  height: 40px;
  background-color: #ebebeb;
  cursor: pointer;
}
html .ruleInRoleContainer .ruleInRoleTable table td.disabled {
  width: 40px;
  height: 40px;
  background-color: #cccccc;
  cursor: not-allowed;
}
html .ruleInRoleContainer .ruleInRoleTable table td.selected {
  width: 40px;
  height: 40px;
  background-color: #188fa6;
  background-image: url('../../../img/btn/tick.png');
  background-repeat: no-repeat;
  background-position: center center;
}
html .ruleInRoleContainer .ruleInRoleTable table tr:nth-child(odd) {
  background-color: transparent;
}
html .ruleInRoleContainer .ruleInRoleTable table td {
  margin: 5px;
}
html .ruleInRoleContainer .ruleInRoleTable .btnSave {
  width: 200px;
  height: 50px;
  background-color: #188fa6;
  color: #fff;
  text-align: center;
  float: right;
  text-transform: uppercase;
  padding-top: 13px;
  margin-top: 10px;
  cursor: pointer;
}
html .ruleInRoleContainer .ruleInRoleTable #tableRules tbody {
  overflow-y: hidden;
}
html .ruleInRoleContainer .ruleInRoleTable #tableModules {
  float: right;
  margin-bottom: 50px;
}
html .ruleInRoleContainer .ruleInRoleTable .rulesModules {
  float: left;
}
html .ruleInRoleContainer .ruleInRoleTable .modules {
  float: left;
  margin-right: 50px;
}
html .ruleInRoleContainer .ruleInRoleTable .tableKey {
  float: left;
}
html .ruleInRoleContainer .ruleInRoleTable .tableKey .key {
  float: left;
  margin: 20px 25px 0;
}
html .ruleInRoleContainer .ruleInRoleTable .tableKey .key .keySquare {
  float: left;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  background-color: #ebebeb;
  margin-bottom: 10px;
  display: block;
}
html .ruleInRoleContainer .ruleInRoleTable .tableKey .key .disabled {
  background-color: #cccccc;
}
html .ruleInRoleContainer .ruleInRoleTable .tableKey .key .checked {
  background-color: #188fa6;
  background-image: url(../../../img/btn/tick.png);
  background-repeat: no-repeat;
  background-position: center center;
}
html .ruleInRoleContainer .ruleInRoleTable .tableKey .key .desc {
  float: left;
}
html .ruleInRoleContainer .ruleInRoleTable #divTableRules {
  overflow: hidden;
}
html .ruleInRoleContainer .tableWidth {
  float: left;
}
html .ruleInRoleContainer .tableWidth table {
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 10px;
  float: left;
  width: 100%;
}
html .ruleInRoleContainer .tableWidth table th {
  width: 60px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  vertical-align: bottom;
}
html .ruleInRoleContainer .tableWidth table thead td {
  text-align: center;
  background-color: transparent;
}
html .ruleInRoleContainer .tableWidth table tbody {
  width: 100%;
}
html .ruleInRoleContainer .tableWidth table tbody tr:first-child {
  border-top: 1px solid #eeeeee;
}
html .ruleInRoleContainer .tableWidth table td.rule {
  text-transform: uppercase;
  text-align: right;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 10px;
}
html .ruleInRoleContainer .tableWidth table td.square {
  width: 10%;
  height: 40px;
}
html .ruleInRoleContainer .tableWidth table td.center {
  text-align: center;
}
html .ruleInRoleContainer .tableWidth table td.disabled {
  width: 40px;
  height: 40px;
  background-color: #cccccc;
  cursor: not-allowed;
}
html .ruleInRoleContainer .tableWidth table td.selected {
  width: 10%;
  height: 40px;
  background-color: transparent;
  background-image: url('../../../img/btn/greentick.png');
  background-repeat: no-repeat;
  background-position: center center;
}
html .ruleInRoleContainer .tableWidth table tbody tr:hover {
  background-color: #ffeee7;
  color: #000;
}
html .popupCont .midCont {
  margin-bottom: 15px;
}
html .popupCont .midCont .info {
  font-size: 8px;
  float: right;
  margin-right: 20px;
  color: #595959;
}
html .popupCont .togIcon {
  width: 15px;
  height: auto;
  float: right;
  cursor: pointer;
}
html .popupCont .lblSec {
  float: left;
  color: #188fa6;
}
html .popupCont .rotate {
  -webkit-transform: rotate(180deg);
}
html .popupCont .pin {
  width: 20px;
  height: 20px;
  background-image: url('../../../img/btn/pin.png');
  background-repeat: no-repeat;
  cursor: pointer;
  float: right;
  position: absolute;
  top: -3px;
  right: 25px;
}
html .popupCont .visible {
  display: none;
}
html .popupCont .secTitle {
  clear: both;
}
html .popupCont .inputSec {
  width: 95%;
  height: 40px;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  text-indent: 5px;
  margin-bottom: 6px;
}
html .popupCont .contenteditable.editContenteditable {
  width: 95%;
  min-height: 121px;
}
html .popupCont .ddlSelect {
  width: 95%;
  margin-top: 0;
  margin-bottom: 6px;
}
html .popupCont .ddlSelect select {
  width: 110%;
  height: 35px;
}
html .jstree-wholerow-ul {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 10px;
}
html .iosicon {
  width: 20px;
  height: 20px;
  background-image: url(../../../img/btns/apple-ios.png);
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  float: left;
}
html .androidicon {
  width: 20px;
  height: 20px;
  background-image: url(../../../img/btns/Android.png);
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
  float: left;
}
html .posTtl {
  border-bottom: 1px solid #eeeeee;
  height: 25px;
  margin-bottom: 20px;
}
html .ajs-cancel {
  background-color: #000;
  color: #fff;
  float: left;
  outline: none;
  border: 0;
  text-transform: uppercase;
}
html .ajs-cancel:hover {
  opacity: 0.7;
}
html .ajs-ok {
  background-color: #00a65a;
  color: #fff;
  float: right;
  outline: none;
  border: 0;
  text-transform: uppercase;
}
html .ajs-ok:hover {
  opacity: 0.7;
}
html .alertify .ajs-footer .ajs-buttons.ajs-primary {
  width: 100%;
  display: table;
}
html .alertify .ajs-dialog {
  background-color: #fff !important;
}
html .alertify .ajs-body .ajs-content {
  padding-left: 0;
  padding-right: 0;
}
html .alertify .ajs-body {
  color: #000;
}
html .midentityCont {
  padding: 15px;
  background-color: #fff;
  margin-bottom: 20px;
}
html .midentityCont .lblSec {
  float: left;
  display: none;
}
html .midentityCont .togicon {
  float: right;
  cursor: pointer;
  margin-top: 7px;
}
html .midentityCont .rotate {
  -webkit-transform: rotate(180deg);
}
html #slidecontainer {
  width: 100%;
  /* Width of the outside container */
}
html .ui-slider .ui-slider-handle {
  z-index: 1;
}
html .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #dddddd;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
html .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #31c763;
  cursor: pointer;
}
html .slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #31c763;
  cursor: pointer;
}
html .pagination > li {
  display: inline-table;
  float: left;
  margin-left: 5px;
  cursor: pointer;
}
html .pagination > li:first-child > a,
html .pagination > li:first-child > span {
  border-radius: 0;
  border-color: #727272;
}
html .pagination > li:last-child > a,
html .pagination > li:last-child > span {
  border-radius: 0;
  border-color: #727272;
}
html .pagination > li > a,
html .pagination > li > span {
  color: #000;
}
html .pagination > .active > a,
html .pagination > .active > span,
html .pagination > .active > a:hover,
html .pagination > .active > span:hover,
html .pagination > .active > a:focus,
html .pagination > .active > span:focus {
  background-color: #188fa6;
  border-color: #188fa6;
}
html .pagination > li > a:hover,
html .pagination > li > span:hover,
html .pagination > li > a:focus,
html .pagination > li > span:focus {
  color: #188fa6;
}
html div.ui-slider-range.ui-widget-header {
  background-color: #ff9500;
}
html .ui-slider-range {
  background: #188fa6 !important;
}
html .landingPagesCont {
  width: 100%;
}
html .landingPagesCont .templatesRow .templateCont {
  margin-bottom: 15px;
}
html .landingPagesCont .templatesRow .templateCont .templateDom {
  width: 100%;
  max-width: 220px;
  height: 230px;
  margin: auto;
  background-color: #dddddd;
  border-radius: 7px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid white;
}
html .landingPagesCont .templatesRow .templateCont .templateDom .templateHead {
  display: table-cell;
  table-layout: fixed;
  width: 220px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #188fa6;
  border-bottom: 3px solid #cccccc;
  text-transform: uppercase;
}
html .landingPagesCont .templatesRow .templateCont .templateDom .templateBody {
  background-image: url(../../../img/bg/landingPage.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}
html .landingPagesCont .templatesRow .templateCont .templateDom.selected {
  border: 2px solid #ffcc98;
}
html .landingPagesCont .templatesRow .templateCont .templateDom:hover {
  opacity: 0.8;
}
html .landingPagesCont .templatesRow .templateCont .templateDom:hover .templateBody {
  background-position: 0 100%;
}
html .bar {
  margin-top: 20px;
  height: 7px;
  background: #188fa6;
}
html .selectedMediaItem {
  border: 1px solid #fff !important;
  background-color: #ffdbcc;
}
html .selection-modeon {
  border: 1px solid #fff !important;
  background-color: #c8ecf3;
}
html #choose_categories .categoryDescription {
  min-height: 125px;
  width: calc(100% - 16px);
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  text-indent: 5px;
  background-color: initial;
  outline: none;
  overflow-y: hidden;
}
html #choose_categories .categoryImgCont {
  z-index: 1;
  position: relative;
  text-align: center;
  width: 155px;
  height: 155px;
  margin-bottom: 25px;
  background-color: #188fa6;
  display: inline-block;
  margin: auto;
}
html #choose_categories .categoryImgCont .ImgCont {
  width: 135px;
  height: 135px;
  overflow: hidden;
  margin: 10px auto auto auto;
  background: #ebebeb;
}
html #choose_categories .categoryImgCont .ImgCont img {
  max-height: 100%;
}
html #choose_categories .categoryImgCont .choose {
  background-color: transparent;
  position: absolute;
  top: 40%;
  left: 25%;
  visibility: hidden;
  width: 120px;
}
html #choose_categories .categoryImgCont input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 155px;
  cursor: pointer;
}
html #choose_categories .langContainer span.lang {
  margin-right: 5px;
}
html .newSettingsSection {
  padding: 20px;
}
html .newSettingsSection .association {
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  background-image: url('../../../img/btn/arrowDown.png');
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  font-family: 'Poppins-Bold', sans-serif;
}
html .newSettingsSection .totalSection {
  border-top: 1px solid #cccccc;
  padding-top: 10px;
  margin-top: 10px;
  position: relative;
}
html .newSettingsSection .leftSettings {
  width: 20%;
  float: left;
}
html .newSettingsSection .leftSettings .chosenDivisionTtl {
  cursor: pointer;
  color: #464457 /*!important*/;
}
html .newSettingsSection .leftSettings .chosenDivisionTtl.selected {
  color: #188fa6;
  font-family: 'Poppins-Bold', sans-serif;
}
html .newSettingsSection .leftSettings .chosenDivisionSection {
  padding: 10px 15px 10px 0;
  font-family: 'Poppins-Light', sans-serif;
}
html .newSettingsSection .border {
  width: 2px;
  height: 100%;
  background-color: #ebebeb;
  display: block;
  float: left;
}
html .newSettingsSection .rightSettings {
  float: left;
  width: calc(80% - 2px);
}
html .newSettingsSection .rightSettings .chosenDivisionDetCont {
  padding: 10px;
  display: none;
}
html .newSettingsSection .rightSettings .chosenDivisionDetCont .btnSettings {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 11px;
  margin-top: -11px;
  text-align: center;
  font-size: 20px;
  color: #808080;
  background-image: url(../../../img/btn/btnOverView.png);
  background-repeat: no-repeat;
  background-position: center center;
}
html .newSettingsSection .rightSettings .chosenDivisionDetCont .btnSettings .fa {
  width: 10px;
}
html .newSettingsSection .rightSettings .chosenDivisionDetCont .btnSettings:hover {
  background-color: #dddddd;
  border-radius: 15px;
}
html .newSettingsSection .rightSettings .chosenDivisionDetCont td {
  color: #808080;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
  padding: 10px 5px;
}
html .newSettingsSection .rightSettings .chosenDivisionDetCont .tableDataCont {
  display: none;
}
html .newSettingsSection .rightSettings .chosenDivisionDetCont .flag_chosenDivision {
  width: 25px;
  height: 25px;
  background-image: url(../../../img/btn/flagBtn.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 56%;
  padding-left: 25px;
}
html .newSettingsSection .rightSettings .chosenDivisionDetCont.hasData .tableDataCont {
  display: block;
  padding: 20px 10px;
}
html .newSettingsSection .rightSettings table {
  width: 100%;
}
html .newSettingsSection .rightSettings table th {
  padding-left: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
html .newSettingsSection .rightSettings table tbody tr:nth-child(odd) {
  background-color: #f0f0f0 !important;
}
html .splitContainer {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  padding-top: 20px;
}
html .splitContainer .secTitle {
  width: 50%;
  float: left;
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
}
html .splitContainer .inputSec {
  float: left;
  height: 40px;
  width: 60px;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  text-indent: 5px;
  background-color: #fff;
  outline: none;
}
html .splitContainer .separator {
  width: 50%;
  height: 1px;
  margin: auto;
  background-color: #fff;
  margin-top: 15px;
}
html .ddlSelectSplit {
  width: 100px;
  height: 40px;
  border: 1px solid #cccccc;
  float: right;
  overflow: hidden;
  font-family: 'Poppins-Bold', sans-serif;
  background-image: url('../../../img/btn/ddlArw.png');
  background-repeat: no-repeat;
  background-position: 90% center;
}
html .ddlSelectSplit select {
  width: 120%;
  height: 35px;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 13px;
  padding-left: 10px;
}
html .resultSmsTest {
  width: 100%;
  display: table;
  margin-bottom: 20px;
}
html .resultSmsTest table.smsTestTable {
  width: 100%;
}
html .resultSmsTest table.smsTestTable tr {
  height: 30px;
  clear: both;
  background-color: #ebebeb;
}
html .resultSmsTest table.smsTestTable tr:nth-child(odd) {
  background-color: #f2f2f2;
}
html .resultSmsTest table.smsTestTable tr:hover {
  background-color: #ffeee7;
}
html #smsStatusPopup .itemscontainer {
  height: 120px !important;
  border: 0px;
}
html #smsStatusPopup .smsStatus {
  color: #31c763;
  text-align: center;
  font-family: Montserrat;
  font-size: 12px;
}
html #smsStatusPopup .btnContainer {
  text-align: center;
}
html #smsStatusPopup .popupViewReport {
  padding: 10px;
  cursor: pointer;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  background: #31c763;
  color: #fff;
  margin: 15px;
  margin: auto;
  display: inline-block;
  margin-top: 20px;
}
html .btnTestEmail {
  float: right;
  padding: 10px;
  cursor: pointer;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  background: #e5e5e5;
  color: #808080;
  margin-right: 5%;
  margin-top: 5px;
}
html .btnPreviewEmail {
  float: right;
  padding: 10px;
  cursor: pointer;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  background: #e5e5e5;
  color: #808080;
  margin-right: 5%;
  margin-top: 5px;
}
html .smsSeparator,
html .emailSeparator {
  height: 5px;
  background: #e5e5e5;
}
html .smsResult,
html .emailResult {
  display: none;
  min-height: 350px;
  text-align: center;
  width: 100%;
}
html .smsResult .smsResultCont,
html .emailResult .smsResultCont,
html .smsResult .emailResultCont,
html .emailResult .emailResultCont {
  margin: 100px auto;
  vertical-align: middle;
}
html .smsResult .smsResultCont .greenResult,
html .emailResult .smsResultCont .greenResult,
html .smsResult .emailResultCont .greenResult,
html .emailResult .emailResultCont .greenResult {
  color: #31c763;
  font-size: 20px;
}
html .smsResult .smsResultCont .blackResult,
html .emailResult .smsResultCont .blackResult,
html .smsResult .emailResultCont .blackResult,
html .emailResult .emailResultCont .blackResult {
  color: #323232;
}
html .smsResult .smsResultCont .btnViewReports,
html .emailResult .smsResultCont .btnViewReports,
html .smsResult .emailResultCont .btnViewReports,
html .emailResult .emailResultCont .btnViewReports {
  padding: 10px;
  cursor: pointer;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 12px;
  background: #31c763;
  color: #fff;
  margin: auto;
  display: inline-block;
  margin-top: 15px;
}
html .btnViewSMSCommDetailsCont {
  text-align: center;
}
html .btnViewSMSCommDetailsCont .btnViewSMSCommDetails {
  padding: 8px;
  cursor: pointer;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 10px;
  color: #31c763;
  margin: auto;
  display: inline-block;
}
html .SMSReportCont,
html .EmailReportCont {
  display: none;
  background: #fff;
}
html .SMSReportCont .loadedEmailSummaryReport,
html .EmailReportCont .loadedEmailSummaryReport {
  display: table;
  width: 100%;
}
html .SMSReportCont .loadedEmailSummaryReport .reportSecEmail,
html .EmailReportCont .loadedEmailSummaryReport .reportSecEmail {
  margin-top: 10px;
}
html .SMSReportCont .loadedEmailSummaryReport .reportSecEmailError,
html .EmailReportCont .loadedEmailSummaryReport .reportSecEmailError {
  margin: 100px auto;
  vertical-align: middle;
  font-size: 20px;
  text-align: center;
}
html .SMSReportCont .loadedEmailSummaryReport .reportSecEmailError .blackResult,
html .EmailReportCont .loadedEmailSummaryReport .reportSecEmailError .blackResult {
  color: #323232;
}
html .SMSReportCont .title,
html .EmailReportCont .title {
  width: calc("~100% - 30px");
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 15px;
  padding: 14px 0;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0;
}
html .SMSReportCont .btnBackToSMSCont,
html .EmailReportCont .btnBackToSMSCont,
html .SMSReportCont .btnBackToEmailCont,
html .EmailReportCont .btnBackToEmailCont {
  height: 70px;
  background: #fff;
}
html .SMSReportCont .smsReportSettingsCont,
html .EmailReportCont .smsReportSettingsCont {
  background: #fff;
  width: 100%;
  height: 50px;
}
html .SMSReportCont .smsReportSettingsCont .searchTxt,
html .EmailReportCont .smsReportSettingsCont .searchTxt {
  margin-right: 15px;
}
html .SMSReportCont .table-responsive,
html .EmailReportCont .table-responsive {
  padding-top: 15px;
  background: #fff;
}
html .segmentName {
  font-size: 20px;
  color: #31c763;
}
html .step5Sms .secTitle,
html .step5Email .secTitle,
html .reportSecEmail .secTitle {
  min-height: 30px;
  text-transform: uppercase;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 11px;
  float: left;
  margin-right: 20px;
  width: 30%;
}
html .step5Sms .secResp,
html .step5Email .secResp,
html .reportSecEmail .secResp {
  min-height: 30px;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  line-height: 12px;
}
html .UserAttributesContainer {
  width: 100%;
  padding: 15px;
}
html .UserAttributesContainer .title {
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 14px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 0;
}
html .UserAttributesContainer .tableWidth {
  width: 100%;
  margin: auto;
  margin-top: 75px;
}
html .UserAttributesContainer .tableWidth table {
  width: 100%;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 11px;
  border-collapse: separate;
  float: left;
}
html .UserAttributesContainer .tableWidth table th {
  /*width: 60px;*/
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  vertical-align: bottom;
}
html .UserAttributesContainer .tableWidth table thead td {
  text-align: center;
  background-color: transparent;
}
html .UserAttributesContainer .tableWidth table tbody {
  width: 100%;
}
html .UserAttributesContainer .tableWidth table td {
  padding: 5px;
}
html .UserAttributesContainer .ddlSelect {
  width: 100%;
  min-width: 100px;
  height: 31px;
  border: 1px solid #cccccc;
  float: left;
  overflow: hidden;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 110% center;
}
html .UserAttributesContainer .ddlSelect select {
  height: 30px;
  width: 100%;
}
html .UserAttributesContainer input {
  height: 30px;
  width: 100%;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
  color: #333333;
  background-color: #fff;
}
html .UserAttributesContainer .numbers {
  height: 30px;
  width: 100%;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
  color: #333333;
  background-color: #fff;
}
html .UserAttributesContainer .pointer {
  text-align: right;
  width: 75px;
  font-size: 10px;
  margin-bottom: -12px;
}
html .UserAttributesContainer label {
  width: 100%;
}
html .UserAttributesContainer span {
  position: relative;
  right: -30px;
}
html .UserAttributesContainer .saveimg {
  width: 100%;
  height: 40px;
  float: right;
  cursor: pointer;
  font-size: 25px;
  color: #31c763;
  text-align: center;
  /*background-image: url(../../../img/btn/savegbtn.png);
            background-repeat: no-repeat;
            background-size: 27px;
            background-position: 10px;*/
}
html .UserAttributesContainer .deleteRow,
html .UserAttributesContainer .deleteATCTRow,
html .UserAttributesContainer .deleteATCTCRow {
  /*background-image: url(../../../img/btn/btnDelete.png);
            background-repeat: no-repeat;*/
  width: 100%;
  height: 45px;
  float: right;
  text-align: center;
  /*background-size: 23px;
            background-position: -3px;*/
  font-size: 25px;
  color: #ff4a00;
}
html .UserAttributesContainer .editimg {
  /*background-image: url(../../../img/btn/editBlack.png);
            background-repeat: no-repeat;*/
  width: 100%;
  height: 45px;
  float: right;
  font-size: 25px;
  text-align: center;
  color: #808080;
  /*background-size: 22px;
            background-position: 10px;*/
}
html .UserAttributesContainer .attr .inputSec {
  height: 31px;
  width: 100%;
  background: white;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  text-indent: 5px;
  background-color: #fff;
  outline: none;
}
html .UserAttributesContainer .Index {
  width: 6%;
}
html .UserAttributesContainer .attr .attrIndex {
  height: 31px;
  width: 100%;
  background: white;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  text-indent: 5px;
  background-color: #fff;
  outline: none;
}
html .UserAttributesContainer .attrConstraints .addConst {
  border: 1px solid #000;
  text-align: center;
  cursor: pointer;
  color: #000;
  padding: 10px 0;
  font-family: 'Poppins-Light', sans-serif;
}
html .popupBULookUpCont .deleteLookupRow {
  width: 20px;
  height: 45px;
  line-height: 40px;
  margin-right: 70px;
  float: right;
  background: url(../../../img/btn/btnDelete.png) no-repeat;
  background-position-y: center;
  cursor: pointer;
}
html .itemlbl {
  color: #808080;
  font-size: 10px;
  position: absolute;
  font-family: 'Poppins-Regular', sans-serif;
  font-weight: normal;
}
html .reportFilter .ItemsCont {
  float: right;
  height: 95px;
  margin-right: 10px;
  margin-top: -13px;
  overflow: auto;
}
html .reportFilter .TDItemsCont {
  float: right;
  height: 95px;
  margin-right: 10px;
  margin-top: -13px;
  overflow: auto;
}
html .reportFilter .itemElem {
  width: 100%;
  float: left;
  border: 1px solid #cccccc;
  margin-left: 3px;
  margin-bottom: 2px;
  color: #808080;
  padding: 1px;
}
html .reportFilter .removeItem {
  cursor: pointer;
  float: right;
  border-left: 1px solid #cccccc;
  padding: 0px 5px 0px 5px;
}
html .reportFilter .cursorP {
  cursor: pointer;
}
html .reportFilter .colClickable:focus,
html .reportFilter .colClickable:hover {
  text-decoration: underline;
}
html .reportFilter .autocompleteDiv {
  width: 100%;
  height: auto;
  max-height: 70px;
  overflow: auto;
  color: #333333;
  margin-top: 20px;
}
html .reportLoadingContent {
  height: 400px;
  margin-top: 30px;
  padding-top: 150px !important;
}
html .rep-table {
  overflow-x: auto;
  width: 100%;
  padding-top: 49px;
}
html .rep-table .dt-buttons {
  margin-bottom: 20px;
}
html .rep-table .dt-button-collection {
  margin-top: 3px !important;
}
html .rep-table button {
  width: 120px;
  height: 30px;
  background-color: #e1a545;
  border: 1px solid #dddddd;
  outline: none;
  color: #fff;
}
html .rep-table label {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
}
html .rep-table label input {
  border-radius: 0;
  margin-bottom: 10px;
}
html .rep-table .table {
  width: calc("~100% - 30px") !important;
  margin-top: 0 !important;
}
html .rep-table .titleReport .filter2 {
  position: relative;
  left: -20px;
  top: -3px;
}
html .rep-table #reportListing tbody td:nth-child(5) {
  /*padding: 0px;*/
}
html .rep-table .logFile {
  cursor: pointer;
  border-bottom: 1px solid #dddddd;
  padding: 10px;
}
html .rep-table .logFile:last-child {
  border-bottom: 0px;
}
html .rep-table .reprocessBtn {
  color: #fff;
  background-color: #00a65a;
}
html .rep-table .excluding-transfer-text {
  color: #9b9b9b;
  font-size: 11px;
  font-weight: 700;
  margin: 15px 0;
}
html table.dataTable thead th,
html table.dataTable thead td {
  border-bottom: 1px solid #cccccc !important;
}
html table.dataTable.no-footer {
  border-bottom: 1px solid #cccccc !important;
}
html #visitorsReport .dt-button {
  margin-bottom: 30px;
  width: 120px;
  height: 30px;
  background-color: #e1a545;
  border: 1px solid #dddddd;
  outline: none;
  color: #fff;
}
html #dealsCategoryReportContainer button {
  margin-bottom: 30px;
  width: 120px;
  height: 30px;
  background-color: #e1a545;
  border: 1px solid #dddddd;
  outline: none;
  color: #fff;
}
html #transactionsReport .dt-button {
  margin-bottom: 30px;
  width: 120px;
  height: 30px;
  background-color: #e1a545;
  border: 1px solid #dddddd;
  outline: none;
  color: #fff;
}
html .reportFieldsSection .manageReportFieldsBtn {
  width: 50px;
  /*100%*/
  pointer-events: none;
  float: left;
  background-color: #e1a545;
  color: #fff;
  border: 1px solid #dddddd;
  padding: 4px 8px;
  pointer-events: visible;
}
html .reportFieldsSection .manageReportFieldsBtn .togiconReport {
  float: right;
  padding: 5px;
  cursor: pointer;
}
html .reportFieldsSection .manageReportFieldsBtn .upDirection {
  -webkit-transform: rotate(180deg);
}
html .reportFieldsSection .togsecReport {
  border: none;
}
html .sectionTitleInLoyaltySettings {
  font-size: 12px;
  text-transform: capitalize;
  cursor: pointer;
  border: 0;
  padding: 2px 7px 3px 7px;
  margin-top: 11px;
  width: fit-content;
}
html .sectionTitleInLoyaltySettings .filterIcon {
  width: 15px;
  margin-right: 2px;
}
html .sectionTitleInLoyaltySettings .togiconReport {
  float: right;
  cursor: pointer;
  margin-top: 4px;
}
html .sectionTitleInLoyaltySettings .rotate {
  -webkit-transform: rotate(180deg);
}
html .filterReportDiv {
  width: 100%;
}
html .filterReportDiv .filterReportBtn {
  font-size: 12px;
  text-transform: capitalize;
  height: 30px;
  border: 1px solid #dddddd;
  position: unset;
  padding: 4px 8px;
  background-color: #e1a545;
  color: #fff;
  float: left;
  margin-top: 0;
  margin-right: 2px;
  cursor: pointer;
  width: 120px;
  text-align: center;
}
html .filterReportDiv .filterReportBtn .filterIcon {
  width: 15px;
  margin-right: 2px;
}
html .filterReportDiv .filterReportBtn .togiconReport {
  float: right;
  cursor: pointer;
  margin-top: 4px;
}
html .filterReportDiv .filterReportBtn .rotate {
  -webkit-transform: rotate(180deg);
}
html .filterReportDiv .manageReportFieldsBtn {
  cursor: pointer;
  height: 30px;
  pointer-events: none;
  float: left;
  background-color: #e1a545;
  color: #fff;
  border: 1px solid #dddddd;
  padding: 4px 8px;
  pointer-events: visible;
}
html .filterReportDiv .checkboxContainer {
  padding-top: 20px;
}
html .upsettingsDataCont .sectionTitleInLoyaltySettings {
  font-size: 12px;
  text-transform: capitalize;
  cursor: pointer;
  border: none;
  padding: 1px 7px 2px 2px;
  position: unset;
  margin-top: 0;
  width: 100%;
}
html .togsecReport {
  margin-top: 15px;
  padding-top: 20px;
  overflow: hidden;
}
html .togsecReport .itemDetailsContainerTtl {
  text-transform: uppercase;
}
html .togsecReport .rangeSlider {
  width: 90%;
}
html .togsecReport .lblFromTo {
  float: left;
  margin-top: 10px;
  font-weight: normal;
}
html .togsecReport .lblFromToo {
  float: right;
  margin-top: 10px;
  font-weight: normal;
}
html .togsecReport .fromRange {
  width: 50px;
  float: left;
  border: 1px solid #cccccc;
  margin: 8px 10px 0;
  text-indent: 3px;
}
html .togsecReport .toRangeTotalAmnt {
  width: 50px;
  float: right;
  border: 1px solid #cccccc;
  margin: 0;
  margin: 8px 10% 0 10px;
  text-indent: 3px;
}
html .titleReport {
  background-color: #e1a545;
  padding: 5px 8px;
  width: fit-content;
  color: #fff;
  cursor: pointer;
}
html .titleReport .filter2 {
  position: relative;
  left: -30px;
  top: 0px;
}
html .sliderContainer .rangeSlider {
  width: 90%;
}
html .sliderContainer .lblFromTo {
  float: left;
  margin-top: 10px;
}
html .sliderContainer .lblFromToo {
  float: right;
  margin-top: 10px;
}
html .sliderContainer .fromRange {
  width: 50px;
  float: left;
  border: 1px solid #cccccc;
  margin: 8px 10px 0;
  text-indent: 3px;
}
html .sliderContainer .toRangeTotalAmnt {
  width: 50px;
  float: right;
  border: 1px solid #cccccc;
  margin: 0;
  margin: 8px 10% 0 10px;
  text-indent: 3px;
}
html .lastUpdate {
  margin-top: 10px;
  float: left;
}
html .lastUpdate .popupResNamesCont {
  width: 100%;
  height: 63px;
  min-height: 63px;
  overflow: hidden;
  float: right;
  background-image: url(../../../img/btn/btnOverView.png);
  background-repeat: no-repeat;
  background-position: 99% 0;
  padding-right: 22px;
  cursor: pointer;
  border-color: #fff;
}
html .lastUpdate .popupResNamesCont span {
  border: 1px solid #cccccc;
  color: #666666;
  padding: 4px;
  float: left;
  margin: 2px;
  text-indent: 0;
}
html .lastUpdate .popupResNamesCont.expand::after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f103";
  width: 20px;
  height: 10px;
  position: absolute;
  bottom: 15px;
  left: 50%;
}
html .lastUpdate .leftEntitiesPopup {
  width: 100%;
  float: left;
  background-image: url(../../../img/btn/btnOverViewH.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
}
html .lastUpdate .withIntType .entitiesPopup {
  width: 180%;
  margin-right: -227px;
}
html .lastUpdate .withIntType .interactionTypePopup {
  width: 175%;
}
html .recordCont {
  margin-bottom: 70px;
}
html .recordCont .showingCount {
  float: left;
}
html .recordCont .recordRange .record {
  margin-top: -4px;
  float: left;
  margin-left: 60px;
}
html .recordCont .recordRange .record .range {
  width: 49px;
  height: 23px;
}
html .recordCont .recordRange .record .line {
  display: inline;
}
html .recordCont .recordRange .contentCount {
  float: left;
}
html .recordCont .recordRange .contentCount label {
  background-color: #ebebeb;
  padding: 5px 10px;
  margin: 5px 10px 10px 0;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #595959;
}
html .tenantContainer .reportListing .checkBoxBtn {
  width: 100%;
}
html .tenantContainer .reportListing .fa-edit,
html .tenantContainer .reportListing .fa-save,
html .tenantContainer .reportListing .fa-close {
  cursor: pointer;
  font-size: 15px;
  padding-left: 10px;
  float: right;
}
html .tenantContainer .reportListing .fa-save {
  color: #31c763;
}
html .tenantContainer .reportListing .tabs {
  margin-top: 10px;
}
html .tenantContainer .reportListing .tab-title {
  padding: 5px;
  border-radius: 5px 5px 0px 0px;
  font-size: 10px;
}
html .tenantContainer .reportListing .tab-content {
  overflow: hidden;
  display: block;
  padding: 15px;
  border: 1px solid #F7F7F7;
  border-radius: 5px;
}
html .tenantContainer .reportListing .nav-tabs {
  border-bottom: none;
}
html .tenantContainer .reportListing .tab-pane .checkBoxBtn {
  padding: 2px;
}
html .tenantContainer .reportListing .tab-pane input[type="radio"] + label,
html .tenantContainer .reportListing .tab-pane input[type="checkbox"] + label {
  font-size: 10px;
}
html .tenantContainer .savebtn {
  width: 180px;
  height: 40px;
  background-color: #00a65a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
  float: none;
  margin-top: 20px;
  margin-left: 0;
}
html .tenantContainer .s2 {
  display: none;
  margin-bottom: 25px;
}
html .tenantContainer .s2.shown {
  display: block;
}
html .tenantContainer .s3 {
  display: none;
}
html .tenantContainer .s3.shown {
  display: block;
}
html .tenantContainer .saveTenantModel {
  display: none;
}
html .tenantContainer .saveTenantModel.shown {
  display: inline-block;
}
html .tenantContainer .btnSaveModules {
  display: none;
}
html .tenantContainer .btnSaveModules.shown {
  display: block;
}
html .tenantContainer .btnSaveCriterias {
  display: none;
}
html .tenantContainer .btnSaveCriterias.shown {
  display: block;
}
html .tenantContainer .cnxStringCont {
  display: none;
}
html .tenantContainer .cnxStringCont.shown {
  display: block;
}
html .tenantContainer .storageContainer .checkBoxBtn {
  width: 200px;
  margin: 0;
  margin-bottom: 10px;
  height: auto;
}
html .tenantContainer .storageContainer #txtCnxStr {
  margin-top: 5px;
}
html .tenantContainer .moduleListing {
  margin-top: 10px;
}
html .tenantContainer .moduleTtl {
  display: none;
  font-size: 13px;
}
html .tenantContainer .moduleTtl.shown {
  display: block;
}
html .tenantContainer .criteriaListing {
  display: none;
  margin-top: 10px;
}
html .tenantContainer .criteriaListing.shown {
  display: block;
}
html .tenantContainer .criteriaTtl {
  margin-top: 15px;
  display: none;
  font-size: 13px;
}
html .tenantContainer .reportTtl {
  font-size: 13px;
}
html .tenantContainer .criteriaTtl.shown {
  display: block;
}
html .tenantContainer .secTitle {
  font-size: 13px;
  text-transform: uppercase;
}
html .tenantContainer .subSecTtitle {
  font-size: 11px;
  text-transform: uppercase;
  margin: 20px 0px 20px 10px;
}
html .integrationSection {
  background: #fff;
  margin-bottom: 10px;
}
html .integrationSection .integrationHeader {
  height: 40px;
  background: #fff;
}
html .integrationSection .integrationHeader .integrationTtl {
  height: 40px;
  line-height: 37px;
  margin-left: 13px;
  float: left;
  font-weight: bold;
}
html .integrationSection .integrationHeader .togicon {
  float: right;
  margin-top: 15px;
  margin-right: 15px;
  cursor: pointer;
}
html .integrationSection .integrationHeader .togicon.closed {
  content: url('../../../img/btn/arrowDown.png');
}
html .integrationContainer {
  /*
        .tab-pane {
            padding-top: 20px;
        }
*/
}
html .integrationContainer .scheduleContainer .btnDelete {
  float: left;
  margin-top: 10px;
  padding: 5px;
  cursor: pointer;
  display: none;
  color: #ff4a00;
  font-size: 25px;
}
html .integrationContainer .cronContainer {
  float: left;
}
html .integrationContainer .savebtn {
  width: 180px;
  height: 40px;
  background-color: #00a65a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
  float: left;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 10px;
}
html .integrationContainer #btnSchedule {
  margin: 0;
}
html .integrationContainer .content-detail-tab {
  padding: 10px !important;
}
html .integrationContainer .paddingtop15 {
  padding-top: 15px;
}
html .integrationContainer .hourContainer {
  display: none;
}
html .integrationContainer .minuteContainer {
  display: none;
}
html .integrationContainer .intervalContainer {
  display: none;
}
html .integrationContainer .cronContainer {
  margin-top: 10px;
}
html .integrationContainer .cronContainer span {
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 11px;
}
html .integrationContainer .cronContainer select {
  height: 35px;
  margin: 0 10px;
  border: 1px solid #cccccc;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #333333;
  background-color: initial;
  outline: none;
}
html .integrationContainer .or {
  text-align: center;
  height: 40px;
  margin: 20px 10px 0 0;
  line-height: 36px;
}
html .reprocessBtn {
  background-color: #00a65a;
}
html .profileImgCont {
  z-index: 1;
  position: relative;
  text-align: center;
  width: 155px;
  height: 155px;
  margin-bottom: 25px;
  background-color: #188fa6;
  display: inline-block;
  margin: auto;
}
html .profileImgCont .ImgCont {
  width: 135px;
  height: 135px;
  overflow: hidden;
  margin: 10px auto auto auto;
  background: #ebebeb;
}
html .profileImgCont .ImgCont img {
  max-height: 100%;
}
html .profileImgCont .choose {
  background-color: transparent;
  position: absolute;
  top: 40%;
  left: 25%;
  visibility: hidden;
  width: 120px;
}
html .profileImgCont input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 155px;
  cursor: pointer;
}
@media screen and (max-width: 1200px) {
  html .profileImgCont {
    width: 120px;
    height: 120px;
  }
  html .profileImgCont .ImgCont {
    width: 105px;
    height: 100px;
  }
}
html .popupContainer .btnChoose {
  padding: 10px 10px;
  background: #ebebeb;
  position: relative;
  color: #595959;
  border-radius: 2px;
  text-align: center;
  float: right;
  cursor: pointer;
  left: -121px;
}
html .popupContainer #uploadContentFile {
  position: absolute;
  z-index: 1000;
  opacity: 0;
  cursor: pointer;
  right: 94px;
  top: 14px;
  height: 36%;
  font-size: 24px;
  width: 17%;
}
html .popupContainer .title {
  color: #188fa6;
}
html .popupContainer .comments {
  color: #31c763;
  font-family: 'Poppins-Light', sans-serif;
}
html .popupContainer .Chooseprop {
  background: #ebebeb;
  position: relative;
  color: #595959;
  border-radius: 2px;
  text-align: center;
  float: right;
  cursor: pointer;
  height: 40px;
  width: 124px;
  left: -84px;
  line-height: 35px;
}
html .OrderDetailsCont {
  border: 1px solid #cccccc;
  margin: 10px;
}
html .OrderDetailsCont .titleRep {
  color: #0d0d0d;
  background-color: #e5e5e5;
  padding: 15px 0px 15px 5px;
  margin-bottom: 20px;
}
html .OrderDetailsCont .Fields {
  margin-left: 15px;
}
html .MassPopupCont .savebtn {
  color: #595959;
  border-radius: 2px;
  text-align: center;
  float: right;
  cursor: pointer;
  background-color: #ebebeb;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 11px;
  margin-right: -166px;
  margin-left: 0px;
}
html .MassPopupCont .uploadUsersFile,
html .MassPopupCont .uploadTransactionsFile {
  position: absolute;
  z-index: 1000;
  opacity: 0;
  cursor: pointer;
  right: -149px;
  top: 20px;
  height: 49%;
  font-size: 24px;
  width: 36%;
}
html .MassPopupCont .checkboxContainer {
  margin-bottom: -43px;
}
html .MassPopupCont .checkboxContainer .checkBoxBtn {
  width: 180px;
  height: 55px;
  margin-top: 2px;
}
html .MassPopupCont label {
  max-width: 107%;
  width: 107%;
}
html .TrxContainer input:read-only {
  background-color: #d3d3d3;
}
html .PromCouponCont .leftSide {
  margin-right: 20px;
}
html .PromCouponCont .leftSide .secTitle {
  float: right;
  margin-top: 10px;
}
html .PromCouponCont .lblCurrency {
  float: right;
  margin-right: 13px;
  margin-top: -39px;
  border-left: 1px #cccccc solid;
  width: 28px;
  height: 38px;
  text-align: center;
  padding: 11px 44px 0px 10px;
  background-color: #e5e5e5;
}
html .promCouponContainer .title {
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 14px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 15px;
}
html .promCouponContainer .lbltitleSmsEmail {
  text-transform: uppercase !important;
  font-family: 'Poppins-Regular', sans-serif !important;
  font-size: 11px !important;
  font-weight: normal;
}
html .promCouponContainer .ContentDivX,
html .promCouponContainer .ContentDivY {
  cursor: pointer;
}
html .ctList.active {
  color: #188fa6;
}
html .ctListI.active {
  color: #188fa6;
}
html .contentTypeContainer .title {
  width: 100%;
  font-size: 12px;
  margin-bottom: 20px;
  text-transform: uppercase;
  padding: 0 0 14px 0;
  border-bottom: 1px solid #cccccc;
}
html .saveCTA {
  width: 100px;
  height: 40px;
  float: left;
  margin-right: 20px;
  background-color: #31c763;
  text-align: center;
  font-size: 18px;
  color: #fff;
  padding-top: 5px;
  cursor: pointer;
  margin-top: 20px;
}
html .addCTA {
  width: 100px;
  height: 40px;
  float: right;
  background-image: url('../../../img/btn/bigAddBtn.png');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: right;
  margin-right: 15px;
}
html .filterBySection {
  display: block;
  padding: 20px 10px 10px 10px;
}
html .filterBySection .filterBySecTtl {
  border-right: none !important;
}
html .filterBySection .aud-segments-cont {
  border-left: 1px solid #cccccc;
}
html .filterBySection .addGroupFilter {
  background-color: transparent;
  padding: 0 8px 0 0;
  width: 85px;
  color: #000;
  cursor: pointer;
  border: 1px solid #aaaaaa;
}
html .filterBySection .addGroupFilter i {
  padding: 4px 6px 4px 5px !important;
  background-color: #188fa6;
  color: #fff;
  margin-right: 5px;
}
html .filterBySection .selectedGroupFilter {
  padding: 5px 20px;
}
html .filterBySection .selectedGroupFilter label {
  background-color: #ebebeb;
  padding: 5px 10px;
  margin: 5px 10px 10px 0;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #595959;
}
html .loader {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
html .loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: #000;
  position: absolute;
  border: 2px solid white;
}
html .loader--dot:first-child {
  background-color: #188fa6;
  animation-delay: 0.5s;
}
html .loader--dot:nth-child(2) {
  background-color: #dd4b39;
  animation-delay: 0.4s;
}
html .loader--dot:nth-child(3) {
  background-color: #00a65a;
  animation-delay: 0.3s;
}
html .loader--dot:nth-child(4) {
  background-color: #e08e0b;
  animation-delay: 0.2s;
}
html .loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
}
html .loader--text:after {
  content: "Loading";
  font-weight: bold;
  animation-name: loading-text;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
html .SeoBtn {
  height: 40px;
  float: left;
  color: #188fa6;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px 10px 10px 0px;
  cursor: pointer;
  position: relative;
  z-index: 8;
  margin-bottom: 15px;
  text-decoration: underline;
}
html .CategSeoBtn {
  height: 40px;
  float: left;
  color: #188fa6;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px 10px 10px 0px;
  cursor: pointer;
  margin-left: 5px;
  position: relative;
  z-index: 1000;
  margin-bottom: 16px;
  margin-top: -65px;
  text-decoration: underline;
}
html .showSelectContent {
  font-size: 14px;
  cursor: pointer;
  background: #cccccc;
  width: 125px;
  color: #fff;
  text-align: center;
  padding: 7px;
}
html .customerCareSection {
  /*#region checkbox in mobile change*/
  /*#endregion*/
}
html .customerCareSection #listingSec {
  min-height: 200px;
}
html .customerCareSection #listingSec .blockSec {
  height: 157px;
  border: 1px solid #eeeeee;
  margin-bottom: 20px;
}
html .customerCareSection #listingSec .blockSec .header {
  padding: 15px 0px 0px 15px;
  overflow: hidden;
  height: 116px;
}
html .customerCareSection #listingSec .blockSec .header .leftSec {
  float: left;
  width: 55%;
}
html .customerCareSection #listingSec .blockSec .header .leftSec .name {
  font-size: 15px;
  padding-bottom: 5px;
}
html .customerCareSection #listingSec .blockSec .header .leftSec .info {
  max-height: 22px;
  overflow: hidden;
  word-break: break-all;
  color: #333333;
}
html .customerCareSection #listingSec .blockSec .header .leftSec .balance {
  color: #333333;
}
html .customerCareSection #listingSec .blockSec .header .rightSec {
  float: right;
  width: 35%;
  height: 100%;
  text-align: center;
}
html .customerCareSection #listingSec .blockSec .header .rightSec img {
  max-width: 100%;
  max-height: 100%;
}
html .customerCareSection #listingSec .blockSec .footer {
  height: 40px;
  background-color: #e5e5e5;
}
html .customerCareSection #listingSec .blockSec .footer .lftSec {
  width: 55%;
}
html .customerCareSection #listingSec .blockSec .footer .rghtSec {
  width: 35%;
  float: right;
  text-align: center;
}
html .customerCareSection #listingSec .blockSec .footer .rghtSec .viewmore {
  background-color: #00a65a;
  padding: 5px 5px 5px 5px;
  color: #fff;
  cursor: pointer;
  width: 100px;
  margin: auto;
  margin-top: 5px;
}
html .customerCareSection i {
  padding-right: 10px;
}
html .customerCareSection .listingDiv .loadMore {
  width: 80px;
  height: 40px;
  color: #fff;
  background-color: #00a65a;
  text-align: center;
  padding-top: 12px;
  margin-left: 15px;
  margin-top: 10px;
  margin: auto;
  cursor: pointer;
}
html .customerCareSection .detailsSection .ccLeftSide {
  width: 320px;
  float: left;
}
html .customerCareSection .detailsSection .ccRightSide {
  width: calc(100% - 335px);
  float: right;
}
html .customerCareSection .detailsSection .ccRightSide .refresh-list-btn {
  width: 30px;
  float: right;
  cursor: pointer;
}
html .customerCareSection .goBtn {
  width: 80px;
  height: 40px;
  color: #fff;
  background-color: #00a65a;
  text-align: center;
  padding-top: 12px;
  margin-left: 15px;
  float: left;
  margin-top: 10px;
  cursor: pointer;
}
html .customerCareSection .leftSec {
  width: 49%;
  float: left;
}
html .customerCareSection .rightSec {
  width: 50%;
  float: right;
}
html .customerCareSection .actionBtn {
  width: 100%;
  padding: 0px 10px;
  height: 35px;
  background-color: #00a65a;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  float: left;
  padding-top: 8px;
  margin-bottom: 10px;
}
html .customerCareSection .togicon {
  float: right;
  cursor: pointer;
  margin-top: 4px;
}
html .customerCareSection .rotate {
  -webkit-transform: rotate(180deg);
}
html .customerCareSection .details {
  background-color: #f8b869;
  padding: 4px 15px 4px 15px;
  color: #fff;
  cursor: pointer;
}
html .customerCareSection .backHead {
  width: 100%;
  background-color: #fff;
  float: left;
  padding: 10px;
  margin-bottom: 15px;
}
html .customerCareSection .backHead .back {
  width: 125px;
  height: 45px;
  color: #666666;
  text-align: center;
  padding-top: 12px;
  float: left;
  font-size: 16px;
  cursor: pointer;
  border-right: 1px solid #eeeeee;
}
html .customerCareSection .viewMoreBtn {
  width: 120px;
  height: 30px;
  float: right;
  background-color: transparent;
  padding: 6px 0 4px 0;
  color: #188fa6;
  text-decoration: underline;
  margin-top: 15px;
  cursor: pointer;
  text-align: right;
}
html .customerCareSection .infoCard {
  width: 100%;
  float: left;
}
html .customerCareSection .infoCard .leftSec {
  width: 100%;
}
html .customerCareSection .infoCard .leftSec .profileImg {
  border: 1px solid #eeeeee;
  text-align: center;
}
html .customerCareSection .infoCard .leftSec .profileImg img {
  max-width: 100%;
}
html .customerCareSection .infoCard .leftSec .name {
  max-width: 235px;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 10px;
  float: left;
}
html .customerCareSection .infoCard .leftSec .balance {
  float: left;
  color: #00a65a;
  font-size: 18px;
  margin-bottom: 15px;
}
html .customerCareSection .infoCard .leftSec .enabledisableBtn {
  max-width: 235px;
  text-transform: uppercase;
  margin-top: 10px;
  float: right;
  height: 30px;
  text-align: center;
  margin-right: 20px;
  background-color: #f0f0f0;
  cursor: pointer;
}
html .customerCareSection .infoCard .leftSec .enabledisableBtn.enable {
  color: #00a65a;
  border-radius: 3px;
}
html .customerCareSection .infoCard .leftSec .enabledisableBtn.disable {
  color: #dc2828;
  border-radius: 3px;
}
html .customerCareSection .infoCard .leftSec .enabledisableBtn.enable:hover {
  background-color: #00a65a;
  color: #fff;
}
html .customerCareSection .infoCard .leftSec .enabledisableBtn.disable:hover {
  background-color: #dc2828;
  color: #fff;
}
html .customerCareSection .infoCard .leftSec .circleState.enabled {
  color: #00a65a;
}
html .customerCareSection .infoCard .leftSec .circleState.disabled {
  color: #ff0000;
}
html .customerCareSection .infoCard .leftSec .circleState.notActivated {
  color: #ff6a00;
}
html .customerCareSection .infoCard .leftSec .circleState.onhold {
  color: #ffc107;
}
html .customerCareSection .infoCard .leftSec .infoSec .info {
  max-height: 22px;
  overflow: hidden;
  word-break: break-all;
  margin-bottom: 5px;
  font-weight: normal;
}
html .customerCareSection .infoCard .leftSec .editSec {
  width: 100%;
  padding: 0px 10px;
  height: 35px;
  background-color: #00a65a;
  color: #fff;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  float: left;
  margin-bottom: 10px;
}
html .customerCareSection .infoCard .tagsSection {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
html .customerCareSection .infoCard .tagsSection .tagTitle {
  font-size: 12px;
  font-weight: bold;
}
html .customerCareSection .infoCard .tagsSection .tagsCont {
  float: left;
  width: 100%;
  overflow: hidden;
  padding: 10px 0px;
}
html .customerCareSection .infoCard .tagsSection .tagsCont label {
  padding: 5px;
  margin: 5px;
  background-color: #ebebeb;
  color: #333333;
}
html .customerCareSection .infoCard .tagsSection .tagsCont .cust-summary-container {
  width: calc(100% / 4);
  color: white;
  padding: 5px;
  height: 90px;
}
html .customerCareSection .infoCard .tagsSection .tagsCont .cust-summary-container .cust-info {
  padding: 5px;
  height: 100%;
}
html .customerCareSection .infoCard .tagsSection .tagsCont .cust-summary-container .cust-info label {
  color: white !important;
  background-color: unset;
}
html .customerCareSection #popup_ChangeMobile .change .container {
  display: block;
  /* text-decoration: underline; */
  position: relative;
  padding-left: 25px;
  /* margin-bottom: 10px; */
  cursor: pointer;
  font-size: 15px;
  /* font-weight: normal; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  width: 100%;
  color: #188fa6;
}
html .customerCareSection #popup_ChangeMobile .change .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
html .customerCareSection #popup_ChangeMobile .change .container input:checked ~ .checkmark {
  background-color: #188fa6;
  border: 1px solid #fff;
  border-radius: 5px;
}
html .customerCareSection #popup_ChangeMobile .change .container input:checked ~ .checkmark:after {
  display: block;
}
html .customerCareSection #popup_ChangeMobile .change .container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
html .customerCareSection #popup_ChangeMobile .change .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #188fa6;
  border: 1px solid #fff;
  border-radius: 5px;
}
html .customerCareSection #popup_ChangeMobile .change .container:hover input ~ .checkmark {
  background-color: #188fa6;
  border: 1px solid #fff;
  border-radius: 5px;
}
html .customerCareSection #popup_ChangeMobile .change .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
@media screen and (max-width: 1450px) {
  html .customerCareSection .leftSec {
    width: 100%;
    float: left;
  }
  html .customerCareSection .rightSec {
    width: 100%;
    float: left;
  }
}
html .facebook-pages-listing {
  padding: 10px 20px;
  border: 1px solid #cccccc;
  width: 95%;
}
html .facebook-pages-listing h3 {
  font-size: 14px;
  margin-bottom: 10px;
}
html .facebook-pages-listing .facebook-page {
  margin-bottom: 10px;
  cursor: pointer;
}
html .facebook-pages-listing .facebook-page .facebook-page-content {
  border: 1px solid #eeeeee;
  padding: 20px;
  display: table;
  width: 100%;
}
html .facebook-pages-listing .facebook-page .facebook-page-content .facebook-page-image-holder {
  width: 50px;
  height: 50px;
  padding-right: 10px;
  display: table-cell;
}
html .facebook-pages-listing .facebook-page .facebook-page-content .facebook-page-description {
  width: calc(100% - 80px);
  display: table-cell;
  vertical-align: middle;
}
html .facebook-pages-listing .facebook-page .facebook-page-content .facebook-page-description .facebook-page-name {
  font-size: 12px;
  margin-bottom: 10px;
}
html .facebook-pages-listing .facebook-page .facebook-page-content .facebook-page-description .facebook-page-category {
  font-size: 10px;
}
html .facebook-pages-listing .facebook-page.selected .facebook-page-content {
  background: rgba(255, 150, 0, 0.25);
  user-select: none;
}
html .twitterLoggedInMessage {
  display: none;
}
html .cronContainer select {
  padding: 0px 10px 0px 10px !important;
  height: 25px !important;
  margin: 10px !important;
  border: 1px solid #cccccc !important;
}
html .voucherContainer .lbltitleSmsEmail {
  text-transform: uppercase !important;
  font-family: 'Poppins-Regular', sans-serif !important;
  font-size: 11px !important;
}
html .voucherContainer .lbltitleSmsEmail span {
  cursor: auto;
}
html .authBySec {
  margin-top: 7px;
}
html .ddl-container {
  position: relative;
}
html .remove-btn-container,
html .remove-btn-container-main {
  display: inline-block;
  vertical-align: top;
  color: #ff4a00;
  font-size: 25px;
}
html .add-btn-container i {
  font-size: 20px;
  color: #31c763;
}
html .eventsListing {
  position: relative;
}
html .eventsListing .eventObj {
  margin: 30px 0 10px 0;
}
html .eventsListing .ddl-container {
  display: inline-block;
  width: 300px;
}
html .eventsListing .event-specific-fields {
  display: inline-block;
  width: auto;
  vertical-align: top;
  position: relative;
}
html .eventsListing .event-specific-fields .remove-btn-container {
  position: absolute;
  bottom: 0;
  right: -40px;
  cursor: pointer;
}
html .eventsListing .event-specific-fields .event-condition-operator-container {
  display: inline-block;
  margin-right: 30px;
  width: 300px;
  float: left;
  margin-top: 20px;
}
html .eventsListing .event-specific-fields .event-condition-operator-container .ddlSelect {
  width: 100%;
}
html .eventsListing .event-specific-fields .n-times-container .ddlSelect {
  margin-left: 94px !important;
  width: 205px !important;
}
html .eventsListing .event-specific-fields .event-period-container {
  max-width: 300px;
  margin: 0px 0 5px 0;
  position: relative;
  float: left;
  display: inline-block;
}
html .eventsListing .event-specific-fields .event-period-container .event-period-label {
  display: inline-block;
  width: auto;
  left: 0;
  position: absolute;
  margin: auto;
  top: 10px;
  /*font-weight: bold;*/
}
html .eventsListing .event-specific-fields .event-period-container .ddlSelect {
  width: 200px;
  /* margin-left: 50px;*/
}
html .eventsListing .event-specific-fields .event-occurrence-container {
  /*width: 575px;*/
  position: relative;
  display: inline-block;
  vertical-align: top;
}
html .eventsListing .event-specific-fields .event-occurrence-container input {
  width: 200px;
  border: 1px solid #cccccc;
  padding: 10px;
  /* margin: 0px 0 5px 10px;*/
  outline: none;
  float: left;
}
html .eventsListing .event-specific-fields .event-occurrence-container .event-occurrence-label {
  /* font-weight: bold;*/
  float: left;
  margin-top: 10px;
  margin-right: 20px;
}
html .eventsListing .event-specific-fields .event-occurrence-container .occurence-value-container {
  float: right;
}
html .eventsListing .event-specific-fields .event-value-container {
  width: 300px;
  display: inline-block;
  float: left;
  margin-right: 30px;
}
html .eventsListing .event-specific-fields .event-value-container .inputSec {
  width: 100%;
}
html .eventsListing .event-specific-fields .event-value-container .displayField,
html .eventsListing .event-specific-fields .event-value-container .actionObj .displayField {
  min-width: 300px;
  width: 100%;
  min-height: 40px;
  overflow: auto;
  border: 1px solid #cccccc;
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}
html .eventsListing .eventGroup {
  margin-left: 25px;
}
html .eventsListing:after {
  display: block;
  width: 1px;
  height: calc(100% - 35px);
  position: absolute;
  top: 35px;
  bottom: 0;
  left: 0px;
  content: "";
  background: #d3d3d3;
}
html .eventGroup.original {
  display: none;
}
html .eventObj.original {
  display: none;
}
html .add-event-container .add-event-btn,
html .add-event-group-container .add-event-group-btn {
  display: inline-block;
  margin-bottom: 10px;
  width: auto;
}
html .add-event-container .add-event-btn i,
html .add-event-group-container .add-event-group-btn i {
  font-size: 20px;
  color: #31c763;
}
html .add-event-container .add-event-btn .rule,
html .add-event-group-container .add-event-group-btn .rule {
  width: auto;
}
html .eventGroupListing .operators-container {
  position: relative;
}
html .eventGroupListing .operators-container:after {
  content: "";
  width: 25px;
  height: 1px;
  position: absolute;
  left: -25px;
  top: 18px;
  bottom: 0;
  background: #aaaaaa;
}
html .operators-container a {
  line-height: 41px;
  padding: 7px 9px;
  background: #188fa6;
  opacity: 0.5;
  color: #fff;
  border: 1px solid gray;
}
html .operators-container a:first-child {
  border-right: none;
}
html .operators-container a:last-child {
  border-left: none;
}
html .operators-container a.selected {
  background: #188fa6;
  opacity: 1;
}
html .edit-communication {
  float: right;
  cursor: pointer;
  padding-top: 13px;
  font-size: 20px;
  color: #808080;
  height: 30px;
}
html .actionsListing {
  position: relative;
}
html .actionsListing .actionObj {
  margin-top: 30px !important;
}
html .actionsListing .actionObj .ddl-container {
  width: 336px;
  display: inline-block;
  vertical-align: top;
}
html .actionsListing .actionObj .actionExtraFields {
  width: 600px;
  display: inline-block;
  vertical-align: top;
}
html .actionsListing .actionObj .actionExtraFields .action-entity-container {
  width: 316px;
  margin-top: 10px;
  margin-bottom: 10px;
}
html .actionsListing .actionObj .actionExtraFields .action-entity-container label {
  margin-left: -106px;
  margin-right: 20px;
  position: absolute;
  margin-top: 10px;
}
html .actionsListing .actionObj .actionValue {
  width: 300px;
}
html .actionsListing .actionObj .displayField {
  width: 100%;
  min-height: 40px;
  overflow: auto;
  border: 1px solid #cccccc;
  display: inline-block;
  max-width: 300px;
  padding: 10px;
  cursor: pointer;
}
html .actionsListing .actionObj .commDisplayField {
  display: inline-block;
  min-height: 40px;
  padding: 10px;
  min-width: 300px;
  max-width: 300px;
  overflow: auto;
  border: 1px solid #cccccc;
  position: relative;
  float: left;
  margin-right: 10px;
}
html .actionsListing .edit-communication {
  padding-top: 6px;
  position: relative;
  /*right: 40px;*/
  float: left;
}
html .actionObj.original {
  display: none;
}
html .comunication-title {
  display: inline-block;
  max-width: 100%;
  font-weight: bold;
  vertical-align: middle;
  margin-bottom: -13px;
  margin-left: 10px;
  margin-right: 10px;
}
html .add-new-comms-container {
  width: 100%;
  display: none;
}
html .add-new-comms-container .add-new-comms {
  display: none;
}
html .comm-title {
  text-decoration: underline;
  cursor: pointer;
}
html .btnFilterInListing {
  background-color: transparent;
  padding: 0 8px 0 0;
  width: 85px;
  color: #808080;
  cursor: pointer;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 10px;
  border: 1px solid #aaaaaa;
}
html .btnFilterInListing i {
  padding: 4px 6px 4px 5px !important;
  background-color: #188fa6;
  color: #fff;
  margin-right: 5px;
}
html .filterBySecTtl {
  border-right: 1px solid #cccccc;
}
html .filterBySecTtl .filterByTtl {
  padding: 10px 15px 10px 0;
  font-family: 'Poppins-Light', sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
html .filterBySecTtl .filterByTtl.selected {
  color: #188fa6;
  font-family: 'Poppins-Bold', sans-serif;
}
html .selectedFilterItems {
  clear: both;
  padding-left: 20px;
  display: none;
}
html .selectedFilterItems .filterType {
  font-family: 'Poppins-Regular', sans-serif;
  text-transform: uppercase;
}
html .selectedFilterItems .selectedFromType label {
  background-color: #ebebeb;
  padding: 5px 10px;
  margin: 5px 10px 10px 0;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  color: #595959;
}
html .selectedFilterItems .selectedFromType label .deleteLbl {
  font-size: 15px;
  float: right;
  margin-left: 15px;
  margin-top: -5px;
  cursor: pointer;
  color: #31c763;
}
html .DashboardChart {
  height: 400px;
}
html #lineChart_SumCustomersPerDay {
  margin-top: 25px;
}
html #lineChart_SumTrxPerDay {
  margin-top: 25px;
}
html #lineChart_SumTrxPerChoice {
  margin-top: 10px;
}
html #lineChart_Interaction {
  margin-top: 25px;
}
html #barChart_SumRedeemedRewardedPointsGroupedByTrxDate {
  margin-top: 25px;
}
html #lineChart_Order {
  margin-top: 25px;
}
html .iconGrid {
  margin-top: -12px;
}
html .dashboardContainer .chartCell {
  float: left;
  margin-bottom: 15px;
}
@media screen and (min-width: 1551px) {
  html .custCount,
  html .updatedAt {
    font-size: 12px;
  }
  html .chartCell .canvasCont .tbHeight {
    height: 235px;
  }
}
@media screen and (min-width: 1535px) and (max-width: 1550px) {
  html .custCount,
  html .updatedAt {
    font-size: 12px;
  }
  html .chartCell .canvasCont .tbHeight {
    height: 200px !important;
  }
}
@media screen and (min-width: 1396px) and (max-width: 1534px) {
  html .custCount,
  html .updatedAt {
    font-size: 10px;
  }
  html .chartCell .canvasCont .tbHeight {
    height: 180px;
  }
}
@media screen and (min-width: 1230px) and (max-width: 1395px) {
  html .custCount,
  html .updatedAt {
    font-size: 10px;
  }
  html .chartCell .canvasCont .tbHeight {
    height: 142px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1229px) {
  html .custCount,
  html .updatedAt {
    font-size: 8px;
  }
  html .chartCell .canvasCont .tbHeight {
    height: 90px;
  }
  html .custContent label:nth-of-type(2) {
    margin-left: 35px !important;
  }
  html .custContent label:nth-of-type(2) .checkmark {
    left: 145px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
  html .custCount,
  html .updatedAt {
    font-size: 7px;
  }
  html .chartCell .canvasCont .tbHeight {
    height: 90px;
  }
  html .custContent label:nth-of-type(2) {
    margin-left: 35px !important;
  }
  html .custContent label:nth-of-type(2) .checkmark {
    left: 145px !important;
  }
  html .report-container .report-content {
    margin-top: 5px !important;
  }
}
@media screen and (min-width: 877px) and (max-width: 991px) {
  html .custCount,
  html .updatedAt {
    font-size: 7px;
  }
  html .chartCell .canvasCont .tbHeight {
    height: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 876px) {
  html .custCount,
  html .updatedAt {
    font-size: 7px;
  }
  html .chartCell .canvasCont .tbHeight {
    height: 58px;
  }
}
html .dashboardContainer .chartCell .canvasCont {
  width: 100%;
  height: 20vw;
  background-color: #fff;
  /*border-radius: 10px;*/
  padding: 10px;
  display: block;
  margin: auto;
  float: left;
}
html .dashboardContainer .chartCell .canvasCont span.fa-refresh {
  color: #cccccc;
  font-size: 18px;
}
html .custContent {
  margin-bottom: 0px;
  color: #000;
  font-size: 11px;
  margin-top: 11px;
}
html .custContent label {
  color: #464457;
  font-size: 12px;
}
html .custContent .chckContainer {
  font-weight: unset !important;
}
html .custContent .container {
  padding-left: 40px;
  margin-top: 30px;
}
html .sorting_disabled {
  /*font-weight: unset !important;*/
}
html .earnChoicesContainer .checkmark {
  position: absolute;
  top: 114px;
  left: 30px;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
}
html .earnChoicesContainer .barcodechck:hover input ~ .checkmark {
  background-color: transparent;
}
html .earnChoicesContainer .barcodechck:checked ~ .checkmark {
  background-color: transparent;
}
html .earnChoicesContainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
html .earnChoicesContainer .barcodechck:checked ~ .checkmark:after {
  display: block;
}
html .earnChoicesContainer .checkmark:after {
  top: 1px;
  left: 1px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #808080;
}
html .report-col {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
@media screen and (max-width: 991px) {
  html .report-col {
    padding-left: 15px;
    padding-right: 15px;
  }
}
html .report-container {
  width: 100%;
  height: 20vw;
  /* overflow: auto;*/
  background: White;
  position: relative;
  padding: 15px;
  margin-bottom: 15px;
}
html .report-container .report-header {
  width: 100%;
  max-height: 50px;
  overflow: auto;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
html .report-container .report-header .report-header-title {
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
  float: left;
}
html .report-container .report-header .report-header-interactions {
  padding-left: 0;
  padding-right: 0;
  float: right;
}
html .report-container .report-header .report-header-interactions .btn-interaction {
  margin-left: 15px;
  cursor: pointer;
}
html .report-container .report-header .report-header-interactions span.fa-refresh {
  color: #cccccc;
  font-size: 18px;
}
html .report-container .report-header .report-header-interactions span.fa-download {
  color: #cccccc;
  font-size: 18px;
}
html .report-container .report-header .report-header-interactions .reports-filters-btn {
  width: 15px;
  float: right;
  cursor: pointer;
  margin-top: -2px;
}
html .report-container .report-header .report-header-interactions .reports-filters-btn img {
  width: 100%;
}
html .report-container .report-header .report-header-interactions .reports-filters-btn span.fa-filter {
  color: #cccccc;
  font-size: 18px;
  padding-top: 1px;
}
html .report-container .report-content {
  width: 100%;
  overflow: auto;
  margin-top: 15px;
  max-height: 300px;
  position: relative;
}
html .report-container .report-content::-webkit-scrollbar {
  width: 14px;
}
html .report-container .report-content::-webkit-scrollbar-track {
  background: #ffffff;
}
html .report-container .report-content::-webkit-scrollbar-thumb {
  background-color: #c9c9c9;
  border-radius: 5px;
  border: 4px solid #ffffff;
}
html .report-container .report-footer {
  height: 20px;
  overflow: auto;
  /*position: absolute;*/
  /*bottom: 10px;*/
  /*margin-top: 15px;*/
  position: absolute !important;
  bottom: 5px !important;
  z-index: 1;
  font-family: 'Poppins-Light', sans-serif;
  width: calc(100% - 30px);
}
html .report-container .report-filters {
  position: absolute;
  max-width: 300px;
  width: 0;
  right: 0;
  top: 50px;
  bottom: 30px;
  background: white;
  z-index: 999;
  border: 1px solid #eeeeee;
  border-right: none;
  padding: 10px;
  transition: width ease 0.5s, opacity ease 0.5s;
  overflow: auto;
  opacity: 0;
}
html .report-container .report-filters.active {
  opacity: 1;
  width: 50%;
}
html .report-container .report-filters .report-filters-title {
  margin-bottom: 10px;
}
html .report-container .report-filters .filters-listing .filter .midCont .inputSec {
  height: auto;
  min-height: 40px;
  max-height: 130px;
  overflow: auto;
}
html .report-container .google-signin-container {
  display: block;
}
html .report-container .google-signin-container span {
  margin-bottom: 15px;
  display: block;
  font-size: 10px;
}
html .report-container::-webkit-scrollbar {
  width: 14px;
}
html .report-container::-webkit-scrollbar-track {
  background: #f5f5f5;
}
html .report-container::-webkit-scrollbar-thumb {
  background-color: #c9c9c9;
  border-radius: 5px;
  border: 4px solid #f0f4f8;
}
html .dashboard-report-header-title {
  font-size: 12px;
  text-transform: uppercase;
}
html .minichart {
  width: 50px;
  height: 50px;
  display: inline-block;
  float: right;
}
html .tooltip-class {
  display: block;
  min-width: 50px;
  width: auto;
  height: 25px;
  padding-right: 6px;
}
html .report-widget {
  margin-bottom: 10px;
  padding: 10px;
  color: #fff;
  font-size: 16px;
}
html .report-widget .report-widget-value {
  margin: 18px 0;
  font-size: 17px;
  display: inline-block;
}
html .report-widget .report-widget-value .report-widget-currency {
  font-size: 12px;
}
html .report-widget .google-signin-container {
  display: block;
  margin-top: -10px;
  font-size: 12px;
  text-align: center;
}
html .report-widget .google-signin-container span {
  margin-bottom: 5px;
  display: block;
}
html .report-widget-customized {
  height: 120px;
  padding: 20px 0;
}
html .report-widget-customized .report-widget-title {
  font-size: 12px;
}
@media screen and (max-width: 1200px) {
  html .report-widget-value {
    font-size: 14px !important;
    margin-top: 5px !important;
  }
}
html #voucherDetailsStoresPopup,
html #voucherDetailsPOSPopup {
  width: 500px !important;
}
html .popupStoresList,
html .popupPOSList {
  width: 500px;
}
html .regularLink {
  cursor: pointer;
  padding: 0;
  font: inherit;
  color: #188fa6;
}
html .regularLink:hover {
  opacity: 0.8;
  color: #188fa6;
}
html .underline {
  text-decoration: underline;
}
html .underline:hover {
  text-decoration: underline;
}
html .rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
}
html .rating-stars ul > li.star {
  display: inline-block;
}
html .rating-stars ul > li.star > i.fa {
  font-size: 2.5em;
  /* Change the size of the stars */
  color: #cccccc;
  /* Color on idle state */
}
html .rating-stars ul > li.star.hover > i.fa {
  color: #FFCC36;
}
html .rating-stars ul > li.star.selected > i.fa {
  color: #FF912C;
}
html .sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
html .sortable li {
  margin: 5px;
  padding: 5px 5px 5px 10px;
  font-size: 13px;
  text-align: left;
  background-color: #cccccc;
  color: white;
  /*border: 1px solid  @mainBorderColor;
    border-radius: 5px;*/
}
html .sortable li span.icon-container {
  display: inline-block;
  margin-right: 20px;
  font-size: 20px;
  color: #fff;
}
html .sider-container .slider .ui-slider-range {
  background: #729fcf;
}
html .sider-container .slider .ui-slider-handle {
  border-color: #188fa6;
  border: 1px solid #188fa6;
  width: 30px;
  height: 30px;
  top: -8px;
  border-radius: 50%;
  outline: none;
}
html .sider-container .slider .ui-slider-handle.ui-state-active {
  background: #188fa6;
}
html .DateRangeSelector-item label {
  min-height: 20px;
  text-transform: uppercase;
  font-family: 'Poppins-Bold', sans-serif;
  font-size: 11px !important;
}
html .DateRangeSelector-item input {
  height: 40px;
  width: 168%;
  border: 1px solid #cccccc;
}
html .translationSection .language {
  border: 1px solid #cccccc;
  text-align: center;
  font-size: 12px;
  padding: 5px 8px;
  cursor: pointer;
  width: fit-content;
  float: left;
  margin-right: 10px;
  color: #333333;
}
html .translationSection .language.selected {
  background-color: #188fa6;
  color: #fff;
  border: 1px solid #cccccc;
}
html .loadedQstDtlsTbl .table-responsive .table tbody {
  font-size: 12px;
}
html .btnAddNewQuest {
  width: 200px;
  height: 45px;
  cursor: pointer;
  padding: 10px;
  border: 1px solid #000;
  text-align: center;
  display: block;
  font-family: 'Poppins-Light', sans-serif;
  font-size: 13px;
  margin: 60px auto 10px;
}
html .btnAddNewQuest:hover {
  color: #000;
}
html .removeCurrentSurveyAnswerImg {
  width: 22px;
  margin-top: 25px;
  font-size: 22px;
  color: #ff4a00;
}
html .addCurrentSurveyAnswerImg {
  margin-top: 27px;
  font-size: 20px;
  color: #31c763;
}
html .ga-required-filter-message {
  font-size: 10px;
  position: absolute;
}
html .ga-range-filter {
  margin: 20px 10px 5px 10px;
}
html .ga-login-cont .ga-login-view {
  padding-right: 10px !important;
  padding-left: 0px !important;
}
html .ga-login-cont .ga-login-view .dashboard-ga-cont {
  margin-left: -6px;
  margin-right: -7px;
  margin-bottom: 10px;
}
html .ga-login-cont .ga-login-view .auth-container {
  background-color: #fff;
  padding: 10px;
  margin-left: 10px;
  margin-right: 0px;
}
html .ga-login-cont .ga-login-view .auth-container .logoutBtn {
  width: 97.5px;
  height: 52.5px;
  text-align: center;
  cursor: pointer;
  padding: 10px 0;
  text-decoration: underline;
  color: #188fa6;
  font-size: 11px;
}
html .ga-login-cont .ga-login-view .auth-container .ga-view-title {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}
html .ga-login-cont .ga-login-view .auth-container .googleLoginDiv {
  padding-top: 5px;
  margin-left: 10px;
}
html .ga-login-cont .ga-login-view .auth-container .googleLoginDiv .gapi-analytics-auth-styles-signinbutton {
  cursor: pointer;
}
html .ga-login-cont .ga-login-view .auth-container .channel-view-selects {
  padding-top: 5px;
  margin-left: 10px;
}
html .ga-login-cont .ga-login-view .auth-container .channel-view-selects .changeViewBtn {
  width: 180px;
  height: 40px;
  float: right;
  background-color: #00a65a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
  margin-left: 60px;
}
html .ga-login-cont .ga-login-view .auth-container .channel-view-selects .changeViewBtn:hover {
  opacity: 0.8;
}
html .ga-marketplace-cont .ga-login-view {
  padding-right: 0px !important;
}
html .ga-marketplace-cont .ga-login-view .auth-container {
  margin-left: 3px !important;
}
html .ga-range-filter {
  margin: 20px 10px 5px 10px;
}
html .logged-as {
  font-size: 14px;
}
html #date-range-selector-container .DateRangeSelector-item input {
  padding-right: 10px;
  cursor: pointer;
}
html #date-range-selector-container .DateRangeSelector-item input::-webkit-calendar-picker-indicator {
  cursor: pointer;
}
html .cluster {
  padding-right: 4px;
  margin: 2px;
  border: 1px solid #cccccc;
  display: inline-block;
}
html .table-report-info {
  position: relative;
  margin-top: 20px;
  display: block;
}
html .table-report-info .report-numbers {
  float: left;
  display: inline-block;
  font-size: 15px;
}
html .table-report-info .report-pagination {
  font-size: 15px;
  text-align: right;
  float: right;
}
html .table-report-info .report-pagination a {
  padding: 5px 10px;
  font-size: 15px;
  border: 1px solid black;
  cursor: pointer;
}
html .report-controls {
  margin-bottom: 10px;
}
html .report-controls .export-report {
  width: 120px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #cccccc;
  outline: none;
  -webkit-appearance: button;
  cursor: pointer;
}
html #CommunicationsPopup input[type="checkbox"] + label span {
  margin-right: 38px !important;
}
html .dealsdetailsTab .nav > li > a {
  padding: 13px 7px;
}
html .dealsdetailsTab .navbar-nav > li > a span {
  font-size: 10px;
}
html .multiReportsContent .dt-buttons {
  margin-bottom: 20px;
}
html .multiReportsContent .dt-button-collection {
  margin-top: 3px !important;
}
html .multiReportsContent button {
  width: 120px;
  height: 30px;
  background-color: #e1a545;
  border: 1px solid #dddddd;
  outline: none;
  color: #fff;
}
html #dealsCategoryFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #audienceFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #transactionFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #CouponFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #SettlementFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #integrationFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #interactionFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #communicationDetailFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #communicationFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #subsFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #subDetailsFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #subLogsFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #surveysFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #surveysDetailsFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #logsFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #dealsFilterForm .reportFieldsSection .manageReportFieldsBtn,
html #TrxDetailsFilterForm .reportFieldsSection .manageReportFieldsBtn {
  display: none;
}
html .select-coupon-sms,
html .select-coupon-email,
html .select-coupon-push {
  display: none;
}
html .select-coupon-sms.shown,
html .select-coupon-email.shown,
html .select-coupon-push.shown {
  display: inline-block;
}
html #navigation-title,
html #deal-views-title {
  font-size: 16px;
  color: #464457;
}
html .dataSummaryContainer {
  width: 100%;
  background-color: #fff;
  padding: 15px;
  display: table;
  margin-bottom: 15px;
}
html .dataSummaryContainer .title {
  margin-bottom: 20px;
  text-transform: uppercase;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}
html .dataSummaryContainer .summaryContainer .summarySection {
  width: 20%;
  float: left;
  color: #fff;
}
html .dataSummaryContainer .summaryContainer .summarySection .bgRed {
  background: #BD2130;
}
html .dataSummaryContainer .summaryContainer .summarySection .bgGray {
  background-color: #cccccc;
  color: #000;
}
html .dataSummaryContainer .summaryContainer .summarySection .bgBlue {
  background-color: #188fa6;
}
html .dataSummaryContainer .summaryContainer .summarySection .bgOrange {
  background-color: #ff9500;
}
html .dataSummaryContainer .summaryContainer .summarySection .bgGreen {
  background-color: #00a65a;
}
html .dataSummaryContainer .summaryContainer .summarySection .bgBlack {
  background-color: #000;
}
html .dataSummaryContainer .summaryContainer .summarySection .detailsSummary {
  width: 95%;
  margin: auto;
  min-height: 60px;
  margin-bottom: 15px;
  text-align: center;
  padding: 10px 5px;
}
html .dataSummaryContainer .summaryContainer .summarySection .detailsSummary .ansText {
  padding-top: 5px;
  font-size: 14px;
}
html .dataSummaryContainer .summaryContainer .summarySection2 {
  width: 33.33%;
}
html .sendUserSMSBtn,
html .sendUserEmailBtn,
html .sendUserPushBtn {
  width: 180px;
  height: 40px;
  float: right;
  background-color: #00a65a;
  color: #fff;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Poppins-Light', sans-serif;
  padding: 10px;
  cursor: pointer;
  margin-right: 60px;
}
html .sendUserSMSBtn:hover,
html .sendUserEmailBtn:hover,
html .sendUserPushBtn:hover {
  opacity: 0.8;
}
html .note-editor .checkbox label {
  margin-bottom: 10px;
}
html .note-editor input[type="radio"],
html .note-editor input[type="checkbox"] {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 -24px;
  border: 1px solid #aaaaaa;
}
html .note-editor input[type='checkbox']:after {
  line-height: 1;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 0px;
  margin-left: 0px;
  background: #fff;
  outline: none;
}
html .note-editor input [type="file"]:focus,
html .note-editor input[type="radio"]:focus,
html .note-editor input[type="checkbox"]:focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: 0px;
}
html .note-editor input[type='checkbox']:checked:after {
  background-image: url('../../../img/btn/tickB.png');
  background-size: 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0;
}
html .note-editor input[type="radio"] + label,
html .note-editor input[type="checkbox"] + label {
  font-family: 'Poppins-Light', sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
}
html .note-editing-area ul {
  margin: 0;
  padding: 0 15px;
  list-style: initial;
}
html .iconsFont-lg {
  font-size: 90px;
}
html .accessDeniedBackBtn {
  width: 15%;
}
html .kfhLoginContent {
  padding-top: 5%;
  max-width: 200px;
  margin: auto;
  word-break: break-all;
}
html .kfhLoginContent h1 {
  font-size: 25px;
}
html .kfhLoginContent h1 i {
  font-size: 60px;
}
#BusinessUserForm .unlockAccountBtn,
#BusinessUserForm .enabledisableBtn {
  margin-right: 20px;
  color: white;
  cursor: pointer;
  padding: 17px;
}
#BusinessUserForm .unlockAccountBtn.enable,
#BusinessUserForm .enabledisableBtn.enable {
  color: #00a65a;
  background-color: #f0f0f0;
}
#BusinessUserForm .unlockAccountBtn.disable,
#BusinessUserForm .enabledisableBtn.disable {
  color: #dc2828;
  background-color: #f0f0f0;
}
#BusinessUserForm .unlockAccountBtn.enable:hover,
#BusinessUserForm .enabledisableBtn.enable:hover {
  background-color: #00a65a;
  color: #fff;
}
#BusinessUserForm .unlockAccountBtn.disable:hover,
#BusinessUserForm .enabledisableBtn.disable:hover {
  background-color: #dc2828;
  color: #fff;
}
#BusinessUserForm .disabledLabel {
  color: #dc2828;
  font-size: 17px;
  padding-top: 12px;
}
#entities-table .bodyRows ul .pRow .pRowDetails {
  float: none;
  right: 10px;
  position: absolute;
}
.dropdown-menu.textcomplete-dropdown {
  height: 350px;
  overflow: auto;
}
.col-md-4 .report-container .report-content {
  max-height: unset !important;
}
@media screen and (max-width: 1000px) {
  .col-md-4 .report-container .report-content {
    max-height: 100px !important;
  }
}
/*#region USSD Report*/
#USSDContainer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 650px !important;
  height: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
#CommandPopupContent {
  background-color: white;
  padding: 20px;
  border: 1px solid black;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#CommandPopupClose {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
/*#endregion*/
/*#region Scheduled Reports*/
#scheduledReportFieldsContent .reportFields {
  margin-top: 20px;
}
/*#endregion*/