:root {
  --bs-primary-rgb: 87, 118, 156;
  --body-color: #f2f5f8;
  --border-color: #ccd6dc;
  --bg-color-chat: #e7ecee8d;
  --bg-color-chat-resposta: #cce0e88d;
  --bg-color-metricas: rgba(125,139,157,0.06);
  --color-cliente-1: #1d324e;
  --color-destaque-1: #3077ba;
  --color-h1: #3077ba;
  --color-h2: #515151;
  --color-p: #747474;
  --color-metricas-red: #cb8d8d;
  --color-metricas-green: #91bf91;
  --color-metricas-yellow: #c9a377;
  --color-metricas-blue: #83b7cd;
  --color-metricas-gray: #a6a6a6;
  --color-h5-filtros: #8a8a8a;
  --container-padding-mobile: 35px;
  --ripple-background: #808080;
  --ripple-opacity: 0.3;
  --ripple-duration: 600ms;
  --ripple-easing: linear;
  --cha-chart-base-1: #1d324e;
  --cha-chart-base-2: #345f99;
  --cha-chart-base-3: #3c345c;
  --cha-chart-base-4: #d3d3d3;
  --cha-fat-base-1: #1d324e;
  --cha-fat-base-2: #3c345c;
  --fat-grafico1-primary: #1d324e;
  --fat-grafico1-secondary: #345f99;
  --fat-grafico1-tertiary: #3c345c;
  --inv-chart-base-1: #1d324e;
  --inv-chart-base-2: #3c345c;
  --inv-chart-line-color: #a78bfa;
}

body {
  background-color: var(--body-color);
  overflow: hidden !important;
}

.container {
  padding: 0 var(--container-padding-mobile) 0 var(--container-padding-mobile) !important;
}

@media (min-width: 768px) {
  .container {
    padding: 0 50px !important;
  }
}

@media (min-width: 992px) {
  .container {
    padding: 0 15px !important;
  }
}

dl, ol, ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.card {
  --card-bg-color: #ffffff;
  --card-border: none;
  --card-border-radius: 15px;
  --card-box-shadow: 0 10px 30px rgba(128,128,128,0.11);
  --card-margin-bottom: 10px;
  --card-padding: 50px;
  --card-title-size: 15px;
  --card-title-big-size: 20px;
  --card-title-h5-size: 18px;
  --card-title-h5-color: #515151;
  --card-title-color: #515151;
  --card-color-destaque: #3077ba;
  --card-color-green: #53b386;
  --card-content-size: 15px;
  --card-content-color: #747474;
}

.modal {
  --modal-border-radius: 40px;
  --modal-header-padding: 15px 30px;
  --modal-body-padding: 30px 50px;
  --modal-footer-padding: 15px 30px;
  --modal-title-size-principal: 23px;
  --modal-title-color-principal: #515151;
  --modal-title-size: 20px;
  --modal-title-color: #515151;
}

.table {
  --table-title-color: #696969;
  --table-content-color: #717171;
}

.offcanvas {
  --offcanvas-width: inherit;
  --offcanvas-bg-color: #ffffff;
  --offcanvas-menu-bg-color: ss;
}

.btn-action-1 {
  --width-height: 40px;
}

.nice-select {
  --niceselect-height: 45px;
}

.nav-pills {
  --bs-nav-link-font-weight: 600;
  --bs-nav-pills-active-bg: #e9edf2;
  --bs-nav-pills-active-color: #566e8b;
}

.pills-2 {
  --bs-nav-link-font-weight: 600;
  --bs-nav-pills-active-bg: #1d324e;
  --bs-nav-pills-active-color: #e9edf2;
}