@charset "UTF-8";
/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/* Authentication page css */
/*-------------------------*/
/* $color_main: #1c537c; */
/* $color_main_light_rgba: rgba(78, 118, 193, 0.2); */
/*$color_additive: #cadc4a;*/
.bg-authentication {
  background-color: #F2F4F4;
}

.bg-authentication #icon-arrow {
  position: absolute;
  top: 11px;
  right: 15px;
}

.bg-authentication .brand-text {
  color: #5A8DEE;
  font-weight: 600;
  letter-spacing: 0.01rem;
}

@media only screen and (min-width: 992px) {
  .bg-authentication .disable-rounded-right {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE Specific CSS */
  .bg-authentication {
    width: 100%;
    display: block;
  }
}
/* A href color fix */
/*
a:not([href]):not([tabindex]) {
    color: #fff;
}
*/
.modal-dialog {
  max-width: 50%;
}

/* Alert notification css */
div.alert-msg-box {
  position: absolute;
  top: 3%;
  left: 15%;
  z-index: 99999;
  width: 70%;
  display: block;
}
div.alert-msg-box.alert-success, div.alert-msg-box.alert-danger {
  border: none;
}
div.alert-msg-box.alert-danger {
  background-color: #9d0007 !important;
  border-left: 6px solid #7c0007;
}
div.alert-msg-box.alert-success {
  background-color: #008d47 !important;
  border-left: 6px solid #008d47;
}

/* WIZARD form stylesheets */
/* Form Wizard css  */
/*-----------------*/
.wizard .steps .current-info {
  /* default current steps information hide */
  display: none;
}

.wizard .steps ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.wizard .steps ul li {
  display: table-cell;
  text-align: center;
  position: relative;
}

.wizard .steps ul li a {
  text-transform: uppercase;
  position: relative;
  padding-top: 3.46rem;
  margin-top: 1.33rem;
  margin-bottom: 1.33rem;
  display: block;
}

.wizard .steps ul li a .step {
  /* Default step */
  background-color: #FFFFFF;
  position: absolute;
  top: 0.86rem;
  left: 50%;
  z-index: 1;
  width: 1.33rem;
  height: 1.33rem;
  border-radius: 50%;
}

.wizard .steps ul li a .step i {
  /* icon inside step */
  position: relative;
  left: -2px;
  top: -1px;
  font-size: 1.6rem;
}

.wizard .steps ul li a .step + .fonticon-wrap {
  /*wizard Icon upon step icon */
  position: absolute;
  top: -50px;
  left: 15px;
  right: 0px;
}

.wizard .steps ul li::before, .wizard .steps ul li::after {
  /* wizard horizontal line */
  content: "";
  position: absolute;
  top: 2.86rem;
  width: 50%;
  height: 3px;
}

.wizard .steps ul li::before {
  left: 0;
}

.wizard .steps ul li:after {
  right: 0;
}

.wizard .steps ul li:last-child:after {
  content: none;
}

.wizard .steps ul li.current a {
  /* current step */
  color: #5A8DEE;
  cursor: default;
}

.wizard .steps ul li.current::before {
  background-color: #5A8DEE;
}

.wizard .steps ul li.current:after {
  background-color: #e4e8e8;
}

.wizard .steps ul li.current ~ li a {
  color: #828D99;
}

.wizard .steps ul li.current ~ li:before {
  background-color: #e4e8e8;
}

.wizard .steps ul li.current ~ li:after {
  background-color: #e4e8e8;
}

.wizard .steps ul li.disabled a {
  /* disabled step */
  cursor: default;
}

.wizard .steps ul li.disabled a .step {
  border: 3px solid;
}

.wizard .steps ul li.done a {
  /* done step */
  color: #39DA8A;
}

.wizard .steps ul li.done::after, .wizard .steps ul li.done::before {
  background-color: #39DA8A;
}

.wizard .steps ul li.error a {
  /* error for form wizard validation */
  color: #FF5B5C;
}

.wizard .steps ul li.error a .step {
  color: #FF5B5C;
}

.wizard .content {
  /* form wizard content */
  padding: 0;
  margin: 0;
}

.wizard .content .title {
  display: none;
}

.wizard .actions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wizard .actions ul li {
  float: left;
}

.wizard .actions ul li.disabled {
  display: none;
}

span .disabled, span:disabled {
  color: red !important;
}

.wizard .actions ul li + li {
  margin-left: 0.66rem;
  float: right;
}

.wizard.vertical .steps {
  /* steps for vertical */
  float: left;
  width: 30%;
}

.wizard.vertical .steps ul li {
  margin: 0 0.5rem;
  display: block;
}

.wizard.vertical .steps ul li a {
  display: flex;
  text-align: left;
  margin: 0 0.5rem;
  padding: 1rem;
  border-radius: 0.267rem;
}

.wizard.vertical .steps ul li a i {
  font-size: 2.4rem;
}

.wizard.vertical .steps ul li a i + span {
  font-family: "Rubik", Helvetica, Arial, serif;
  color: #475F7B;
}

.wizard.vertical .steps ul li a .number {
  /* step indicator number */
  display: none;
}

.wizard.vertical .steps ul li.current {
  background: #f2f4f4;
  border-radius: 0.267rem;
}

.wizard.vertical .steps ul li::before, .wizard.vertical .steps ul li::after {
  content: none;
}

.wizard.vertical .content {
  /* content inside vertical */
  float: left;
  width: 70%;
  border-left: 1px solid #DFE3E7;
}

.wizard.vertical .content .body {
  padding: 2.5%;
}

.wizard.vertical .actions {
  /* action inside vertical */
  text-align: right;
}

.wizard.vertical .actions ul {
  display: inline-block;
}

/* vertical wizard section becomes 100% on small screen */
@media (max-width: 767.98px) {
  .wizard.vertical .steps {
    width: 100%;
  }

  .wizard.vertical .content {
    width: 100%;
    border-left: none;
  }
}
/* specific media query for below screen to hide subtitle */
@media (min-width: 768px) and (max-width: 991.98px) {
  .wizard.vertical .steps ul li a small {
    display: none;
  }
}
/* --- Weather component styles --- */
.weather-component .card .card-header ~ .card-content .card-body {
  padding-top: 5px;
}
.weather-component .weather-body h3.description-header {
  margin-bottom: 10px;
}
.weather-component .weather-icons {
  margin-top: 10px;
}
.weather-component .weather-icons canvas {
  width: 100%;
}
.weather-component .box-footer, .weather-component .card-body {
  background: #dedede;
}

.report-tables-overview .box.box-primary {
  min-height: 330px;
}
.report-tables-overview table td {
  padding-left: 2px;
}

/* Report charts yaxis preview hidden - if configuration in js has been used, the labels on xaxis has been cut, which has been not visually accepted */
.chart-wrapper .apexcharts-yaxis {
  visibility: hidden !important;
}

/* report chars */
.chart-filter-wrapper .form-control:disabled, .chart-filter-wrapper .form-control[readonly] {
  background-color: transparent;
}
.chart-filter-wrapper .btn-group {
  width: 100%;
  display: block;
}
.chart-filter-wrapper .btn-group.normal {
  display: inline-flex;
}
.chart-filter-wrapper .btn-group:not(.dropdown) > .btn {
  width: 49%;
}
.chart-filter-wrapper .btn-group:not(.dropdown) > .btn {
  border: 1px solid #DFE3E7 !important;
  margin-bottom: 5px;
}
.chart-filter-wrapper .active-filter label {
  color: #475F7B;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 500;
}
.chart-filter-wrapper .additional-attributes .form-inline label {
  width: 50%;
  justify-content: left;
}
.chart-filter-wrapper .additional-attributes fieldset.form-group > *:last-child {
  width: 50% !important;
}
.chart-filter-wrapper .additional-attributes .select2-container--classic .select2-selection--multiple, .chart-filter-wrapper .additional-attributes .select2-container--default .select2-selection--multiple {
  min-height: 5em !important;
}
.chart-filter-wrapper .additional-attributes .export-section > div > div {
  width: 50%;
  float: left;
}
.chart-filter-wrapper .additional-attributes .export-section > div > div:last-child {
  padding-left: 2.5px;
}
.chart-filter-wrapper .additional-attributes .export-section > div > div:first-child {
  padding-right: 2.5px;
  padding-left: 0;
}
.chart-filter-wrapper .additional-attributes .export-section button.btn {
  margin-top: 0;
}
.chart-filter-wrapper .additional-attributes .export-section span.btn {
  width: 100%;
}
.chart-filter-wrapper .additional-attributes .export-section button:last-child {
  /*margin-left: 0.39em;*/
}
.chart-filter-wrapper .table-attributes table tr td {
  padding-left: 0;
}
.chart-filter-wrapper .table-attributes table tr td:last-child {
  text-align: right;
}
.chart-filter-wrapper span.bx {
  font-size: 11em;
}

/* DEPRECATED */
.chart-filter .card-header {
  padding: 0;
}
.chart-filter .card-body {
  margin-top: 15px;
  padding-left: 0;
  padding-right: 0;
}
.chart-filter div.btn-group {
  margin-left: 5px;
}
.chart-filter div.btn-group label {
  text-transform: capitalize;
}

.form-group.has-error label {
  color: #dd4b39;
}

.form-group.has-error .form-control,
.form-group.has-error .input-group-addon {
  border-color: #dd4b39;
  box-shadow: none;
}

.opening-hours-component.table-layout table.profile-mode, .opening-hours-section.table-layout table.profile-mode {
  text-align: left;
  margin-left: 0;
}
.opening-hours-component.table-layout table, .opening-hours-section.table-layout table {
  width: 50%;
  margin: 0 auto;
  text-align: left;
}
@media (max-width: 1200px) {
  .opening-hours-component.table-layout table, .opening-hours-section.table-layout table {
    width: 70%;
  }
}
@media (max-width: 992px) {
  .opening-hours-component.table-layout table, .opening-hours-section.table-layout table {
    width: 60%;
  }
}
.opening-hours-component table td:first-child, .opening-hours-section table td:first-child {
  text-transform: capitalize;
}

.order-summary .checkbox {
  margin-left: 10px;
}

/* Common all Lists statistic tabs */
.card .statistic-component {
  min-height: 120px;
}

/* Navigation menu center */
.horizontal-menu .header-navbar .navbar-container {
  margin: 0 auto;
}

/* Report detail, top info panels */
.detail-info-panels .card {
  /* min-height: 400px; */
  min-height: 330px;
}
.detail-info-panels table {
  margin-bottom: 0;
}
.detail-info-panels .custom-switch {
  padding: 1.7rem;
  padding-bottom: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

/* overlay spinner styles */
#spinner-overlay {
  display: none;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}
#spinner-overlay .spinner-object {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -2.5rem;
  margin-top: -2.5rem;
}
#spinner-overlay .spinner-object .spinner-border {
  width: 5rem;
  height: 5rem;
}

