@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap");
body {
  font-family: "Lato", sans-serif;
  background-color: #fbfbfb;
  font-size: 16px;
}
/* body{
    font-family: Lato-Regular;
} */
button {
  border-radius: 20px !important;
}
/*
 * MENU
 */
.new-list .btn.btn-yellow {
  display: block !important;
  width: 70%;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
#formulariopreguntas #definiciones-texto .p-sel {
  background-color: transparent !important;
}
.next-charge {
  color: rgba(115, 5, 27, 0.9) !important;
}
.font-red-2 {
  font-family: Lato-Regular !important;
  font-size: 22px !important;
  color: rgba(115, 5, 27, 0.9) !important;
}
.navbar-default .navbar-nav > li > a {
  font-family: Lato-Regular;
}

.btn-yellow {
  background-color: #ffde16;
  margin-right: 15px;
  margin-top: 15px;
  font-size: 16px;
  color: #4b1666;
  font-weight: bold;
  font-family: Lato-Bold;
  padding: 5px 30px;
  border-radius: 20px !important;
}
.btn-yellow:hover {
  transition: 0.3s;
  opacity: 0.7;
}
.tab-answers {
  margin-top: 30px;
}
.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
  background-color: #ebebeb;
  color: black;
  font-family: Lato-Regular;
  font-size: 16px;
  padding: 5px 30px;
  border-radius: 20px !important;
  width: auto !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: #e38600;
  color: white;
  font-family: Lato-Light;
  font-size: 16px;
  padding: 5px 30px;
  border-radius: 20px !important;
  width: auto !important;
}
.hr-purple {
  background-color: #4b1666;
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  width: 90% !important;
}
.author-answer {
  font-family: Lato-Bold !important;
  color: black;
}
.author-answer span {
  font-family: Lato-Light;
  float: none;
  font-size: 16px !important;
  padding-left: 10px;
  font-weight: bold;
}
.p-answer {
  font-size: 16px !important;
}
.table-questions tbody tr {
  background-color: transparent !important;
}
.table-questions tbody tr td {
  font-size: 16px !important;
  width: auto !important;
  text-align: left !important;
  font-weight: bold;
}
.table-questions tbody tr td img {
  padding-right: 10px;
  width: 40px;
}
.form-question {
  margin-left: 40px;
  margin-top: 60px;
  margin-bottom: 60px;
}
.form-question label {
  color: #4b1666;
  font-family: Lato-Bold;
}
.form-question input {
  padding: 5px 10px;
}
.form-question input:focus {
  outline: none;
}
.form-question button {
  background-color: #e38600;
  color: white;
  border: none;
  padding: 10px 30px;
  font-family: Lato-Light;
}
.form-question button:hover {
  transition: 0.3s;
  opacity: 0.7;
}

.termino-seleccionado p {
  font-size: 16px !important;
  font-family: "Lato-Regular";
}

.temas {
  font-family: Lato-Bold !important;
  font-weight: bold !important;
  color: #4b1666 !important;
}
p.temas {
  padding: 0 50px !important;
}
.btn-m {
  background-color: #e38600;
  color: white;
  border: none;
  padding: 5px 30px;
  font-family: Lato-Light;
  margin-bottom: 20px;
}
.btn-m:hover {
  color: white;
}
.info-nosotros ol li {
  cursor: pointer;
}
.info-nosotros p {
  font-family: Lato-Regular;
}
.btn-action {
  cursor: pointer;
}

.p-sel {
  background-color: #ffde16;
  color: black;
}
.info-wsimilar p {
  font-size: 16px;
  letter-spacing: 1px !important;
}
#myDiv {
  display: block;
}
#myDiv p {
  color: white;
  font-size: 16px;
}
.selec {
  cursor: pointer;
}
/*        .selec{
    cursor: pointer;
}

.subtermino {
    margin-left: 30px;
    margin-bottom: 10px;
}
#conteo{
    font-size: 17px;
}*/
#box-search form input {
  width: 72%;
  margin-right: 1%;
  background-color: #a1a1a1 !important;
  letter-spacing: 1.3px !important;
}
.info-wsimilar h2 {
  padding: 7px;
  font-size: 22px;
  margin: 0;
}
.info-wsimilar #myDiv {
  background: #65318f;
  color: white;
  padding: 7px;
}
.visitado {
  background-color: #b493c7;
  color: #ffffff;
}
.focus {
  background-color: #b400ff;
  text-decoration: none;
}
#bg-purple h1 {
  padding: 5px 20px !important;
  font-size: 24px !important;
  text-align: center;
  font-family: Lato-Bold !important;
}
.table-suscrip {
  margin-bottom: 30px;
}
.info-middle-sesion h1 {
  margin-top: 1em;
}
.info-middle-sesion h2 {
  margin-top: 1.5em;
}

@media only screen and (max-width: 1200px) {
  .info-terminos ul li a {
    font-size: 18px;
  }
}

/*
 PERFIL
 */
