@font-face {
  font-family: 'Lato';
  src: url('../../stories/assets/fonts/Lato-Regular.ttf');
}
* {outline: 0px;}
//* {
//  font-family: 'Lato'
//}
//Custom pc-textarea
.bx-ce-demo-devenv--container {
    padding: 3em;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
// Custom CSS loaded first via css (button)
.svg-icon {
    margin-left: 16px;
  }
/*sdss-button:nth-of-type(odd) {
  margin-right:16px;
}*/
sdss-button:nth-of-type(n) {
  margin-right:16px;
}
sdss-button + sdss-button:last-child {
  margin-left:0px; margin-right:0px;
}
sdss-button:last-child {
  margin-left:0px; margin-right:0px;
}
/*sdss-button + sdss-button:first-child {
  margin-left:0px; margin-right:16px;
}
*/
.sbdocs.sbdocs-div {
  font-family: "Lato" !important;
}
.sbdocs,.sbdocs-p{
  font-size: 1rem;
}
.css-1p8ieni,.css-1ta8r1d{
  font-size: 1rem !important;
}
.label-text {
  line-height: 1rem;
  font-size: .75rem;
  margin-bottom: 8px;
  display: inline-block;
  color: #525252;
  letter-spacing: .32px;
}
.sede-label-text {font-family: "Lato";}
.intranet-label-text {  font-family: "sans-serif", "Arial";}

@import 'carbon-components/scss/globals/grid/grid';
.css-1p8ieni{
  font-size: 1rem !important;
}

.css-1ta8r1d {
  font-size: 1rem !important;
}

.react-tabs__tab-list {
    border-bottom: 1px solid transparent;
    box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%);
}
.react-tabs__tab--selected {
    background: #fff;
    border-color: transparent;
    box-shadow: 0px -1px 5px 0px rgb(0 0 0 / 10%);
}
.react-tabs__tab {
    background-color: rgb(0 0 0 / 20%);
    opacity: 0.8;
}
// TODO: COMENTARIOS = FALTA POR PROBAR
/*
:host(bx-btn) .bx--btn, :host(bx-modal-footer-button) .bx--btn{
    background: pink;
}
:host ::slotted([button]){
    background: pink;
}
*/
/*** sede **/
//.bx--btn--primary{color:	$text-04};
//.bx--btn__icon	:	$icon-03;
//.bx--btn--primary	:	$interactive-01;
//.bx--btn--primary:hover: $hover-primary;
//.bx--btn--primary:active:	$active-primary;
//.bx--btn--primary:focus: $focus;
//.bx--btn--primary:focus: $ui-background;
//.bx--btn--primary:disabled: $disabled-02;
//.bx--btn--primary:disabled: $disabled-03;
//.bx--btn--primary:disabled: $disabled-03;

// Primary colors
//$interactive-01: #0129ae;
//$interactive-02: #383838;
//$interactive-03: #161616;

// Text
//$text-04: #FFFFFF;

//$link-01: #0129ae;

//$hover-primary: #011865;