.horizontal-menu .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-logo {
  background: url("../../app-assets/images/logo/logo_storemonitor.png") no-repeat;
  background-size: contain;
  height: 25px;
  width: 250px;
}

/* centering main navbar logo */
.horizontal-menu .header-navbar.navbar-brand-center .navbar-header {
  margin-left: -125px;
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link .no-origin-id {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.header-navbar[class*=bg-] .navbar-nav .nav-item > a i, .header-navbar[class*=bg-] .navbar-nav .nav-item > a span {
  color: #393636 !important;
}

/* no clickable wizards */
.wizard.vertical .steps ul li a {
  cursor: default;
}

h4 .lg-name {
  font-size: 1.5em;
}

.nb {
  border-right: none !important;
}

.dashboard-statistics .card-body {
  height: 110px;
}

.dashboard-map a:not([href]) {
  color: white;
}

.ecomms-statistics .card-body {
  height: 130px;
}

.store-performance-statistics .card-body {
  height: 155px;
}
.store-performance-statistics .card .card-title {
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
}

.trend-icon {
  position: absolute;
  /*margin-right: 5px;*/
  margin-left: -20px;
}

span.trend-column {
  padding-left: 17px;
}

.statistics table {
  display: inline;
  vertical-align: middle;
}
.statistics table tr td:first-child {
  text-align: left;
}
.statistics table tr td.statistic-title {
  padding-left: 1em;
}
.statistics table tr td:nth-last-child(2) {
  width: 50em;
}
.statistics table tr td:last-child {
  text-align: right;
}
.statistics small {
  font-size: 1em;
}

/* Horizontal menu gap fix */
.horizontal-menu .header-navbar.navbar-horizontal {
  top: 62px;
}

.no-text-transformation {
  text-transform: none !important;
}

/* Table common padding */
.table tbody td {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.table.custom-properties tbody td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 10rem;
}

table.zero-configuration tbody tr:hover {
  background-color: #f9fbfb;
}

/* List statistics icons and circle backgrounds */
.avatar {
  padding: 1.1rem !important;
  cursor: default;
}
.avatar .font-medium-2 {
  font-size: 3rem !important;
  transition: 0.3s;
}
.avatar.reference {
  cursor: pointer;
}
.avatar.reference:hover .font-medium-2 {
  font-size: 3.3rem !important;
  transition: 0.3s;
}

/* Boxed Multiselect */
.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
  padding-left: 18px;
}

/* Tabs component cursor bug */
.nav.nav-tabs li.nav-item a.nav-link:hover {
  cursor: pointer;
}

.login-brand-logo {
  background: url("../../app-assets/images/logo/logo_storemonitor.png") no-repeat;
  background-size: contain;
  height: 25px;
  width: 250px;
  margin: 0 auto;
}

.footer-brand-logo {
  display: inline-block;
  background: url("../../app-assets/images/logo/logo_amersec_original.png") no-repeat;
  background-size: contain;
  height: 25px;
  width: 150px;
  margin-right: -50px;
  margin-bottom: -2px;
}

/***** CUSTOM COLORS styles *****/
a {
  color: #cadc4a;
}
a:hover {
  color: #cadc4a;
}

html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover, html body .content .content-wrapper .breadcrumb-wrapper .breadcrumb .breadcrumb-item a i:hover {
  color: #cadc4a;
}

/* navbar */
.bg-primary {
  background-color: white !important;
}

.breadcrumb-item.active {
  color: #cadc4a;
}

/* data table pagination, selected number */
.pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover {
  background-color: #cadc4a !important;
}

/* buttons */
.custom-switch {
  /* report charts switch button switch OVEWRITE */
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #23bd70;
  background-color: #23bd70;
}
.custom-switch .custom-control-label::before {
  border-color: #cbd1d7;
  background-color: #cbd1d7;
}

.btn-outline-primary {
  /* report charts switch button switch */
  border: 1px solid #cadc4a;
  color: #cadc4a !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  border: 1px solid #cadc4a;
  background-color: #cadc4a;
  color: #FFF !important;
}

.btn-outline-primary:hover, .btn-outline-primary.hover {
  /* report charts switch button switch */
  background-color: #cadc4a !important;
}

.btn-primary {
  background: #cadc4a !important;
  color: #393636 !important;
}

.btn-primary:hover, .btn-primary.hover {
  background-color: #393636 !important;
  color: white !important;
}

.btn-primary:focus {
  background-color: #cadc4a !important;
}

.btn-success {
  background: #cdf022 !important;
  color: #393636;
}

.btn-success:hover, .btn-primary.hover {
  background-color: #8fb222 !important;
}

.btn-success:focus {
  background-color: #cdf022 !important;
  color: #393636 !important;
}

.btn-light-secondary:hover, .btn-light-secondary.hover {
  background-color: #393636 !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  background-color: #cadc4a;
}

/*
.text-primary {
  color: $color_main !important;
}
 */
.bg-rgba-primary {
  background: rgba(123, 193, 59, 0.2) !important;
}

.wizard .steps ul li.current a {
  color: #cadc4a !important;
}

/* report - 8 tabs */
.btn-group:not(.dropdown) > .btn:active, .btn-group:not(.dropdown) > .btn.active, .btn-group:not(.dropdown) > .btn:hover, .btn-group:not(.dropdown) > .btn:focus {
  background-color: #cadc4a;
  border-color: rgba(123, 193, 59, 0.2);
}

/* calendar, period filter icon*/
.form-control:focus ~ .form-control-position i {
  color: #cadc4a;
}

/* selected input outline */
.form-control:focus {
  border-color: #cadc4a;
}

.daterangepicker td.active {
  background-color: #cadc4a;
  color: #FFF;
}

.daterangepicker td.active:hover {
  background-color: #393636;
}

/* "roletka" dropdown, clicked */
.dropdown-item.active, .dropdown-item:active {
  background-color: #cadc4a;
}

/* succes notification banner */
.alert.alert-success {
  background: #cdf022 !important;
  color: #393636 !important;
  box-shadow: 0 3px 8px 0 rgba(205, 240, 34, 0.4);
}

.growl-item.icon > .growl-title {
  margin-bottom: 10px;
}

/* checkbox */
.checkbox.checkbox-primary input:checked ~ label::before, .checkbox.radio-primary input:checked ~ label::before, .radio.checkbox-primary input:checked ~ label::before, .radio.radio-primary input:checked ~ label::before {
  background-color: #1c537c;
  border-color: #1c537c;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #cadc4a !important;
}

.select2-container--classic.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #cadc4a !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #cadc4a;
}

