:root {
    /* --primary: blue; */
    --dark: #363636;
    --light: #fff;
    --grey: #9f9f9f;
    --bg-color: #363636;
    --dot: #EA999B;
    /* 	--bg-color: #a1060f; */
    /* 	--bg-color: #fff; */
    --ods_bgligthblue: #EDF1F6;
    --ods_darkblue: #17486a;
    --ods_blue: #3A8DDE;
    --ods_babyblue:#3A8DDE;
    --ods_grey: #f4f4f4;
    --ods_green: #5fba46;
    --ods_3: #4c9f38;
    --ods_6: #25BDE2;
    --ods_8: #a21942;
    --ods_12: #bf8b2e;
    --ods_13: #3f7e44;
    --ods_14: #0996D9;
    --ods_15: #55C02B;
}

/* ---- reset ---- */
body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    /* font-family: 'Open Sans', sans-serif; */
    background-color: var(--ods_blue);
}

body{
    margin-top: 120px;
}

.p-relative{
    position: relative;
}

h5{
    color: var(--ods_green);
}

/*tooltips*/

.popover {
    background-color: #EDF1F6!Important;
}

.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
    border-right-color: #EDF1F6!Important;
}

.danger {
    color: #dc3545!important;
}

.danger:hover {
    background: #dc3545!important;
    color: #fff!important;
}

/*modals*/

.text-primary {
    color: var(--ods_babyblue)!important;
}

.text-secondary{
    color: var(--ods_darkblue)!important;
}

.text-title{
    font-family: 'Oswald', sans-serif;
}

.text-body-modal{
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
}