// Color
$active-danger: #740D12;
$active-light-ui: #c6c6c6;
$active-primary: #011865;
$active-secondary: #6f6f6f;
$active-tertiary: #011865;
$active-ui: #c6c6c6;
$danger-01: #DA1E27;
$danger-02: #da1e28;
$disabled-01: #F4F4F4;
$disabled-02: #C6C6C6;
$disabled-03: #8D8D8D;
$field-01: #F4F4F4;
$field-02: #FFFFFF;
$focus: #0129AE;
$highlight: #3D61D9;
$hover-danger: #BA1B23;
$hover-light-ui: #e5e5e5;
$hover-primary: #011865;
$hover-primary-text: #011865;
$hover-row: #E0E0E0;
$hover-secondary: #525252;
$hover-selected-ui: #C6C6C6;
$hover-tertiary: #D9AF00;
$hover-ui: #E0E0E0;
$icon-01: #161616;
$icon-02: #525252;
$icon-03: #FFFFFF;
$interactive-01: #0129AE;
$interactive-02: #393939;
$interactive-03: #FDC800;
$interactive-04: #0129AE;
$inverse-01: #FFFFFF;
$inverse-02: #393939;
$inverse-focus-ui: #FFFFFF;
$inverse-hover-ui: #525252;
$inverse-link: #3D61D9;
$inverse-support-01: #FA4D55;
$inverse-support-02: #41BD64;
$inverse-support-03: #F0C11B;
$inverse-support-04: #77A9FF;
$link-01: #0129AE ;
// $notification-error-background-color: ;
// $notification-info-background-color: ;
// $notification-success-background-color: ;
// $notification-warning-background-color: ;
$overlay-01: #161616; // 50 %
$selected-light-ui:#e0e0e0 ;
$selected-ui: #E0E0E0;
$skeleton-01: #E0E0E0;
$skeleton-02: #C6C6C6;
$support-01: #DA1E27;
$support-02: #24a047;
$support-03: #F0C11B;
$support-04: #044ADA;
$text-01: #161616;
$text-02: #393939;
$text-03: #A8A8A8;
$text-04: #FFFFFF;
$text-05: #6F6F6F;
$text-error: #da1e28;
$ui-01: #F3F3F3;
$ui-02: #FFFFFF;
$ui-03: #E0E0E0;
$ui-04: #8D8D8D;
$ui-05: #161616;
$ui-background: #FFFFFF;
$visited-link: #8A3EFC;
$spacing-01: 0.125rem;
$spacing-02: 0.25rem;
$spacing-03: 0.5rem;
$spacing-04: 0.75rem;
$spacing-05: 1rem;
$spacing-06: 1.5rem;
$spacing-07: 2rem;
$spacing-08: 2.5rem;
$spacing-09: 3rem;
//$body-long-01: ;
//$body-long-02: ;
$body-short-01-font-size: 1rem;
$body-short-02-font-size: 1rem;
$body-short-01-font-weight: 400;
$body-short-02-font-weight: 400;
$body-short-01-line-height: 24px;
$body-short-02-line-height: 24px;
/*
$caption-01: ;
$code-01: ;
$code-02: ;
$heading-01: ;
$heading-03: ;
$helper-text-01: ;
$label-01: ;
$label-01: ;
$productive-heading-01: ;
$productive-heading-02: ;
$productive-heading-03: ;
$productive-heading-04: ;
$productive-heading-05: ;
$productive-heading-06: ;
$productive-heading-07: ;
*/
/*** sede **/

