@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);@charset "UTF-8";

/*Home 2*/

/*

 CSS GENERAL
 Theme Name: Silveribis
 Theme Description: Silveribis
 Version: 3.0
 Authors: Jean Pierre Giroud, Agustín McFarlane

*/

/* --- ELEMENT reset -------------------------------------------------*/

.checkmark {
  border: none !important;
}

.arrow {
  border: 1px solid #E9E9E9;
  font-family: "Nunito";
  font-weight: 400;
  padding: 0.3em;
  border-radius: 4px;
}

.opahidden {
  opacity: 0 !important;
}

.modal-new {
  width: 91% !important;
  border-radius: 8px;
}

.si_color {
  background-color: #326789;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  content: "" !important;
  /* Remove the '+' content */
  background-image: url(/images/arrow_down.png) !important;
  /* Set your background image */
  background-size: contain !important;
  /* Adjust the size of the image */
  background-repeat: no-repeat !important;
  /* Prevent tiling */
  background-position: center !important;
  /* Center the image */
  width: 20px !important;
  /* Set desired width */
  height: 20px !important;
  /* Set desired height */
  display: block !important;
  /* Ensure it's displayed */
  position: absolute;
  /* Keep the same positioning */
  top: 23px !important;
  /* Retain the existing alignment */
  left: 0px !important;
  /* Retain the existing alignment */
  border: none !important;
  /* Remove the border */
  box-shadow: none !important;
  /* Remove the shadow */
  background-color: transparent !important;
  /* Remove background color */
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:after {
  background-image: url(/images/arrow_up.png) !important;
}

.si_color:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.main-title {
  font-family: "Fashion Fetish" !important;
  font-weight: 400;
  font-size: 1.64rem !important;
  margin: 1.0933333333rem 0 0.656rem 0 !important;
  color: #326789;
  opacity: 1 !important;
}

.create-alert-btn {
  color: #7F4141 !important;
  border: 1px solid #7F4141 !important;
  background-color: white !important;
  border-radius: 8px !important;
  font-family: "Nunito" !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.si-card {
  border-radius: 0px 28px 0px 40px !important;
  width: 255px !important;
  height: 328px !important;
}

.right-container-height {
  /*height:calc(100vh - 22vh);*/
  overflow-y: auto;
  margin-top: 10px;
}

.downloads_title {
  width: 200px;
}

body,
h1,
h2,
h3,
h4,
h5,
p,
img,
fieldset,
input,
table {
  margin: 0;
  padding: 0;
  border: 0;
  /*overflow-x: hidden;*/
}

h1 span,
h2 span,
h3 span {
  display: none;
}

tr {
  border-bottom: 0.4px solid #ACACAC;
}

label {
  width: auto !important;
}

/* --- CHARSET definition-------------------------------------------------*/

@CHARSET "UTF-8";

html,
body {
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
}

body {
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}

/* --- FONT definition -----------------------------------------------*/

.roboto-l {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.roboto-r {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.roboto-m {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.roboto-b {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
}

@font-face {
  font-family: "adria_grotesk__uprightmedium";
  src: url("/fonts/adria_grotesk_medium_upright-webfont.ttf") format("truetype"), url("/fonts/adria_grotesk_medium_upright-webfont.woff2") format("woff2"), url("/fonts/adria_grotesk_medium_upright-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "adria_grotesk__uprightlight";
  src: url("/fonts/adria_grotesk_light_upright-webfont.woff2") format("woff2"), url("/fonts/adria_grotesk_light_upright-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "adria_grotesk__uprightregular";
  src: url("/fonts/adria_grotesk_regular_upright-webfont.ttf") format("truetype"), url("/fonts/adria_grotesk_regular_upright-webfont.woff2") format("woff2"), url("/fonts/adria_grotesk_regular_upright-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.adria-l {
  font-family: "adria_grotesk__uprightlight";
}

.adria-r {
  font-family: "adria_grotesk__uprightregular";
}

.adria-m {
  font-family: "adria_grotesk__uprightmedium";
}

/* --- FONT SIZE definition -----------------------------------------------*/

.f-tiny {
  font-size: 9px;
}

.f-lmini {
  font-size: 11px;
}

.f-mini {
  font-size: 12px;
}

.f-mini-i {
  font-size: 13px;
}

.f-reg {
  font-size: 14px;
}

.f-med {
  font-size: 16px;
}

/* --- FONT COLOR definition -----------------------------------------------*/

.f-white {
  color: #FFFFFF;
}

.f-black {
  color: #4E4E4E;
}

.f-lgray {
  color: #D4D4D4;
}

/* --- GENERAL definition -------------------------------------------------*/

.headcont,
.autorow,
.autocont,
.allcont,
.footcont,
.basicrow {
  width: 100%;
  height: auto;
  float: left;
}

.autorow {
  width: auto;
  float: none;
}

.autocont {
  width: auto;
  height: 100%;
}

.autocont.on .centered {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transiorm: translate(-50%, -50%) !important;
  transiorm: translate(-50%, -50%) !important;
}

/* HTML: <div class="loader"></div> */

.loader {
  width: 80px;
  aspect-ratio: 2;
  --c: linear-gradient(#1D1D1B 25%,#7F4141 0 50%,#326789 0 75%,#D5D5D5 0);
  background: var(--c), var(--c), var(--c), var(--c);
  background-size: 26% 400%;
  background-position: calc(0*100%/3) 100%, calc(1*100%/3) 100%, calc(2*100%/3) 100%, calc(3*100%/3) 100%;
  background-repeat: no-repeat;
  animation: l10 2s infinite;
}

@keyframes l10 {
  0% {
    background-position: calc(0*100%/3) calc(3*100%/3), calc(1*100%/3) calc(3*100%/3), calc(2*100%/3) calc(3*100%/3), calc(3*100%/3) calc(3*100%/3);
  }

  8.33% {
    background-position: calc(0*100%/3) calc(2*100%/3), calc(1*100%/3) calc(3*100%/3), calc(2*100%/3) calc(3*100%/3), calc(3*100%/3) calc(3*100%/3);
  }

  16.67% {
    background-position: calc(0*100%/3) calc(2*100%/3), calc(1*100%/3) calc(2*100%/3), calc(2*100%/3) calc(3*100%/3), calc(3*100%/3) calc(3*100%/3);
  }

  25% {
    background-position: calc(0*100%/3) calc(2*100%/3), calc(1*100%/3) calc(2*100%/3), calc(2*100%/3) calc(2*100%/3), calc(3*100%/3) calc(3*100%/3);
  }

  30%, 33.33% {
    background-position: calc(0*100%/3) calc(2*100%/3), calc(1*100%/3) calc(2*100%/3), calc(2*100%/3) calc(2*100%/3), calc(3*100%/3) calc(2*100%/3);
  }

  41.67% {
    background-position: calc(0*100%/3) calc(1*100%/3), calc(1*100%/3) calc(2*100%/3), calc(2*100%/3) calc(2*100%/3), calc(3*100%/3) calc(2*100%/3);
  }

  50% {
    background-position: calc(0*100%/3) calc(1*100%/3), calc(1*100%/3) calc(1*100%/3), calc(2*100%/3) calc(2*100%/3), calc(3*100%/3) calc(2*100%/3);
  }

  58.33% {
    background-position: calc(0*100%/3) calc(1*100%/3), calc(1*100%/3) calc(1*100%/3), calc(2*100%/3) calc(1*100%/3), calc(3*100%/3) calc(2*100%/3);
  }

  63%, 66.67% {
    background-position: calc(0*100%/3) calc(1*100%/3), calc(1*100%/3) calc(1*100%/3), calc(2*100%/3) calc(1*100%/3), calc(3*100%/3) calc(1*100%/3);
  }

  75% {
    background-position: calc(0*100%/3) calc(0*100%/3), calc(1*100%/3) calc(1*100%/3), calc(2*100%/3) calc(1*100%/3), calc(3*100%/3) calc(1*100%/3);
  }

  83.33% {
    background-position: calc(0*100%/3) calc(0*100%/3), calc(1*100%/3) calc(0*100%/3), calc(2*100%/3) calc(1*100%/3), calc(3*100%/3) calc(1*100%/3);
  }

  91.67% {
    background-position: calc(0*100%/3) calc(0*100%/3), calc(1*100%/3) calc(0*100%/3), calc(2*100%/3) calc(0*100%/3), calc(3*100%/3) calc(1*100%/3);
  }

  97%, 100% {
    background-position: calc(0*100%/3) calc(0*100%/3), calc(1*100%/3) calc(0*100%/3), calc(2*100%/3) calc(0*100%/3), calc(3*100%/3) calc(0*100%/3);
  }
}

.si-custom-preloader {
  float: none;
  margin: auto;
}

.buy-sub-button {
  background: white;
  border: 1px solid #326789;
  padding: 12px 13px;
  color: black;
  border-radius: 12px;
}

.si-custom-preloader img {
  width: 270px !important;
  height: 94px !important;
}

.vcenter {
  display: table !important;
  height: 100%;
}

.prefoot-link {
  font-family: "Nunito";
  font-size: 16px;
  color: #D5D5D5;
  position: relative;
}

.prefoot-link:before {
  content: "";
  position: absolute;
  width: 20%;
  height: 1px;
  bottom: 0;
  left: 2%;
  border-bottom: 1px solid #326789;
}

.prefoot-link:hover {
  width: 100%;
}

.social-logo {
  height: 45px !important;
  width: auto !important;
}

.tabcell {
  display: table-cell !important;
  vertical-align: middle;
  font-size: 12px !important;
  font-family: "Fashion Fetish";
  padding-right: 1em;
}

.tabcell.bottom {
  vertical-align: bottom;
}

#wrapper {
  min-height: 100%;
  position: relative;
  float: left;
  width: 100%;
  z-index: 10;
}

.allcont {
  padding-bottom: 44px;
  min-height: calc(100vh);
  background-color: #D5D5D5;
}

.align-not-row {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

#bg {
  position: fixed;
  top: 0;
  left: 0;
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
}

.footcont {
  height: 44px;
  background-color: #326789 !important;
  font-size: 15px !important;
  line-height: 11px;
  color: #4E4E4E;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  left: 0;
}

.si-card {
  border-radius: 0px 28px 0px 40px !important;
  width: 255px !important;
  height: 328px !important;
}

.modal-new {
  width: 91% !important;
  border-radius: 8px;
}

.general-container {
  width: 100%;
  padding: 0 25px;
}

.general-container.noc-r {
  padding-right: 0;
}

.languageicon {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
}

.footlinks,
.languagecont {
  font-size: 14px !important;
  height: 20px;
  width: auto;
  margin-top: 13px;
  position: absolute;
}

.footlinks {
  float: right;
  margin-top: 17px;
}

.lang-choice {
  height: 20px;
  width: auto;
  float: left;
  padding-top: 5px;
  padding-left: 8px;
}

.lang-choice a {
  color: #BCBCBC;
  text-decoration: none;
}

.lang-choice a:hover {
  color: #4E4E4E;
  text-decoration: underline;
}

.lang-choice.on a {
  color: #4E4E4E;
  font-weight: 700;
}

.sinpsprt {
  margin-top: 5px;
}

.m-top {
  margin-top: 20px;
}

/* --- MENU definition -------------------------------------------------*/

.headcont {
  height: 70px;
  background-color: #1D1D1B;
  position: relative;
  font-family: "Nunito", sans-serif;
}

.animation-infinite {
  animation: logoAnimation 1s infinite !important;
}

.preloader {
  float: none;
}

.logocont {
  height: 70px;
  width: auto;
  float: left;
  animation: logoAnimation 1s alternate;
}

.logocont img {
  height: 61px;
  float: left;
}

.loginucont {
  width: 92px;
  height: 35px;
  float: right;
  padding: 0 15px;
  background-color: #326789;
  margin-right: 1em;
  position: relative;
  margin-top: 1em;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.logoutcont {
  width: 52px;
  height: 35px;
  float: right;
  padding: 0 15px;
  margin-right: 1em;
  position: relative;
  margin-top: 1em;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.logoutcont:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.usricon img,
.usricon {
  width: 24px;
  height: 24px;
  float: left;
}

.downloads-filter {
  font-family: "Fashion Fetish";
  font-weight: 700;
  font-size: 14px;
}

.logintxt {
  width: auto;
  height: 24px;
  font-size: 12px;
  line-height: 13px;
  color: white;
  text-align: center;
  padding-left: 5px;
  padding-top: 5px;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  background-color: white !important;
  border: 1px solid #7D7676 !important;
  border-radius: 13px !important;
  height: 3rem !important;
  color: #7D7676 !important;
  width: 100% !important;
  font-family: "Nunito" !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  margin: 8px 0 8px 0 !important;
  padding-left: 2em !important;
  box-shadow: none !important;
  box-sizing: content-box !important;
  transition: box-shadow 0.3s, border 0.3s !important;
}

.arrw-icon {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 23px;
  margin: auto;
}

.arrw-icon i {
  font-size: 11px !important;
  line-height: 11px !important;
  color: #ACACAC !important;
  float: left;
}

.loginucont:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

a.mnu-link {
  color: white;
  text-decoration: none;
  transition: all ease 0.2s;
}

.mnu-link {
  height: 70px;
  width: auto;
  padding: 0 0.3em;
  float: right;
  font-size: 6em;
  font-family: "Nunito", sans-serif;
  font-weight: 200;
  margin-right: 18px;
  position: relative;
}

.mnu-link.nr-m {
  margin-right: 0;
}

.mnu-line {
  display: none;
  height: 1px;
  width: 11px;
  background-color: #326789;
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  margin: auto;
}

.mnu-link.on .mnu-line {
  display: inline-block;
}

a.mnu-link.on,
.mnu-link:hover,
a.mnu-link:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.auto-hfull {
  height: 70px;
  width: auto;
  float: right;
}

.addcredbtn {
  text-align: center;
  width: 110px;
  font-size: 12px;
  float: right;
  font-family: "Nunito" !important;
  font-weight: 600;
  margin-right: 10px;
  height: 34px;
  padding: 0.8em;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  position: relative;
  background-color: #D5D5D5;
  color: black !important;
  transition: all ease 0.2s;
}

.crednumb {
  width: auto;
  height: auto;
  position: absolute;
  right: 0px;
  top: -9px;
  padding: 2.5px 5px;
  background-color: #326789;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 9px;
  color: white;
  border: 1px black solid;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  min-width: 16px;
  min-height: 16px;
}

a.addcredbtn {
  color: white;
  text-decoration: none;
}

.addcredbtn:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

a.premiumbtn {
  color: black;
  text-decoration: none;
}

.premiumbtn {
  text-align: center;
  width: 80px;
  font-size: 12px;
  float: right;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  margin-right: 10px;
  height: 34px;
  border: 1px solid black;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  position: relative;
  background-color: transparent;
  transition: all ease 0.2s;
}

.premiumbtn:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.chatbtn {
  width: 110px;
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  float: right;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  box-shadow: 1px 13px 17px -14px rgba(0, 0, 0, 0.54);
  margin-right: 10px;
  height: 34px;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  position: relative;
  background-color: #89d48936;
  box-shadow: 1px 13px 17px -14px rgba(0, 0, 0, 0.54);
  padding-left: 19px;
  padding-top: 5px;
  transition: all ease 0.2s;
}

a.chatbtn {
  color: black;
  text-decoration: none;
}

.chatbtn:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.auto-hfull.cntr {
  float: none;
  display: inline-block;
  height: 34px;
}

.chatbtn img {
  width: 25px;
  height: 20.5px;
  display: inline-block;
  margin-right: 7px;
  margin-top: 2px;
}

.notifs,
.cartord,
.download-icon {
  width: 27px;
  height: 27px;
  float: right;
  margin-right: 0.8em;
  position: relative;
  cursor: pointer;
  transition: all ease 0.2s;
}

.notifs,
.cartord {
  background-size: 27px 27px;
  background-position: center;
}

.cartord {
  background-image: url(/images/cart.png);
}

.notifs {
  background-image: url(/images/alert-27x27.png);
}

.notifs.on,
.notifs:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.cartord.on,
.cartord:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.mnucan-numb {
  width: auto;
  height: auto;
  min-width: 15px;
  min-height: 15px;
  text-align: center;
  position: absolute;
  top: 13px;
  padding: 1.5px 4px;
  background-color: #326789;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  font-size: 9px;
  color: #FFFFFF;
  border-radius: 40px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
}

.footsocials {
  width: auto;
  height: 20px;
  float: right;
  margin-top: 13px;
}

.fsocial {
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 40px;
}

.fsocial img {
  width: 20px;
  height: 20px;
  float: left;
}

.fsocial:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
  transition: all ease 0.2s;
}

.footsocials > a {
  text-decoration: none;
}

.footsocials > a > i {
  font-size: 17px;
  color: grey;
  cursor: pointer;
}

.footsocials > a > i.fa-facebook:hover {
  color: darkblue !important;
}

.footsocials > a > i.fa-twitter:hover {
  color: lightseagreen !important;
}

.footsocials > a > i.fa-linkedin-in:hover {
  color: darkblue !important;
}

.footsocials > a > i.fa-youtube:hover {
  color: red !important;
}

.footsocials > a > i.fa-instagram:hover {
  color: chocolate !important;
}

.vline-pad {
  padding: 0 7px;
}

.footlinks a {
  color: #BCBCBC;
}

.footlinks a:hover {
  color: #4E4E4E;
}

.footlinks a.on {
  color: #4E4E4E;
}

.footlinks {
  margin-right: 10px;
}

.m-menui img,
.m-menui {
  width: 38px;
  height: 38px;
  float: right;
}

/* --- SEARCH definition -------------------------------------------------*/

.typeimg-vi.animated {
  animation: filter-animation 8s infinite, infinite-spinning 2s infinite;
}

.searchspace {
  width: 40%;
  height: auto;
  float: left;
  margin: 40px 0px 20px 0px;
}

.searchfilts {
  width: calc(100% - 2%);
  min-width: calc(100% - 100px);
  /*min-height: 455px;*/
  height: auto;
  float: left;
  background-color: #FFFFFF;
  -webkit-border-radius: 17px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 17px;
  -moz-border-radius-topleft: 0;
  border-radius: 17px;
  position: relative;
  padding: 35px 28px;
}

.searchtypes {
  height: auto;
  width: 59px;
  float: left;
  -webkit-border-top-left-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
  -moz-border-radius-topleft: 17px;
  -moz-border-radius-bottomleft: 17px;
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
  background-color: #FFFFFF;
  border-right: 1px solid #D1D1D1;
  position: relative;
  padding-bottom: 20px;
  padding-top: 8px;
}

.prefoot {
  height: 30%;
  background: linear-gradient(90deg, #1D1D1B 0%, #525252 100%);
  width: 100%;
  min-height: 191px;
}

.filtstitle {
  font-family: "Fashion Fetish";
  font-size: 24px;
  line-height: 53px;
  font-weight: 600;
  color: #326789;
}

.filtssubtitle {
  font-family: "Fashion Fetish";
  color: #326789;
  font-size: small;
  margin-top: 2em;
  margin-left: 1em;
}

.typetitle {
  height: 20px;
  width: auto;
  padding: 3px 7px;
  float: left;
  background-color: green;
  border-radius: 5px;
  font-size: 11px;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  margin-left: 3px;
  margin-top: 7px;
  position: relative;
}

.typetitle img {
  position: absolute;
  height: 20px;
  width: 8px;
  right: -8px;
  top: 0;
  pointer-events: none;
}

.msearchinp {
  width: 87%;
  height: 56px;
  border: 0px;
  background-color: #FFFFFF;
  padding: 15px 0;
  font-size: 24px;
  line-height: 24px;
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  color: #4E4E4E;
  margin-top: 25px;
}

.msearchinp {
  border-bottom: 1px solid #BCBCBC;
}

.msearchinp::-moz-placeholder {
  color: #BCBCBC;
  opacity: 1;
  /* Firefox */
}

.msearchinp::placeholder {
  color: #BCBCBC;
  opacity: 1;
  /* Firefox */
}

.msearchinp:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #BCBCBC;
}

.msearchinp::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #BCBCBC;
}

.msearchinp {
  padding-right: 27px;
}

.input-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

.input-icon {
  position: absolute;
  left: 7px;
  /* Adjust spacing to your preference */
  color: #aaa;
  /* Icon color */
  font-size: 20px;
  /* Icon size */
  pointer-events: none;
  /* Prevent interaction with the icon */
  padding-top: 0.5em;
}

.searchtypes-horizontal {
  display: flex;
  justify-content: center;
  gap: 10px;
  /* Adjust the spacing between icons as needed */
  margin-top: 10px;
  /* Add space above the icons bar */
  margin-bottom: 5em;
}

.searchtypes-horizontal .typecont {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.msearchinp {
  border: none !important;
  /* Removes any border */
  outline: none !important;
  /* Removes focus outline */
  border-bottom: none !important;
  /* Ensures no underline */
  background-color: #E0E0E0 !important;
  font-family: "Nunito" !important;
  color: #7D7676 !important;
  margin-top: 2em !important;
  padding-left: 3em !important;
  border-radius: 0.7em !important;
}

.msearchinp:focus {
  border-bottom: none !important;
  /* Prevents underline on focus */
  box-shadow: none !important;
  /* Removes Material UI's box-shadow underline effect */
}

.order-table table {
  width: 100%;
  border-collapse: separate;
  margin-left: 1em;
}

.order-table td {
  padding: 10px;
  vertical-align: middle;
  text-align: left;
}

label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

input[type=checkbox] {
  margin: 0;
}

.msearchbtn {
  width: 128px;
  height: 47px;
  background-color: white;
  position: absolute;
  border: 1px grey solid;
  border-radius: 100px;
  margin-top: 0.5em;
  -webkit-border-radius: 15px;
  -moz-border-radius: 100px;
  /* box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.16); */
  cursor: pointer;
  transition: all ease 0.2s;
}

.msearchbtn:hover {
  /*    background-color: #98D158;
      -webkit-transition: all ease 0.2s;
      -moz-transition: all ease 0.2s;
      transition: all ease 0.2s;
      -webkit-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.16);
      -moz-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.16);
      box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.16);*/
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.msearchbtn img {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.msearchbtn img.websrchi {
  display: inline-block;
}

.msearchbtn img.mobsrchi {
  display: none;
}

.basicrow.rel {
  position: relative;
}

.alerti {
  width: 35px;
  height: 35px;
  border: 1px solid #D5D5D5;
  background-color: #FFFFFF;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 40px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
}

.allfilltrs {
  width: 84px;
  height: 35px;
  background-color: #F5F5F5;
  position: absolute;
  top: 20px;
  right: 63px;
  border-radius: 40px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  font-size: 12px;
  padding-left: 15px;
  padding-top: 9px;
  color: #B1B1B1;
  cursor: pointer;
  display: none;
}

.allfilltrs i.fa-chevron-down {
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  color: #ACACAC;
}

.filtrsicon-b,
.filtrsicon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: none;
}

.allfilltrs.on {
  background-color: #BCBCBC;
  color: #FFFFFF;
}

.allfilltrs.on i.fa-chevron-down {
  color: #FFFFFF;
  -webkit-transiorm: rotate(180deg);
  -moz-transiorm: rotate(180deg);
  -ms-transiorm: rotate(180deg);
  -o-transiorm: rotate(180deg);
  transiorm: rotate(180deg);
}

.alerti img {
  width: 23px;
  height: 23px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.alerti .noalert {
  display: inline-block;
}

.alerti.on .noalert,
.alerti .newalert {
  display: none;
}

.alerti.on .newalert {
  display: inline-block;
}

.alerti.on {
  border: 0px;
  background-color: #F4DD7A;
  cursor: pointer;
  transition: all ease 0.2s;
}

.alerti:hover.on {
  background-color: #F1D457;
  transition: all ease 0.2s;
}

.labeldef {
  font-size: 16px;
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  color: #326789;
  float: left;
  height: auto;
  width: 100%;
}

.xslabeldef {
  font-size: 9px !important;
}

.geninpdef {
  height: 34px;
  width: 100%;
  float: left;
  background-color: #E0E0E0;
  padding: 11px;
  font-size: 14px;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  color: #4E4E4E;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
}

input.geninpdef::-moz-placeholder {
  color: #BCBCBC;
  opacity: 1;
  /* Firefox */
}

input.geninpdef::placeholder {
  color: #BCBCBC;
  opacity: 1;
  /* Firefox */
}

input.geninpdef:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #BCBCBC;
}

input.geninpdef::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #BCBCBC;
}

select.geninpdef {
  padding: 0 11px;
}

select.geninpdef {
  -moz-appearance: none;
  appearance: none;
}

select.geninpdef {
  background-image: url(/images/mdi-light_chevron-up.png);
  background-size: 9px 6px;
  background-position: center right 7px;
  background-repeat: no-repeat;
}

select.geninpdef {
  padding-right: 20px;
}

.col-xs-6.col-sm-6.col-md-6.col-lg-6.nopadcheckspce-ii {
  padding-left: 10px;
}

.col-lg-6.nopadcheckspce-i {
  padding-right: 10px;
}

.col-xs-4.col-sm-4.col-md-4.col-lg-4.nopadcheckspce {
  padding-left: 0;
}

.col-xs-8.col-sm-8.col-md-8.col-lg-8.nopadcheckspce {
  padding-right: 0;
}

.orderchoicescont {
  width: 100%;
  height: 34px;
  float: left;
}

.xsorderchoicesiont {
  font-size: 0.8em;
}

.orderchoices-half,
.orderchoices-ii,
.orderchoices-i {
  width: 27%;
  height: 100%;
  float: left;
  background-color: #D5D5D5;
  text-align: center;
  font-size: 12px;
  color: #1D1D1B;
  cursor: pointer;
}

.orderchoices-half {
  width: 50%;
}

.orderchoices-half.firstchoice,
.orderchoices-i.firstchoice,
.orderchoices-ii.firstchoice {
  border-radius: 40px;
}

.orderchoices-half.lastchoice,
.orderchoices-i.lasttchoice {
  border-radius: 40px;
}

.orderchoices-half.nolline,
.orderchoices-ii.nolline,
.orderchoices-i.nolline {
  border-left: 0;
}

.orderchoices-ii {
  width: 19%;
}

.orderchoices-half:hover,
.orderchoices-ii:hover,
.orderchoices-i:hover {
  background-color: #ECEAEA;
  transition: all ease 0.2s;
}

.orderchoices-half.on,
.orderchoices-ii.on,
.orderchoices-i.on {
  background-color: #326789;
  color: #FFFFFF;
}

.advncsrch {
  width: 100%;
  height: 34px;
  background-color: #F5F5F5;
  float: left;
  border-radius: 40px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  cursor: pointer;
  font-size: 12px;
  padding: 0 15px;
  transition: all ease 0.2s;
  position: relative;
}

.advncsrch:hover {
  background-color: #ECEAEA;
  transition: all ease 0.2s;
}

.advncsrch i.fa-chevron-right {
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  color: #ACACAC;
}

.typecont {
  width: 100%;
  height: 43px;
  margin-top: 12px;
  float: left;
  position: relative;
  cursor: pointer;
}

.typetext {
  cursor: pointer;
}

.typeimg-vii,
.typeimg-vi,
.typeimg-v,
.typeimg-iv,
.typeimg-iii,
.typeimg-ii,
.typeimg-i {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-size: 32px 32px;
  background-position: center;
  transition: all ease 0.2s;
}

.typeimg-i {
  background-image: url(/images/noticiasgeneral-a-32x32.png);
}

.typeimg-ii {
  background-image: url(/images/noticiasdig-a-32x32.png);
}

.typeimg-iii {
  background-image: url(/images/noticiasimp-a-32x32.png);
}

.typeimg-iv {
  background-image: url(/images/noticiastv-a-32x32.png);
}

.typeimg-v {
  background-image: url(/images/noticiasradio-a-32x32.png);
}

.typeimg-vi {
  background-image: url(/images/noticiassocial-a-32x32.png);
}

.typeimg-vii {
  font-size: 32px;
  color: grey;
}

.side-search-icon {
  font-size: 2em;
  margin-top: 0.1em;
  font-weight: 200;
  color: grey;
}

.side-search-icon:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.5s;
}

.ontypebar {
  width: 43px;
  height: 4px;
  background-color: #326789;
  position: absolute;
  top: auto;
  bottom: 0;
  display: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.typetext.on {
  border-bottom: 0.3em solid #326789;
}

/* --- SWITCH definition -------------------------------------------------*/

.switch {
  position: relative;
  display: inline-block;
  width: 101.33px;
  height: 34px;
  text-align: center;
  float: left;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.checkdef-f,
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cccccc;
  border: 0;
  transition: all ease 0.4s;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}

.checkdef-f {
  background-color: #D9D9D9;
}

.checkdef-f:before,
.slider:before {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  position: absolute;
  height: 34px;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
  transition: all ease 0.4s;
  padding-top: 6px;
}

.checkdef-f:before {
  background-color: #ef3829;
  color: #ffffff;
}

.t-otherc {
  width: 28px;
  height: 28px;
  left: 4%;
  top: 0;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  color: #cccccc;
  transition: all ease 0.4s;
  background-color: #ffffff;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}

.t-otherc:before {
  cursor: pointer;
}

input:checked + .checkdef-f .t-otherc {
  left: 69%;
  transition: all ease 0.4s;
}

input:checked + .checkdef-f:before,
input:checked + .slider:before {
  background-color: #5eba58;
  color: #ffffff;
}

input:checked + .checkdef-f,
input:checked + .slider {
  background-color: #D2ECAA;
}

input:focus + .checkdef-f,
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .checkdef-f:before,
input:checked + .slider:before {
  -webkit-transiorm: translateX(68.5px);
  -ms-transiorm: translateX(68.5px);
  transiorm: translateX(68.5px);
}

/* --- RESULTS GRID definition -------------------------------------------------*/

.results-grid-container {
  border: solid 1px #EEEEEE;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-radius: 10px;
  margin-top: 10px;
}

.grid-circle-results-btn {
  margin-left: 7px;
}

/* --- RESULTS PAGE definition -------------------------------------------------*/

.right-container {
  margin-bottom: 10px;
  width: 60%;
  height: auto;
  float: left;
  padding-left: 1%;
  border-bottom-left-radius: 20px;
  border-left: solid 1px #707070;
  border-bottom: solid 1px #707070;
  border-top: solid 1px #EEEEEE;
  padding-right: 5px;
  background: white;
  padding-bottom: 20px;
  box-shadow: -1px 3px 3px 1px rgba(0, 0, 0, 0.3);
}

/* --- TOP NEWS definition -------------------------------------------------*/

.topnewspace {
  width: 60% !important;
  height: auto;
  float: left;
  margin: 20px 0;
  padding-left: 1%;
}

.topntitle {
  font-size: 36px;
  color: black;
  line-height: 36px;
  font-family: "adria_grotesk__uprightlight";
}

.topnewscont {
  /*height: 483px;*/
  /*height: 460px;*/
  width: 100%;
  float: left;
  overflow-x: scroll;
  overflow-y: hidden;
}

.toptype {
  position: relative;
  /*width: 244px;*/
  width: 284px;
  height: 263px;
  margin-top: 20px;
  background-size: cover;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  float: left;
  cursor: pointer;
}

.topnparaph {
  height: auto;
  width: 100%;
  float: left;
  margin-top: 7px;
  font-size: 11px;
  color: #ffffff;
  display: none;
}

.toptinf {
  position: absolute;
  bottom: 0;
  min-height: 78px;
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background-image: url(/images/topnbg.png);
  backdrop-filter: blur(10px);
  color: #ffffff;
  font-size: 14px;
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  transition: all ease 2s;
  float: left;
  max-height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
}

.toptype:hover > .toptinf {
  height: 100% !important;
  /*    -webkit-transition: all ease 3s;
      -moz-transition: all ease 3s;
      transition: all ease 3s;*/
  min-height: 100% !important;
  max-height: 100% !important;
  transition: min-height ease 2s;
}

.toptype:hover .toptinf .topnparaph {
  display: inline-block;
}

/*Scrollbar*/

.topnewscont {
  scrollbar-width: thin;
  scrollbar-color: #DCDCDC;
}

/* Tamaño del scroll */

.topnewscont::-webkit-scrollbar {
  height: 3px;
}

/* Estilos barra (thumb) de scroll */

.topnewscont::-webkit-scrollbar-thumb {
  background: #DCDCDC;
  border-radius: 4px;
}

.topnewscont::-webkit-scrollbar-thumb:active {
  background-color: #ECECEC;
}

.topnewscont::-webkit-scrollbar-thumb:hover {
  background: #ECECEC;
}

/* Estilos track de scroll */

.topnewscont::-webkit-scrollbar-track {
  background: #C1C1C1;
  border-radius: 4px;
}

.topnewscont::-webkit-scrollbar-track:hover,
.topnewscont::-webkit-scrollbar-track:active {
  background: #C1C1C1;
}

.topnopts {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 12px;
  display: none;
}

.topnoption {
  width: 30px;
  height: 30px;
  border: 2px solid #ffffff;
  float: left;
  position: relative;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  margin-right: 6px;
  cursor: pointer;
}

.topnoption img {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  left: 1px;
  bottom: 0;
  margin: auto;
}

.topnoption:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  transition: all ease 0.2s;
}

.toptype:hover .toptinf .topnopts {
  display: inline-block;
}

.toptype.topnh-i {
  height: 145px;
}

.toptype.topnh-ii {
  height: 430px;
  margin-right: 20px;
}

.topnwrap-ii,
.topnwrap-i {
  width: 288px;
  height: auto;
  float: left;
  margin-right: 20px;
}

.topnwrap-ii {
  width: 288px;
}

.toptype.topnw-i {
  width: 312px;
}

.toptype.topnh-iii {
  height: 130px;
}

.toptype.topnw-ii {
  width: 288px;
}

.toptype.topnw-ii .toptinf {
  font-size: 12px;
}

.notoverflow {
  text-overflow: ellipsis;
}

.defalltopns {
  height: 100%;
  width: 95%;
  float: left;
}

.advncsrch.on {
  background-color: #BCBCBC;
  color: #ffffff;
}

.advncsrch.on i.fa-chevron-right {
  -webkit-transiorm: rotate(180deg);
  -moz-transiorm: rotate(180deg);
  -ms-transiorm: rotate(180deg);
  -o-transiorm: rotate(180deg);
  transiorm: rotate(180deg);
  color: #ffffff;
}

.advncpopover {
  width: 800px;
  height: auto;
  padding: 23px;
  background-color: #FFFFFF;
  border-radius: 18px !important;
  -webkit-border-radius: 18px !important;
  -moz-border-radius: 18px !important;
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.16);
  position: absolute;
  left: 190px;
  top: -98px;
  z-index: 100;
  display: none;
}

.advncpopover {
  padding-top: 0;
}

.advncpopoverarrw {
  width: 16.06px;
  height: 32.27px;
  left: -16.06px;
  top: 97px;
  position: absolute;
}

.bluebtn {
  width: 100%;
  height: 40px;
  float: left;
  background-color: #66CEDE;
  border-radius: 40px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  cursor: pointer;
  transition: all ease 0.2s;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

a.bluebtn {
  color: #ffffff;
  text-decoration: none;
}

.bluebtn:hover {
  background-color: #61BFCE;
  transition: all ease 0.2s;
}

.bluebtn.advncsave {
  margin-top: 10px;
}

.advncpopover.on {
  display: inline-block;
}

.allfilltrspop {
  width: 300px;
  height: 180px;
  background-color: #FFFFFF;
  border-radius: 18px !important;
  -webkit-border-radius: 18px !important;
  -moz-border-radius: 18px !important;
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.16);
  position: absolute;
  right: 7%;
  top: 80px;
  z-index: 100;
  display: none;
}

.allfilltrspop.on {
  display: inline-block;
}

.allfilltrspop {
  padding-top: 0;
}

.allfilltrsarrw {
  width: 16.06px;
  height: 32.27px;
  right: 50px;
  top: -24px;
  position: absolute;
  -webkit-transiorm: rotate(90deg);
  -moz-transiorm: rotate(90deg);
  -ms-transiorm: rotate(90deg);
  -o-transiorm: rotate(90deg);
  transiorm: rotate(90deg);
}

.scrollcont {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  float: left;
  padding: 23px;
}

.paginator {
  width: 1.5em;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
  display: inline-block;
  background-color: #ffff;
  color: black;
}

.paginator.active {
  background-color: #326789;
  color: white;
}

.scrollcont {
  padding-top: 0;
}

/* --- MEDIA QUERY (RESPONSIVE) definition -------------------------------------------------*/

@media print {
  #mini-charts .graphic {
    width: 500px;
    height: 500px;
  }
}

@media screen and (min-width: 1950px) {
  .no-margin-bot-until-xxl {
    margin-bottom: 20px !important;
  }

  .xxl-font {
    font-size: 1.5rem !important;
  }

  .xxl-small-font {
    font-size: 1rem !important;
  }

  .xxl-card-micro-header {
    font-size: 1.3rem !important;
    top: -34px !important;
  }
}

@media screen and (min-width: 2560px) {
  .right-container-height {
    /*height: calc(100vh - 20vh);*/
  }

  .searchspace {
    width: 21%;
  }

  .topnewspace {
    width: 79% !important;
  }

  .right-container {
    width: 79%;
  }

  .container {
    max-width: 2496px !important;
  }

  .downloads_title {
    width: 450px;
  }

  .stepnumber {
    position: absolute;
    z-index: 1;
    margin-left: 6.5%;
    height: 4em !important;
    width: 4em !important;
  }

  .stepimage {
    height: 17em !important;
  }

  #example1,
  #example2,
  #example3,
  #example4 {
    height: 19em !important;
  }

  #samples_footer {
    padding-top: 5.6em;
  }

  .step1text {
    font-size: 1.85em !important;
  }

  .step2text {
    font-size: 1.7em !important;
  }

  .step3text {
    font-size: 1.8em !important;
  }
}

@media (min-width: 2301px) and (max-width: 2559px) {
  .right-container-height {
    /*height: calc(100vh - 20vh);*/
  }

  .searchspace {
    width: 25% !important;
  }

  .right-container {
    width: 75% !important;
  }

  .topnewspace {
    width: 75% !important;
  }
}

@media (min-width: 1901px) and (max-width: 2300px) {
  .right-container-height {
    /*height: calc(100vh - 20vh);*/
  }

  .searchspace {
    width: 28% !important;
  }

  .right-container {
    width: 72% !important;
  }

  .topnewspace {
    width: 72% !important;
  }
}

@media (min-width: 1801px) and (max-width: 1900px) {
  .searchspace {
    width: 30% !important;
  }

  .right-container {
    width: 70% !important;
  }

  .topnewspace {
    width: 70% !important;
  }

  .downloads_title {
    width: 300px;
  }
}

@media (min-width: 1701px) and (max-width: 1800px) {
  .searchspace {
    width: 31% !important;
  }

  .right-container {
    width: 69% !important;
  }

  .topnewspace {
    width: 69% !important;
  }

  .downloads_title {
    width: 300px;
  }
}

@media (min-width: 1601px) and (max-width: 1700px) {
  .searchspace {
    width: 33% !important;
  }

  .right-container {
    width: 67% !important;
  }

  .topnewspace {
    width: 67% !important;
  }

  .downloads_title {
    width: 300px;
  }
}

@media (min-width: 1500px) and (max-width: 1600px) {
  .searchspace {
    width: 35% !important;
  }

  .right-container {
    width: 65% !important;
  }

  .topnewspace {
    width: 65% !important;
  }

  .downloads_title {
    width: 300px;
  }
}

@media (min-width: 1401px) and (max-width: 1500px) {
  .searchspace {
    width: 38% !important;
  }

  .right-container {
    width: 62% !important;
  }

  .topnewspace {
    width: 62% !important;
  }

  .downloads_title {
    width: 300px;
  }
}

@media screen and (min-width: 1408px) {
  .container {
    max-width: 1570px;
  }

  .downloads_title {
    width: 400px;
  }

  .searchspace {
    width: 21%;
  }

  .topnewspace {
    width: 79%;
  }

  .right-container {
    width: 79%;
  }
}

@media (max-width: 1400px) {
  .searchspace {
    width: 40% !important;
  }

  .right-container {
    width: 60% !important;
  }

  .topnewspace {
    width: 60% !important;
  }

  .downloads_title {
    width: 300px;
  }
}

@media (max-width: 1315px) {
  .downloads_title {
    width: 250px;
  }

  .container {
    width: 100%;
    padding: 0 20px;
  }

  .topnewspace {
    width: 50% !important;
  }

  .right-container {
    width: 50% !important;
  }

  .searchspace {
    width: 50% !important;
  }

  .advncpopover {
    width: 600px;
  }

  .advncpopover {
    padding-top: 0;
  }

  .advncpopoverarrw {
    width: 16.06px;
    height: 32.27px;
    left: -16.06px;
    top: 97px;
    position: absolute;
  }

  .dashed-grey.add-file-container.fixer {
    padding-left: 5.5em;
  }
}

@media (min-width: 1201px) and (max-width: 1350px) {
  .card-content {
    height: 470px !important;
  }
}

@media (min-width: 1201px) {
  .multi-feature-group-btns {
    margin-top: -50px !important;
  }
}

@media (max-width: 1200px) {
  .chat-link,
  .publishers-link,
  .help-link {
    display: none !important;
  }

  .downloads_title {
    width: 200px;
  }

  .advncpopover {
    left: 220px;
    top: -200px;
  }

  .switch {
    height: 20px;
  }

  .t-otherc {
    width: 15px;
    height: 15px;
    left: 3%;
  }

  input:checked + .checkdef-f .t-otherc {
    left: 82%;
  }

  .advncpopoverarrw {
    top: 200px;
  }
}

@media (max-width: 1100px) {
  .right-container-height {
    /*height:calc(100vh - 18vh);*/
  }

  .downloads_title {
    width: 200px;
  }

  .searchfilts {
    width: calc(100% - 20%);
    min-width: calc(100% - 100px);
  }

  .advncpopover {
    left: 160px;
    top: -200px;
  }

  .advncpopoverarrw {
    top: 200px;
  }

  .topnewspace {
    width: 50% !important;
  }

  .searchspace {
    width: 50% !important;
  }

  .searchfilts .geninpdef {
    font-size: 12px;
    padding: 6px;
  }

  .searchfilts .advncsrch {
    font-size: 10px;
  }

  .checkdef-f:before,
  .slider:before {
    height: 20px;
  }

  .btn-group-custom-pricing button {
    padding: 7px 3em !important;
  }

  .btn-group-custom-pricing .group-end {
    padding: 7px 4em !important;
  }

  .dashed-grey.add-file-container.fixer {
    padding-left: 1em !important;
  }
}

@media (max-width: 991px) {
  .downloads_title {
    width: 200px;
  }

  .search-input input {
    width: 80% !important;
  }

  .container.noc-r.padfmenu {
    padding-right: 15px;
  }

  .container.noc-r.padfmenu {
    padding-right: 15px;
  }

  .topnewspace {
    width: 100% !important;
    height: auto;
  }

  .right-container {
    width: 100% !important;
    height: auto;
    margin-left: -10px;
    border-radius: 20px;
    border: solid 1px #707070;
  }

  .searchspace {
    width: 100% !important;
    margin: 23px 0;
    padding-right: 20px;
  }

  .topnewscont {
    /*height: 380px;*/
  }

  .searchfilts {
    width: 100%;
    min-height: auto;
    height: auto;
    padding: 19px;
  }

  .side-search-icon {
    margin-left: 0.3em;
  }

  .typeimg-vii {
    margin-top: 1px;
    margin-left: 0.2em;
  }

  .searchtypes {
    height: 50px;
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    border-right: 0;
    border-bottom: 1px solid #D1D1D1;
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }

  .searchtypes {
    -webkit-border-top-left-radius: 17px;
    -webkit-border-top-right-radius: 17px;
    -moz-border-radius-topleft: 17px;
    -moz-border-radius-topright: 17px;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
  }

  .typecont {
    width: 43px;
    height: 50px;
    margin-top: 0;
    margin-right: 9px;
  }

  .typeimg-vii,
  .typeimg-vi,
  .typeimg-v,
  .typeimg-iv,
  .typeimg-iii,
  .typeimg-ii,
  .typeimg-i {
    width: 27px;
    height: 27px;
    background-size: 27px 27px;
  }

  .ontypebar {
    width: 43px;
    height: 4px;
    background-color: #326789;
    position: absolute;
    top: auto;
    bottom: 0;
    display: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }

  .filtstitle {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
  }

  .ontypebar {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .searchfilts {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }

  .searchfilts {
    -webkit-border-bottom-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
    -moz-border-radius-bottomright: 17px;
    -moz-border-radius-bottomleft: 17px;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
  }

  .msearchinp {
    width: 100%;
    height: 42px;
    background-color: #FFFFFF;
    padding: 10px 0;
    font-size: 18px;
    line-height: 18px;
    font-family: "Nunito", sans-serif;
    font-weight: 300;
    color: #4E4E4E;
    margin-top: 16px;
  }

  .topnewspace {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .right-container {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .topntitle {
    font-size: 24px;
    line-height: 24px;
  }

  .msearchbtn:hover {
    background-color: transparent;
    transition: all ease 0.2s;
    box-shadow: none;
  }

  .msearchbtn img {
    width: 27px;
    height: 27px;
    position: absolute;
    top: 37px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  .msearchbtn img.websrchi {
    display: none;
  }

  .msearchbtn img.mobsrchi {
    display: inline-block;
  }

  .msearchinp {
    padding-right: 62px;
  }

  .topnopts {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 12px;
    display: none;
  }

  .toptype {
    height: 101px;
    width: 144px;
    margin-top: 13px;
  }

  .toptype .toptinf {
    font-size: 11px;
    min-height: auto;
  }

  .toptype:hover .toptinf .topnopts {
    display: none;
  }

  .toptype:hover .toptinf .topnparaph {
    display: none;
  }

  .toptype:hover .toptinf {
    height: auto;
    /*        -webkit-transition: all ease 2s;
            -moz-transition: all ease 2s;
            transition: all ease 2s;*/
    min-height: auto;
    max-height: 100%;
    transition: height ease 2s;
  }

  .toptype.topnh-i {
    height: 226px;
  }

  .toptype.topnh-ii {
    height: 340px;
    margin-right: 15px;
  }

  .topnwrap-ii,
  .topnwrap-i {
    width: 144px;
    height: auto;
    float: left;
    margin-right: 15px;
  }

  .topnwrap-ii {
    width: 144px;
  }

  .toptype.topnw-i {
    width: 144px;
  }

  .toptype.topnh-iii {
    height: 104.5px;
  }

  .toptype.topnw-ii {
    width: 144px;
  }

  .toptype.topnw-ii .toptinf {
    font-size: 11px;
  }

  .notoverflow {
    text-overflow: ellipsis;
  }

  .toptinf {
    padding: 7px 10px;
  }

  .defalltopns {
    height: 100%;
    width: 95%;
    float: left;
  }

  .allfilltrs {
    display: inline-block;
  }

  .dashed-grey.add-file-container.fixer {
    padding-left: 12em !important;
  }
}

@media (max-width: 768px) {
  .downloads_title {
    width: 200px;
  }

  .search-input input {
    width: 80% !important;
  }

  .right-container {
    margin-bottom: 75px !important;
  }

  .autocont.fullw-i {
    width: 100%;
    text-align: center;
    margin-bottom: 9px;
  }

  .autocont.fullw-i .autocont {
    float: none;
    display: inline-block;
  }

  .footsocials {
    width: 100%;
    text-align: center;
    margin-top: 0px;
  }

  .footsocials .fsocial {
    float: none;
    display: inline-block;
  }

  .footlinks {
    height: auto;
    margin-right: 0;
  }

  .footcont {
    height: auto;
    border-top: 1px solid #eeeeee;
  }

  .fsocial.ml-social {
    margin-left: 0px;
  }

  .footcont {
    padding-bottom: 10px;
  }

  .logocont img {
    width: 70px;
    height: 30px;
    float: left;
  }

  .logocont {
    height: 55px;
  }

  .headcont {
    height: 55px;
  }

  .internal-x {
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-top: 8px;
  }

  .auto-hfull {
    height: 55px;
  }

  .allcont {
    padding-bottom: 88px;
  }

  .container.noc-r.padfmenu {
    padding-right: 15px;
  }

  .dashed-grey.add-file-container.fixer {
    padding-left: 20em !important;
  }

  .btn-group-custom-pricing button {
    padding: 7px 6em !important;
  }

  .btn-group-custom-pricing .group-end {
    padding: 7px 8em !important;
  }

  .btn-group-custom-profile.fixer {
    padding-top: 20px !important;
  }
}

@media (max-width: 615px) {
  .btn-group-custom-pricing button {
    font-size: 0.6em !important;
  }

  .downloads_title {
    width: 200px;
  }
}

@media (max-width: 600px) {
  .results-news-icon-format {
    width: 70px !important;
  }

  .search-input input {
    width: 80% !important;
  }
}

@media (max-width: 550px) {
  .grid-circle-results-btn {
    margin-left: 5px !important;
  }

  .search-input input {
    width: 80% !important;
  }

  .downloads_title {
    width: 150px;
  }
}

@media (max-width: 430px) {
  .results-news-icon-format {
    width: 50px !important;
  }

  .downloads-preloader {
    margin-left: -7em !important;
  }

  .grid-circle-results-btn {
    margin-left: 1px !important;
  }

  .downloads_title {
    width: 150px;
  }

  .search-input input {
    width: 80% !important;
  }

  .typecont {
    width: 33px;
    height: 50px;
    margin-top: 0;
    margin-right: 9px;
  }

  .typeimg-vi,
  .typeimg-vii,
  .typeimg-v,
  .typeimg-iv,
  .typeimg-iii,
  .typeimg-ii,
  .typeimg-i {
    width: 27px;
    height: 27px;
    background-size: 27px 27px;
  }

  .ontypebar {
    width: 33px;
    height: 4px;
    background-color: #326789;
    position: absolute;
    top: auto;
    bottom: 0;
    display: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }

  .side-search-icon {
    font-size: 2em;
    margin-left: 0em;
    margin-top: 0.4em;
    font-weight: 200;
    color: grey;
  }

  .btn-group-custom-pricing button {
    padding: 7px 2em !important;
  }

  .btn-group-custom-pricing .group-end {
    padding: 7px 2em !important;
  }

  .btn-group-custom-profile button {
    padding: 7px 5px !important;
  }

  .dashed-grey.add-file-container.fixer {
    padding-left: 8.5em !important;
  }

  .right-container-height {
    /*height: calc(143vh - 0px) !important;*/
    overflow-y: auto !important;
  }
}

@media (max-width: 390px) {
  .grid-circle-results-btn {
    margin-left: 1px !important;
  }

  .downloads_title {
    width: 150px;
  }

  .search-input input {
    width: 80% !important;
  }

  .allfilltrs .noftext {
    display: none;
  }

  .allfilltrs i.fa-chevron-down {
    display: none;
  }

  .allfilltrs {
    width: 35px;
  }

  .allfilltrs .filtrsicon {
    display: inline-block;
  }

  .allfilltrs.on .filtrsicon {
    display: none;
  }

  .allfilltrs.on .filtrsicon-b {
    display: inline-block;
  }

  .btn-group-custom-pricing button {
    padding: 7px 1em !important;
  }

  .btn-group-custom-pricing .group-end {
    padding: 7px 1.5em !important;
  }

  .btn-group-custom-profile button {
    padding: 7px 5px;
  }

  .dashed-grey.add-file-container.fixer {
    padding-left: 7em !important;
  }
}

@media (max-width: 360px) {
  .grid-circle-results-btn {
    margin-left: 1px !important;
  }

  .downloads_title {
    width: 90px;
  }

  .search-input input {
    width: 80% !important;
  }

  .btn-group-custom-profile button {
    padding: 7px 0px !important;
  }

  .mobile {
    padding: 0 0.5em !important;
  }

  .dashed-grey.add-file-container.fixer {
    padding-left: 5.5em !important;
  }

  .mobile {
    padding: 0 0.5em !important;
  }
}

@media (max-width: 320px) {
  .downloads_title {
    width: 75px;
  }

  .btn-group-custom-pricing button {
    padding: 7px 8px !important;
  }

  .btn-group-custom-pricing .group-end {
    padding: 7px 14px !important;
  }

  #downloads_filter {
    width: 100% !important;
    padding-bottom: 10px;
  }
}

/* --- MEDIA QUERY (RESPONSIVE) definition -------------------------------------------------*/

/*Helpers*/

.no-margin-bot-until-xxl {
  margin-bottom: 0;
}

.no-margin-top {
  margin-top: 0;
}

.pointer {
  cursor: pointer;
}

.rise:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

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

/*END Helpers*/

/*Source Menu*/

.source-icon {
  height: 2em;
  width: 2em;
}

.source-menu {
  width: 55px;
  border-radius: 20px 0px 0px 20px;
  border-right: solid 1px #ccc;
  margin-left: 10px;
}

.source-menu-item {
  padding: 10px;
  padding-left: 15px;
  cursor: pointer;
}

.source-menu-item.active {
  border-right: solid #DE9A66;
}

.general-news-icon {
  content: url(/images/noticiasgeneral-a-32x32.png?16d2bb6714792b6d383203d9d1fd62cf);
}

.general-news-icon:not(.icon-results):hover {
  content: url(/images/noticiasgeneral-b-32x32.png?84f50fa0d37d26f7ef7372d6e42428d2);
}

li.active > .general-news-icon {
  content: url(/images/noticiasgeneral-b-32x32.png?84f50fa0d37d26f7ef7372d6e42428d2) !important;
}

.digital-news-icon {
  content: url(/images/noticiasdig-a-32x32.png?1c417ce88dbe705369577629d4b0ea89);
}

.digital-news-icon:not(.icon-results):hover {
  content: url(/images/noticiasdig-b-32x32.png?6845a26306e1b7443d7c71f6cdbddaf9);
}

li.active > .digital-news-icon {
  content: url(/images/noticiasdig-b-32x32.png?6845a26306e1b7443d7c71f6cdbddaf9);
}

.print-news-icon {
  content: url(/images/noticiasimp-a-32x32.png?94b4809975a5c0870f225ee8557c2bfa);
}

.print-news-icon:not(.icon-results):hover {
  content: url(/images/noticiasimp-b-32x32.png?510145bd81ae29a8eb7ddbcc558eceb0);
}

li.active > .print-news-icon {
  content: url(/images/noticiasimp-b-32x32.png?510145bd81ae29a8eb7ddbcc558eceb0);
}

.tv-news-icon {
  content: url(/images/noticiastv-a-32x32.png?627a9aefe4391ded96bc24f3e0dac081);
}

.tv-news-icon:not(.icon-results):hover {
  content: url(/images/noticiastv-b-32x32.png?17c990ab18f1a9a698f69aa22b56b6ca);
}

li.active > .tv-news-icon {
  content: url(/images/noticiastv-b-32x32.png?17c990ab18f1a9a698f69aa22b56b6ca);
}

.radio-news-icon {
  content: url(/images/noticiasradio-a-32x32.png?788c37daf0ab9f104e0f415afb41b005);
}

.radio-news-icon:not(.icon-results):hover {
  content: url(/images/noticiasradio-b-32x32.png?901cbad1056c3338d40a3c7a87296e55);
}

li.active > .radio-news-icon {
  content: url(/images/noticiasradio-b-32x32.png?901cbad1056c3338d40a3c7a87296e55);
}

/*END Source Menu*/

/*Results*/

.preloader-wrapper.xsmall {
  width: 25px;
  height: 25px;
  margin-left: 7px;
}

.results-content {
  font-size: small;
  padding-top: 10px;
}

.displaying-n-results {
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-weight: 300;
  color: black;
}

.results-header {
  font-size: 18px;
  font-family: "Nunito", sans-serif;
  font-weight: normal;
}

.cart-icon {
  content: url(/images/shopcart-27x27.png?d305e8a9e388efe65d006e3e1089e624);
}

.cart-size {
  font-size: 25px;
  width: 30px;
  height: 30px;
}

.buy-now-icon {
  content: url(/images/cart-buynow.png?33287eb57d648250ab9db37c313dc45a);
}

.buy-loader {
  width: 8px;
  height: 8px;
  position: relative;
  border-radius: 50%;
  background: #fff;
  animation: wave 1s ease-in infinite;
}

.buy-text {
  font-family: "Nunito";
  font-size: 12px;
  font-weight: 600;
  line-height: 30px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #7F4141;
  float: left;
}

.after-buy-btn {
  background-color: #D5D5D5 !important;
  float: left;
  padding: 10px 15px 10px 15px;
  border-radius: 8px;
  margin-left: 1.5em;
}

.share-icon {
  content: url(/images/shareicon.png?c7aeb69d9000fad69a01bc5d7e05ec5d);
}

.new-cart {
  width: 24px;
  height: 24px;
}

.buy-it-now-icon {
  width: 25px !important;
  height: 25px !important;
  position: relative;
  margin-left: 55px;
  top: -23px;
}

.source-name {
  font-family: "Nunito";
  font-weight: 600;
  font-size: 14px;
  color: #1D1D1B;
}

.buy-it-now-btn {
  cursor: pointer;
  width: 135px;
  height: auto;
  border-radius: 8px;
  margin-left: 1.5em;
  background-color: white;
  color: #7F4141;
  border: 1px solid #7F4141;
  padding: 10px 15px 10px 15px;
}

.buy-it-now-btn:hover {
  transiorm: 1.1;
  transition: transiorm 0.2s;
}

.buy-it-text {
  font-size: 0.6rem;
  margin-left: 15px;
  top: -6px;
  position: relative;
}

.now-text {
  font-size: 0.6rem;
  margin-left: -34px;
  top: 4px;
  position: relative;
}

.results-description {
  padding-right: 1% !important;
}

.results-description,
.results-papername {
  font-size: 14px;
  font-family: "Nunito";
  font-weight: 400;
  text-align: justify;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.results-papername-container {
  font-size: 12px;
  font-family: "Nunito", sans-serif;
  padding-right: 0px !important;
  padding-left: 0px !important;
  text-align: justify;
  padding-top: 9px !important;
}

.results-pagination-header {
  background: #fff;
  box-shadow: -1px 0 0 0 #707070;
}

.circle-bag-icon {
  padding-left: 7px;
  margin-left: 7px;
}

.circle-cart-icon {
  padding-left: 6px;
  margin-left: 7px;
  padding-top: 4px;
  font-size: 15px;
  background-color: green;
}

.circle-cart-icon:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.download-results-icon {
  padding-left: 7px;
  margin-left: 7px;
  padding-top: 4px;
  font-size: 15px;
}

.circle-size {
  width: 30px;
  height: 30px;
}

.circle-size-2 {
  width: 30px;
  height: 30px;
  font-size: 19px;
}

.circle-size-3 {
  width: 26px;
  height: 26px;
}

.results-fulltitle-grid {
  font-size: 0.6em;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
}

.results-fulltitle {
  font-weight: 700;
  font-size: 18px;
  font-family: "Nunito";
  color: #7F4141;
}

.results {
  max-height: calc(100vh - 240px);
  min-height: calc(100vh - 240px);
  overflow-y: auto;
}

.black-bar-effect {
  display: inline-block;
  color: #000;
  text-decoration: none;
}

.black-bar-effect::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #000;
  transition: width 0.3s;
}

.black-bar-effect:hover::after {
  width: 100%;
}

.black-bar-effect.active::after {
  width: 100%;
}

.search-results-pagination {
  margin: 0;
  float: right;
}

.search-results-pagination li {
  padding-left: 5px;
  padding-right: 5px;
}

.results-news-icon-format {
  margin-left: 10px;
  margin-top: 0px;
  width: 95px;
}

.results-img {
  content: url(/images/printicon.png?272fa5dd4e779d25546eac19ac8f4942);
}

.results-img-size {
  width: 100px;
  height: 100px;
}

.custom-hr {
  border-bottom: solid 1px #E0E0E0;
  /*
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  */
  font-size: 1px;
}

.results-box {
  border-bottom-left-radius: 17px;
  border-left: solid 1px #707070;
  border-bottom: solid 1px #707070;
  border-top: solid 1px #EEEEEE;
  width: 60%;
  height: calc(100vh - 4em);
  padding-left: 1%;
  background: white;
  box-shadow: -1px 3px 3px 1px rgba(0, 0, 0, 0.3);
  float: left;
}

@media (max-width: 991px) {
  .search-results-pagination {
    float: none !important;
  }

  .results-box {
    width: 100%;
    height: calc(100vh - 4em);
    border-top: solid 1px #707070;
    border-right: solid 1px #707070;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.3);
    margin: 23px 0px;
  }

  .results-box-container {
    padding-right: 20px;
  }
}

.results-switch-view-type > i {
  color: rgba(0, 0, 0, 0.5);
}

.results-switch-view-type.active > i {
  color: black !important;
}

.results-pagination-header {
  background: #fff;
  box-shadow: -1px 0 0 0 #707070;
}

.search-results-pagination {
  display: inline-flex;
}

.search-results-pagination li {
  padding-left: 5px;
  padding-right: 5px;
}

.results-switch-view-type > i {
  color: rgba(0, 0, 0, 0.5);
}

.results-switch-view-type.active > i {
  color: black !important;
}

/*END Results*/

/*Animations*/

@keyframes wave {
  0% {
    box-shadow: 0 0 0 0px #1d1d1b, 0 0 0 20px rgba(50, 103, 137, 0.2), 0 0 0 40px rgba(127, 65, 65, 0.6), 0 0 0 60px rgba(213, 213, 213, 0.4), 0 0 0 80px rgba(29, 29, 27, 0.2);
    /* #1D1D1B */
  }

  100% {
    box-shadow: 0 0 0 80px rgba(29, 29, 27, 0), 0 0 0 60px rgba(50, 103, 137, 0.2), 0 0 0 40px rgba(127, 65, 65, 0.4), 0 0 0 20px rgba(213, 213, 213, 0.6), 0 0 0 0px #1d1d1b;
    /* #1D1D1B */
  }
}

@keyframes infinite-spinning {
  from {
    transiorm: rotate(0deg);
  }

  to {
    transiorm: rotate(360deg);
  }
}

@keyframes filter-animation {
  0% {
    filter: hue-rotate(0deg);
  }

  50% {
    filter: hue-rotate(100deg);
  }

  100% {
    filter: hue-rotate(0deg);
  }
}

@keyframes move-up {
  0% {
    transiorm: translateY(1000px);
  }

  100% {
    transiorm: translateY(0);
  }
}

@keyframes logoAnimation {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

/*Animations END*/

/*HotNews*/

.tn0 {
  animation: move-up 1s alternate;
}

.tn1 {
  animation: move-up 0.5s alternate;
}

.tn2 {
  animation: move-up 1.5s alternate;
}

.tn3 {
  animation: move-up 2s alternate;
}

.tn4 {
  animation: move-up 1s alternate;
}

.tn5 {
  animation: move-up 0.5s alternate;
}

.tn6 {
  animation: move-up 1s alternate;
}

/*HotNews END*/

/*Scrollbar*/

/* Tamaño del scroll */

.custom-scroll::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}

/* Estilos barra (thumb) de scroll */

.custom-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  /*border-radius: 4px;*/
}

.custom-scroll::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Estilos track de scroll */

.custom-scroll::-webkit-scrollbar-track {
  background: #e1e1e1;
  /*border-radius: 4px;*/
}

.custom-scroll::-webkit-scrollbar-track:hover,
.custom-scroll::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}

/*END Scrollbar*/

/*HEADER*/

.sign-in-item-link {
  color: #A6DE66;
  text-decoration: underline;
  cursor: pointer;
}

.navbar-fixed {
  z-index: 999;
}

.sidenav-overlay {
  display: none !important;
}

/*END HEADER*/

/*Buttons*/

.btn-custom-3 {
  background-color: #326789;
  color: white;
  padding: 10px 25px;
  cursor: pointer;
  border-radius: 5px;
  margin-left: 25px;
}

.btn-custom-3:hover,
.btn-custom-5:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.btn-custom-4 {
  background-color: white;
  border: 1px solid #326789;
  color: #326789;
  font-family: "Nunito";
  padding: 10px 25px;
  font-weight: 600;
  cursor: pointer;
  font-size: 12px;
  border-radius: 5px;
}

.btn-custom-4:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.btn-custom-5 {
  background-color: #326789;
  color: white;
  padding: 0px 45px;
  cursor: pointer;
  border-radius: 5px;
  margin-top: 12px;
}

/*Tooltips*/

.tooltip {
  display: block !important;
  z-index: 10000;
}

.tooltip .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}

.tooltip[x-placement^=top] {
  margin-bottom: 5px;
}

.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=bottom] {
  margin-top: 5px;
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=right] {
  margin-left: 5px;
}

.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^=left] {
  margin-right: 5px;
}

.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

/*END Tooltips*/

/*Downloads*/

.table-controls {
  display: none !important;
}

.dropdown.length-menu,
.dropdown.column-visibility,
.dropdown.style-selector {
  display: none;
}

.search-input input {
  width: 80% !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.pagination li a {
  font-size: small !important;
}

.vue-table.box {
  padding: 0;
  box-shadow: none !important;
}

.column.table-buttons {
  flex: auto !important;
}

.download-icon {
  background-image: url(/images/download-icon.png);
  background-size: 27px 27px;
  background-position: center;
}

.download-icon.on,
.download-icon:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.selectable [type=checkbox]:not(:checked),
.selectable [type=checkbox]:checked,
.table-header [type=checkbox] {
  position: absolute !important;
  opacity: 1 !important;
  pointer-events: all;
  display: block;
  margin-top: -12px;
}

#downloads .table td {
  padding: 2px !important;
}

.vue-table .table-responsive .table td {
  vertical-align: top;
}

/*END Downloads*/

/*Profile*/

.dashed-grey {
  border-style: dashed;
  border-color: #bcbcbc;
}

.dz-message {
  /*content: url("../images/uploadlogo.png") !important;*/
  background-image: url(/images/uploadlogo.png?11a2a90f2b442c6f20a4d8bf92f8b234) !important;
  width: auto;
  height: 80px;
  align-content: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.vue-dropzone > .dz-preview .dz-remove {
  margin-left: auto !important;
  position: relative !important;
}

#dropzone {
  /*
  content: url("../images/uploadlogo.png");
  width:80px;
  height:80px;
  */
  border-style: dashed;
  border-color: #bcbcbc;
}

.upload-logo {
  content: url(/images/uploadlogo.png?11a2a90f2b442c6f20a4d8bf92f8b234);
}

.upload-logo-size {
  width: 80px;
  height: 80px;
}

.btn-group-custom-profile button {
  background-color: white;
  /* white background */
  border: 1px solid #de9a66;
  /* brown border */
  color: #de9a66;
  /* brown text */
  padding: 7px 17px;
  cursor: pointer;
  float: left;
  border-radius: 10px 0px 0px 10px;
}

/* Clear floats (clearfix hack) */

.btn-group-custom-profile:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group-custom-profile button:not(:last-child) {
  border-right: none;
  /* Prevent double borders */
}

.btn-group-custom-profile button:hover {
  background-color: #de9a66;
  color: white;
}

.btn-group-custom-profile .active {
  background-color: #de9a66;
  color: white;
}

.btn-group-custom-profile .group {
  border-left: 1px solid #de9a66;
  border-radius: 0px;
}

.btn-group-custom-profile .group-end {
  border-left: 1px solid #de9a66;
  border-radius: 0px 10px 10px 0px;
}

.label-width {
  width: 100px !important;
}

.add-file-container {
  padding-left: 25px;
  padding-right: 25px;
}

/*END Profile*/

/*Prices*/

.btn-group-custom-pricing button {
  background-color: white;
  /* white background */
  border: 1px solid black;
  /* brown border */
  color: black;
  /* brown text */
  padding: 7px 6em;
  cursor: pointer;
  float: left;
  border-radius: 7px 0px 0px 7px;
  font-size: 0.8em;
}

/* Clear floats (clearfix hack) */

.btn-group-custom-pricing:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group-custom-pricing button:not(:last-child) {
  border-right: none;
  /* Prevent double borders */
}

.btn-group-custom-pricing button:hover {
  transiorm: translate(0px, -10%);
  transition: transiorm 0.2s;
}

.btn-group-custom-pricing .active {
  background-color: green;
  color: white;
  border: none;
}

.btn-group-custom-pricing .group {
  border-left: 1px solid black;
  border-radius: 0px;
}

.btn-group-custom-pricing .group-end {
  border-left: 1px solid black;
  border-radius: 0px 7px 7px 0px;
  padding: 7px 6em;
}

.border {
  border-radius: 5px !important;
}

.border-header {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.card-content {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.card-head {
  font-family: "Lato", sans-serif;
  font-size: 27px;
  font-weight: 600;
  color: #ECF0F1;
}

.card-head-content {
  vertical-align: middle;
}

.card-head-content .price {
  color: #ffbb33;
  font-size: 16px !important;
}

.item-pricing-table {
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #4B515D !important;
  padding: 0px;
}

.si-green {
  background-color: #a6de66 !important;
}

.si-rounded-btn {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: green;
  /*border: 1px solid #a6de66;*/
  border: none;
  color: #fff;
  padding: 10px 25px;
  border-radius: 5px;
}

.si-rounded-btn:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.card-dimensions {
  width: 168px;
  /*height: 410px;*/
  padding-bottom: 0 !important;
}

.pricing-title {
  font-family: "Nunito", sans-serif;
  font-size: 19px;
  padding-left: 15px;
  padding-right: 15px;
}

.pricing-subtitle {
  font-family: "Nunito", sans-serif;
  font-size: 13px;
  padding-left: 10px;
  padding-right: 10px;
}

.pricing-content {
  font-family: "Nunito", sans-serif;
  font-size: 12px;
}

.card-footer-notes {
  font-size: 11px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.mega-fox {
  background-color: #bea553;
}

.super-fox {
  background-color: #e44e61;
}

.power-fox {
  background-color: #5c53b0;
}

.basic-fox {
  background-color: #66d4b1;
}

.inactive-feature {
  color: #b0b0b0;
}

.prices-box {
  max-height: calc(100vh - 8em) !important;
  border-bottom-left-radius: 20px;
  border-left: solid 1px #707070;
  border-bottom: solid 1px #707070;
  border-top: solid 1px #EEEEEE;
  padding-right: 5px;
  padding-left: 40px;
  background: white;
  padding-bottom: 20px;
  box-shadow: -1px 3px 3px 1px rgba(0, 0, 0, 0.3);
}

.card {
  display: inline-block;
}

.pricing-button-pad {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pricing-spacer {
  margin-left: 20px;
}

.pricing-spacer-2 {
  margin-left: 20px;
}

.pricing-spacer-3 {
  margin-left: 20px;
}

.pricing-hr {
  margin: 0.5rem 0 !important;
}

/*END Prices*/

/*FAQs*/

.title-2 {
  font-size: 1.64rem !important;
  margin: 1.0933333333rem 0 0.656rem 0 !important;
}

.subtitle {
  font-size: 1.15rem !important;
  margin: 0.7666666667rem 0 0.46rem 0 !important;
  font-weight: bold !important;
}

.subindice {
  padding-left: 2em;
  padding-top: 10px;
  list-style-type: circle !important;
}

/*END FAQs*/

/*Custom Lesme Styles*/

.no-bg-img {
  background-image: none !important;
}

.print-thumb {
  width: 110px;
  height: 130px;
}

.dig-thumb {
  width: 100%;
  height: auto;
}

.si_highlight {
  background-color: #7F4141;
}

.si_article_details {
  color: white;
  z-index: 1003;
  display: block;
  opacity: 1;
  top: 10%;
  background-color: #326789;
  border-radius: 8px;
  transiorm: scaleX(1) scaleY(1);
}

/*END Custom Lesme Styles*/

/*ALERTS*/

#alert-list .modal-content {
  padding: 0;
}

.wizard-btn {
  min-width: 100px !important;
}

.vue-form-wizard .wizard-card-footer {
  padding: 0 !important;
}

/*ALERTS*/

/*Downloads*/

/*TABLE FIXES*/

table.dataTable.no-footer {
  border-bottom: 1px solid #111 !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 0px 8px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  left: 38px !important;
}

.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
             supported by Chrome, Opera and Firefox */
}

.downloads-page {
  overflow-y: auto;
}

html {
  overflow-y: auto !important;
}

/*END Downloads*/

/*PRICES MODAL*/

.btn-custom-6 {
  background-color: white;
  border: 1px solid #6acfdf;
  color: #6acfdf;
  padding: 10px 25px !important;
  cursor: pointer;
  border-radius: 25px 25px 25px 25px;
}

.btn-custom-6:hover {
  background-color: #6acfdf;
  color: white;
}

/*PRICES MODAL*/

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  font-size: 14px !important;
}

.box {
  padding: 0px !important;
  display: inline-table !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  text-indent: -1px !important;
}

.drag-target {
  z-index: auto !important;
}

.modal-content {
  margin: 0 !important;
}

/*TVR*/

.tvr-icon {
  content: url(/images/noticiasaudiovisuales-a-32x32.png?38ff23cb89ccc3384903d1fdf82098fd);
  width: 32px;
  height: 32px;
}

/*Materialize legacy*/

.col .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.modal-footer .row {
  margin: 0 !important;
}

/*Downloads page fix*/

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child::before {
  text-indent: 0px !important;
}

/*Custom Header*/

.home:hover {
  transiorm: scale(1.1);
  transition: transiorm 0.2s;
}

.home.on {
  color: green;
}

/*Back top button*/

#back_top_button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 120px;
  right: 30px;
  transition: background-color 0.3s;
  z-index: 1000;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}

#back_top_button:hover {
  cursor: pointer;
  background-color: #333;
}

#back_top_button:active {
  background-color: #555;
}

#back_top_button.show {
  opacity: 1;
  visibility: visible;
}