.title-participantes{
    background-image: url(img/line-ods-xs.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 30px;
}

.text-blue{
    color: var(--ods_blue);
}

.title-medium{
font-size: 1.6em;
}
.text-green{
    color: var(--ods_green);
}

.hover-text-green:hover{
    color: var(--ods_green);
}

.hover-text-ods_3:hover{
    color: var(--ods_3);
}

.hover-text-ods_6:hover{
    color: var(--ods_6);
}

.hover-text-ods_8:hover{
    color: var(--ods_8);
}

.hover-text-ods_12:hover{
    color: var(--ods_12);
}

.hover-text-ods_13:hover{
    color: var(--ods_13);
}

.hover-text-ods_14:hover{
    color: var(--ods_14);
}

.hover-text-ods_15:hover{
    color: var(--ods_15);
}

.font-700{
    font-weight: 700;
}


.bg-light {
    background-color: var(--ods_bgligthblue)!important;
}

.border-top-light{
    border-top: 2px solid var(--ods_bgligthblue);
}

.bg-light-blue{
    background-color: #F2F9FF;
}

.bg-white{
    background-color: white;
}

.border-right-red {
    border-right: 2px solid var(--ods_8);
}

.bg-white{
    background-color: white;

}

.bg-grey{
    background-color: var(--grey);
}

.bg-grey-ods{
    background-color: var(--ods_grey);
}

.btn-primary {
    background: var(--ods_green);
    border-color: var(--ods_green);
}
.btn-outline-primary{
    border-color: var(--ods_green);
    color: var(--ods_green);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    /* background: #f90000;
    border-color: #f90000; */
    text-decoration: none;
}


.btn-light:hover {
    background-color: var(--ods_blue);
    color: white;
}

.dropdown-menu{
    background-color: var(--ods_blue);
    color: white;
}

.dropdown-item {
    color: #fff;
}

.dropdown-item:hover {
   background-color: var(--ods_darkblue);
   color: #F9C213;
}

.modal-content {
    background-color: #E2E2E2;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0.8rem;
}

.ods3 {
    color: var(--ods_3);
}

.ods6 {
    color: var(--ods_6);
}

.ods8 {
    color: var(--ods_8);
}

.ods12 {
    color: var(--ods_12);
}

.ods13 {
    color: var(--ods_13);
}

.ods14 {
    color: var(--ods_14);
}

.ods15 {
    color: var(--ods_15);
}
.matriz td {
    font-size: 0.8em;
}

i.fa.fa-arrow-circle-right, i.fa.fa-building {
    margin: 0 0 0 5px;
    font-size: 1.4em;
}

i.fa.fa-ods3{
    content: '';
    background-image: url("img/ods-icons/ico-acordeon_ods_3_color.svg");
    width: 35px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

i.fa.fa-ods6{
    content: '';
    background-image: url("img/ods-icons/ico-acordeon_ods_6_color.svg");
    width: 35px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

i.fa.fa-ods14{
    content: '';
    background-image: url("img/ods-icons/ico-acordeon_ods_14_color.svg");
    width: 35px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

i.fa.fa-ods15{
    content: '';
    background-image: url("img/ods-icons/ico-acordeon_ods_15_color.svg");
    width: 35px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


i.fa.fa-ods8{
    content: '';
    background-image: url("img/ods-icons/ico-acordeon_ods_8_color.svg");
    width: 35px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

i.fa.fa-ods12{
    content: '';
    background-image: url("img/ods-icons/ico-acordeon_ods_12_gris.svg");
    width: 30px;
    height: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
}

i.fa.fa-ods13{
    content: '';
    background-image: url("img/ods-icons/ico-acordeon_ods_13_color.svg");
    width: 30px;
    height: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.rotate-chevron i:nth-child(2) {
    transform: rotate(180deg);
}

.accordion-button i.fa.fa-chevron-up, .accordion-button i.fa.fa-chevron-down {
    position: absolute;
    right: 15px;
    top: 30%;
}

.alert {
    padding: 0.25rem 1rem;
    border-radius: 0.5rem;
}

main {
    /* 		color: white; */
    min-height: calc(100vh - 144px);
    background: #fff;
    margin: 0 auto;
    /* margin-bottom: 2rem; */
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    /* box-shadow: 0 9px 16px -6px black; */
    box-shadow: 0 27px 9px -18px rgba(0,0,0,.5);
    
}

footer {
    background: var(--dark);
	color: white;
}

footer a {
    color: var(--grey);
}

.page-login main {
    position: relative; 
}
.form-signin.container-sm {
    /*max-width: 360px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.container-sm {
    max-width: 360px;
}

main > .container-fluid {
    padding: 0;
    min-height: calc(100vh - 85px - 54px);
}

.nav-link__badge .badge {
	/* background: var(--primary); */
	border-radius: 2px;
}

.jumbotron {
    background-color: rgba(233, 236, 239, .7);
	margin: 0 auto;
    /* 	background-color: rgba(159, 159, 159, .7); */
    box-shadow: inset 0 0 10px rgb(0 0 0 / 16%);
}

body:not(.page-welcome) .jumbotron {
    max-width: 640px;
}

.bg-dark-femr {
    background-color: var(--dark);
}

.bg-info {
    background-color: var(--info);
}

#supports img, #sponsors .regular-sponsors img {
    max-width: 200px;
}

#sponsors .main-sponsors img{
    max-width: 380px;
}

.nav-pills .nav-link {
	/* background-color: rgba(255, 255, 255, .75); */
	/* color: var(--primary); */
    background-color: white;
	margin-right: 5px;
    margin-bottom: 0.5rem;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	/* border: solid 1px var(--dark); */
}

.nav-pills .nav-link:hover { 
	/* background-color: var(--grey); */
	/* color: white; */
    background-color: rgba(255, 255, 255, .5);
}

.nav-pills .nav-link.active {
	background-color: var(--primary);
	color: white;
}

.nav-link:hover { 
    background-color: #EDF1F6;
}

.row-tall {
	min-height: calc(100vh - 144px)
}

.row-tall aside {
    box-shadow: inset 0 0 10px rgb(0 0 0 / 16%);
}

aside .aside-search {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)
}

.bg-dark-femr {
	background-color: var(--dark);
}

.btn-secondary {
    background-color: var(--grey);
}

.navbar {
    min-height: 120px;
    /*box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
     z-index: 1; */
    background-color: white;
}

.navbar .navbar-brand {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: var(--dark);
}

.navbar .navbar-dot {
    color: var(--dot);
}

.navbar .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    /* remove jump on mobile */
    padding: .75rem;
}

.navbar .navbar-toggler:focus {
    outline: none;
}

.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar .nav-user {
    font-weight: 500;
    color: #3a8dde;
}

.navbar .nav-user .fa-user-circle {
    color: #5fba46;
}

.dropdown-menu {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}


@media screen and (min-width: 768px) {
#call-to-action{
    background-image: url("img/home-call-to-action-bk.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

.w-sm-80{
    width: 80%;
}
.bg-hero-reports {
    background-image: url(img/banner-admn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 240px;
}

.bg-hero-users {
    background-image: url(img/banner-reportes.png);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 240px;
}
}

@media (min-width: 992px) {
.title-participantes{
    background-image: url(img/line-ods-desktop.svg);
    background-position: 5% center;
    padding-top: 0;
}
}

@media screen and (min-width: 1023px) {
    main > .container-fluid {
		padding: 0;
		min-height: calc(100vh - 50px - 54px);
	}
	.navbar-dark {
		padding: 0 15px;
	}
	.navbar-dark .navbar-nav .nav-link {
		border-left: 1px solid white;
		padding: 15px;
	}
	.navbar-nav.ml-auto li:last-of-type .dropdown-menu {
		right: 0;
		left: initial;
	}
	
	.nav-link__badge {
		position: relative;
	}
	.nav-link__badge .badge {
		position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);		
	}	
}


input, textarea { 
    color: #000; 
}
.placeholder { 
    color: #aaa; 
}

.custom-control-input:checked~.custom-control-label::before {
    background: var(--primary);
    border-color: var(--primary);
}

#add-patient .btn-group-toggle .btn {
    padding: 12px;
}

#add-patient .btn-group-toggle .btn.active {
    box-shadow: inset 0 0 10px rgb(255 255 255 / 42%);
}

#add-patient
.gj-datepicker-bootstrap .gj-icon {
    top: 16px;
    font-size: 18px;
}

#add-patient
.gj-datepicker-bootstrap [role=right-icon] button {
    border: var(--dark) 1px solid;
}

.class, #myTabContent form {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.label-year{
    background-image: url(img/ico-calendario.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    padding-left: 30px;
    color: var(--grey);
    text-align: left;
}

.label-sign{
    background-image: url(img/ico-firma.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    padding-left: 30px;
    text-align: left;
}

.label-agree{
    text-align: left;
}


/* Todo: add this implementation to admin aside panel to show/hide sliding left/right */

/* @media (max-width: 768px) {
    #aside {
        position: absolute;
        top: 54px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
    }
    #aside.collapsing {
        height: auto;
        -webkit-transition: left 0.3s ease;
        -o-transition: left 0.3s ease;
        -moz-transition: left 0.3s ease;
        transition: left 0.3s ease;
        left: -100%;
    }
    #aside.show {
        left: 0;
        -webkit-transition: left 0.3s ease-in;
        -o-transition: left 0.3s ease-in;
        -moz-transition: left 0.3s ease-in;
        transition: left 0.3s ease-in;
    }
} */

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    bottom: 3rem;
    z-index: 10;
  }
  
  /* Declare heights because of positioning of img element */

  .carousel-inner {
    padding: 15px;
  }
  .carousel-item {
    height: 22rem;
  }
  .carousel-item > img {
    position: absolute;
    top: 50%;
    left: 50%;
    /* min-width: 100%; */
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    transform: translate(-50%, -50%);
    background: white;
  }

  #welcomeCarousel .carousel-indicators li {
    background-color: var(--primary);
  }

  #welcomeCarousel .carousel-control-prev i, 
  #welcomeCarousel .carousel-control-next i {
    font-size: 6rem;
    color: var(--primary);
  }

  #welcomeCarousel .carousel-item {
      background-color: white;
  }

  #carouselCompanies .carousel-item a {
    color: var(--dark);
    padding: 0 6px 0 6px;
    border: 1px transparent solid;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }

  #carouselCompanies .carousel-item a:hover {
    color: var(--ods_green);
    border:  1px var(--ods_green) solid;
    text-decoration: none;
    border-radius: 8px;
  }
  
  /* MARKETING CONTENT
  -------------------------------------------------- */
  
  /* Center align the text within the three columns below the carousel */
  .marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  .marketing h2 {
    font-weight: 400;
  }
  .marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
  }
  
  
  /* Featurettes
  ------------------------- */
  
  .featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }
  
  /* Thin out the marketing headings */
  .featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
  }
  
  
  /* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
  
    .featurette-heading {
      font-size: 50px;
    }
  }
  
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
  }


  /* calendar */
  #calendar {
    max-width: 900px;
    margin: 40px auto;
  }