:root .sede {
  --cds-interactive-01: #{$interactive-01};
  --cds-interactive-02: #{$interactive-02};
  --cds-interactive-03: #{$interactive-03};
  --cds-text-04: #{$text-04};
  --cds-link-01: #{$interactive-01};
  --cds-hover-primary: #{$hover-primary};

  --cds-active-danger:#{$active-danger};
  --cds-active-light-ui:#{$active-light-ui};
  --cds-active-primary:#{$active-primary};
  --cds-active-secondary:#{$active-secondary};
  --cds-active-tertiary:#{$active-tertiary};
  --cds-active-ui:#{$active-ui};
  --cds-danger-01:#{$danger-01};
  --cds-danger-02:#{$danger-02};
  --cds-disabled-01:#{$disabled-01};
  --cds-disabled-02:#{$disabled-02};
  --cds-disabled-03:#{$disabled-03};
  --cds-field-01:#{$field-01};
  --cds-field-02:#{$field-02};
  --cds-focus:#{$focus};
  --cds-highlight:#{$highlight};
  --cds-hover-danger:#{$hover-danger};
  --cds-hover-light-ui:#{$hover-light-ui};
  --cds-hover-primary:#{$hover-primary};
  --cds-hover-primary-text:#{$hover-primary-text};
  --cds-hover-row:#{$hover-row};
  --cds-hover-secondary:#{$hover-secondary};
  --cds-hover-selected-ui:#{$hover-selected-ui};
  --cds-hover-tertiary:#{$hover-tertiary};
  --cds-hover-ui:#{$hover-ui};
  --cds-icon-01:#{$icon-01};
  --cds-icon-02:#{$icon-02};
  --cds-icon-03:#{$icon-03};
  --cds-interactive-01:#{$interactive-01};
  --cds-interactive-02:#{$interactive-02};
  --cds-interactive-03:#{$interactive-03};
  --cds-interactive-04:#{$interactive-04};
  --cds-inverse-01:#{$inverse-01};
  --cds-inverse-02:#{$inverse-02};
  --cds-inverse-focus-ui:#{$inverse-focus-ui};
  --cds-inverse-hover-ui:#{$inverse-hover-ui};
  --cds-inverse-link:#{$inverse-link};
  --cds-inverse-support-01:#{$inverse-support-01};
  --cds-inverse-support-02:#{$inverse-support-02};
  --cds-inverse-support-03:#{$inverse-support-03};
  --cds-inverse-support-04:#{$inverse-support-04};
  --cds-link-01:#{$link-01};
//  --cds-notification-error-background-color:#{$notification-error-background-color};
//  --cds-notification-info-background-color:#{$notification-info-background-color};
//  --cds-notification-success-background-color:#{$notification-success-background-color};
//  --cds-notification-warning-background-color:#{$notification-warning-background-color};
  --cds-overlay-01:#{$overlay-01};
  --cds-selected-light-ui:#{$selected-light-ui};
  --cds-selected-ui:#{$selected-ui};
  --cds-skeleton-01:#{$skeleton-01};
  --cds-skeleton-02:#{$skeleton-02};
  --cds-support-01:#{$support-01};
  --cds-support-02:#{$support-02};
  --cds-support-03:#{$support-03};
  --cds-support-04:#{$support-04};
  --cds-text-01:#{$text-01};
  --cds-text-02:#{$text-02};
  --cds-text-03:#{$text-03};
  --cds-text-04:#{$text-04};
  --cds-text-05:#{$text-05};
  --cds-text-error:#{$text-error};
  --cds-ui-01:#{$ui-01};
  --cds-ui-02:#{$ui-02};
  --cds-ui-03:#{$ui-03};
  --cds-ui-04:#{$ui-04};
  --cds-ui-05:#{$ui-05};
  --cds-ui-background:#{$ui-background};
  --cds-visited-link:#{$visited-link};
  //--cds-spacing-01:#{$spacing-01};
  //--cds-spacing-02:#{$spacing-02};
  //--cds-spacing-03:#{$spacing-03};
  //--cds-spacing-04:#{$spacing-04};
  //--cds-spacing-05:#{$spacing-05};
  //--cds-spacing-06:#{$spacing-06};
  //--cds-spacing-07:#{$spacing-07};
  //--cds-spacing-08:#{$spacing-08};
  //--cds-spacing-09:#{$spacing-09};
  //--cds-body-long-01:#{$body-long-01};
  //--cds-body-long-02:#{$body-long-02};
  --cds-body-long-01-font-size:#{$body-short-01-font-size};
  //--cds-body-short-01:#{$body-short-01};
  --cds-body-short-01-font-size:#{$body-short-01-font-size};
  --cds-body-short-02-font-size:#{$body-short-02-font-size};
  --cds-body-short-01-font-weight:#{$body-short-01-font-weight};
  --cds-body-short-02-font-weight:#{$body-short-02-font-weight};
  --cds-body-short-01-line-height:#{$body-short-01-line-height};
  --cds-body-short-02-line-height:#{$body-short-02-line-height};
  //--cds-caption-01:#{$caption-01};
  //--cds-code-01:#{$code-01};
  //--cds-code-02:#{$code-02};
  //--cds-heading-01:#{$heading-01};
  //--cds-heading-03:#{$heading-03};
  //--cds-helper-text-01:#{$helper-text-01};
  //--cds-label-01:#{$label-01};
  //--cds-label-01:#{$label-01};
  //--cds-productive-heading-01:#{$productive-heading-01};
  //--cds-productive-heading-02:#{$productive-heading-02};
  //--cds-productive-heading-03:#{$productive-heading-03};
  //--cds-productive-heading-04:#{$productive-heading-04};
  //--cds-productive-heading-05:#{$productive-heading-05};
  //--cds-productive-heading-06:#{$productive-heading-06};
  //--cds-productive-heading-07:#{$productive-heading-07};

  //carbon
  //--cds-interactive-01c:#{$interactive-01c};
}
//carbon--theme
//$interactive-01c: #0f62fe;

