#navigation {
    background-color: #FFF;
    margin-bottom:20px;
    display:sticky !important;
    top:0;
}

:root {
  --blue: #2D9BB1;
  --indigo: #6610f2;
  --purple: #4B6AD9;
  --pink: #e83e8c;
  --red: #D6664F;
  --orange: #E4A429;
  --yellow: #ffc107;
  --green: #4FB293;
  --teal: #2D9BB1;
  --cyan: #17a2b8;
  --white: #ffffff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #0077D4;
  --secondary: #7F888F;
  --success: #4FB293;
  --info: #2D9BB1;
  --warning: #E4A429;
  --danger: #D8552C;
  --light: #F1F4F6;
  --dark: #212121;
  --blueULight: #B2D6F2;
  --blueU: #0077D4;
  --blue1: #0077D4;
  --blue2: #115A9E;
  --blue3: #0E4280;
  --black: #212121;
  --gray5: #4C5054;
  --gray4: #7F888F;
  --gray3: #B1BABE;
  --gray2: #D5DADD;
  --gray1: #F1F4F6;
  --gray: #F1F4F6;
  --gray-dark: #4C5054;
  --white: #ffffff;
  --green: #4FB293;
  --greenLight: #A6DDCB;
  --blue: #2D9BB1;
  --blueLight: #A1D7E1;
  --purple: #4B6AD9;
  --purpleLight: #C2CBEC;
  --red: #D6664F;
  --redLight: #ECBEB5;
  --orange: #E4A429;
  --orangeLight: #EECF93;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
  --bs-border-radius: 10px;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.accordion-item:first-of-type {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

*,*::before,*::after {
  box-sizing: border-box
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(33,33,33,0)
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
  display: block
}

body {
  margin: 0;
  font-family: "Inter",Helvetica,Arial,sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: #212121;
  text-align: left;
  background-color: #FFFFFF;
}

h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
  margin-bottom: .5rem
}
a {
  color: #0077d4;
  text-decoration: none;
  background-color: rgba(0,0,0,0)
}

a:hover {
  color: #004c88;
  text-decoration: underline
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
  text-decoration: none;
  color:#0069B4 !important;
  border-bottom-style:none;

}

 .navbar-dark .navbar-nav .nav-link-active {
  text-decoration: none;
  color:#0069B4 !important;
  border-bottom-color: #0069B4;
  border-bottom-style: solid;
  padding-bottom:6px;
  border-bottom-width: 8px;
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  margin-bottom: .5rem;
  font-weight: 600;
  line-height: 1.17;
  color: #212121
}

h1,.h1 {
  font-size:calc(1.425rem + 2.1vw);
}

h2, .h2 {
  font-size: 28px;
}
h3, .h3 {
  font-size:24px;
}

h4, .h4 {
  font-size: 20px;
}

h5,.h5 {
  font-size: 1.125rem
}

h6,.h6 {
  font-size: 1rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}
.navbar-dark .navbar-nav .nav-link {
    
  color:#696E73;
  text-align:right;
  font-weight: 500;
  letter-spacing:-0.0195rem;
  padding-top: 0px;
}
.nav-link 
{
   font-size:16px;
   letter-spacing: -0.312px;
}
#preheader{
  background-color:#FFFFFF;
  color:#696E73;
}
.header{
    background: #ffffff;
    margin-bottom:12px;
    margin-top:12px;
}
.header .title {
    background-color: #FFFFFF;
    color:#696E73;
    font-size:12px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
    padding-bottom: 13px;
    text-transform: uppercase;
    min-height: 41px;
    display: inline-block;
}
.header-portaltitle {
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing:-0.05rem;
  color: #0069B4;
}