/* swipe button */
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #cadc4a;
  background-color: #cadc4a;
}

.bg-danger-light {
  background-color: #fff1f8 !important;
}

.occupancy-component-fullscreen .info-text h1 {
  font-size: 7em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.occupancy-component-fullscreen .info-text h2 {
  font-size: 3em;
}
.occupancy-component-fullscreen .info-text p {
  font-size: 1.5em;
}

.restricted {
  color: #FF5B5C;
}

.table-actions a.btn.btn-icon {
  padding: 0rem 0.2rem;
}
.table-actions a.btn.btn-icon:hover {
  color: #cadc4a;
  font-size: 1.1em;
  cursor: pointer !important;
}

.favourite-places-component .card-header ul,
.issue-list-component .card-header ul {
  margin-bottom: 0;
}
.favourite-places-component .card-content,
.issue-list-component .card-content {
  min-height: 470px;
  padding-left: 1.7rem;
  padding-right: 1.7rem;
}
.favourite-places-component #favouritePlaces_list tbody td,
.issue-list-component #favouritePlaces_list tbody td {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}
.favourite-places-component #favouritePlaces_list thead th.ng-binding:hover,
.issue-list-component #favouritePlaces_list thead th.ng-binding:hover {
  text-decoration: underline;
}

.placeholder-license-disabled {
  position: absolute;
  width: 50%;
  text-align: center;
  font-style: italic;
  margin-top: -0.6rem;
}

