@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&display=swap');

@font-face {
  font-family: "SofiaProBlack";
  src: url("../fonts/SofiaProBlack.eot");
  src: url("../fonts/SofiaProBlack.eot") format("embedded-opentype"),
    url("../fonts/SofiaProBlack.woff2") format("woff2"),
    url("../fonts/SofiaProBlack.woff") format("woff"),
    url("../fonts/SofiaProBlack.ttf") format("truetype"),
    url("../fonts/SofiaProBlack.svg#SofiaProBlack") format("svg");
}

html{
  background: #F7F7F7;
  font-family: 'Public Sans', sans-serif;
}

body {
  font-family: 'Public Sans', sans-serif;
}

.uk-background-white {
  background: #ffffff !important;
}

.uk-button{
  text-transform: none !important;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{
    font-family: 'Public Sans', sans-serif;
}

.color-zone {
  font-family: "SofiaProBlack" !important;
  color: #3e6bfd !important;
}

.color-de {
  font-family: "SofiaProBlack" !important;
  color: #ffc700 !important;
}

.color-juegos {
  font-family: "SofiaProBlack" !important;
  color: #fba4d5 !important;
}

.uk-form-width-large {
  width: 100% !important;
}

.uk-btn:hover {
  padding: 15px 35px !important;
  background: rgb(63, 108, 253) !important;
  color: #ffffff !important;
}

.uk-btn {
  padding: 15px 35px !important;
  background: rgb(63, 108, 253);
  color: #ffffff;
}

.uk-btn:hover {
  color: #ffffff;
}

.uk-position {
  z-index: 15 !important;
  position: relative !important;
}

.uk-input,
.uk-select,
.uk-textarea {
  font-family: 'Public Sans', sans-serif;
  padding: 0 25px !important;
  border: solid 2px #3d6bfc;
  color: #706f6f !important;
}

.uk-form-label{
  font-family: 'Public Sans', sans-serif;
}

.uk-input-danger {
  font-family: 'Public Sans', sans-serif;
  padding: 0 25px !important;
  border: solid 2px #ee4949;
  color: #706f6f !important;
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
  font-family: 'Public Sans', sans-serif;
}

.uk-text-nav {
  font-family: 'Public Sans', sans-serif;
  color: #706f6f !important;
}

.uk-text-violeta{
    color: #476DEA !important;
}

.uk-white{
  color: #fff !important;
  border-left: solid 2px #fff !important;
}

.table.dataTable tbody th, table.dataTable tbody td{
  font-weight: bold !important;
}

.uk-button-default-game, .uk-button-default-game {
  font-family: 'Public Sans', sans-serif;
  background-color: transparent !important;
  color: #476DEA !important;
  border-color: #476DEA !important;
  font-size: 28px !important;
  border: solid 2px !important;
}

.uk-text-gris{
    color: #706F6F !important;
}

.uk-onda{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.uk-font-span{
  font-size: 18px !important;
  font-family: 'Public Sans', sans-serif;
  color: #518bff !important;
}

.uk-font-p{
  font-size: 16px !important;
  font-family: 'Public Sans', sans-serif;
  color: #518bff !important;
}

address, dl, fieldset, figure, ol, p, pre, ul {
  margin: 0px 0 5px 0 !important;
}

.uk-font01{
  font-size: 69px !important;
}

.uk-font02{
  font-size: 25px !important;
}

.uk-font03{
  font-size: 16px !important;
}

.uk-font04{
  font-size: 18px !important;
}

.uk-font05{
  font-size: 58px !important;
}

.uk-container-small {
  max-width: 1100px !important;
}

[class*=uk-dropdown-bottom] {
  margin-top: 0px !important;
}

.uk-font06{
  font-size: 16px !important;
  font-weight: 500 !important;
}

.uk-font07{
  font-size: 30px !important;
  font-weight: 500 !important;
}

.uk-font08{
  font-size: 51px !important;
}

ul {
  margin-top: 15px !important;
}

.uk-title-card{
  font-family: 'Public Sans', sans-serif;
  font-size: 40px !important;
  color: #3E6BFD !important;
}

.uk-border-rounded {
    border-radius: 25px !important;
}

.uk-h5, h5 {
  line-height: 1 !important;
}

.dt-buttons {
  margin-top: 0px !important;
  margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 38px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color;
  cursor: pointer;
}

.buttons-html5, .buttons-print{
  background-color: #1e87f0;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 20px !important;
  padding: 5px 15px;
  cursor: pointer;
}