@charset "utf-8";

body {
  min-height: 100vh !important;
  min-height: -webkit-fill-available;
  background-color: #eef1f8;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}

html {
  height: -webkit-fill-available;
}

a {
  text-decoration: none;
}

a:hover, a:active, a:visited {
  text-decoration: none;
}

button.bg-blue:hover {
  background-color: #004bbd !important;
  border-color: #004bbd !important;
}

.h-0 {
  height: 0 !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.sidebarHeightRestrict {
  height: calc(100vh - (70px));
}

.ppp-col-200-300 {
  min-width: 200px !important;
  max-width: 300px !important;
}

@media only screen 
  and (max-width : 768px) {
    .ppp-col-200-300 {
      max-width: 600px !important;
    }
}

header {
  width: 100%;
  height: 70px !important;
}

.fill-height {
  min-height: 100vh;
}

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

.text-disabled {
  color: #a1a1a1 !important;
}

.bg-white {
  background-color: #fff;
}

.bg-grey {
  background-color: #eef1f8 !important;
}

.bg-lightgrey {
  background-color: #f8f8f8 !important;
}

.bg-darkblue {
  background-color: #08204d;
}

.bg-blue {
  background-color: #004bbd;
}

a.bg-blue:hover {
  background-color: #004bbd;
  border-color: #004bbd;
}

.bg-blue-hover:hover {
  background-color: #004bbd;
  border-color: #004bbd;
}

.bg-red {
  background-color: #dc3545 !important;
}

.bg-red:hover {
  background-color: #dc3545 !important;
}

.bg-darkred {
  background-color: #8b0000;
}

.bg-green {
  background-color: #55b944 !important;
}

.bg-lightgreen {
  background-color: #daebe3 !important;
}

.c-black {
  color: #000;
}

.c-grey {
  color: #9ba9ba;
}

.c-darkgrey {
  color: #79879f;
}

.c-blue {
  color: #004bbd;
}

.c-darkblue {
  color: #002050;
}

.c-darkred {
  color: #8b0000;
}

.c-white {
  color: #fff;
}

a.c-white:hover {
  color: #fff;
}

.c-red {
  color: #b52519;
}

.c-mid-green {
  color: #06996d;
}

.border-blue {
  border-color: #004bbd;
}

.award-badge {
  min-width: 34px;
  min-height: 34px;
  width: 34px;
  height: 34px;
  position: relative;
  left: -22px;
  margin-bottom: 22px;
  border-radius: 20px;
  display: inline-block;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.30);
  transition: all 0.2s ease;
}

.award-badge:hover {
  min-width: 150px;
  min-height: 34px;
  width: 34px;
  height: 34px;
  position: relative;
  left: -138px;
  border-radius: 20px;
  display: inline-block;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.30);
  transition-delay: 250ms;
}

.award-badge-inner {
  width: 24px;
  height: 24px;
  background: transparent;
  position: relative;
  top: -4px;
  left: -5px;
  margin: 10px 10px auto;
  z-index: 10;
  border-radius: 30%;
}

.award-badge-title {
  color: #fff;
  width: 150px;
  font-weight: bold;
  position: relative;
  top: -27px;
  left: 0;
  text-align: center;
  padding-left: 20px;
}

.award-badge-icon {
  position: relative;
  left: 2px;
  top: 0px !important;
}

.award-badge-bg-red {
  background: rgb(251,117,117);
  background: linear-gradient(128deg, rgba(251,117,117,1) 20%, rgba(255,51,51,1) 40%);
}

.award-badge-bg-blue {
  background: rgb(131,215,235);
  background: linear-gradient(128deg, rgba(131,215,235,1) 20%, rgba(1,194,238,1) 40%);
}

.award-badge-bg-green {
  background: rgb(159,215,147);
  background: linear-gradient(128deg, rgba(159,215,147,1) 20%, rgba(58,212,25,1) 40%);
}

.award-badge-bg-yellow {
  background: rgb(236,225,106);
  background: linear-gradient(128deg, rgba(236,225,106,1) 20%, rgba(233,215,25,1) 40%);
}

.award-badge-bg-pink {
  background: rgb(213,125,194);
  background: linear-gradient(128deg, rgba(213,125,194,1) 20%, rgba(212,31,173,1) 40%);
}

.award-badge-bg-purple {
  background: rgb(200,115,251);
  background: linear-gradient(128deg, rgba(200,115,251,1) 20%, rgba(153,1,246,1) 40%);
}

.award-badge-icon-red {
  color: #b52519;  
}

.award-badge-icon-blue{
  color: #0a148e;  
}

.award-badge-icon-green {
  color: #2c9f14;  
}

.award-badge-icon-yellow {
  color: #b5a70e;  
}

.award-badge-icon-pink {
  color: #a61887;  
}

.award-badge-icon-white {
  color: #fff;  
}

.HelperWrapper {
  position: absolute;
  top: 46px;
  left: 0px;
  z-index: 999;
  background-color: #fff;
  width: 100%;
  border-style: solid;
  border-color: #0047c4;
  border-width: 3px;
  border-radius: 10px;
  padding: 10px 0 5px 0;
}