.album,
.inset-box-shadow {
    box-shadow: inset 0 0 10px rgb(0 0 0 / 16%);
}

/* Index 1 */
.page-welcome .album .rounded-circle {
    -webkit-filter: drop-shadow(0px 5px 2px rgb(0 0 0 / 16%));
    filter: drop-shadow(0px 5px 2px rgb(0 0 0 / 16%));
}

.page-welcome .album .card {
    border: none;
    background: none;
}

.box-shadow,
#news .article {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

#news .article:hover { 
    text-decoration: none;
}

#news .article:hover h3 { 
    text-decoration: underline;
}

.page-welcome .carousel-item {
    background-color: transparent;
}

.page-welcome .carousel-item > img {
    background-color: transparent;
}

.page-welcome .carousel {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    body {
        /* background-color: red; */
    }
    .page-welcome .carousel-item,
    .page-welcome .carousel-item > img {
        width: 250px;
        height: 250px;
    }
    .bg-xs-light{
        background-color: var(--ods_bgligthblue)!important;
    }
}

.navbar-brand__img {
    max-width: 400px;
    min-width: 350px;
    width: 100%;
}

/* carousel */
#wizard-module-page .carousel-item {
    background: transparent;
    padding: 12px;
    height: initial;
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
    border-radius: 20px;
}
   
