/** Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/** Resets */
body {
  margin: 0px !important;
  background-color: var(--color-white-03) !important;
}

ul,
li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}

body a {
  text-decoration: none;
  color: inherit;
}

/** Glogal styles */

html {
  font-size: 16px;
}

* {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
}

:root {
  /* font size */
  --font-size-h1: 2.25rem;
  --font-size-h2: 1.875rem;
  --font-size-h3: 1.5rem;
  --font-size-h4: 1.25rem;
  --font-size-h5: 1.125rem;
  --font-size-regular: 1rem;
  --font-size-s: 0.875rem;
  --font-size-xs: 0.75rem;

  /** Colors  **/
  --color-primary: #04399F;
  --color-secondary: #094BCC;
  --observatorio-blue-dark: #002876;


  /** Neutrals color */
  --color-black-01: #4D4D4D;
  --color-black-02: #222222;
  --color-grey-0: #DCDCDC;
  --color-grey-01: #949494;
  --color-grey-02: #717171;
  --color-white-01: #FFFFFF;
  --color-white-02: #F6F6F6;
  --color-white-03: #ECECEC;

  /* alert colors */
  --observatorio-danger: #FF6366;

  /*lights */
  --observatorio-highlight-light: #E8EDF6;

}

h1 {
  font-weight: 900 !important;
  font-size: var(--font-size-h1) !important;
}

.media-frame-title h1{
   font-size: 22px !important;
}

h2 {
  font-size: var(--font-size-h2) !important;
}

.media-attachments-filter-heading {
   font-size: 13px !important;
}

h3 {
  font-size: var(--font-size-h3) !important;
}

h4 {
  font-size: var(--font-size-h4) !important;
  ;
}

h5 {
  font-size: var(--font-size-h5) !important;
  ;
}

h6 {
  font-size: var(--font-size-regular) !important;
  ;
}

p {
  font-size: var(--font-size-regular) !important;
}

.cursor-disable {
  cursor: not-allowed;
}


/* animation dialog */

dialog[open] {
  animation: show 0.35s ease normal;
}

/* class for mensage confirmation login */

/* .um.um-register {
  margin-top: 27px;
  background: var(--color-white-01);
  padding: 20px;
  border-radius: 11px;
  font-size: 20px;
  text-align: center;
} */

@keyframes show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media screen and (max-width: 1800px) {
  .container{
    max-width: 90% !important;
  }
}