/* Wrapper of custom bootstrap tooltip */
.ppptooltip.tooltip {
  opacity: 1 !important;
}

/* Inner content area of custom bootstrap tooltip */
.ppptooltip.tooltip > .tooltip-inner {
  /*background-color: #bed0ec !important;*/
  background-color: #fff !important;
  box-shadow: 0px 0px 4px 1px #a0a3a8 !important;
  padding-left: 20px;
  padding-right: 20px;
  border-style: solid;
  border-color: #004bbd;
  border-width: 2px;
  min-width: auto !important;
  color: #000 !important;
}

.ppptooltip-wide {
  min-width: 400px;
}

.ppptooltip-wide.tooltip > .tooltip-inner {
  /*background-color: #bed0ec !important;*/
  background-color: #fff !important;
  box-shadow: 0px 0px 4px 1px #a0a3a8 !important;
  padding-left: 20px;
  padding-right: 20px;
  border-style: solid;
  border-color: #004bbd;
  border-width: 2px;
  min-width: 100% !important;
  color: #000 !important;
}

.ppp-custom-tooltip {
  background-color: #fff !important;
  opacity: 1 !important;
}

.admin-title {
  font-size: 24px;
}

.sub-message {
  position: relative;
  top: 80px;
  text-align: center;
  padding-bottom: 50px;
}

.modal-header {
  align-items: flex-start;
  border-style: none !important;
}

.modal-footer {
  justify-content: flex-start;
  border-style: none !important;
}

.modal-header--sticky {
  position: sticky;
  top: 0;
  background-color: inherit;
  z-index: 1055;
}

.modal-history-date-adj {
  margin-top: -14px;
}

.fit-content {
  width: fit-content !important;
}

.hr-lg {
  color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  opacity: 1.0;
}

.interact-box {
  width: 450px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
}

.grey-pipe {
  height: 100%;
  max-height: 26px;
  border-right-style: solid;
  border-width: 2px;
  border-color: #e5e9f0;
}

.package-icon {
  height: 26px;
}

.package-name {
  color: #55b944;
  font-weight: 600;
  font-size: 20px;
}

.package-price {
  font-weight: 600;
  font-size: 26px;
}

.package-duration-detail {
  font-weight: 100 !important;
  font-size: 14px;
  position: relative;
  top: -3px;
}

.package-detail-item {
  list-style-type: none;
}

.ppp-ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.package-bullet {
  background-color: #ecf4fd;
  border-radius: 5px;
  stroke-width: 3px;
}

.ppp-notes {
  border-style: solid;
  border-width: 2px;
  border-color: #c9c9c9;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 10px;
}

.ppp-table-header {
  
}

.ppp-wo-btn {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #004bbd !important;
  border-radius: 5px;
  padding: 5px;
  background-color: #fff !important;
  color: #004bbd !important;
  width: auto;
  display: inline-block;
  cursor: pointer;
  outline: none;
}

.ppp-wo-btn-sm {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #004bbd !important;
  border-radius: 5px;
  padding: 0px 3px;
  background-color: #fff !important;
  color: #004bbd !important;
  width: auto;
  display: inline-block;
  cursor: pointer;
  outline: none;
  position: relative;
  top: -1px;
}

.ppp-wo-btn-sm-disabled {
  border-width: 0px !important;
  border-style: none !important;
  border-color: #004bbd !important;
  border-radius: 5px;
  padding: 0px 3px;
  background-color: #fff !important;
  color: #004bbd !important;
  width: auto;
  display: inline-block;
  cursor: not-allowed;
  outline: none;
  position: relative;
  top: -1px;
}

.btn-min-max-save {
  width: 180px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: white;
  padding: 4px 0px;
  border-radius: 10px;
  z-index: 999;
}

.btn-ppp {
  background-color: #004bbd;
  color: #fff;
  border-radius: 10px;
  padding: 5px 10px;
  border-style: none;
  font-weight: 400;
  font-size: 13px;
}

.btn-ppp-lg {
  background-color: #004bbd;
  color: #fff;
  border-radius: 10px;
  padding: 5px 10px;
  border-style: none;
  font-weight: 400;
  font-size: 18px;
}

.btn-ppp-amazon {
  font-weight: 600;
  font-size: 14px;
  background-color: #004bbd;
  color: #fff;
  border-radius: 10px;
  padding: 12px 30px 10px 30px;
  border-style: none;
  width: auto;
  display: flex;
  align-items: center;
}

.btn-ppp-listings {
  font-weight: 600;
  font-size: 14px;
  background-color: #004bbd;
  color: #fff;
  border-radius: 10px;
  padding: 11px 30px 11px 30px;
  border-style: none;
  margin: 5px 10px;
  width: auto;
  display: flex;
  align-items: center;
  -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all 1.0s ease;
}

.btn-ppp-listings:hover {
  background-color: #004bbd !important;
  color: #fff;
}

.btn-ppp-save {
  color: #004bbd !important;
  background-color: #bed0ec !important;
}

.btn-ppp-save:hover {
  color: #004bbd !important;
  background-color: #bed0ec !important;
}