#wizard-module-page  .carousel-item.active,
#wizard-module-page  .carousel-item-next.carousel-item-left,
#wizard-module-page  .carousel-item-prev.carousel-item-right {
     opacity: 1;
}
   
#wizard-module-page .active.carousel-item-left,
#wizard-module-page  .active.carousel-item-right {
    opacity: 0;
    
}

#wizard-module-page .carousel-indicators {
    /* top: 0; */
    /* bottom: initial; */
    position: initial;
    padding: initial;
    margin: initial;
}
#wizard-module-page .carousel-indicators li {
    background-color: transparent;
    height: auto;
    text-indent: initial;
    width: initial;
    text-align: center;
    border: none;
    padding: 1rem;
}
#wizard-module-page .carousel-indicators .active {
    background-color: var(--ods_bgligthblue);
    color: #f16a2b;
    border-radius: 10px 10px 0 0;
}

#wizard-module-page .carousel-indicators .carousel-step:not(.disabled):hover {
    color: #f16a2b;
    border-radius: 10px 10px 0 0;
}

#wizard-module-page .carousel-indicators li#intro,
#wizard-module-page .carousel-indicators li#profile,
#wizard-module-page .carousel-indicators li#ods3,
#wizard-module-page .carousel-indicators li#ods6,
#wizard-module-page .carousel-indicators li#ods8,
#wizard-module-page .carousel-indicators li#ods12,
#wizard-module-page .carousel-indicators li#ods13,
#wizard-module-page .carousel-indicators li#ods14,
#wizard-module-page .carousel-indicators li#ods15 {
    position: relative; padding-top: 70px;
    flex: auto;
    margin-left: 0;
    margin-right: 0;
}

#wizard-module-page .carousel-indicators li p {margin-bottom: 0;}


#wizard-module-page .carousel-indicators li#intro p:before,
#wizard-module-page .carousel-indicators li#profile p:before,
#wizard-module-page .carousel-indicators li#ods3 p:before,
#wizard-module-page .carousel-indicators li#ods6 p:before,
#wizard-module-page .carousel-indicators li#ods8 p:before,
#wizard-module-page .carousel-indicators li#ods12 p:before,
#wizard-module-page .carousel-indicators li#ods13 p:before,
#wizard-module-page .carousel-indicators li#ods14 p:before,
#wizard-module-page .carousel-indicators li#ods15 p:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 25%;
  right: 0;
  left: 0;
  margin: auto;
}