/*IE Fixes*/

.modal-close {
  position: absolute !important;
  background: none;
  right: 20px;
  top: 20px;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  vertical-align: top;
  width: 20px;
}

.delete:after,
.delete:before,
.modal-close:after,
.modal-close:before {
  color: #fff;
  content: "\F00D";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transiorm: translateX(-50%) translateY(-50%);
  transiorm: translateX(-50%) translateY(-50%);
  -webkit-transiorm-origin: center center;
  transiorm-origin: center center;
  font-size: 10px;
}

.vue-dropzone > .dz-preview .dz-image {
  max-width: 120px !important;
}

.results-icon-2 {
  margin-left: 1.5em;
  height: 23px;
  width: 23px;
  float: left;
}

/*Downloads Remodel*/

#downloads_filter {
  /*width: 25%;*/
}

.downloads-preloader {
  position: absolute;
  margin-top: calc(50vh - 175px);
  margin-left: -5em;
}

.descargas-container {
  transition: opacity 1s ease-in-out;
}

/**/

.no-margin-bot {
  margin-bottom: 0 !important;
}

#toast-container .toast {
  cursor: pointer;
}

.toast {
  background-color: #326789 !important;
  font-family: "Nunito" !important;
  font-weight: 700 !important;
  border-radius: 16px !important;
}

#toast-container .toast::after {
  font-family: "Material Icons";
  content: "close";
  -webkit-font-feature-settings: "liga";
  color: #dd2c00;
  font-size: 1.5rem;
  font-weight: 300;
  float: right;
  padding-left: 3rem;
}

/*----STEPS definition ---------------------------------------*/

.steps-container {
  width: 60%;
  height: auto;
  float: left;
  padding-left: 1%;
}

.stepnumber-new {
  width: 60px;
  height: 60px;
  background-color: lightgreen;
  border-radius: 80%;
  position: relative;
  text-align: center;
}

.step-square {
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: #90ee9033;
  border-radius: 10px;
  margin: auto;
  box-shadow: 2px 3px 1px 0px rgba(0, 0, 0, 0.75);
}

.number {
  padding-top: 0.4em;
  font-weight: 600;
}

.si-rounded-btn.center.transparent-btn {
  background-color: transparent !important;
  border: solid 1px !important;
}

.white-btn {
  background-color: white !important;
  color: black !important;
}