#InfoButton:hover {
  background-color: #8b8b8b!important;
}

#StrategyMessage:hover {
  background-color: #8b8b8b!important;
}

.btn-ppp-wo-conversion {
  background-color: #fff !important;
  color: #004bbd !important;
  border-style: solid;
  border-width: 1px;
  border-color: #004bbd;
}

.btn-ppp-account {
  font-weight: 600;
  font-size: 14px;
  background-color: #004bbd;
  color: #fff;
  border-radius: 10px;
  padding: 12px 30px 10px 30px;
  border-style: none;
  margin: 5px 10px;
  width: auto;
  display: flex;
  align-items: center;
}

.btn-ppp-help {
  font-weight: 600;
  font-size: 14px;
  background-color: #fff;
  color: #000;
  border-radius: 10px;
  padding: 12px 30px 10px 30px;
  border-style: none;
  margin: 5px 10px;
  width: auto;
  display: flex;
  align-items: center;
}

.btn-ppp-help-min-width {
  min-width: 241px;
}

.btn-ppp-positive {
  font-weight: 600;
  font-size: 14px;
  background-color: #004bbd;
  color: #fff;
  border-radius: 10px;
  padding: 12px 30px 10px 30px;
  border-style: none;
  margin: 5px 10px;
  width: auto;
  display: flex;
  align-items: center;
}

.btn-ppp-positive:hover {
  font-weight: 600;
  font-size: 14px;
  background-color: #004bbd;
  color: #fff;
  border-radius: 10px;
  padding: 12px 30px 10px 30px;
  border-style: none;
  margin: 5px 10px;
  width: auto;
  display: flex;
  align-items: center;
}

.btn-ppp-positive-no-flex {
  font-weight: 600;
  font-size: 14px;
  background-color: #004bbd;
  color: #fff;
  border-radius: 10px;
  padding: 12px 30px 10px 30px;
  border-style: none;
  margin: 5px 10px;
  width: auto;
  align-items: center;
}

.btn-ppp-negative {
  font-weight: 600;
  font-size: 14px;
  border-radius: 10px;
  padding: 12px 30px 10px 30px;
  margin: 5px 10px;
  width: auto;
  display: flex;
  align-items: center;
  background-color: #fff !important;
  color: #004bbd !important;
  border-style: solid;
  border-width: 1px;
  border-color: #004bbd;
}

.btn-ppp-negative:hover {
  font-weight: 600;
  font-size: 14px;
  border-radius: 10px;
  padding: 12px 30px 10px 30px;
  margin: 5px 10px;
  width: auto;
  display: flex;
  align-items: center;
  background-color: #fff !important;
  color: #004bbd !important;
  border-style: solid;
  border-width: 1px;
  border-color: #004bbd;
}

.btn-ppp-negative-no-flex {
  font-weight: 600;
  font-size: 14px;
  border-radius: 10px;
  padding: 12px 30px 10px 30px;
  margin: 5px 10px;
  width: auto;
  align-items: center;
  background-color: #fff !important;
  color: #004bbd !important;
  border-style: solid;
  border-width: 1px;
  border-color: #004bbd;
}

.btn-ppp-minmax-list {
  max-height: 31.5px !important;
  padding: 6px !important;
  font-size: 13px !important;
  position: relative;
  top: -5px;
  margin: 0 0 10px 0 !important;
}

.disabled {
  border-style: solid;
  border-color: #004bbd;
  opacity: 0.5;
  cursor: not-allowed !important;
}

.btn-ppp-bw {
  background-color: #fff !important;
  color: #000 !important;
}