/* License table begin */
.sm04-grey {
  background: #f2f4f4;
  border-radius: 8px;
  padding: 20px 30px;
  color: #797979;
}

.sm04-grey h2 {
  margin-bottom: 30px;
  text-align: center;
}

.sm04-grey th {
  text-transform: uppercase;
  border-top: none !important;
  padding-bottom: 10px;
}

.sm04-grey th + th, .sm04-grey td + td {
  text-align: center;
}

.sm04-grey .fa-check {
  color: #145380;
}

.sm04-grey .fa-times {
  color: #838383;
}

.sm04-grey tr:nth-child(2n) td {
  background: #fff;
}

.sm04-grey tr td {
  border-right: solid 6px #f2f4f4;
  border-top: none !important;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}

.sm04-grey tr td:last-child {
  border-right: solid 0px #f2f4f4;
}

.sm04-grey p span {
  display: inline-block;
  padding: 8px;
}

/* License table end */
.one-row-align {
  position: absolute;
}

.r-0 {
  right: 0rem !important;
}

.r-1 {
  right: 1rem !important;
}

.r-11-4 {
  right: 11.4rem !important;
}

.watch-list-label {
  position: absolute;
  top: 1%;
  left: 55%;
}

.table td a .badge-circle {
  margin-bottom: 0;
}

