/*Checkboxes y Radios*/
:root {
  --rz-primary: #4666ff;
  --rz-primary-light: rgba(70, 102, 255, 0.5);
  --rz-primary-lighter: rgba(70, 102, 255, 0.2);
  --rz-primary-dark: #4666ff;
  --rz-on-primary-lighter: #4666ff;
  --rz-secondary: #2c2a29;
  --rz-secondary-light: rgba(44, 42, 41, 0.5);
  --rz-secondary-lighter: rgba(44, 42, 41, 0.1);
  --rz-on-secondary-lighter: #2c2a29;
  --rz-secondary-dark: #2c2a29;
  --rz-info: #00AEEF;
  --rz-info-light: rgba(0, 174, 239, 0.5);
  --rz-info-lighter: rgba(0, 174, 239, 0.2);
  --rz-success: #02aa0a;
  --rz-success-light: rgba(2, 170, 10, 0.5);
  --rz-success-lighter: rgba(2, 170, 10, 0.1);
  --rz-warning: #F26324;
  --rz-warning-light: rgba(242, 99, 36, 0.5);
  --rz-warning-lighter: rgba(242, 99, 36, 0.1);
  --rz-danger: #da2c38;
  --rz-danger-light: rgba(218, 44, 56, 0.5);
  --rz-danger-lighter: rgba(218, 44, 56, 0.1);
  --rz-button-font-weight: 600;
  --rz-button-hover-shadow: none;
  --rz-input-border: 1px solid #ccc;
  --rz-checkbox-checked-color: white;
  --rz-checkbox-checked-icon-background-color: #4666ff;
  --rz-checkbox-checked-border: 1px solid #4666ff;
  --rz-checkbox-checked-background-color: #4666ff;
  --rz-checkbox-border-width: 1px;
  --rz-checkbox-margin: 8px 0;
  --rz-checkbox-width: 18px;
  --rz-checkbox-height: 18px;
  --rz-radio-checked-background-color: #4666ff;
  --rz-radio-checked-border: 1px solid #4666ff;
  --rz-radio-border-width: 1px;
  --rz-radio-checked-color: white;
  --rz-radio-circle-background-color: white;
  --rz-radio-margin: 8px 0;
  --rz-radio-width: 18px;
  --rz-radio-height: 18px;
  --rz-radio-icon-width: 8px;
  --rz-radio-icon-height: 8px;
  --rz-radio-border-radius: 50%;
  --rz-tooltip-background-color: #2c2a29;
  --rz-inpunt-line-height: 1.2;
  --rz-dropdown-item-hover-color: #2c2a29;
  --rz-dropdown-item-hover-background-color: #f8f9fa;
  --rz-dropdown-item-selected-color: #2c2a29;
  --rz-dropdown-item-selected-background-color: #fff;
  --rz-dropdown-item-selected-hover-color: #2c2a29;
  --rz-dropdown-item-selected-hover-background-color: #f8f9fa;
  --rz-menu-item-hover-color: #2c2a29;
  --rz-menu-item-hover-background-color: #f8f9fa;
  --rz-menu-top-item-hover-color: #2c2a29;
  --rz-menu-top-item-hover-background-color: #f8f9fa;
  --rz-menu-top-item-selected-color: #2c2a29;
  --rz-menu-top-item-icon-color: #2c2a29;
  --rz-menu-top-item-icon-hover-color: #2c2a29;
  --rz-menu-item-icon-hover-color: #2c2a29;
  --rz-panel-menu-font-size: 13px;
  --rz-panel-menu-font-weight: 700;
  --rz-panel-menu-item-2nd-level-hover-background-color: transparent;
  --rz-panel-menu-item-2nd-level-hover-color: #4666ff;
  --rz-panel-menu-item-2nd-level-color: #495057;
  --rz-panel-menu-icon-color: inherit;
  --rz-panel-menu-item-2nd-level-font-size: 13px;
  --rz-panel-menu-hover-background-color: transparent;
  --rz-panel-menu-hover-color: #4666ff;
  --rz-panel-menu-item-active-background-color: rgba(0, 174, 239, 0.1);
  --rz-panel-menu-item-active-color: #4666ff;
  --rz-badge-font-weight: 500;
  --rz-badge-line-height: 1;
  --rz-input-shadow: none;
  --rz-input-height: 36px;
  --rz-switch-checked-background-color: #02aa0a;
  --rz-button-border-radius: 25px;
}

.rz-button {
  font-weight: var(--rz-button-font-weight) !important;
}

.rz-radio-button-list-vertical:not(.rz-state-disabled) > div > .rz-radiobutton-label:hover, .rz-radio-button-list-horizontal:not(.rz-state-disabled) > div > .rz-radiobutton-label:hover {
  color: inherit;
}