#maincontainer
{
  min-height: 500px;
}
.header .title h2
{
  
  font-family: "Inter",Helvetica,Arial,sans-serif;;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  
}
.btn-primary
{
  background-color:#0069B4;
  border-radius:10px;
  border-width: 0px;
}
.bg-dark
{
  background-color: #0077D4 !important;
}
.text-bg-light
{
 //background-color: #F1F4F6 !important;
  color: #212121 !important;
}
#indexentry p
{
  background-color: #0077D4;
}
.progress
{
  margin-top:10px;
  margin-bottom:12px
}
#catitle 
{
  padding-left: 10px;
  padding-top:5px;
  color: #0077D4;
  padding-bottom: 5px;
}
.questiontext
{
  padding-left: 10px;
  padding-right: 10px;
  padding-top:5px;
  padding-bottom: 5px;
}
.answercheck
{
  padding:7px;
  margin-left:28px;
}
#convdetail
{
  margin-bottom:30px;
}

.accordion-button .collapsed
{
  background-color:#EFF6FF;
  color:#0069B4;
  font-family: "Inter",Helvetica,Arial,sans-serif;
  font-weight:700;
  font-size:14px;
}
.card{
  margin-bottom:5px;
  border-radius:16px !important;
}
.accordion-button:not(.collapsed)
{
  background-color:#0069B4;
  color:white;
  font-family: "Inter",Helvetica,Arial,sans-serif;
  font-weight:700;
  font-size:14px;
}
#imagecat
{
  filter: invert(21%) sepia(67%) saturate(7289%) hue-rotate(193deg) brightness(96%) contrast(102%) drop-shadow(3px 3px 1px grey);
  width:30px;
  margin-left:10px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.imagecat
{
  filter: invert(21%) sepia(67%) saturate(7289%) hue-rotate(193deg) brightness(96%) contrast(102%) drop-shadow(3px 3px 1px grey);
  width:30px;
  margin-left:10px;
  margin-right: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
#questiontext .badge
{
  float:left;
  margin-top: 3px;
  margin-right: 20px;
  
}
#progressbar
{
  color:white;
  font-weight: 900;
}
.separator
{
  margin-top:30px;
}
.tags
{
  margin-top:5px;
  margin-bottom:10px;
}
#certdescription
{
  margin:10px;
  margin-top:15px;
  margin-bottom:20px;
}
.question .badge
{
  float:left;
  margin-right:5px;
}
.recommendationlevel
{
  margin-top:10px;
  padding:5px;
}
.inden_1
{
  padding-left:20px;
  
}
.rangeoutput
{
  background-color: var(--bs-success);
  padding-left:10px;
  padding-right: 10px;
  padding-top:4px;
  padding-bottom:4px;

  color:white;

}
.inden_2
{
  padding-left:40px;

}
.inden_3
{
  padding-left:60px;
 
}
.inden_4
{
  padding-left:80px;
  
}
.inden_5
{
  padding-left:100px;
 
}
.select2-results__option--disabled
{
  display:none;
}
h2,h3,h4
{

}
#navbarSupportedContent
{
  text-align: right;
}
.btn, .btn a {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: .625rem 1.25rem;
  font-size: .875rem;
  border-radius: 10px;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;

}
.btn-sm
{
  font-size: 0.65rem;
  padding: .25rem .5rem;

}

@media (min-width: 1700px)
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100%;
}
button.categoryaccordion
{
  font-size: 1.7rem;
  font-weight: 600;
}
.footer {
  width: 100%;
  clear: both;
  margin-top: 0px;
  position: relative;
  color: #BEDBFF;
  background: #024;
  padding-top: 0px;
  border-top: 1px solid #F1F4F6;
  max-width: 1416px;
    margin-left: auto;
    margin-right: auto;
}
#footer-menu ul li {
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
}
#footer-menu ul li a {
  font-weight: 400;
  color: #BEDBFF;
  text-decoration: none;
  font-size: 12px;
}
 li.social-icon a {
  font-weight: 400;
  color: #BEDBFF;
  text-decoration: none;

}
.clearfix
{
  list-style: none;
}
.footer-lower{
  padding-top: 24px;
  padding-bottom: 5px;
  background-color: #0077D4;

}
#incorrectdatabutton
{
  background-color:#F9FaFB;
  border-color:#E5E7EB;
  border-style:solid;
  border-width: 1px;
  color: #364153;
  z-index:20000;
}