.badge-circle {
  height: 30px;
  width: 30px;
}

.table-actions a.btn.btn-icon .badge-circle-light-secondary {
  color: #727E8C;
  background-color: #e9edf1;
}
.table-actions a.btn.btn-icon .badge-circle-light-secondary:hover {
  color: #cadc4a !important;
  cursor: pointer !important;
}

.mr-0-5,
.mx-0-5 {
  margin-right: 0.5rem !important;
}

.mr-0-2,
.mx-0-2 {
  margin-right: 0.2rem !important;
}

/* header navbar left icons */
.header-navbar .navbar-container ul.nav li a.nav-link-common {
  padding: 1.2rem 0.75rem 1.15rem 0.75rem;
}

.custom-menu {
  display: none;
  z-index: 1000;
  position: absolute;
  overflow: hidden;
  border: 1px solid #CCC;
  white-space: nowrap;
  font-family: sans-serif;
  background: #FFF;
  color: #333;
  border-radius: 5px;
}

.custom-menu li {
  padding: 8px 12px;
  cursor: pointer;
}

.custom-menu li:hover {
  background-color: #DEF;
}

.dataTables_wrapper .dataTables_filter i {
  position: absolute;
  padding-top: 7px;
  margin-left: -22px;
}
.dataTables_wrapper div.dataTables_length select {
  margin-left: 5px;
  margin-right: 5px;
}