/*** intranet ***/
:root .intranet {
  --cds-active-danger: #740D12;
--cds-active-light-ui: #c6c6c6;
--cds-active-primary: #011865;
--cds-active-secondary: #6f6f6f;
--cds-active-tertiary: #011865;
--cds-active-ui: #c6c6c6;
--cds-danger-01: #DA1E27;
--cds-danger-02: #da1e28;
--cds-disabled-01: #87a8c3;
--cds-disabled-02: #C6C6C6;
--cds-disabled-03: #8D8D8D;
--cds-field-01: #FFFFFF;
--cds-field-02: #F3F3F3;
--cds-focus: #134886;
--cds-highlight: #3D61D9;
--cds-hover-danger: #BA1B23;
--cds-hover-light-ui: #e5e5e5;
--cds-hover-primary: #457399;
--cds-hover-primary-text: #011865;
--cds-hover-row: #f9f9f9;
--cds-hover-secondary: #525252;
--cds-hover-selected-ui: #C6C6C6;
--cds-hover-tertiary: #011865;
--cds-hover-ui: #f9f9f9;
--cds-icon-01: #484848;
--cds-icon-02: #525252;
--cds-icon-03: #FFFFFF;
--cds-interactive-01: #134886;
--cds-interactive-02: #bdb9b4;
--cds-interactive-03: #EBAC58;
--cds-interactive-04: #134886;
--cds-inverse-01: #FFFFFF;
--cds-inverse-02: #bdb9b4;
--cds-inverse-focus-ui: #FFFFFF;
--cds-inverse-hover-ui: #525252;
--cds-inverse-link: #3D61D9;
--cds-inverse-support-01: #FA4D55;
--cds-inverse-support-02: #41BD64;
--cds-inverse-support-03: #F0C11B;
--cds-inverse-support-04: #77A9FF;
--cds-link-01: #134886;
--cds-overlay-01: #484848;
--cds-selected-light-ui: #f9f9f9;
--cds-selected-ui: #f2f0e9;
--cds-skeleton-01: #f9f9f9;
--cds-skeleton-02: #C6C6C6;
--cds-support-01: #DA1E27;
--cds-support-02: #24a047;
--cds-support-03: #F0C11B;
--cds-support-04: #044ADA;
--cds-text-01: #000000;
--cds-text-02: #484848;
--cds-text-03: #A8A8A8;
--cds-text-04: #FFFFFF;
--cds-text-05: #6F6F6F;
--cds-text-error: #da1e28;
--cds-ui-01: #F3F3F3;
--cds-ui-02: #FFFFFF;
--cds-ui-03: #f9f9f9;
--cds-ui-04: #4678a3;
--cds-ui-05: #484848;
--cds-ui-background: #FFFFFF;
--cds-visited-link: #8A3EFC;
--cds-body-short-01-font-size: 1rem;
--cds-body-short-02-font-size: 1rem;
--cds-body-short-01-font-weight: 400;
--cds-body-short-02-font-weight: 400;
--cds-body-short-01-line-height: 24px;
--cds-body-short-02-line-height: 24px;
}

/*** portal comunidades **/

