/* Remark theme global/main custom styles */

.mainLogoText {
  height: 22px;
}

.page {
  min-height: 100%;
}

.sitePathway .site-navbar {
  background-color: #ffffff;
}

.site-menubar-unfold .site-menu>.site-menu-item>a {
  line-height: 46px;
}

.site-menubar-unfold .site-menu-icon {
  margin-right: 16px;
  font-size: 20px;
}
.site-menu > .site-menu-item.active i[class$="-active"] {
  color: #1CC0A9;
}
.site-menu > .site-menu-item .site-menu-title {
  font-size: 20px;
  font-weight: 400;
}
.site-menu > .site-menu-item .enterprise-badge {
  font-weight: 500;
  font-size: 11px;
  background-color: #3E8EF5;
  color: white;
  border-radius: 10px;
  padding: 4px 8px;
}
.site-menu-label.enterprise {
  position: initial;
  margin-left: 5px
}
.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon {
  line-height: 60px;
}

.site-menubar-fold:has(#hasEnterprise[value="1"]) .site-menubar .site-menu > .site-menu-item:has(.enterprise) .site-menu-icon {
  color: #3E8EF5;
}
.site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-icon, .site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-icon, .site-menubar-fold .site-menu > .site-menu-item.open > a .site-menu-icon {
  visibility: visible;
  opacity: 1;
}
.site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item.open > a .site-menu-title {
  visibility: hidden;
  opacity: 0;
}
.site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-badge, .site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-badge, .site-menubar-fold .site-menu > .site-menu-item.open > a .site-menu-badge {
  display: none;
}
.site-menubar-fold .site-menu-item .enterprise-badge {
  padding: 2px 7px;
  font-size: 10px;
}
.site-menubar-fold .site-menu-item .site-menu-title {
  display: inline-block;
  position: absolute;
  margin-left: 95px;
  color: white;
  background-color: #333;
  padding: 5px 10px;
  height: 24px;
  font-size: 12px;
  line-height: 14px;
  margin-top: 18px;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  width: auto !important;
  overflow: visible;
  border-radius: 4px;
}
.site-menubar-fold .site-menu-item:hover .site-menu-title {
  opacity: 1 !important;
  visibility: visible !important;
}
.site-menu-item:hover .site-menu-title::before {
  content: '';
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent #333333 transparent transparent;
  opacity: 1;
}

.sitePathway .site-gridmenu,
.sitePathway .site-menubar {
  background-color: #262E46;
}

.site-menu-item a {
  color: #98A1B7;
}

.sitePathway .site-menu > .site-menu-item.active {
  background: #22293F;
  border-top: 1px solid rgba(0,0,0,.04);
  border-bottom: 1px solid rgba(0,0,0,.04);
}

.siteCampayn .site-navbar {
  background-color: #0089FF;
}

.siteCampayn .mainLogoText {
  height: 26px;
}

.siteCampayn.site-menubar-unfold .navbar-brand-logo {
  display: none;
}

.customFancy .fancybox-close {
  width: 15px;
  height: 15px;
  right: 30px !important;
  top: 24px !important;
  background: url('/images/campayn/X_light_25.png') no-repeat -5px -5px;
}

.customFancy .fancybox-close:hover {
  background: url('/images/campayn/X_dark_25.png') no-repeat -5px -5px;
}

.custom-invisible {
  visibility: hidden !important;
}

.custom-vertical-middle {
  vertical-align: middle !important;
}

.vertical-align-text-top {
  vertical-align: text-top;
}

.vertical-align-text-bottom {
  vertical-align: text-bottom;
}

.editable-close-btn {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: 0 0;
  border: 0 !important;
  outline: 0 !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-appearance: none;
}

/* Needed on Edit Email slider */
.ui-timepicker-wrapper,
.select2-dropdown {
  z-index: 1400;
}

.custom-hidden,
scoreinfo,
.notif-locked-overlay,
.all-notif-number,
notiftemplate,
loggedinasuser,
alertmessage,
sitealert {
  display: none;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.no-underline {
  text-decoration: none !important;
}

.white-space-normal {
  white-space: normal;
}

.border-top-1e4 {
  border-top: 1px solid #e4eaec;
}

.border-bottom-1e4 {
  border-bottom: 1px solid #e4eaec;
}

.scoreAlert p.lead {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: #56595C !important;
  margin-bottom: 20px;
}

.custom-sa-icon {
  display: block !important;
}

.sitealert-toast {
  opacity: 1 !important;
  padding: 20px 20px !important;
}

.sitealert-toast.toast-warning {
  background-color: #f4b066;
}

.sitealert-toast.toast-success {
  background-color: #04a85c;
}

.sitealert-toast.toast-error {
  background-color: #ff4c52;
}

.sitealert-toast .toast-message {
  font-size: 19px;
  line-height: 1.3;
  font-weight: 400;
  text-align: center;
}

.sitealert-toast .toast-message a {
  text-decoration: underline;
}

.loggedasuser {
  text-align: center !important;
  padding: 0px 20px !important;
  color: #000000 !important;
}

.loggedasuser::before {
  display: none !important;
}

.loggedasuser a {
  text-decoration: underline !important;
}

.notif-locked-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  /*background: transparent;*/
  height: 100%;
}

.wh-24,
.notif-avatar {
  width: 24px;
  height: 24px;
}

.w-170 {
  width: 170px !important
}

.w-180 {
  width: 180px !important
}

.w-190 {
  width: 190px !important
}