/* RMA date picker, arrows orientation hidden */
.datepicker-dropdown.datepicker-orient-top:before {
  display: none;
}

.mb-14 {
  margin-bottom: 14rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

#rma_device_aggregated_list_wrapper .row:nth-child(2) .col-sm-12 {
  overflow-x: scroll;
}

/*
.form-control .form-control-sm{
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
  background-position: 0px 3px !important;
  background-repeat: no-repeat;
  padding-left: 20px;
}
*/
/**
 * ContextJS Styles
 * For use with Twitters Bootstrap CSS
 */
.dropdown-context .nav-header {
  cursor: default;
}

.dropdown-context:before, .dropdown-context-up:before, .dropdown-context-left:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.dropdown-context:after, .dropdown-context-up:after, .dropdown-context-left:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: "";
}

.dropdown-context-up:before, .dropdown-context-up:after {
  top: auto;
  bottom: -7px;
  z-index: 9999;
  display: none;
}

.dropdown-context-up:before {
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-bottom: none;
  border-left: 7px solid transparent;
}

.dropdown-context-up:after {
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-left: 6px solid transparent;
  border-bottom: none;
  display: none;
}

.dropdown-context-left:before {
  left: auto;
  right: 9px;
}

.dropdown-context-left:after {
  left: auto;
  right: 9px;
}

.dropdown-context-sub:before, .dropdown-context-sub:after {
  display: none;
}

.dropdown-context .dropdown-submenu:hover .dropdown-menu {
  display: none;
}

.dropdown-context .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.compressed-context a {
  padding-left: 14px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
}

.compressed-context .divider {
  margin: 5px 1px;
}

.compressed-context .nav-header {
  padding: 1px 13px;
}

/**
 * ContextJS Styles
 * For use WITHOUT Twitters Bootstrap CSS
 */
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.dropdown-context.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  text-align: left;
}

