/* SELECT2 Lista desplegable */
/* SELECT2 disabled */
/* Is filter */
/* mediaquery */
:root {
  --color-primary: #004cba;
  --color-secondary: #ad123c;
  --color-tertiary: #208fde;
  --color-green: green;
  --color-red: red;
  --color-white: #FFF;
  --color-black: #000;
  --color-grey: #6c757d;
  --color-lightgrey: #fafafa;
  --background-info: #cce5ff;
  --border-info: #b8daff;
  --color-info: #004085;
  --background-error: #f8d7da;
  --border-error: #f5c6cb;
  --color-error: #721c24;
  --background-warning: #fff3cd;
  --border-warning: #ffeeba;
  --color-warning: #856404;
  --background-success: #d4edda;
  --border-success: #c3e6cb;
  --color-success: #155724;
  --font-primary: quicksand;
  --font-secondary: quicksand; }

.btn {
  padding: 0 10px;
  width: max-content;
  background: var(--color-primary);
  color: #FFF;
  border-radius: 6px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  display: block; }
  .btn.btn-small {
    height: 32px;
    line-height: 32px; }
  .btn.btn-large {
    height: 48px;
    line-height: 48px;
    padding: 0 20px; }
  .btn.split {
    display: flex;
    justify-content: space-around;
    gap: 5px;
    align-items: center; }
    .btn.split-inverter {
      display: flex;
      flex-direction: row-reverse;
      justify-content: center;
      gap: 5px;
      align-items: center; }

input[type="submit"] {
  height: 38px;
  border: 0px;
  padding: 0 25px 0 10px;
  cursor: pointer;
  outline: 0;
  background: #004cba url(/static/frontend/images/arrow-input.png?6d1ad9a92583) no-repeat center right; }

.btn:hover, .btn-close:hover, .btn-arrow:hover {
  background: #003787 !important;
  cursor: pointer; }

.btn.btn-primary:hover, .btn-close.btn-primary:hover, .btn-arrow.btn-primary:hover {
  color: #FFF !important;
  background: #003787 url(/static/frontend/images/arrow-input.png?6d1ad9a92583) no-repeat center right !important; }

.btn.bg-secondary:hover, .btn-close.bg-secondary:hover, .btn-arrow.bg-secondary:hover {
  background: #7f0d2c !important; }

.btn.bg-tertiary:hover, .btn-close.bg-tertiary:hover, .btn-arrow.bg-tertiary:hover {
  background: #1a72b1 !important; }

.btn.bg-black:hover, .btn-close.bg-black:hover, .btn-arrow.bg-black:hover {
  background: black !important; }

.btn.bg-white, .btn-close.bg-white, .btn-arrow.bg-white {
  box-shadow: 0 0 1px #000; }
  .btn.bg-white:hover, .btn-close.bg-white:hover, .btn-arrow.bg-white:hover {
    background: #e6e6e6 !important; }

.btn.bg-grey:hover, .btn-close.bg-grey:hover, .btn-arrow.bg-grey:hover {
  background: #545b62 !important; }

.btn.bg-transparent, .btn-close.bg-transparent, .btn-arrow.bg-transparent {
  color: var(--color-black);
  font-weight: normal; }
  .btn.bg-transparent:hover, .btn-close.bg-transparent:hover, .btn-arrow.bg-transparent:hover {
    background: transparent !important; }

.btn.disabled, .btn:disabled, .btn-close.disabled, .btn-close:disabled, .btn-arrow.disabled, .btn-arrow:disabled {
  background: #6c757d !important;
  cursor: default; }
  .btn.disabled:hover, .btn:disabled:hover, .btn-close.disabled:hover, .btn-close:disabled:hover, .btn-arrow.disabled:hover, .btn-arrow:disabled:hover {
    background: #6c757d !important; }

.btn-close, .btn-arrow {
  width: min-content;
  display: grid; }