.explanation
{
  margin-top:10px;
  margin-bottom:15px;
  margin-left:15px;
}
.variablelist-group {
  list-style: none;
}
li .bi-caret-right-fill{
    display:none;
}
li .bi-caret-down-fill{
  display:inline;
}
li.collapsed .bi-caret-right-fill{
  display:inline;
}
li.collapsed .bi-caret-down-fill{
  display:none;
}
.categoryicon
{
  width:27px;
  margin-right:20px;
  margin-left:20px;
  filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(227deg) brightness(111%) contrast(101%);

}
.categorynavigation .categoryicon
{
  width:32px;
  margin-right:10px;
  margin-left:10px;
  filter:  invert(0%) sepia(90%) saturate(7460%) hue-rotate(58deg) brightness(89%) contrast(95%); ;
}
.categoryiconcell
{
  width:34px;
  margin-right:5px;
}
.pdisclaimer
{
  font-size: 0.8rem;
  line-height: 1.3;
  margin-top: 10px;
}
.pdisclaimer p {
  display: block;
  margin-block-start: 0.5em;
  margin-block-end: 0.6em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  line-height: 1.3;

}
.brand-image {
  width: 8.48025rem;
}
@media (max-width: 1000px) {
  .header-portaltitle {
      font-size: 26px;
  }
  .brand-image {
      width: 6.25rem;
  }
}

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 100% !important;
  }
 #totalcontainer
  {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  .categoryheader
  {
    background-color: #0077D4 !important;
    color: white !important;
    font-family: "Inter", Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding-top:13px;
    padding-bottom:13px;
    padding-left: 24px;
    padding-right: 24px;
    border-bottom-color:rgba(0, 0, 0, 0.176);
    border-bottom-style: solid;
    border-bottom-width: 0px;
  }
  .categoryheader h3
  {
    color: white !important;
    font-size:14px;

  }
  
.ventanon
{
  background-color: #004c88;
  min-height:337px;
  background-image: url('/pc/static/img/countryprofileback.png');
  background-size: cover;
  background-position: center;
  color:#9AD3FF;
  padding-top:42px;
  padding-left:110px;
  padding-bottom:40px;
  padding-right:110px;
  text-align:left;
}
.introtext
{
  padding-top:25px;
  width: 60%;

}
.nav-item
{
  padding-left:10px;
  padding-right:10px;
}
#columnselector
{
  font-size:14px;
}
.select2-results__option
{
  font-size:14px;
}
.ventanon .btn
{
  background-color: rgba(0,91,187,0.2);
  border-radius:10px;
  color:white;
  font-size:14px;
  padding:0 16px 0 16px;
  border:0px;
  font-weight: 700;
  border-radius:16px;
  padding:10px 20px 10px 20px;
}
.ventanon .card
{
  background-color: rgba(0,91,187,0.2);
  border-color:rgba(255,255,255,0.1);
  border-style:solid;
  border-width:1px;
  color:white;
}
.ventanon .btn:hover
{
  background-color: rgba(0,91,187,0.6);
 
}
.ventanon h1
{
  font-size: 48px;
  font-weight: 800;
  letter-spacing:0.264px;
  color:white;
}
.ventanon h2
{
  font-size: 48px;
  font-weight: 800;
  letter-spacing:0.264px;
  color:#9AD3FF;
}
.ventanon h4
{
  font-size: 18px;
  font-weight: 700;
  color:#FFF;
}
.ventanon a
{

  color:#9AD3FF;
}
#gvariablefilters
{
  padding: 5px;
  font-size: 0.8rem;
  padding-left:0px;
}
#graphcanvas .category h6
{
  margin-left:7px;
}

.badge
{
  white-space: wrap;
  margin-bottom: 3px;
}
.help-text
{
  font-size: 12px;
  font-weight: 400;
}
h6 .help-text
{
  font-size: 12px;
  font-weight: 400;
}
.loading-text
{
  display:none;
}
#accordionCountry .accordion-item
{
  border:0;
  margin-bottom:16px;
}
.acordion-i
#navigationacordion .accordion-item
{
  border:0;
  margin-bottom:1px;
}
.conceptcard .fieldvaluecontainer
{
  padding:4px;
}
.fieldvaluecontainer .card-header
{
  padding-bottom: 10px;
  padding-top:1px;
 
  
}

.conceptcard .fieldvaluecontainer .card
{
  border-radius:6px !important;
}
.conceptcard .fieldvaluecontainer .card-header
{
  padding:0px;
  background-color:transparent;
  padding-left:15px;
  padding-bottom:0px;
}
.conceptcard .badge
{
  font-size: 14px;
  font-weight: 500;

}
.cardbodycompare .text-bg-primary
{
  font-size: 14px;
  width: 100%;
  text-align: left;
  font-weight: 500;
}
.cardbodycompare .text-bg-secondary
{
  font-size: 14px;
  width: 100%;
  text-align: left;
  font-weight: 500;
}
.conceptcard .col-lg-6
{
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.conceptcard .accordion-body
{
  padding-bottom: 0px;
}
.conceptcard .fieldvaluecontainer  h4
{
  font-size: 16px;
  font-weight: 600;
}
.conceptcard .card-body
{
  padding-bottom: 0px;
}
.contentcontainer
{
  background-color: #F9FAFB;
  padding-left:110px;
  padding-right:110px;
  padding-bottom:60px;
}
.globalstats
{
  padding-left:110px;
  padding-right:110px;
  padding-top:40px;
  padding-bottom: 40px;
}
.globalstats .col-md-3
{
  align-items: center;
  text-align:center;
  padding-left:20px;
  padding-right: 20px;
  border-right: 1px solid #e4e4e4;
}
.globalstats .col-md-3 h2
{
  font-size: 48px;
  font-weight: 800;
  color:#3D3D3D;
}
.globalstats .col-md-3 p
{
  font-size: 14px;
  font-weight: 60000;
  color:#6A7282;
}
.cartelon
{
  color:#D8EAFE;
  font-size: 18px;
  font-weight: 400;
}
.cartelon .btn-primary
{
  background-color: white;
  color:#036;
}
.cartelontitle
{
  font-size: 36px;
  font-weight: 700;
  color:white

}

.searchbox
{
  width:50%;
  min-width: 700px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:25px 34px 25px 34px;
  top:-32px;
  padding-bottom:0px;
  border-radius:16px;
  border:1px solid #E5E7EB;
  background-color: #FFFFFF;
  color:#6A7282;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.searchbox .btn-sm
{
  padding-top:6px;
  padding-bottom:6px;
  padding-left:12px;
  padding-right:12px;
}
.pagedescription
.card{
  border-radius:16px;
  border:1px solid #E5E7EB;

}
.card-header
{
  padding:24px 0px 24px 24px;
  background-color: rgba(240,250,251,0.5);
  border-bottom-color:#E5E7EB;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.card-header h2
{
  font-size: 20px;
  color:#036;
  font-weight: 800;
  padding:0px;
  margin:0px;
}
.countrydataheader
{
  background-color: #0069B4 !important;
  color:white;
  padding:16px 24px 16px 24px;
  border-bottom:1px solid #E5E7EB;
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}
.countrydataheader h2.categoryheader
{
  font-size: 16px;
  color:white;
  font-weight: 700;
  background-color: #0069B4 !important;
}
#navigationacordion
{
  padding-top:40px;
}

  .cellcategorymenu
  {
    font-size: 0.8em;
  }

.searcbox .textform
    #navigationdrawer {
        position: fixed;
        z-index: 9;
        text-align: left;
        width: 16.5em;
        top: 100px; 
        left: 20px;
    }
    .drawercontent {
      
    }
    #navigationdrawermover {
        padding: 10px;
        cursor: move;
        z-index: 10;
      }
      .hidesoft {
        visibility: hidden;
        transition: all 1s ease-out;
        opacity: 0;  
      }
      .showsoft {
        visibility: visible;
        transition: all 1s ease-out;
        opacity: 1;
      }
      .categorynavigation {
        text-decoration: none;
        color: #212121;
      }
      .categorynavside {
        position: -webkit-sticky;
        position: sticky;
        top: 1rem;
        display: block !important;
        height: calc(100vh - 13rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto;
    }
    #navigationdrawercontent .accordion-body
    {
       padding-left: 0;
        padding-right: 0;
  }
  #navigationdrawercontent h1.accordion-header
  {
    color: white;
    background-color: #036;
    font-weight: 700;
    border-radius:10px;
    margin-top:0px;
    margin-bottom:0px;
    border:0px;

    font-size: 16px;
  }

  #navigationdrawercontent h1 button.accordion-button
  {
    color: white;
    background-color: #036;
    font-weight: 700;
    border-radius:10px;
    font-size: 16px;
  }
  #navigationdrawercontent h1 button.accordion-button::after
  {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 1em;
  }
  #navigationdrawercontent h1 button.accordion-button.collapsed::after
  {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 1em;
  }
  #uisvariablesacordion list-group-item
  {
    padding-left: 20px;
  
  }
  #uisvariablesacordion h2 button.accordion-button
  {
  
     background-color:#EFF6FF;
  color:#0069B4;
  font-family: "Inter",Helvetica,Arial,sans-serif;
  font-weight:700;
  font-size:14px;
  }
  #accordionMap
  {
    border:0;
    padding-top:40px;
  }
 
  
     
        .hidesoft {
          visibility: hidden;
          transition: all 1s ease-out;
          opacity: 0;  
        }
        .showsoft {
          visibility: visible;
          transition: all 1s ease-out;
          opacity: 1;
        }
    #countryCompare
    {
      margin-top:15px;
    }

  .select2-container--default .select2-selection--single {

      background-color:#F9FAFB;
      border-color:#E5E7EB;
      border-radius:10px;
      border-width: 1px;
    }
    ..select2-container
    {
      padding-right:5px;
    }
    .btn-country
    {
      background-color: #F9FAFB;
      border-color:#E5E7EB;
      border-style:solid;
      border-width: 1px;
      border-radius:10px;
      color:#364153;
      font-size:14px;
      padding:9px 10px 9px 10px;
      font-weight: 600;
      margin-bottom:5px;
    }
    .btn-outline-secondary
    {
      border-color:#F3F4F6;
      background-color: rgba(249,250,251,0.3);
      color:#364153;
      border-radius:10px;
      font-size:14px;
      padding:9px 10px 9px 10px;
      font-weight: 700;
    }
    .cardbodycompare
    {
      padding-left:0px;
      padding-right:0px;
    } 
.leaflet-container {
    background: white !important;
    outline-offset: 1px;


}
#dashboard
{
  padding-top:40px;
}
#newscontainer
{
  padding-top:40px;
}
#htmlbytecontent{
  margin-top:40px;
}

h2.card-title a
{
  color:#101828;
  font-weight: 700;
  text-decoration: none;
  font-size:24px;
}

h4.card-title a
{
  color:#101828;
  font-weight: 700;
  text-decoration: none;
  font-size:20px;
}
.categorytag
{
  background-color: #EFF6FF;
  color:#005BBB;
  font-size: 12px;
  font-weight: 500;
  padding:10px;
  border-radius:10px;
}
.categorytag a
{
  color:#212121;
  text-decoration: none;
}
.keygraph
{
  background-color: #F9FAFB;
  font-size: 14px;
  font-weight: 600;
  padding-top:0px !important;
  margin-top:0px !important;
  padding:10px;
  border-radius:5px;
}
.keygraph .btn-outline-secondary
{
  background-color: rgb(108, 117, 125);
}


.ventanon .btn-outline-primary
{
  border: 1px solid rgba(178,214,242,0.2);
}
.ventanon a.dropdown-item
{
  color: #212121;
}
.homecard
{
  color:#BEDBFF;
  font-size: 14px;
  width:100%;
}
.detailicon
{
  color:#BEDBFF;
}
.homecard .number
{
  font-size: 24px;
  font-weight: 700;
  color:white;
}