/*CLASES DE PRUEBA BORRAR -------CLASES DE PRUEBA BORRAR -------CLASES DE PRUEBA BORRAR -------*/
@font-face {
    font-family: "fontRegular";
    src: url("../fonts/Aller_Rg.ttf");
  }
  
  @font-face {
    font-family: "fontBold";
    src: url("../fonts/Aller_Bd.ttf");
  }
  
  @font-face {
    font-family: "fontLight";
    src: url("../fonts/Aller_Lt.ttf");
  }
  
  @import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
  
  /*-----------------------------------MAIN--------------------------------------*/
   
  html,
  body {
    background-color: #f8fafc !important;
    font-family: "Lexend", sans-serif;
    position: relative;
    font-weight: 400;
    position: relative;
    display: flex;
    flex-flow: column;
  }
  
  .panel-sombra input[type="submit"] {
    border-radius: 10px !important;
  }
  
  .textTitle_header_class {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-60%, -60%);
    font-size: 30px;
  }
  
  /**-----------------------------CLASES GLOBALES ----------------------**/
  
  .d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  
  .justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  
  .bd-style-bt {
    border-style: solid;
    border-bottom-style: solid;
    border-width: 0.5px;
  }
  .m-0 {
    margin: 0 !important;
  }
  .mt-0,
  .my-0 {
    margin-top: 0 !important;
  }
  .mr-0,
  .mx-0 {
    margin-right: 0 !important;
  }
  .mb-0,
  .my-0 {
    margin-bottom: 0 !important;
  }
  .ml-0,
  .mx-0 {
    margin-left: 0 !important;
  }
  .m-1 {
    margin: 0.25rem !important;
  }
  .mt-1,
  .my-1 {
    margin-top: 0.25rem !important;
  }
  .mr-1,
  .mx-1 {
    margin-right: 0.25rem !important;
  }
  .mb-1,
  .my-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-1,
  .mx-1 {
    margin-left: 0.25rem !important;
  }
  .m-2 {
    margin: 0.5rem !important;
  }
  .mt-2,
  .my-2 {
    margin-top: 0.5rem !important;
  }
  .mr-2,
  .mx-2 {
    margin-right: 0.5rem !important;
  }
  .mb-2,
  .my-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-2,
  .mx-2 {
    margin-left: 0.5rem !important;
  }
  .m-3 {
    margin: 1rem !important;
  }
  .mt-3,
  .my-3 {
    margin-top: 1rem !important;
  }
  .mr-3,
  .mx-3 {
    margin-right: 1rem !important;
  }
  .mb-3,
  .my-3 {
    margin-bottom: 1rem !important;
  }
  .ml-3,
  .mx-3 {
    margin-left: 1rem !important;
  }
  .m-4 {
    margin: 1.5rem !important;
  }
  .mt-4,
  .my-4 {
    margin-top: 1.5rem !important;
  }
  .mr-4,
  .mx-4 {
    margin-right: 1.5rem !important;
  }
  .mb-4,
  .my-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-4,
  .mx-4 {
    margin-left: 1.5rem !important;
  }
  .m-5 {
    margin: 3rem !important;
  }
  .mt-5,
  .my-5 {
    margin-top: 3rem !important;
  }
  .mr-5,
  .mx-5 {
    margin-right: 3rem !important;
  }
  .mb-5,
  .my-5 {
    margin-bottom: 3rem !important;
  }
  .ml-5,
  .mx-5 {
    margin-left: 3rem !important;
  }
  .p-0 {
    padding: 0 !important;
  }
  .pt-0,
  .py-0 {
    padding-top: 0 !important;
  }
  .pr-0,
  .px-0 {
    padding-right: 0 !important;
  }
  .pb-0,
  .py-0 {
    padding-bottom: 0 !important;
  }
  .pl-0,
  .px-0 {
    padding-left: 0 !important;
  }
  .p-1 {
    padding: 0.25rem !important;
  }
  .pt-1,
  .py-1 {
    padding-top: 0.25rem !important;
  }
  .pr-1,
  .px-1 {
    padding-right: 0.25rem !important;
  }
  .pb-1,
  .py-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-1,
  .px-1 {
    padding-left: 0.25rem !important;
  }
  .p-2 {
    padding: 0.5rem !important;
  }
  .pt-2,
  .py-2 {
    padding-top: 0.5rem !important;
  }
  .pr-2,
  .px-2 {
    padding-right: 0.5rem !important;
  }
  .pb-2,
  .py-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-2,
  .px-2 {
    padding-left: 0.5rem !important;
  }
  .p-3 {
    padding: 1rem !important;
  }
  .pt-3,
  .py-3 {
    padding-top: 1rem !important;
  }
  .pr-3,
  .px-3 {
    padding-right: 1rem !important;
  }
  .pb-3,
  .py-3 {
    padding-bottom: 1rem !important;
  }
  .pl-3,
  .px-3 {
    padding-left: 1rem !important;
  }
  .p-4 {
    padding: 1.5rem !important;
  }
  .pt-4,
  .py-4 {
    padding-top: 1.5rem !important;
  }
  .pr-4,
  .px-4 {
    padding-right: 1.5rem !important;
  }
  .pb-4,
  .py-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-4,
  .px-4 {
    padding-left: 1.5rem !important;
  }
  .p-5 {
    padding: 3rem !important;
  }
  .pt-5,
  .py-5 {
    padding-top: 3rem !important;
  }
  .pr-5,
  .px-5 {
    padding-right: 3rem !important;
  }
  .pb-5,
  .py-5 {
    padding-bottom: 3rem !important;
  }
  .pl-5,
  .px-5 {
    padding-left: 3rem !important;
  }
  .m-auto {
    margin: auto !important;
  }
  
  .basic-color-class {
    color: #121212;
  }
  .primary-color-class {
    color: #6610f2;
  }
  .secondary-color-class {
    color: white;
  }
  .txt-lg {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
  }
  .txt-bd {
    font-family: "Lexend", sans-serif;
    font-weight: 700;
  }
  
  .txt-ulg {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
  }
  
  /**--------------------------------------------------------------------**/
  
  /**--------------------------- CLASES DE FELIPE -----------------------**/
  
  .btn-faq {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
  }
  
  .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
  }
  
  .caret {
    /*border-left: 0px solid transparent;*/
    /*border-right: 0px solid transparent;*/
    border: 0px solid #000000;
  
    background-image: url("../img/arrow.png");
    background-repeat: no-repeat;
    background-size: contain;
  
    float: right;
    margin: 0;
    margin-top: 15px;
    padding: 10px;
  }
  
  .formText {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
      box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
  }
  
  .box div button {
    margin-top: 20px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
  }
  
  .btn-faq {
    margin-top: 20px;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);
    white-space: normal !important;
  }
  
  .hiddenDiv {
    display: none;
    padding: 0 18px;
    overflow: hidden;
    background-color: #f1f1f1;
  }
  
  .active,
  .collapsible:hover {
    background-color: #ccc;
  }
  
  .content {
    display: none;
    padding: 0 18px;
    overflow: hidden;
    background-color: #f1f1f1;
  }
  
  .content p {
    margin-top: 10px;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
  }
  
  div button span {
    float: left;
    margin: 0;
    padding: 10px;
  }
  
  .logoWhite {
    background-color: #002e48;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .logoWhite div {
    height: inherit;
  }
  
  .logoWhite div h1 {
    height: inherit;
  }
  
  .textTitleHeader_blue_class {
    /* white-space: nowrap;*/
    overflow: hidden;
    font-size: 36px;
    color: #3a9fb4;
    margin-top: 10px;
  }
  
  .textTitleStyle_class {
    font-size: 36px;
    color: #132f78;
    font-family: "Lexend", sans-serif;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .textContentStyle_class {
    font-size: 20px;
    color: #121212;
    word-wrap: break-word;
  }
  
  footer {
    position: relative;
    margin-top: 0;
    width: 100%;
    bottom: 0;
    height: 2.5rem;
    padding: 0px;
    /*position: absolute !important;*/
  }
  
  footer p {
    color: white;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 12px;
  }
  
  footer a {
    color: white;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 12px;
  }
  
  div .verticalLine_class {
    border-right-style: solid;
    border-color: white;
    border-width: 2px;
  }
  
  /**--------------------------- CLASES DE FELIPE -----------------------**/
  
  /**--------------------------- CLASES DE YEISON -----------------------**/
  
  .header-class {
    background-color: #154496;
  }
  .header-img-absolute-class {
    position: absolute;
  }
  
  .perfil-selector-btn-class {
    background-color: white;
    border-radius: 5px;
  }
  
  .faq-selector-btn-class {
    background-color: #830051;
    border-color: white;
    border-style: solid;
    border-width: 0.5px;
    border-radius: 5px;
  }
  .txt-perfil-sm-content-class {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    color: #1a6b9b;
    font-size: 1rem;
  }
  
  .txt-faq-sm-content-class {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    color: white;
    font-size: 1rem;
  }
  .txt-nobg-sm-content-class {
    background: none;
    border-color: #00b4b4;
    border-style: none;
    border-width: 0.5px;
  }
  
  .txt-lg-big-class {
    color: #da0078;
    font-size: 5rem;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
  }
  
  .txt-lg-md-class {
    color: #da0078;
    font-size: 3rem;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
  }
  
  .txt-sm-content-class {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    color: #00354f;
    font-size: 1.2rem;
  }
  
  .txt-title-bd-class {
    color: #132f78;
    font-size: 2.5rem;
    font-family: "Lexend", sans-serif;
    font-weight: 700;
  }
  .info-personal {
    color: #4f5757 !important;
    font-size: 2rem;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
  }
  
  .txt-subtitle-bd-class {
    color: #ff003c;
    font-size: 2rem;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    margin-left: 60px;
  }
  
  .lista-cursos .titulo-principal .txt-subtitle-bd-class {
    /*background-image: url("../img/barra-subtitulo.png");
            background-position: left bottom;
            background-repeat: no-repeat;
            padding: 20px 10px 20px 60px;*/
    font-family: "Lexend", sans-serif;
    font-weight: 700;
    padding: 20px 10px 23px 5px;
    border-top: 1px solid #000;
  }
  
  h3.txt-subtitle-bd-class {
    color: #ff003c;
  }
  
  .titulo-principal > h3.txt-subtitle-bd-class::before {
    content: "";
    background-image: url("https://azmed-gastroenterologia.igloosuite.com/Content/Clients/azmed-gastroenterologia.igloosuite.com/img/icon_book.png");
    height: 50px;
    width: 50px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: -60px;
    visibility: visible;
  }
  
  .bg-white-class {
    background: white;
    border-radius: 2px;
    border: 1px solid #ccc;
    /*width: 100%;*/
  }
  
  .col-lg-7 .bb-style-solid-gray-class {
    border-style: none;
  }
  
  .bb-style-solid-gray-class .basic-color-class {
    color: #707070;
    font-family: "Lexend", sans-serif;
    font-weight: 300;
  }
  /*.bb-style-solid-gray-class .txt-lg{
              margin: 0 !important;
              padding-top: 20px;
              padding-bottom: 20px;
              border-style: solid;
              border-color: #DFECF3;
              color: #4F5757;
              border-width: 0.3px;
          }*/
  
  .bb-style-solid-gray-class {
    display: flex !important;
  }
  
  .pop-texto .modal-body {
    padding: 0;
  }
  .modal-body {
    border-radius: 5px;
  }
  .d-flex-perfil {
    display: -ms-flexbox;
    display: flex;
  }
  .d-flex-perfil-2 {
    display: inline-block;
  }
  
  .cont-numero-curso-class {
    border-bottom-style: solid;
    border-width: 0.5px;
    width: 60%;
    border-color: #ccc;
  }
  .numero-curso-class {
    background-color: #154496;
    width: 40%;
    padding: 10px;
    margin-top: 10px;
    color: white;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-style: solid;
    border-width: 0.5px;
  }
  /* margin-top: 130px; */
  footer {
    width: 100%;
    bottom: 0;
    background-color: #1D1D21;
    color: #fff;
    width: 100%;
    padding: 10px 0px 0px 0px;
  }
  
  footer p {
    color: white;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 12px;
  }
  
  footer a {
    color: white;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 12px;
  }
  
  div .verticalLine_class {
    border-right-style: solid;
    border-color: white;
    border-width: 2px;
  }
  
  /*--------------------NAV BAR STYLE-------------------------*/
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0;
    background-color: #154496;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
  }
  
  .sidenav a {
    padding: 4px 4px 4px 32px;
    text-decoration: none;
    font-size: 1em;
    color: white;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    display: block;
    transition: 0.3s;
  }
  .sidenav .footer-xs p {
    padding: 4px 4px 4px 32px;
    text-decoration: none;
    font-size: 0.8em;
    color: white;
    display: block;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    transition: 0.3s;
  }
  .sidenav img {
    transition: 1s;
  }
  .sidenav a:hover {
    color: #cccc;
    cursor: pointer;
  }
  .sidenav p:hover {
    color: #cccc;
    cursor: pointer;
  }
  
  .sidenav .closebtn {
    font-size: 2em;
    position: absolute;
    top: 0;
  }
  
  .footer-xs {
    position: absolute;
    bottom: 0;
  }
  
  .lista-cursos .panel {
    background-color: #f2f2f2;
  
    -webkit-box-shadow: 0px 0px 5px 1px rgba(224, 224, 224, 1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(224, 224, 224, 1);
    box-shadow: 0px 0px 5px 1px rgba(224, 224, 224, 1);
  }
  .progreso-bloqueado {
    border: 2px solid #f9b000;
  }
  
  .card-img {
    padding: 0;
  }
  .progress-bar-striped {
    background-image: linear-gradient(
      45deg,
      #CDCDCD 25%,
      transparent 25%,
      transparent 50%,
      #CDCDCD 50%,
      #CDCDCD 75%,
      transparent 75%,
      transparent
    );
    background-size: 1rem 1rem;
  }
  .progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #093296;
    text-align: center;
    white-space: nowrap;
    background-color: #093296;
    transition: width 0.6s ease;
  }
  
  @media screen and (max-height: 450px) {
    .sidenav {
      padding-top: 15px;
    }
    .sidenav a {
      font-size: 18px;
    }
    .sidenav p {
      font-size: 18px;
    }
  }
  
  /*-----------------------NAV BAR STYLE END----------------------*/
  
  @media (max-width: 1200px) {
    .d-flex-perfil {
      display: inline-block !important;
    }
    .d-flex-perfil-2 {
      display: -ms-flexbox;
      display: flex !important;
    }
  }
  /**--------------------------- CLASES DE YEISON -----------------------**/
  
  .tabs {
    margin-bottom: 20px;
  }
  
  .nav.nav-tabs {
    border-color: #036b9e !important;
  }
  
  .nav.nav-tabs li a,
  .nav.nav-tabs li.active > a:hover {
    border-bottom-width: 0px;
    outline: none;
    background-color: transparent !important;
  }
  .nav.nav-tabs li.active > a,
  .nav.nav-tabs li.active > a:active,
  .nav.nav-tabs li.active > a:focus {
    background-color: #036b9e !important;
    color: #fff !important;
    border-radius: 3px;
  }
  .nav.nav-tabs li a {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 10px;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    border-color: #036b9e;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #036b9e !important;
  }
  .tab-pane {
    margin-top: -1px;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
  }
  
  .active,
  .collapsible:hover {
    background-color: transparent !important;
  }
  
  .btn-container {
    background-color: #fff;
    border-color: #ccc;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
  }
  
  /* CLASES CSS BAYER */
  
  a {
    color: white;
  }
  .menu-lateral {
    background-color: #da0078;
    width: 12% !important;
  }
  .nav-stacked li a {
    background-color: #da0078;
    color: #da0078;
  }
  .menu-lateral p {
    color: white;
  }
  header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  
  .dropup,
  .dropdown {
    background-color: #da0078;
    margin-right: 10px;
    border-radius: 5px;
    color: white;
  }
  
  .titulo-principal .clr-texto-ppal {
    font-size: 1.5em;
    color: #34236f;
  }
  .panel-body {
    padding: 0;
    background: none;
  }
  .panel {
    background: none;
  }
  .lista-cursos .panel {
    background-color: #f2f2f2;
  }
  .lista-cursos .panel-body {
    background-color: #fbfbfb;
  }
  .progreso-completo {
    border: 2px solid white;
    color: white;
  }
  
  .main-menu.open {
    background-color: #da0078;
    color: white;
  }
  
  p {
    font-size: 1.1em;
  }
  
  /* FELIPE */
  
  .panel-sombra {
    -moz-box-shadow: 0px 0px 0px #cfd4d6 !important;
    -webkit-box-shadow: 0px 0px 0px #cfd4d6 !important;
    box-shadow: 0px 0px 0px #cfd4d6 !important;
    border: 1px solid #ccc !important;
    border-radius: 10px !important;
    padding: 20px !important;
    background-color: white !important;
    width: 439px;
  }
  
  .panel-sombra #titulo-div h3 {
    font-family: "Lexend", sans-serif;
    font-weight: 700;
    font-weight: bolder !important;
    text-align: center !important;
    color: #00354F !important;
    font-size: 24px;
    margin-bottom: 11px;
  }
  
  .panel-sombra input[type="text"] {
    border: 1px none !important;
    border-radius: 5px !important;
    background: #f6f6f6 !important;
    font-size: 18px;
    height: 45px;
  }
  
  .panel-sombra input[type="password"] {
    border: 1px none !important;
    border-radius: 5px !important;
    background: #f6f6f6 !important;
    font-size: 18px;
    height: 45px;
  }
  
  .panel-sombra input[type="submit"] {
    background: #ff003c !important;
    color: white !important;
    font-size: 18px;
    box-shadow: 0px 3px 5px #ccc;
    /*height: 6vh;*/
  }
  .panel-sombra a {
    color: #00b4e6 !important;
    font-size: 16px;
  }
  
  .panel-sombra div .foot-login .form-group {
    border-top: 2px solid #ccc;
    padding-top: 30px;
    margin-top: 13px;
  }
  
  .panel-sombra div .foot-login .form-group label {
    font-size: 0;
  }
  
  .panel-sombra div .foot-login .form-group label:before {
    content: "He leído y acepto la";
    /*content: 'Acepto términos y condiciones de privacidad';*/
    font-size: 16px;
    font-weight: lighter;
  }
  
  .foot-login {
    font-size: 14px;
    margin-top: 30px;
  }
  @media (min-width: 1200px) {
    #panel-login {
      width: 33.33333333%;
    }
    #panel-aviso {
      width: 33.33333333%;
    }
  }
  
  /* FELIPE */
  
  /* ----------------------------------------- NEW --------------------------------------------- */
  
  .panel-sombra input[type="email"] {
    border: 1px solid #dc007a !important;
    border-radius: 5px !important;
    background: white !important;
    font-size: 18px;
    height: 45px;
  }
  
  .panel-sombra select {
    border: 1px solid #dc007a !important;
    border-radius: 5px !important;
    background: white !important;
    font-size: 18px;
    height: 45px;
    max-width: 100%;
    text-overflow: ellipsis;
  }
  
  .panel-sombra input[type="number"] {
    border: 1px solid #dc007a !important;
    border-radius: 5px !important;
    background: white !important;
    font-size: 18px;
    height: 45px;
  }
  
  #btn-registro {
    width: inherit;
    margin-top: 0px !important;
  }
  
  #btn-cancelar {
    margin-top: 0px !important;
  }
  
  /* ----------------------------------------- NEW --------------------------------------------- */
  
  /* CLASES CSS BAYER ------------------------CLASES  cursos --------------------------- */
  header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
  }
  .navbar-brand {
    background-color: transparent;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(145, 145, 145, 1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(145, 145, 145, 1);
    box-shadow: 0px 0px 0px 0px rgba(145, 145, 145, 1);
    width: 60% !important;
  }
  
  .subtitulo {
    font-size: 28px;
    margin-top: 0;
    color: #003e90;
    font-weight: bold;
  }
  
  .lista-cursos .panel {
    background-color: #f2f2f2;
    height: 562px;
  }
  .progreso-progreso {
    border: 2px solid white;
  
    background-color: #9a1759;
    color: white;
  }
  
  .progreso-completo {
    border: 2px solid white;
    color: white;
    background-color: #b8bfc7;
  }
  .progreso-bloqueado {
    border: 2px solid white;
    color: white;
    background-color: #9a1759;
  }
  
  .lista-contenido .panel-body {
    padding: 0;
    background: transparent;
    font-size: 1.3em;
  }
  .lista-cursos .panel-body {
    padding: 0;
  
    background: white;
  }
  .panel {
    background: none;
  }
  
  .card-body h5 {
    font-size: 2rem;
    font-weight: 900;
  }
  
  .titulo-principal .clr-texto-ppal {
    font-size: 0;
    color: #003e90;
    font-weight: 500;
    background-image: url("https://pharmalab-acmiar-elearning.igloosuite.com/Content/Clients/pharmalab-acmiar-elearning.igloosuite.com/assets/img/virrete.png");
    background-size: 50px 50px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 20px 10px 13px 60px;
    margin-bottom: 10px !important;
  }
  .titulo-principal .clr-temas:after{
    content: "Mis cursos";
    font-size: 2.5rem;
  }
  .dropup,
  .dropdown {
    background-color: white;
    margin-right: 10px;
    border-radius: 5px;
    color: #003e90;
    border-color: #ccc;
    border-width: 0.5px;
  }
  .main-menu .nombre-usuario {
    color: #003E90;
  }
  
  .main-menu.open .dropdown-toggle .nombre-usuario {
    color: #ccc;
  }
  .main-menu.open {
    background-color: white;
    margin-right: 10px;
    border-radius: 5px;
    color: #dc007a;
  }
  
  .main-menu a:hover {
    background-color: #ccc !important;
  }
  
  .d-flex-perfil .txt-nobg-sm-content-class {
    background: #c4d600;
  
    border-style: none;
    border-width: 0.5px;
    border-radius: 0px;
    padding: 10px !important;
    color: white;
  }
  .d-flex-perfil .txt-nobg-sm-content-class p {
    color: white;
  }
  
  .container .txt-title-bd-class {
    /*background-image: url("../img/barra-subtitulo-bayer-2.png");*/
    /*background-image: url("https://azmed-gastroenterologia.igloosuite.com/Content/Clients/azmed-gastroenterologia.igloosuite.com/img/icon_perfil.png");*/
    /*background-position: left bottom;*/
    background-size: 50px 50px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 20px 10px 13px 60px;
    font-family: "Lexend", sans-serif;
    font-weight: 700;
    margin-bottom: 10px !important;
    color: #ff003c;
  }
  
  .panel-sombra a {
    margin-left: 7px;
  }
  
  .glyphicon-exclamation-sign {
    font-size: 0px !important;
    vertical-align: sub;
    height: 60px;
    width: 100%;
    background: url(/Content/Clients/academy.bayer.com/img/like.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
  }
  .custom-success .modal-footer {
    display: flex;
    justify-content: center;
  }
  
  .custom-success .modal-terms-p {
    text-align: center;
  }
  .custom-success .btn-interno {
    background-color: #002e48;
    color: #00b4b4;
  }
  
  .editar-informacion-campo-especialidad {
    display: none;
  }
  
  .clr-texto-ppal strong {
    display: none;
  }
  
  .modal-editar-perfil #IdentificationNumber {
    pointer-events: none;
    color: #ccc;
  }
  
  #panel-login .foot-login a:nth-child(5) {
    display: none;
  }
  
  .soporte-tecnico-login {
    display: none;
  }
  .logo-lab {
    padding-top: 50px;
    display: none;
  }
  .logo-lab .img-responsive {
    display: none;
  }
  .banner-movil {
    display: none;
  }
  /*.hidden-xs{
        font-size: 0.9em;
    }*/
  @media (min-width: 320px) {
    .navbar-brand {
      width: 70%;
    }
  }
  .primary-color-class {
    font-family: "Lexend", sans-serif;
    font-weight: 700;
  }
  
  /*oscar*/
  
  /* CLASES CSS BAYER ------------------------CLASES  cursos --------------------------- */
  
  /* New Version */
  header .navbar {
    margin-right: 5%;
  }
  header .navbar .img-fluid-custom {
    width: 15%;
  }
  .item-edit {
    display: flex;
    flex-flow: column;
  }
  .btn-general-custom,
  #guardar-editar-perfil {
    background-color: #FF003C;
    color: #fff;
    border: none;
    padding: 5px 40px;
    border-radius: 20px;
  
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  }

  .btn-general-custom:hover {
    color: #fff;
    background-color: #6610f2;
  }

  .imagen-usuario {
    width: 40px;
    height: 40px;
    padding-top: 6px;
    background: #fff;
    text-align: center;
    margin: 0;
    color: #003E90;
  }
  .nombre-usuario {
    color: #003E90;
    font-weight: bold;
    padding-top: 0;
    margin: 0;
  }
  .fa-user.fa-w-14 {
    height: auto;
    width: 55%;
  }
  
  .instruction-go-certificate {
    padding: 3% 0;
  }
  #pop-course-finished .modal-header {
    height: 75px;
    background-size: 225%;
  }
  
  .footer-custom {
    width: 85%;
    margin: auto;
    margin-left: 15%;
  }
  
  @media (max-width: 767.98px) {
    header {
      background-color: #f8f9fa;
      padding: 0 !important;
    }
    header .navbar {
      display: flex;
      align-items: center;
      padding: 0;
    }
    header .navbar .img-fluid-custom {
      width: 80%;
      padding: 20px 10px;
    }
    header .navbar-toggler {
      transform: translate(-20px, 8px);
      -webkit-transform: translate(-20px, 8px);
      -moz-transform: translate(-20px, 8px);
      -ms-transform: translate(-20px, 8px);
      -o-transform: translate(-20px, 8px);
    }
    header .navbar-collapse {
      background: rgb(35, 46, 111);
      padding: 1rem;
    }
    header .navbar-collapse .dropdown-item {
      color: #fff;
    }
    .footer-custom {
      width: auto;
      margin-left: 0;
    }
    .lista-cursos .clr-texto-ppal {
      padding-left: 0;
      margin-bottom: 0;
    }
    .contenido-interno .lista-cursos .clr-texto-ppal {
      margin-bottom: 20px;
    }
    .card-img {
      padding: 0;
    }
    .div-lateral-menu-options {
      margin: 0 !important;
    }
    .a-lateral-menu-options {
      color: #fff;
      background-color: #123c58;
      border-color: #123c58;
      margin: 10px;
    }
    .lista-temas-contenido li {
      font-size: 1.2rem;
      position: relative;
      padding-right: 70px !important;
    }
    .lista-temas-contenido .float-right {
      display: flex;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(-50%, -50%);
    }
    #pop-content > .modal-dialog {
      max-width: 100%;
      justify-content: center;
      flex-direction: column;
      height: 100%;
    }
    #pop-content #contentContainer .modal-body {
      padding: 5%;
    }
    .btn.btn-secundario {
      padding: 5px 15px !important;
    }
  }
  p.card-text {
    font-size: 1.1rem;
  }
  
  /*.navbar-light .navbar-nav .nav-link {
        color: #c4d500;
        font-weight: bold;
    }
    */
  .btn-primario,
  .btn-primario:hover {
    background-color: #ff003c !important;
    color: #fff;
  }
  
  /* Style 2021 */
  
  .panel-contenido {
    margin: 50px auto;
  }
  
  .lista-cursos .card-body {
    background: #f8f8f8;
    height: 100%;
  }
  .title-miperfil ~ .txt-subtitle-bd-class {
    font-size: 1.5rem;
    color: #6610f2;
  }
  
  #panel-login,
  #panel-aviso {
    margin-top: 85px;
    margin-bottom: 50px;
  }
  
  #btn-login {
    background-color: #132853 !important;
    padding: 3px 35px !important;
    display: block;
    margin: 0 auto;
    font-weight: 300;
    font-size: 25px;
  }
  
  #page-register {
    width: 80%;
    margin: auto;
    background-color: #fff;
    padding-bottom: 60px;
  }
  #page-register .head-register {
    background-image: url("https://pharmalab-acmiar-elearning.igloosuite.com/Content/Clients/pharmalab-acmiar-elearning.igloosuite.com/assets/login/registro.jpg") !important;
    background-position: top !important;
    min-height: 256px;
    /*background-size: contain !important;*/
  }
  .form-group label a{
    color:#003E90 !important;
    text-decoration-line: underline;
  }

  .head-register {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .titulo-registro-custom {
    font-size: 2.8rem;
    font-weight: bold;
    display: none;
  }
  #page-register .body-register {
    width: 90% !important;
  }
  #btn-registro {
    background-color: #132853 !important;
    color: #fff !important;
    border: none !important;
  }
  
  #navbarNavDropdown {
    align-items: stretch;
  }
  
  #navbarNavDropdown ul > div {
    margin-right: 15px;
    border: 1px solid #ccc;
    padding: 0 12px;
    border-radius: 8px;
  }
  
  #navbarNavDropdown select {
    height: 100%;
    border: 0;
    padding: 0;
  }
  
  #navbarNavDropdown select:focus {
    box-shadow: none;
  }
  
  #body-country-lang {
    background-color: #151828 !important;
    overflow-x: hidden;
    height: 100%;
  }
  #body-country-lang::before {
    content: "";
    background-image: url(https://az-pharmacycollege.igloosuite.com/Content/Clients/az-pharmacycollege.igloosuite.com/Images/bg-country-lang-one.png);
    position: absolute;
    top: -190px;
    height: 500px;
    width: 40%;
    z-index: 999;
    right: -48px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  #body-country-lang::after {
    content: "";
    background-image: url(https://az-pharmacycollege.igloosuite.com/Content/Clients/az-pharmacycollege.igloosuite.com/Images/bg-country-lang-two.png);
    position: absolute;
    bottom: 0;
    height: 550px;
    width: 400px;
    z-index: 99;
    left: -80px;
    background-position: left top;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  #body-country-lang section > div {
    background-color: #181b2b !important;
    border: 1px solid #353b58;
    width: 80%;
    margin: 30px auto 0;
    color: #fff;
    padding-bottom: 0 !important;
  }
  #body-country-lang form {
    max-width: 700px;
    margin: auto;
  }
  #body-country-lang header {
    background-image: url(https://az-pharmacycollege.igloosuite.com/Content/Clients/az-pharmacycollege.igloosuite.com/Images/logoPharmacyCollege.png);
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 40px;
  }
  #body-country-lang header > img {
    display: none;
  }
  #body-country-lang .custom-tittle {
    color: #eab535;
    font-weight: bold;
    font-size: 2rem;
    margin: 0;
  }
  #body-country-lang section .row > div:first-child,
  #body-country-lang .row > div:last-child {
    display: none !important;
  }
  #body-country-lang section .row > div:nth-child(2) {
    max-width: 85% !important;
    display: block !important;
    flex: 100%;
    margin: auto;
  }
  #body-country-lang .btn-custom {
    background-color: #eab535;
    color: #151828;
    font-weight: bold;
    border-radius: 30px;
    padding: 10px 50px;
  }
  #body-country-lang #CountryId {
    background: transparent;
    border: 0;
    border-bottom: 2px solid #5a5a5a;
    border-radius: 0;
    color: #898989;
  }
  #body-country-lang #Hcp {
    background: transparent;
    border: 0;
    border-bottom: 2px solid #5a5a5a;
    border-radius: 0;
    color: #898989;
  }
  
  #footer-country-lang {
    width: 80%;
    margin: auto;
    margin-top: 5%;
  }
  #footer-country-lang p:first-child {
    color: #eab535;
  }
  #footer-country-lang p:first-child img {
    filter: contrast(0) brightness(100);
    margin-right: 10px;
  }
  #div-terms-country-lang {
    margin: 30px 0;
  }
  #div-terms-country-lang label {
    color: #fff;
    font-size: 11px;
  }
  #div-terms-country-lang .form-group {
    flex-direction: row-reverse;
    align-items: center;
    margin: 0;
    justify-content: center;
  }
  #div-terms-country-lang .form-group div:nth-child(2) {
    max-width: 5%;
    flex: 5%;
  }
  
  @media (min-width: 1400px) {
    #body-country-lang {
      height: 100vh;
    }
  }
  
  .navbar-light .navbar-nav .nav-link {
    background-color: #FEFEFE;
    border-radius: 5px;
    color: #003E90;
    box-shadow: 1px 1px 3px 0 #00000029;
  }
  .menu-lateral .nav-stacked-custom li.active {
    background-color: #FEFEFE;
    width: 162px;
    color: #003E90;
  }
  
  .menu-lateral {
    background-image: url(https://elearning.igloosuite.com/Content/Clients/elearning.igloosuite.com/login/img/banner-lateral.png);
    background-size: cover;
  }
  
  .menu-lateral p {
    background-color: none;
  }
  
  .fondo-login {
    background-image: url(https://pharmalab-acmiar-elearning.igloosuite.com/Content/Clients/pharmalab-acmiar-elearning.igloosuite.com/assets/login/fondo_login.jpg);
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
  }
  
  .contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 500px;
    width: 100%;
  }
  .logo {
    max-width: 100%;
    margin: auto;
    display: block;
    padding: 28px;
  }
  
  .caja {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    margin-right: 17px;
  }
  
  .candado {
    width: 10px;
    margin: 5px;
  }
  .aviso {
    font-size: 13px;
    color: #0085D3;
    padding: 17px 0;
    font-weight: bold;
  }
  
  .advertencia {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .parrafo {
    font-family: "Lexend", sans-serif;
    color: #002E48;
    font-weight: 200;
    font-size: 12px;
    text-align: center;
    display: block;
    margin: auto;
  }
  
  .boton {
    width: 256px;
    height: 72px;
    display: block;
    margin: auto;
    padding: 18px 0;
  }
  
  /* -------- EDICIONES DE STYLES BY DEIMER ROMERO */

  .fondo-login .justify-content-md-center {
      margin-top: 100px;
  }

  .panel .panel-default .panel-sombra {
    margin-bottom: 130px;
  }

  .copy-footer-form {
    font-weight: 300;
  }

  #panel-login {
    text-align: -webkit-center;
  }

  .sub-footer {
    width: 100%;
  }

  .wrapper {
    flex: 1;
  }

  /* ======== IMÁGENES BACKGROUND DE MI PERFIL ======= */

  main {
    background-color:#F7F8FB  ;
  }

  /* --- CSS RESPONSIVE LOGIN ELEARNING IGLOOSUITE --- */
  @media only screen and (max-width: 450px){
    .panel-sombra {
      width: 90%;
      margin-top: -33% !important;
    }
    .panel-login, .panel-aviso {
        overflow-x: hidden;
    }

    #btn-login {
      font-size: 20px;
      padding: 3px 35px;
      margin: 0 auto;
    }
    .logo {
        margin-top: -47% !important;
    }
    .boton-politica-datos {
      width: 75% !important;
      height: auto;
      display: block;
      margin: auto;
      text-decoration:none;
      list-style: none;
      border:none;
      font-size: 18px;
      font-weight: 400;
      border-radius: 20px;
      text-align: center;
      background: #002E48;
      color: #FFF;
    }
  }

  @media only screen and (max-width: 1366px){
    .panel-sombra {
        width: 90%;
        margin-top: -15%;
    } 
      .logo {
        margin-top: -10%;
    }
  }

  .boton-politica-datos {
    width: 65%;
    height: auto;
    display: block;
    margin: auto;
    text-decoration:none;
    list-style: none;
    border:none;
    font-size: 18px;
    font-weight: 400;
    border-radius: 20px;
    text-align: center;
    background: #002E48;
    color: #FFF;
    margin-top: 10%;
  }

  .boton-politica-datos a {
    color: #FFF;
  }