#wizard-module-page .carousel-indicators li#intro p:before {
  background-image: url(img/icon-intro-gris.svg);
}

#wizard-module-page .carousel-indicators li#intro.active p:before{
    background-image: url(img/icon-intro.svg);
}

#wizard-module-page .carousel-indicators li#profile p:before {
  background-image: url(img/ods-icons/ico-acordeon_perfil_gris.svg);
}

#wizard-module-page .carousel-indicators li#profile.active p:before{
    background-image: url(img/ods-icons/ico-acordeon_perfil_color.svg);
}

#wizard-module-page .carousel-indicators li#ods3 p:before {
    background-image: url(img/ods-icons/ico-acordeon_ods_3_gris.svg);
}

#wizard-module-page .carousel-indicators li#ods3:not(.disabled).active p:before, #wizard-module-page .carousel-indicators li#ods3:not(.disabled):hover p:before{
    background-image: url(img/ods-icons/ico-acordeon_ods_3_color.svg);
}

#wizard-module-page .carousel-indicators li#ods6 p:before {
    background-image: url(img/ods-icons/ico-acordeon_ods_6_gris.svg);
}

#wizard-module-page .carousel-indicators li#ods6:not(.disabled).active p:before, #wizard-module-page .carousel-indicators li#ods6:not(.disabled):hover p:before{
    background-image: url(img/ods-icons/ico-acordeon_ods_6_color.svg);
}

#wizard-module-page .carousel-indicators li#ods8 p:before {
  background-image: url(img/ods-icons/ico-acordeon_ods_8_gris.svg);
}

#wizard-module-page .carousel-indicators li#ods8:not(.disabled).active p:before, #wizard-module-page .carousel-indicators li#ods8:not(.disabled):hover p:before{
    background-image: url(img/ods-icons/ico-acordeon_ods_8_color.svg);
}

#wizard-module-page .carousel-indicators li#ods12 p:before {
  background-image: url(img/ods-icons/ico-acordeon_ods_12_gris.svg);
  top: 35%;
}

#wizard-module-page .carousel-indicators li#ods12:not(.disabled).active p:before, #wizard-module-page .carousel-indicators li#ods12:not(.disabled):hover p:before{
    background-image: url(img/ods-icons/ico-acordeon_ods_12_color.svg);
}

#wizard-module-page .carousel-indicators li#ods13 p:before {
  background-image: url(img/ods-icons/ico-acordeon_ods_13_gris.svg);
  top: 35%;
}

#wizard-module-page .carousel-indicators li#ods13:not(.disabled).active p:before, #wizard-module-page .carousel-indicators li#ods13:not(.disabled):hover p:before{
    background-image: url(img/ods-icons/ico-acordeon_ods_13_color.svg);
}
#wizard-module-page .carousel-indicators li#ods14 p:before {
    background-image: url(img/ods-icons/ico-acordeon_ods_14_gris.svg);
}

#wizard-module-page .carousel-indicators li#ods14:not(.disabled).active p:before, #wizard-module-page .carousel-indicators li#ods14:not(.disabled):hover p:before{
    background-image: url(img/ods-icons/ico-acordeon_ods_14_color.svg);
}
#wizard-module-page .carousel-indicators li#ods15 p:before {
    background-image: url(img/ods-icons/ico-acordeon_ods_15_gris.svg);
}

#wizard-module-page .carousel-indicators li#ods15:not(.disabled).active p:before, #wizard-module-page .carousel-indicators li#ods15:not(.disabled):hover p:before{
    background-image: url(img/ods-icons/ico-acordeon_ods_15_color.svg);
}

#wizard-module-page .form-question {
    color:#17486a;
    font-weight:700;
    margin-top: 15px;
}