.btn-ppp-csv-video {
  min-height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btn-ppp-help-icon {
  min-height: 150px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btn-ppp-help-icon-sm {
  min-height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btn-ppp-help-selected {
  border-style: solid;
  border-width: 2px;
  border-color: #004bbd;
}

.btn-ppp-help-selected > div > div > div {
  color: #004bbd !important;
}

.btn-ppp-wizard {
  font-weight: 600;
  font-size: 14px;
  background-color: #004bbd;
  color: #fff;
  border-radius: 10px;
  padding: 10px 30px 10px 30px;
  border-style: none;
  margin: 5px 10px;
  width: auto;
  display: flex;
  align-items: center;
}

.btn-ppp-wizard:hover {
  background-color: #004bbd;
  color: #fff;
}

.btn-lightblue {
  color: #004bbd;
  background-color: #bed0ec;
}

.btn-darkblue {
  color: #002050;
  background-color: #bed0ec;
}

.inv-icon-btn-adj {
  position: relative;
  top: -7px;
}

.error-bar {
  background-color: #ff3333;
  top: 0;
  left: 0;
  text-align: center;
}

.change-unsaved {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: #ffac1c;
/*  background-color: rgba(255, 172, 28,0.3) !important;*/
  background-color: #ffe6c2 !important;
}

.change-unsaved-bg {
  background-color: #ffe6c2 !important;
}

.change-saved {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: #2fde49;
/*  background-color: rgba(47, 222, 73,0.3) !important;*/
  background-color: #caf6cc !important;
}

.change-saved-bg {
  background-color: #caf6cc !important;
}

/* Blue Pulse Effect Start */
.blob.blue {
  background: rgba(0, 75, 189, 1);
  box-shadow: 0 0 0 0 rgba(0, 75, 189, 1);
  animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 75, 189, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 75, 189, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 75, 189, 0);
  }
}
/* Blue Pulse Effect End */

.hr-grey {
  color: #e5e7ed;
  background-color: #e5e7ed;
  height: 2px !important;
  margin-top: 40px;
  margin-bottom: 40px;
}

.ppp-padding-10 {
  padding: 0 10px;
}

.ppp-padding {
  padding:0 2px;
}

.page-wrapper {
  min-height: 100vh;
}

.sidebar-wrapper {
  width: auto;
}

.right-section-wrapper {
  flex: 1;
}

.chart-dd {
  font-size: 12px;
  font-weight: 400;
  border-style: none;
  outline: none !important;
}

.chart-adjust {
  width: 100% !important;
  height: 250px !important;
}

.chart-adjust-m {
  width: 100% !important;
  height: 225px !important;
}

.chart-adjust-s {
  width: 100% !important;
  height: 180px !important;
}

.header-wrapper {
  z-index: 999;
  width: 100%;
}

.ppp-listing-title {
  color: #002050;
  font-size: 14px;
}

.semi-bold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.no-bg {
  background-color: transparent !important;
}

.buy-price-vat {
  position: relative;
  left: 90px;
  top: 36px;
  display: table;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 9px;
  width: 85px;
  text-align: center;
}

.buy-price-vat-list {
  position: relative;
  left: -82px;
  top: 22px;
  display: table;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 9px;
  width: 85px;
  text-align: center;
}

.ppp-no-margin {
  margin: 0 !important;
}

.ppp-ext-input-wrapper {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #98a5ba;
  border-radius: 5px;
  height: 33px !important;
}

.ppp-ext-input-wrapper-label {
  background-color: #fff;
  color: #7687a2;
  position: relative;
  top: -12px;
  left: 5px;
  height: 12px;
  width: fit-content;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  z-index: 100;
}

.ppp-ext-input {
  border-style: none;
  padding: 0 10px 0 10px !important;
  height: auto !important;
  border-radius: 10px;
  border-color: #a1a1a1;
  margin-top: auto;
  margin-bottom: auto;
  outline: none !important;
  position: relative;
  top: -10px;
}

.ppp-ext-number-input {
  box-shadow: none !important;
  position: relative;
  top: -14px;
}

.ppp-ext-number-input-with-bg {
  box-shadow: none !important;
  position: relative;
  top: 0px;
  padding-left: 4px !important;
  padding-right: 4px !important;
  font-size: 12px !important;
}

.ppp-ext-dropdown {
  border-style: none;
  padding: 0 10px 0 10px !important;
  height: auto !important;
  background-position: right 0px top 3px;
  border-radius: 10px;
  border-color: #a1a1a1;
  margin-top: auto;
  margin-bottom: auto;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; /* Delete the default arrow on select drop down */
  /*background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E"); /* Add custom arrow on select drop down */
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18.000000 14.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0,11) scale(0.053,-0.053)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M12 123 c8 -18 73 -113 78 -113 3 0 14 15 26 33 11 17 29 44 38 60%0A18 26 18 27 -1 27 -12 0 -27 -13 -39 -35 -10 -19 -21 -35 -24 -35 -3 0 -14 16%0A-24 35 -12 21 -27 35 -38 35 -11 0 -18 -3 -16 -7z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: relative;
  top: -12px;
}

.ppp-text-input {
  padding: 10px 15px;
  border-style: solid;
  border-radius: 10px;
  font-size: 18px;
  width: 100%;
  outline: none !important;
}

.ppp-text-input-wizard {
  padding: 10px 15px;
  border-style: solid;
  border-color: #004bbd;
  border-radius: 10px;
  font-size: 18px;
  width: 100%;
  outline: none !important;
}

.ppp-info-input-wrapper {
  float: right;
  position: relative;
  top: -3px;
}

.ppp-input-currency {
  background-color: #eef1f8;
  border-radius: 5px;
  padding: 3px 3px;
  position: relative;
  height: 26px;
  left: 17px;
  top: 0px;
}

.ppp-input-currency-list-view {
  background-color: #eef1f8;
  border-radius: 5px;
  padding: 3.2px 3px;
  position: relative;
  height: 26px;
  left: -30px;
  top: -13.3px;
}

.small-input {
  width: 80px;
  height: 26px !important;
  outline: none;
  color: #002050;
  font-size: 14px;
  padding-top: 7px;
}

.small-input-currency {
  padding-left: 15px;
  padding-right: 5px;
  text-align: right;
}

.small-input-higher {
  margin-top: -3px;
}

.small-input-currency-list-view {
  padding-left: 15px;
  padding-right: 5px;
  text-align: right;
  position: relative;
  top: 10px;
}

.filter-close-area {
  width: 100%;
  height: 42px;
  background-color: transparent;
  position: absolute;
  top: -1px;
  z-index: 999;
}