.dropdown-context.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-context.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.dropdown-context.dropdown-menu a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-context.dropdown-menu li > a:hover, .dropdown-context.dropdown-menu li > a:focus, .dropdown-context.dropdown-submenu:hover > a {
  text-decoration: none;
  background-color: #f9fbfb;
}

.dropdown-context.dropdown-menu .active > a, .dropdown-context.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0077b3", GradientType=0);
}

.dropdown-context.dropdown-menu .disabled > a, .dropdown-context.dropdown-menu .disabled > a:hover {
  color: #999999;
}

.dropdown-context.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "↑";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu > .dropdown-menu.drop-left {
  left: -100%;
}

.dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

/**
 *  Context Styles
 */
.dropdown-context .nav-header {
  cursor: default;
}

.dropdown-context:before, .dropdown-context-up:before, .dropdown-context-left:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
  display: none;
}

.dropdown-context:after, .dropdown-context-up:after, .dropdown-context-left:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: "";
  display: none;
}

.dropdown-context-up:before, .dropdown-context-up:after {
  top: auto;
  bottom: -7px;
  z-index: 9999;
}

.dropdown-context-up:before {
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-bottom: none;
  border-left: 7px solid transparent;
}

.dropdown-context-up:after {
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-left: 6px solid transparent;
  border-bottom: none;
}

.dropdown-context-left:before {
  left: auto;
  right: 9px;
}

.dropdown-context-left:after {
  left: auto;
  right: 9px;
}

.dropdown-context-sub:before, .dropdown-context-sub:after {
  display: none;
}

.dropdown-context .dropdown-submenu:hover .dropdown-menu {
  display: none;
}

.dropdown-context .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.compressed-context a {
  padding-left: 14px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
}

.compressed-context .divider {
  margin: 5px 1px;
}

.compressed-context .nav-header {
  padding: 1px 13px;
}

.dynamic-menu-src {
  display: none;
  text-transform: capitalize;
}

/* DESIGN CHANGES 10.7. 2021 */
.text-custom {
  color: #cadc4a;
}

.avatar {
  border-radius: 1.5em;
  background-color: #cadc4a;
}
.avatar.bg-danger {
  background-color: #dc5350 !important;
}

.store-performance-statistics .card-title {
  padding-left: 1.7rem;
  padding-top: 0.7rem;
}

.nav.nav-tabs .nav-item .nav-link.active, .nav.nav-pills .nav-item .nav-link.active {
  box-shadow: 0 2px 4px 0 #cadb4a;
}

/* report chars */
.card-header .card-title {
  font-size: 1.3em;
  font-weight: bold;
}

.card-content .card-body h6 {
  /* color: $darker_grey; */
  font-weight: bold;
}

.detail-info-panels .card-content table td:nth-child(2) {
  font-weight: bold;
}

.chart-filter-wrapper > div.row > div {
  border-right: 1px solid #ededed;
}
.chart-filter-wrapper > div.row > div:last-child {
  border-right: none;
}
.chart-filter-wrapper .form-control:disabled, .chart-filter-wrapper .form-control[readonly] {
  background-color: transparent;
}
.chart-filter-wrapper .btn-group.normal.btn-group:not(.dropdown) > .btn {
  margin-right: 10px;
}
.chart-filter-wrapper .btn-group:not(.dropdown) > .btn {
  border-radius: 0.4rem;
}
.chart-filter-wrapper .btn-group:not(.dropdown) > .btn {
  background-color: #efefef;
}
.chart-filter-wrapper .btn-group:not(.dropdown) > .btn:active, .chart-filter-wrapper .btn-group:not(.dropdown) > .btn.active, .chart-filter-wrapper .btn-group:not(.dropdown) > .btn:hover, .chart-filter-wrapper .btn-group:not(.dropdown) > .btn:focus {
  color: #393636;
  background-color: #cadc4a;
}
.chart-filter-wrapper .btn-group:not(.dropdown) > .btn {
  border: 1px solid #DFE3E7 !important;
  margin-bottom: 5px;
}
.chart-filter-wrapper .chart-filter-wrapper span.bx {
  font-size: 5em;
}
.chart-filter-wrapper span.bx {
  padding: 7px;
  font-size: 3.5em;
}