.tabbcontent #box-tab2-right {
  position: relative !important;
  display: inline-block;
  width: 40%;
  float: right;
  padding-right: 80px;
}
.tabbcontent #box-tab1-left {
  width: 100% !important;
}
.tabbcontent #box-tab1-left form {
  width: 30% !important;
}
.tabbcontent .box-gral .payments button {
  background-color: #e38600 !important;
}
.tabb {
  border-right: none !important;
  float: none !important;
  width: 85%;
  margin: 0 auto;
  text-align: center;
}
.tabb button {
  display: inline-block !important;
  width: auto;
  background-color: #ffde16;
  padding: 5px 30px;
  font-size: 16px;
  font-family: Lato-Bold;
  color: #4b1666;
}
.tabbcontent #box-tab1-left form button {
  background-color: #4b1666;
  font-size: 14px;
  padding: 6px 16px;
}
.tabbcontent input,
select,
textarea {
  background-color: #dadada !important;
}
.tabbcontent {
  width: 80%;
  margin: 0 auto;
}
.tabbcontent .box-gral {
  float: left;
}
.payments {
  background-color: #ffde16 !important;
  color: black !important;
}
.tabblinks {
  margin-top: 10px;
}
.tabbcontent {
  height: auto !important;
  min-height: 500px !important;
  margin-bottom: 30px;
}

/*
 EJERCICIOS
 */
.act {
  color: #4b1666 !important;
}
ol li.act div.border {
  background-color: #4b1666 !important;
}
div.border {
  border-radius: 50%;
  background-color: #e38600;
  color: white;
  text-align: center;
  display: inline-block;
  border-radius: 50px;
  width: 20px;
  height: 20px;
}

div.border2 {
  display: inline-block;
}
.english p {
  display: inline-block;
  padding: 0;
}
.info-nosotros ul li {
  font-family: Lato-Regular !important;
  font-size: 16px !important;
}
.info-nosotros table tbody tr td {
  font-size: 16px !important;
}
.info-nosotros table tbody {
  font-family: Lato-Regular !important;
}
.separator-li {
  width: 90%;
  margin: 0 auto;
  background-color: gray;
  height: 1px;
  text-align: center;
}

/*
 INDEX
 */
.top-s {
  margin-top: 30px !important;
}
.home {
  margin-top: 40px !important;
}
.border-all {
  border: 1px solid #cecaca;
}
.border-all h3 {
  margin-top: 0 !important;
}
.bs-modal-sm2 .modal-body .tab-content fieldset > input,
select {
  background-color: #ffde16;
}
.form-control {
  background-color: #ffde16 !important;
}
.orange {
  /*	background-color: #E38600!important;*/
  background-color: #4b1666 !important;
}
#box-yellow {
  margin-top: 0 !important;
}
#box-yellow p {
  font-size: 18px !important;
}
.info-session div {
  margin-top: 0 !important;
}
.info-session div p {
  font-family: "Lato-Regular" !important;
  font-style: bold;
}
.info-session div form input {
  background-color: #d0cecf !important;
  color: black !important;
  font-weight: bold !important;
  border: none !important;
  font-weight: bold;
  font-family: lato-Regular;
}
.c1 button,
.c2 button {
  font-size: 17px;
}

/*
 HOME
 */
.height-135 {
  height: 135px;
}
.s-terminos {
  background-color: #737373 !important;
  padding-bottom: 7px !important;
}
.s-terminos div div.c100 {
  font-size: 150px;
}
.s-terminos div div.c100 span {
  padding-top: 50px;
}
.s-terminos h2 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 4px;
}
.s-terminos h2 a {
  color: white !important;
}
#box-search form {
  margin-top: 0 !important;
  padding-top: 25px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#box-search form input {
  font-size: 16px !important;
  color: white !important;
  font-weight: bold;
  font-family: "Lato-Regular" !important;
}
#box-search form button {
  margin-top: 1em !important;
  margin-bottom: 0px !important;
  font-size: 16px !important;
}
#box-search form p {
  font-size: 16px;
}
.s-terminos div td p {
  font-size: 16px;
}
.info-terminos h1 {
  font-size: 22px;
  /*color: #7F3F97;*/
  color: black;
}
.info-terminos p {
  font-size: 16px;
}
.info-terminos div ul li {
  font-size: 16px !important;
  line-height: 1.5 !important;
  background-color: #f0f0f0;
  border: 1px solid rgba(150, 152, 36, 0.17);
  border-radius: 8px;
  margin-bottom: 3px;
  padding: 5px;
}
.btn-purple {
  font-size: 16px !important;
  padding: 5px 30px !important;
}

.info-session div form button {
  padding: 5px 30px !important;
  font-size: 17px !important;
}
.info-middle-sesion button {
  padding: 5px 30px !important;
}
.btn-success {
  background-color: #e38600 !important;
  border: none;
}
.info-terminos hr {
  background-color: gray;
  height: 1px;
}
.info-session div h2 {
  color: black !important;
}

/*
 NOSOTROS
 */