.filter-wrapper {
  width: 100%;
  float: left;
  position: relative;
}

.filter-border-left {
  width: 2px;
  height: 100%;
  background-color: #f8f8f8;
  position: absolute;
  left: 0;
}

.filter-border-right {
  width: 2px;
  height: 100%;
  background-color: #f8f8f8;
  position: absolute;
  right: -10px;
}

.filter-selection-margin {
  margin-left: 15px;
  /* margin-right: 15px; */
}

.mkt-li {
  list-style-type: none;
}

.border-right-lgrey {
  width: 2px;
  background-color: #f8f8f8;
  position: relative;
  right: 0;
  margin-left: 0px;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .remove-grey-border-xs-sm {
    background-color: transparent !important;
  }
}

.border-grey {
  border-style: solid;
  border-radius: 10px;
  border-color: #949494 !important;
  border-width: 1px;
}

.ppp-toggle {
  width: 34px !important;
  height: 18px !important;
  margin-left: 8px !important;
  position: relative;
  top: -2px;
}

.ppp-toggle:checked {
  background-color: #55b944 !important;
  border-color: #55b944 !important;
  /* background-color: #004bbd !important; */
  /* border-color: #004bbd !important; */
}

.ppp-ext-toggle {
  width: 26px !important;
  height: 14px !important;
  margin-left: 8px !important;
  position: relative;
  top: -2px;
}

.ppp-ext-toggle:checked {
  background-color: #55b944 !important;
  border-color: #55b944 !important;
  /* background-color: #004bbd !important; */
  /* border-color: #004bbd !important; */
}

/* .ppp-toggle::after {
  content: 'OFF';
  font-size: 8px;
  color: #004bbd;
  position: relative;
  top: -4px;
  left: 15px;
} */

.ppp-toggle:checked:after {
  content: 'ON';
  font-size: 8px;
  color: #fff;
  position: relative;
  top: -4px;
  left: 3px;
}

.ppp-toggle-adj:checked:after {
  content: 'ON';
  font-size: 8px;
  color: #fff;
  position: relative;
  top: -2px !important;
  left: 3px;
}

.ppp-toggle-on-on {
  background-color: #55b944 !important;
  border-color: #55b944 !important;
  /* Change colour of switch within toggle using FILL section of SVG data */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important;
}

.ppp-toggle-on-on:checked:after {
  content: '' !important;
}

.ppp-toggle-no-text:checked:after {
  content: '' !important;
}

.ppp-radio {
  width: 18px;
  height: 18px;
  position: relative;
  top: -2px;
}

.ppp-radio:checked {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23004bbd'/%3e%3c/svg%3e") !important;
  width: 18px;
  height: 18px;
}

.flag-settings {
    max-width: 35px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.4);
}

.ppp-filter-select {
  background-color: #fff;
  width: 100%;
  height: 42px;
  border-style: solid;
  border-width: 1px;
  border-color: #a1a1a1;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 0;
  border-radius: 10px;
  z-index: 100;
}

.filter-selection-margin::after {
  content: "⌄";
  font-size: 18px;
  margin-top: -8px;
  float: right;
  margin-right: 15px;
}

.filter-selection-margin-open::after {
  margin-top: 2px !important;
  margin-bottom: -8px !important;
  transform: rotate(180deg) !important;
}

.roi-info-dropdown {
  background-color: #cfdbf0;
  cursor: pointer;
}

.roi-info-dropdown-arrow::after {
  content: "⌄";
  font-size: 18px;
  margin-top: -8px;
  float: right;
  margin-right: 0px;
  float: right;
  cursor: pointer;
}

.ppp-filter-list {
  background-color: #fff;
  width: 100%;
  border-radius: 10px;
  position: relative;
  top: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #a1a1a1;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 15px;
}

.ppp-dropdown {
  border-radius: 10px;
  border-color: #a1a1a1;
  padding: 10px 30px 10px 15px !important;
  height: 42px !important;
  margin-top: auto;
  margin-bottom: auto;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; /* Delete the default arrow on select drop down */
  /*background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z' fill='currentColor' /%3E%3C/svg%3E"); /* Add custom arrow on select drop down */
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18.000000 14.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0,11) scale(0.053,-0.053)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M12 123 c8 -18 73 -113 78 -113 3 0 14 15 26 33 11 17 29 44 38 60%0A18 26 18 27 -1 27 -12 0 -27 -13 -39 -35 -10 -19 -21 -35 -24 -35 -3 0 -14 16%0A-24 35 -12 21 -27 35 -38 35 -11 0 -18 -3 -16 -7z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px top 13px;
}

.ppp-dropdown-slim {
  padding: 5px 30px 5px 15px !important;
  height: 32px !important;
  background-position: right 8px top 8px;
  margin-right: 5px;
}

.ppp-tile {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  width: 100%;
}

.video-thumb {
  width: 100%;
}

.mkt-settings-row {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #cdd5e4;
}

.mkt-sort-icon-adj {
  margin-top: -9px;
}

.tooltip-inner {
  min-width: 250px;
  background-color: #fff;
  box-shadow: 0px 0px 4px #a0a3a8;
  color: #000 !important;
  opacity: 1 !important;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}