.selected-period h5 {
  font-weight: bold;
}

.chart-filter-wrapper .additional-attributes .export-section span.btn,
.chart-filter-wrapper .additional-attributes .export-section button:last-child {
  border-radius: 0.4rem;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #393636;
}

.breadcrumb-item.active {
  font-weight: bold;
  color: #393636;
}

.btn-primary {
  color: #393636;
}

.btn-outline-primary {
  color: #cadc4a !important;
}
.btn-outline-primary:hover {
  border-color: rgba(123, 193, 59, 0.2) !important;
}

.rounded-square {
  display: inline-block;
  border-radius: 1.5em;
}

.background-icon {
  background-color: #cadc4a;
  color: white;
}

/* data grid paging */
.pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover {
  color: #393636;
}

.no-color {
  color: inherit;
}
.no-color:hover {
  color: inherit;
}

.tab-button {
  right: 0;
  position: absolute;
  padding-right: 1.7rem;
}
.tab-button li {
  float: right;
  margin-left: 0.7em;
}

.filter-button {
  position: absolute;
  float: right;
  right: 0;
  z-index: 999;
  margin-right: 17.9rem;
  margin-top: 1.4rem;
  color: #475F7B;
}
.filter-button:nth-child(2) {
  margin-right: 19.9rem;
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(35, 189, 112, 0.55);
  border-color: rgba(35, 189, 112, 0.55);
}

@-moz-document url-prefix() {
  .filter-button {
    margin-right: 19.7rem;
  }
  .filter-button:nth-child(2) {
    margin-right: 21.9rem;
  }
}
/* second level submenu */
.header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
  top: 0px;
}

.favourite-places-component .table.dataTable thead .sorting:before, .favourite-places-component .table.dataTable thead .sorting:after, .favourite-places-component .table.dataTable thead .sorting_asc:before, .favourite-places-component .table.dataTable thead .sorting_asc:after, .favourite-places-component .table.dataTable thead .sorting_desc:before, .favourite-places-component .table.dataTable thead .sorting_desc:after {
  top: 17px;
}

.text-primary {
  color: #4682B4 !important;
}

.custom-properties td a {
  color: #4682B4;
}

.bg-success {
  background-color: #cadc4a !important;
}

.license-select-section .license-info {
  margin-top: 15px;
}

/* dashboard - watch list - if select ocntains too long text, select arrow section blends */
select.form-control:not([multiple=multiple]) {
  padding-right: 1.7rem;
}

.multiselect-custom-header {
  color: #475F7B;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 500;
}

/* timeline */
.widget-timeline li.timeline-items.timeline-icon-success:before {
  background: #cadc4a !important;
}

/*-------------------------
	Inline help tip
--------------------------*/
.help-tip {
  margin: 0 auto;
  margin-top: 5px;
  text-align: center;
  background-color: #cadc4a;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 26px;
  cursor: default;
}

.help-tip:before {
  content: "i";
  font-weight: bold;
  color: #fff;
  text-transform: lowercase;
}

.help-tip:hover p {
  display: block;
  transform-origin: 100% 0%;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.help-tip p {
  display: none;
  text-align: left;
  background-color: #cdcdcd;
  padding: 20px;
  width: 300px;
  position: relative;
  border-radius: 7px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  right: -4px;
  color: #000;
  font-size: 13px;
  line-height: 1.6;
  left: -11em;
}

.help-tip p:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #1E2021;
  right: 10px;
  top: -12px;
  left: 11.5em;
}

.help-tip p:after {
  width: 100%;
  height: 40px;
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  100% {
    opacity: 100%;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

/*# sourceMappingURL=style.css.map */