:root .portal_comunidades {
  --cds-active-danger:#{$active-danger};
  --cds-active-light-ui:#{$active-light-ui};
  --cds-active-primary:#173A64;
  --cds-active-secondary:#{$active-secondary};
  --cds-active-tertiary:#{$active-tertiary};
  --cds-active-ui:#{$active-ui};
  --cds-danger-01:#{$danger-01};
  --cds-danger-02:#{$danger-02};
  --cds-disabled-01:#{$disabled-01};
  --cds-disabled-02:#{$disabled-02};
  --cds-disabled-03:#{$disabled-03};
  --cds-field-01:#FFFFFF;
  --cds-field-02:#F3F3F3;
  --cds-focus:#134886;
  --cds-highlight:#{$highlight};
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#{$hover-light-ui};
  --cds-hover-primary:#{$hover-primary};
  --cds-hover-primary-text:#{$hover-primary-text};
  --cds-hover-row:#{$hover-row};
  --cds-hover-secondary:#{$hover-secondary};
  --cds-hover-selected-ui:#{$hover-selected-ui};
  --cds-hover-tertiary:#173A64;
  --cds-hover-ui:#{$hover-ui};
  --cds-icon-01:#{$icon-01};
  --cds-icon-02:#{$icon-02};
  --cds-icon-03:#{$icon-03};
  --cds-interactive-01:#134886;
  --cds-interactive-02:#{$interactive-02};
  --cds-interactive-03:#EBAC58;
  --cds-interactive-04:#134886;
  --cds-inverse-01:#{$inverse-01};
  --cds-inverse-02:#{$inverse-02};
  --cds-inverse-focus-ui:#{$inverse-focus-ui};
  --cds-inverse-hover-ui:#{$inverse-hover-ui};
  --cds-inverse-link:#77ACE8;
  --cds-inverse-support-01:#{$inverse-support-01};
  --cds-inverse-support-02:#{$inverse-support-02};
  --cds-inverse-support-03:#{$inverse-support-03};
  --cds-inverse-support-04:#{$inverse-support-04};
  --cds-link-01:#134886;
//  --cds-notification-error-background-color:#{$notification-error-background-color};
//  --cds-notification-info-background-color:#{$notification-info-background-color};
//  --cds-notification-success-background-color:#{$notification-success-background-color};
//  --cds-notification-warning-background-color:#{$notification-warning-background-color};
  --cds-overlay-01:#{$overlay-01};
  --cds-selected-light-ui:#{$selected-light-ui};
  --cds-selected-ui:#{$selected-ui};
  --cds-skeleton-01:#{$skeleton-01};
  --cds-skeleton-02:#{$skeleton-02};
  --cds-support-01:#{$support-01};
  --cds-support-02:#{$support-02};
  --cds-support-03:#{$support-03};
  --cds-support-04:#{$support-04};
  --cds-text-01:#{$text-01};
  --cds-text-02:#{$text-02};
  --cds-text-03:#{$text-03};
  --cds-text-04:#{$text-04};
  --cds-text-05:#{$text-05};
  --cds-text-error:#{$text-error};
  --cds-ui-01:#FFFFFF;
  --cds-ui-02:#{$ui-02};
  --cds-ui-03:#{$ui-03};
  --cds-ui-04:#{$ui-04};
  --cds-ui-05:#{$ui-05};
  --cds-ui-background:#F3F3F3;
  --cds-visited-link:#{$visited-link};
  //--cds-spacing-01:#{$spacing-01};
  //--cds-spacing-02:#{$spacing-02};
  //--cds-spacing-03:#{$spacing-03};
  //--cds-spacing-04:#{$spacing-04};
  //--cds-spacing-05:#{$spacing-05};
  //--cds-spacing-06:#{$spacing-06};
  //--cds-spacing-07:#{$spacing-07};
  //--cds-spacing-08:#{$spacing-08};
  //--cds-spacing-09:#{$spacing-09};
  //--cds-body-long-01:#{$body-long-01};
  //--cds-body-long-02:#{$body-long-02};
  //--cds-body-short-01:#{$body-short-01};
  --cds-body-short-01-font-size:#{$body-short-01-font-size};
  --cds-body-short-02-font-size:#{$body-short-02-font-size};
  --cds-body-short-01-font-weight:#{$body-short-01-font-weight};
  --cds-body-short-02-font-weight:#{$body-short-02-font-weight};
  --cds-body-short-01-line-height:#{$body-short-01-line-height};
  --cds-body-short-02-line-height:#{$body-short-02-line-height};
  //--cds-caption-01:#{$caption-01};
  //--cds-code-01:#{$code-01};
  //--cds-code-02:#{$code-02};
  //--cds-heading-01:#{$heading-01};
  //--cds-heading-03:#{$heading-03};
  //--cds-helper-text-01:#{$helper-text-01};
  //--cds-label-01:#{$label-01};
  //--cds-label-01:#{$label-01};
  //--cds-productive-heading-01:#{$productive-heading-01};
  //--cds-productive-heading-02:#{$productive-heading-02};
  //--cds-productive-heading-03:#{$productive-heading-03};
  //--cds-productive-heading-04:#{$productive-heading-04};
  //--cds-productive-heading-05:#{$productive-heading-05};
  //--cds-productive-heading-06:#{$productive-heading-06};
  //--cds-productive-heading-07:#{$productive-heading-07};
}