.rz-radiobutton-box, .rz-chkbox-box {
  --rz-input-border: 1px solid #cacaca;
  --rz-primary-light: #999;
}

/* Dialog Side*/
.rz-dialog-side-position-right {
  --rz-dialog-border-radius: 0;
  --rz-dialog-title-background-color: #da2c38;
  --rz-dialog-title-color: #fff;
  --rz-dialog-title-padding: 8px 10px;
  --rz-dialog-title-line-height: 1;
  --rz-dialog-close-color: white;
  top: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.rz-dialog-side-position-right .rz-dialog-side-content {
  flex-grow: 1;
  overflow: auto;
}

.rz-menu-right li .rz-navigation-menu {
  right: 0 !important;
  left: auto;
}

@media (min-width: 576px) {
  .rz-menu-right-sm li .rz-navigation-menu {
    right: 0 !important;
    left: auto;
  }
}
@media (min-width: 768px) {
  .rz-menu-right-md li .rz-navigation-menu {
    right: 0 !important;
    left: auto;
  }
}
@media (min-width: 992px) {
  .rz-menu-right-lg li .rz-navigation-menu {
    right: 0 !important;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .rz-menu-right-xl li .rz-navigation-menu {
    right: 0 !important;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .rz-menu-right-xxl li .rz-navigation-menu {
    right: 0 !important;
    left: auto;
  }
}
.rzi {
  overflow: hidden;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.rz-dropdown {
  background: transparent;
  border-radius: 0px;
  background-color: transparent;
  width: 100%;
  color: #2c2a29;
  display: flex;
  border: none;
  border-bottom: 1px solid #2c2a29 !important;
  justify-content: space-between;
  height: 1.875rem;
  font-size: 0.875rem;
  padding: 0.2rem;
}
.rz-dropdown:hover {
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #2c2a29 !important;
}
.rz-dropdown:focus {
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #2c2a29 !important;
}
.rz-dropdown:active {
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #2c2a29 !important;
}

.rz-multiselect-trigger .rzi,
.rz-dropdown-trigger .rzi {
  margin-bottom: 0.5rem;
}

.rz-multiselect-trigger .rzi-chevron-down:before,
.rz-dropdown-trigger .rzi-chevron-down:before {
  font-family: "ba-custom-icons" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  border: none !important;
  font-size: 24px;
  content: "\e801";
}

.rz-dialog.rz-dialog-alert .rz-dialog-titlebar {
  font-size: 1rem;
  font-weight: 500;
}
.rz-dialog.rz-dialog-alert .rz-dialog-alert-message {
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  align-items: center;
}
.rz-dialog.rz-dialog-alert .rz-dialog-alert-buttons .rz-button {
  width: 100%;
}

.rz-dialog.rz-dialog-confirm .rz-dialog-confirm-message {
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
}
.rz-dialog.rz-dialog-confirm .rz-dialog-confirm-buttons {
  flex-direction: row-reverse;
}
.rz-dialog.rz-dialog-confirm .rz-dialog-confirm-buttons .rz-button {
  text-transform: none;
  font-size: 1.1rem;
  width: 100%;
  padding: 13px 24px;
}
.rz-dialog.rz-dialog-confirm .rz-dialog-confirm-buttons .rz-base {
  background-color: white;
  color: #4666ff;
  border: 2px solid #4666ff;
}
.rz-dialog.rz-dialog-confirm .rz-dialog-confirm-buttons .rz-base:hover {
  background-color: #4666ff;
  color: white;
}

.rz-button.rz-secondary.rz-shade-default {
  background-color: transparent;
  color: #4666ff;
  border: 2px solid #4666ff;
}
.rz-button.rz-secondary.rz-shade-default:hover {
  background-color: #4666ff;
  color: white;
}

.rz-dialog .rz-dialog-titlebar {
  padding-bottom: 0;
  padding-top: 0.825rem;
}
.rz-dialog .rz-dialog-content {
  padding-top: 0;
}

.rz-autocomplete:hover {
  border: 0 solid transparent;
  border-bottom: 1px solid black;
}
.rz-autocomplete:focus-within {
  border: 0 solid transparent !important;
  border-bottom: 1px solid black !important;
}
.rz-autocomplete:active {
  border-bottom: 2px solid #4666ff !important;
}

.rz-autocomplete-list-item {
  padding: 1rem !important;
}

.rz-autocomplete-panel {
  border: none !important;
  box-shadow: 0px 1px 8px 0px rgba(44, 42, 41, 0.0784313725);
}/*# sourceMappingURL=radzen-custom.css.map */