.tooltip-arrow::before {
  border-bottom-color: #fff !important;
  /* opacity: 0.5 !important; */
}

.ppp-mkt-select {
  background-color: #eef1f8;
  border-color: #e1e8f7;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  width: auto;
  height: 34px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.ppp-mkt-selected {
  border-color: #004bbd !important;
  border-width: 2px !important;
  padding-top: 7px !important;
}

.bulk-select-wrapper {
  background-color: #fff;
  border-color: #fff;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  width: auto;
  height: 34px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.bulk-select-wrapper-list {
  background-color: #fff;
  border-color: #fff;
  border-style: none;
  border-width: 0;
  border-radius: 0;
  width: auto;
  height: 34px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  position: relative;
  top: -15px;
  left: -38px;
}

.bulk-select-mkt-adj {
  position: relative;
  left: 10px;
}

.ppp-mkt-info-list-view {
  background-color: #eef1f8;
  border-color: #e1e8f7;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  width: auto;
  height: 34px !important;
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 85px;
}

.ppp-listing-img-wrapper {
  width: 213px;
  height: 213px;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f3f9;
  border-radius: 10px;
  padding: 5px;
}

.ppp-listing-img {
  width: 203px;
  height: 203px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ppp-listing-img-wrapper-list {
  width: 50px;
  height: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f3f9;
  border-radius: 10px;
  padding: 5px;
}

.ppp-listing-img-list {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ppp-listing-img-wrapper-small {
  width: 110px;
  height: 110px;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f3f9;
  border-radius: 10px;
  padding: 5px;
}

.ppp-listing-img-small {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ppp-inventory-img-wrapper {
  width: 113px;
  height: 113px;
  border-style: solid;
  border-width: 1px;
  border-color: #f0f3f9;
  border-radius: 10px;
  padding: 5px;
}

.ppp-inventory-img {
  width: 103px;
  height: 103px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.bulk-select-section {
  width: 20px !important;
}

.mkt-wrapper > div:first-child {
  margin-top: 0 !important;
}

.mkt-wrapper > div:last-child {
  margin-bottom: 0 !important;
}

.mkt-name {
  width: 33px !important;
  font-size: 16px;
  text-align: center;
  position: relative;
  top: -4px;
}

.mkt-name-ext {
  width: auto;
  font-size: 11px;
  text-align: center;
  position: relative;
  top: 2px;
}

.mkt-flag {
  width: 22px !important;
  height: 22px !important;
  position: relative;
  top: -3px;
  background-size: cover;
  background-repeat: no-repeat;
}

.mkt-flag-ext {
  width: 18px !important;
  height: 18px !important;
  position: relative;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.mkt-info-flag-adj {
  position: relative;
  top: 1px;
}

.mkt-info-flag-adj-history {
  position: relative;
  top: -1px;
}

.mkt-flag-img {
  position: relative;
  top: -1px;
}

.table-header {
  background-color: #eef1f7;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  text-align: center;
  flex-direction: column;
}

.history-header {
  background-color: #eef1f7;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  text-align: center;
  flex-direction: column;
}

.history-text {
  margin-top: auto;
  margin-bottom: auto;
}

.history-date {
  background-color: #eafae9;
  text-align: center;
  flex-direction: column;
}

.history-events {
  border-style: solid;
  border-width: 1px;
  border-color: #c9c9c9;
}

.history-events-row > *:last-child > *:first-child {
  border-bottom-left-radius: 10px;
}

.history-events-row > *:last-child > *:last-child {
  border-bottom-right-radius: 10px;
}

.history-scroll {
  min-width: 748px;
  overflow: scroll;
}

.list-view-th {
  background-color: #eef1f7 !important;
  text-align: center !important;
}

.list-view-td {
  text-align: center !important;
}

.rounded-tl {
  border-top-left-radius: 10px;
}

.rounded-tr {
  border-top-right-radius: 10px;
}

.rounded-bl {
  border-bottom-left-radius: 10px;
}

.rounded-br {
  border-bottom-right-radius: 10px;
}

.rounded-all {
  border-radius: 10px;
}

.rounded-pill {
  border-radius: 100%;
}

.pill {
  padding: 5px 30px !important;
}

.pill-shadow {
  -webkit-box-shadow: 0px 2px 5px 2px rgba(85, 85, 85, 0.2);
  box-shadow: 0px 2px 5px 2px rgba(85,85,85,0.2);
}

.square-b {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.square-t {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.star-checked {
  fill: #004bbd;
}

.main-wrapper-px {
  padding: 10px 12px;
}

.main-content-px {
  padding: 0 10px;
}

.progress-bar-listings-upto-55 {
  background: rgb(142,226,110);
  background: linear-gradient(128deg, rgba(142,226,110,1) 100%, rgba(197,41,28,1) 95%);
}

.progress-bar-listings-upto-85 {
  background: rgb(142,226,110);
  background: linear-gradient(128deg, rgba(142,226,110,1) 55%, rgba(186,87,34,1) 97%);
}

.progress-bar-listings-upto-100 {
  background: rgb(142,226,110);
  background: linear-gradient(128deg, rgba(142,226,110,1) 55%, rgba(197,41,28,1) 95%);
}

.dash-stat {
  font-size: 32px;
  font-weight: 700;
  color: #002050;
  margin-top: auto !important;
}

.tile-3d {
  border-bottom-style: solid;
  border-bottom-width: 6px;
  border-bottom-color: #eee;
}

.tile-shadow {
  -webkit-box-shadow: 0px 5px 15px 5px rgba(153,153,153,0.3);
  box-shadow: 0px 5px 15px 5px rgba(153,153,153,0.3);
}

.tile-shadow-light {
  -webkit-box-shadow: 0px 5px 15px 5px rgba(153,153,153,0.1);
  box-shadow: 0px 5px 15px 5px rgba(153,153,153,0.1);
}

.chart-header {
  font-size: 16px;
  font-weight: 700;
}

.header-md {
  font-size: 14px;
  font-weight: 700;
}

.header-lg {
  font-size: 18px;
  font-weight: 700;
}

.table-header-padding {
  padding: 3px 5px 0 5px;
}

.sku-table {
  overflow-x: scroll !important;
  min-width: 850px !important;
  padding-right: 70px;
}

.bb-sash-md {
  width: 100px;
  height: 20px;
  background-color: #004bbd;
  transform: rotate(45deg);
  text-align: center;
  color: #fff;
  font-weight: bold;
  position: relative;
  top: -10px;
  left: 50px;
}

.bb-sash-xs {
  width: 100px;
  height: 20px;
  background-color: #004bbd;
  transform: rotate(45deg);
  text-align: center;
  color: #fff;
  font-weight: bold;
  position: relative;
  top: -10px;
  left: 75px;
  float: right;
}

.mx-4px {
  margin: 0 4px !important;
}

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}

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

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

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

.f-24 {
  font-size: 24px;
}

.no-border {
  border-style: none !important;
}

.border-ppp-setting {
  border-style: solid;
  border-width: 1px;
  border-color: #949494;
  border-radius: 10px;
  margin: 0 12px;
}

.dropdown-toggle { outline: 0; }

.dropdown-item {
  font-size: 14px;
}

.pointer {
  cursor: pointer;
}

.pointer-disabled {
  cursor: not-allowed !important;
}

.snl-enrol-btn {
  position: relative;
  top: 0px;
}

.snl-unenrol-btn {
  position: relative;
  top: 0.5px;
}

.snl-light {
  background-color: orange;
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 2px;
  border-radius: 100%;
  margin-left: 5px;
  margin-right: 5px;
}

.snl-light-grey {
  background-color: #b0b0b0;
}

.snl-light-red {
  background-color: #ff3333;
}

.snl-light-orange {
  background-color: #ff9900;
}

.snl-light-green {
  background-color: #55b944;
}

.btn-apply-bulk {
  padding: 5px 8px !important;
}

.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.scrollarea {
  overflow-y: auto;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.main-content {
  width: 100%;
  padding-top: 70px;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-padding {
  padding-top: 60px;
}

/* Standard Bootstrap Nav Item Modification */
.nav-item {
  line-height: 36px !important;
}

/* Active Nav Item Adjustment */
.active {
  background-color: #004bbd !important;
  color: #fff !important;
}

.nav-link:focus, .nav-link:hover {
  color: #fff;
}

.nav-item > a > span {
  top: 1px;
  position: relative;
}

.sidebar-nav-item {
  padding-left: 40px;
}

.fi-15{
  width: 15px;
  height: 15px;
  top: -1px;
  position: relative;
}

.fi-20{
  width: 20px;
  height: 20px;
  top: -1px;
  position: relative;
}

.fi-24{
  width: 24px;
  height: 24px;
  top: -1px;
  position: relative;
}

.fi-28{
  width: 28px;
  height: 28px;
  top: -1px;
  position: relative;
}

.fi-thick {
  stroke-width: 3px;
}

.fi-nudge-down {
  position: relative;
  top:0px;
}

.up-icon-adj-height {
  position: relative;
  top: -8px;
}

.down-icon-adj-height {
  position: relative;
  top: -8px;
}

.notification-info {
  font-size: 9px;
  top: -4px;
  position: relative;
}

.ppp-pagination {
  border-radius: 10px;
  border-style: solid;
  border-color: #949494;
  border-width: 1px;
  padding: 0 5px;
}

.ppp-pagination-text {
  color: #004bbd;
  font-weight: 600;
}

.ppp-pagination-disabled { 
  color: #949494 !important;
  cursor: not-allowed !important;
}

.ppp-page-number-selected {
  background-color: #004bbd;
  color: #fff;
}

.bulk-select-info {
  background-color: #bed0ec;
  border-radius: 10px;
  margin: 5px 10px;
  display: flex;
  align-items: center;
}

/* Custom Checkboxes */

/* Customize the label (the ppp-checkbox-wrapper) */
.ppp-checkbox-wrapper {
float: left;
clear: both;
padding-right: 10px;
}

.ppp-checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.ppp-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
margin-right: 5px;
background-color: #fff;
border-color: #d9d9d9;
border-style: solid;
border-width: 2px;
border-radius: 5px;
}

/* Adjust custom checkbox */
.checkmark-bulk-select {
  top: -1px;
}

.bulk-select-all {
  top: -4px;
}

/* On mouse-over, add a grey background color */
.ppp-checkbox:hover input ~ .checkmark {
background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.ppp-checkbox input:checked ~ .checkmark {
border-color: #5cda39;
border-style: solid;
border-width: 2px;
border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.ppp-checkbox input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.ppp-checkbox .checkmark:after {
left: 5px;
top: 1px;
width: 6px;
height: 12px;
border: solid #5cda39;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* End custom checkbox */

.ppp-tile-no-bg {
  background-color: #eef1f8;
  box-shadow: none;
}

.white-table {
  background-color: #fff;
}

.btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  border-radius: 10rem; }

.badge-primary {
  color: #FFFFFF;
  background-color: #2C7BE5; }
  a.badge-primary:hover, a.badge-primary:focus {
    color: #FFFFFF;
    background-color: #1643d4; }
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(51, 94, 234, 0.5); }

.badge-secondary {
  color: #FFFFFF;
  background-color: #506690; }
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: #FFFFFF;
    background-color: #3e4f6f; }
  a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(80, 102, 144, 0.5); }

.badge-success {
  color: #FFFFFF;
  background-color: #55b944; }
  a.badge-success:hover, a.badge-success:focus {
    color: #FFFFFF;
    background-color: #359478; }
  a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(66, 186, 150, 0.5); }

.badge-info {
  color: #FFFFFF;
  background-color: #7C69EF; }
  a.badge-info:hover, a.badge-info:focus {
    color: #FFFFFF;
    background-color: #543bea; }
  a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(124, 105, 239, 0.5); }

.badge-warning {
  color: #2B354F;
  background-color: #FAD776; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #2B354F;
    background-color: #f8c945; }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(250, 215, 118, 0.5); }

.badge-danger {
  color: #FFFFFF;
  background-color: #DF4759; }
  a.badge-danger:hover, a.badge-danger:focus {
    color: #FFFFFF;
    background-color: #cf2438; }
  a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(223, 71, 89, 0.5); }

.badge-light {
  color: #2B354F;
  background-color: #f5f5f5; }
  a.badge-light:hover, a.badge-light:focus {
    color: #2B354F;
    background-color: #d3e2f0; }
  a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(249, 251, 253, 0.5); }

.badge-dark {
  color: #FFFFFF;
  background-color: #2B354F; }
  a.badge-dark:hover, a.badge-dark:focus {
    color: #FFFFFF;
    background-color: #191f2e; }
  a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(43, 53, 79, 0.5); }

.badge-primary-desat {
  color: #FFFFFF;
  background-color: #6C8AEC; }
  a.badge-primary-desat:hover, a.badge-primary-desat:focus {
    color: #FFFFFF;
    background-color: #3f66e6; }
  a.badge-primary-desat:focus, a.badge-primary-desat.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(108, 138, 236, 0.5); }

.badge-black {
  color: #FFFFFF;
  background-color: #161C2D; }
  a.badge-black:hover, a.badge-black:focus {
    color: #FFFFFF;
    background-color: #05070b; }
  a.badge-black:focus, a.badge-black.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(22, 28, 45, 0.5); }

.automationActiveLabel {
  margin-left: 5px;
  color: #00bb00;
}

.EditIcon {
  color: #235b8e;
  cursor: pointer;
}

.activity-table {
  text-align: left !important;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.activity-table-left {
  text-align: left !important;
  border-right: 1px solid #ddd;
}

.activity-table-right {
  text-align: left !important;
  border-left: 1px solid #ddd;
}

.rounded-table-header {
  border: 1px solid #ddd;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.welcomeText {
  font-size: 36px;
  font-weight: bold;
  margin-top: 20px;
}

.welcomeSubtitleText {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}

.loginPageText {
  font-family: 'Poppins', sans-serif;
}

.signInButton {
  width: 100% !important;
  height: 60px;
}

.loginPageGradient {
  background: rgb(116,210,123);
  background: linear-gradient(45deg, rgba(116,210,123,1) 25%, rgba(101,157,255,1) 75%);
  padding-left: 0px;
}

.loginGradientTextContainer {
  width: 90%;
  background-color: rgba(255,255,255,0.35);
  border: 1px solid white;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15%;
  margin-bottom: 15%;
}

.loginGradientTextBold {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}

.loginGradientText {
  font-size: 22px !important;
  color: #fff;
}

.newLoginInput {
  width: 95% !important;
  border-left: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-width: 2px;
  border-color: rgb(150, 150, 150);
  opacity: 1.0 !important;
  padding-left: 25px;
}

.newLoginInputIcon {
  width: 5%;
  padding-top: 12px;
  padding-bottom: 11px;
  border-style: solid;
  border-width: 2px;
  border-color: rgb(150, 150, 150);
  border-radius: 10px;
  float: left;
  margin-top: 5px;
  padding-left: 12px;
  border-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}