.w-240 {
  width: 240px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.font-size-32 {
  font-size: 32px !important;
}

.page-aside .list-group.has-actions .list-group-item .list-editable .form-group input.form-control {
  padding-right: 18px;
}

.separator {
  margin-left: 25px;
  margin-right: 25px;
  border-right: 1px solid #E4EAEC;
  font-size: 26px;
  vertical-align: middle;
}

.list-item-time,
.notif-time {
  position: absolute;
  top: 15px;
  right: 12px;
  font-size: 10px;
  font-family: Roboto;
}

.list-item-time {
  top: 10px;
  right: 10px;
}

.cursor-pointer {
  cursor: pointer !important;
}

.position-relative {
  position: relative;
}

@font-face {
  font-family: 'BanglaMNRegular';
  src: url('fonts/bangla-mn-regular.eot');
  src: local('☺'),
     url('fonts/bangla-mn-regular.woff') format('woff'),
     url('fonts/bangla-mn-regular.ttf') format('truetype'),
     url('fonts/bangla-mn-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.font-bangla-regular {
  font-family: "BanglaMNRegular" !important;
}

.pathway-green {
  color: #1CC0A9 !important;
}

.pathway-bg-green {
  background-color: #1CC0A9 !important;
}

.pathway-border-green {
  border-color: #1CC0A9;
}

.pathway-blue {
  color: #1E2A4F !important;
}

.pathway-bg-blue {
  background-color: #1E2A4F !important;
}

.pathway-border-blue {
  border-color: #1E2A4F;
}

.red-600-border {
  border-color: #F96868 !important;
}

/* Set alertify to be always visible */
.alertify {
  z-index: 10000;
}

/* loader styles start */

.loaderHolder,
.loadOverlayBg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.loaderHolder {
  display: none;
  z-index: 10;
}

.loadOverlayBg {
  background-color: #ffffff;
  opacity: 0.5;
}

.loadingOverlay {
  position: relative;
  width: 100%;
  height: 100%;
}

.loaderHolder.fixedLoader {
	position: fixed !important;
}

/* loader styles end */

/* Media queries start */

@media (max-width: 479px) {
  .siteCampayn.site-menubar-unfold .navbar-brand-logo {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .page {
    min-height: 100%;
  }
}

/* Media queries end */

/* Note this is to be used with the "asSpinner" plugin */
.spinnerRange {
  width: auto;
  display: inline-block;
}

.spinnerRange .spinnerUi:first-child input[type="text"] {
  float: right;
  border-radius: 0px;
}

.spinnerRange .spinnerUi:first-child .spinnerUi-up {
  border-left: 1px solid #e4eaec;
  border-radius: .215rem 0 0 0;
  border-right: none;
}

.spinnerRange .spinnerUi:first-child .spinnerUi-down {
  border-left: 1px solid #e4eaec;
  border-radius: 0 0 0 .215rem;
  border-right: none;
}

.spinnerRange .toLabel {
  height: 100%;
  display: inline-block;
  padding: 5px 10px;
  margin: 0px;
  text-align: center;
  background-color: #f3f7f9;
  vertical-align: middle;
  border-top: 1px solid #e4eaec;
  border-bottom: 1px solid #e4eaec;
}

.spinnerRange .spinnerUi:last-child input[type="text"] {
  border-radius: 0px;
}

.variation-a-color {
  color: #0DA7F5;
}

.variation-b-color {
  color: #74C994;
}

.variation-c-color {
  color: #9463F7;
}

.ab-test-color {
  color: #1991EB;
}

.ab-winner-color {
  color: #1CC0A9;
}

.btn-abtest-a {
  border-color: #0DA7F5;
  background-color: #0DA7F5;
}

.btn-abtest-a.focus,
.btn-abtest-a:focus,
.btn-abtest-a:hover {
  border-color: #00C9FF;
  background-color: #00C9FF;
}

.btn-abtest-b {
  border-color: #74C994;
  background-color: #74C994;
}

.btn-abtest-b.focus,
.btn-abtest-b:focus,
.btn-abtest-b:hover {
  border-color: #81E3B4;
  background-color: #81E3B4;
}

.btn-abtest-c {
  border-color: #9463F7;
  background-color: #9463F7;
}

.btn-abtest-c.focus,
.btn-abtest-c:focus,
.btn-abtest-c:hover {
  border-color: #B780FF;
  background-color: #B780FF;
}

.half-center-border:after {
  content: "";
  position: absolute;
  right: 0;
  top: 30%;
  width: 1px;
  height: 40%;
  z-index: 100;
  background: #F2F4F5;
}

.half-center-border.right-left:after {
  right: auto;
  left: 0;
}

.journey-trigger {
  color: #E6B54A;
}

.journey-trigger-bg {
  background-color: #E6B54A;
}

.journey-email {
  color: #1CC0A9;
}

.journey-email-bg {
  background-color: #1CC0A9;
}

.journey-wait {
  color: #7D90A5;
}

.journey-wait-bg {
  background-color: #7D90A5;
}

.journey-action {
  color: #E25499;
}

.journey-action-bg {
  background-color: #E25499;
}

.journey-condition {
  color: #6EC5EB;
}

.journey-condition-bg {
  background-color: #6EC5EB;
}

.journey-sms {
  color: #96C045;
}

.journey-sms-bg {
  background-color: #96C045;
}

.journey-sms {
  color: #96C045;
}

.journey-sms-bg {
  background-color: #96C045;
}

.journey-step-inactive {
  color: #CFDBDF;
}

.journey-step-inactive-bg {
  background-color: #CFDBDF;
}