.info-nosotros hr {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.info-nosotros p {
  font-size: 16px;
  letter-spacing: 1px;
}

/*
 * DICCIONARIO
 */
.boton-cargar-mas {
  text-align: center;
  margin-bottom: 20px;
}
.masEntradas {
  background-color: #ffde16;
  color: black;
  border: none;
  padding: 5px 15px;
  font-family: Lato-Bold;
  font-size: 16px;
}

.bl-ul-3 {
  background-color: #f3f3f2;
}
.desplegar .glyphicon-menu-down {
  font-size: 16px;
}

/*
 INDICE
 */
.info-alfa ul li a {
  font-family: "Lato-Regular";
}
.info-alfa ul li {
  padding: 3px 0px;
}
.info-alfa ul.ind {
  border: 3px solid #cecaca;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #dadada;
}

/*
 CONTACTO
 */
.bg-c {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 35px;
}
.bg-contact {
  background: white;
  /*	background-image: url(../images/contacto.png);*/
  background-size: cover;
  width: 100%;
  /*	height: 600px;*/
}
.bg-contact label {
  background-color: #4b1666;
  color: white;
  padding: 5px 20px;
  font-family: Lato-Regular;
  border-radius: 20px;
  text-align: center !important;
}
.bg-contact h3 {
  font-family: Lato-Regular;
  margin-top: 20px;
  letter-spacing: 2px;
  font-size: 16px;
  color: black;
  /*	background-color: white;*/
  padding: 5px 30px;
  border-radius: 20px;
  font-weight: bold;
}
.bg-contact form {
  margin-top: 10px;
}
.font-w {
  color: white;
}
.bg-contact input {
  background: #737373;
  background-color: #dadada !important;
  /*	margin-top: 40px;*/
  font-family: Lato-Regular;
  color: white;
  border-radius: 30px;
  border: 2px solid rgba(128, 128, 128, 0.36);
  padding: 5px 10px;
}
.bg-contact input::placeholder,
.bg-contact textarea::placeholder {
  color: black;
  opacity: 1;
}
.bg-contact textarea {
  background: #737373;
  background-color: #dadada !important;
  /*	margin-top: 50px;*/
  height: 200px;
  font-family: Lato-Regular;
  color: white;
  border-radius: 30px;
  border: 2px solid rgba(128, 128, 128, 0.36);
  padding: 5px 10px;
}
.bg-contact button {
  float: right;
  background-color: #e38600;
  color: white;
  width: 200px;
  padding: 10px 20px;
  font-family: Lato-Regular;
}
.bg-contact button:hover {
  opacity: 0.8;
  transition: 0.3s;
  color: white;
}

form.style div.form-group input {
  display: block;
  width: 100%;
  border-radius: 30px;
  border: 2px solid rgba(128, 128, 128, 0.36);
  font-family: Lato-Regular;
  padding: 5px 10px;
}
form.style div.form-group select {
  width: 100%;
  border-radius: 30px;
  border: 2px solid rgba(128, 128, 128, 0.36);
  font-family: Lato-Regular;
  padding: 5px 10px;
  background-color: white;
  -webkit-appearance: none;
}
form.style .perfil-confirm {
  background-color: #e38600 !important;
}
.nav-c > li {
  float: none;
  display: inline-block;
  zoom: 1;
}
.nav-c {
  text-align: center;
}
.tabbcontent .box-g .payments {
  position: relative;
  display: block;
  color: black;
  padding: 20px 30px;
  text-align: left;
  width: 90%;
  border-radius: 10px;
  box-shadow: 0px 5px 5px grey;
}
.tabbcontent .box-g .payments button {
  margin-top: -40px;
  margin-right: 10px;
  background-color: #3f7495;
  color: white;
  border-radius: 30px;
  border: 0;
  padding: 6px 40px;
  font-family: Lato-Light;
  font-size: 12px;
  position: absolute;
  right: 35px;
  top: 100px;
  font-size: 15px;
}
.tabbcontent .box-g .payments h5 {
  font-family: Lato-Bold;
}
.tabbcontent .box-g .payments p {
  font-family: Lato-Light;
  width: 75%;
}
.tabbcontent .box-g .payments button {
  background-color: #4b1666 !important;
}
/*
 * PREGUNTAS
 */
.mas-recientes .form-control {
  background-color: #dadada !important;
}
#formulariopreguntas .mas-recientes .mas-recientes span {
  background-color: transparent !important;
}
#definiciones-texto .p-sel {
  background-color: transparent;
}

.txt {
  font-family: Lato-Regular !important;
  font-size: 22px !important;
  padding-top: 15px !important;
  line-height: 22px !important;
  letter-spacing: 1.5px !important;
}

@media screen and (max-width: 1300px) {
  #box-search form p {
    width: 85% !important;
  }
  .tabbcontent .box-g .payments button {
    position: relative;
    top: 0;
    right: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #bg-purple {
    height: auto !important;
  }
  .navbar-brand > img {
    margin-top: -11px !important;
    width: 180px !important;
  }
  .tabbcontent #box-tab1-left form {
    width: 80% !important;
  }
  #myDiv {
    display: none;
  }
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.ol {
  padding-left: 4rem;
}
.ol li {
  margin-bottom: 20px;
}