#wizard-module-page .custom-control .custom-control-label, 
#wizard-module-page .form-check,
#wizard-module-page .control-label{
    font-family: 'Open Sans', sans-serif;
    font-weight:100;
    margin: 8px 0 8px 0;
    color:#6f6f6f;
}

#wizard-module-page .custom-control .other-control-input{
    border: #dee2e6 1px solid;
}

#wizard-module-page .regular-text{
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #6f6f6f;
}

#wizard-module-page .table-title{
    color:#595959;
    font-weight:700;
}

#wizard-module-page .ods-table-title{
    font-size: 2rem; 
    font-weight:700;
    margin-bottom: 0;

}
#wizard-module-page .indicator-table-title {
    color:#a2a2a2;
    font-size:14px; 
    text-align:center;
    font-weight:100;
}

#wizard-module-page .goal-table-title {
    color:#595959;
    font-weight:300;
    font-size: 0.85em;
}

#wizard-module-page .input-ods-td {
    vertical-align: middle;
    text-align: center;
}
#wizard-module-page .text-muted {
    display: inline-block;
    font-size: 0.95rem;
    font-style: italic;
    margin-bottom: 6px;
}

.form-links-group .alert a, .form-files-group .alert a {
    width: calc(100% - 50px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 0.95rem;
}

.form-links-group .alert, .form-files-group .alert {
    overflow: hidden;
    margin-bottom: 0.3rem;
}




.form-question + .text-muted {
    margin-top: -10px;
}
#wizard-module-page .btn-group-toggle {
    display: block;
}
#wizard-module-page .btn-group-toggle .btn {
    color: #9F9F9F;
    border-radius: 5px;
    width: 48px;
    border-color: #9F9F9F;
    border-width: 2px;
}

#wizard-module-page .btn-group-toggle .btn:hover {
    color: #fff;
    background: #17486a;
    border-color: #17486a;
}

#wizard-module-page .btn-group-toggle .btn.active {
    color: #fff;
    background: #17486a;
    border-radius: 5px;
    width: 48px;
    border-color: #17486a;
    border-width: 2px;
}

#wizard-module-page .digits-input{
    border-radius: 7px;
    border: 1px solid #9F9F9F;
    width: 80px;
}

#wizard-module-page .alert-form-error, #wizard-module-page .alert-form-general-error{
    font-size: 0.9rem;
    font-weight: 300;
    text-align: center;
    margin-bottom: 2rem;
}

#report-view .report-view-info {
    border-bottom: rgb(208,208,208);
    border-width: 1px;
    border-bottom-style: solid;
}

#report-view .report-view-info ul {
    list-style: none;
}

#report-view .report-view-info li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    color: #595959;
    margin: 13px 0;
    position: relative;
}

#report-view .report-view-info li:before {
    content: "";
    width: 8px;
    height: 2px;
    position: absolute;
    top: 10.5px;
    margin: auto;
    background: #3A8DDE;
    left: -14px;

}

#report-view .report-view-info p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    color: #595959;
    margin: 13px 0;
    padding-left: 24px;
    position: relative;
} 
#report-view .report-view-info p:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    background: #3A8DDE;
    border-radius: 50%;
    left: 7px;

}

#report-view .report-view-info p label {
    font-weight: 700;
    margin: 0;
    display: inline;
} 

#report-view .card-header { 
    -webkit-print-color-adjust: exact;
    background: #EFEFEF;
    border: none;
    padding: 8px;
}

#report-view .card { 
    border: none;
}

#report-view .card-header button{
    text-align: left;
}

.btn-help {
    border-radius: 50%;
}

.table tr >:first-child {
    width: 30%;
}

#step1 .table tr {
    position: relative;
}

#step1 .table span.label-danger {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: var(--danger);
    font-style: oblique;
}

.list-success {
    list-style: none
}

.list-success li::before {
    content: "\2022"; 
    color: var(--green);
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
    
}

.label.label-danger {
    color: var(--danger);
    font-style: oblique;
}

p.multilevel-help {
    margin-bottom: -5px;
    font-weight: 500;
    margin-top: 10px;
}

@media print {

    #report-view .collapse:not(.show) {
        display: block;
    }
  
    .btn-print{
        display: none;
    }

  }