body {
    margin: 0px;
    background: #EBEBEB;
    height: 100%;
    font-family: 'Oswald', sans-serif;
}
p {
    font-family: Arial !important;
}
.container {
    width: 1333px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative;
}
.page {
    max-width: 1018px;
    width: 100%;
    /*float: left;*/
    margin-left: auto;
    margin-right: auto;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: -1px 0px 6px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px 0px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 6px 0px rgba(0,0,0,0.75);
}
.navbar {
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    background: #606c88;
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b', GradientType=0);
    width: 100%;
}
.navbar-logo {
    width: 70%;
    float: left;
}
.navbar-social {
    width: 30%;
    float: left;
    margin-top: 10px;
}
.nav {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.nav > li {
    display: inline;
}
.logo {
    width: 300px;
}
.menu {
    font-size: 12.5px !important;
    width: 100%;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    background: rgb(125, 126, 125);
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
    color: white;
    font-weight: 600;
}
.sub-menu > div,
.sub-menu > a {
    padding-left: 9px;
}
.sub-menu-button {
    color: white;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sub-menu-button:hover {
    background: #424242;
    cursor: pointer;
}
.sub-menu {
    display: block;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    width: 16.66666666666667%;
    -webkit-box-shadow: inset -76px 0px 11px -81px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset -76px 0px 11px -81px rgba(0, 0, 0, 0.75);
    box-shadow: inset -76px 0px 11px -81px rgba(0, 0, 0, 0.75);
    height: 76px;
    overflow-y: hidden;
}
.sub-menu-title {
    background: black;
    padding-left: 2px;
    padding-right: 2px;
    background: #989898;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.sub-menu-title:hover {
    background: #424242;
}
.team-list > div, .team-list > a {
    display: inline-block;
}
.team-list > div:hover, .team-list > a:hover {
    -webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -moz-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -ms-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: pointer;
}
@keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        -moz-transform: translate3d(-1px, 0, 0);
        -ms-transform: translate3d(-1px, 0, 0);
        -o-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        -moz-transform: translate3d(2px, 0, 0);
        -ms-transform: translate3d(2px, 0, 0);
        -o-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        -moz-transform: translate3d(-4px, 0, 0);
        -ms-transform: translate3d(-4px, 0, 0);
        -o-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        -moz-transform: translate3d(4px, 0, 0);
        -ms-transform: translate3d(4px, 0, 0);
        -o-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
}
.team-list {
    margin-top: 6px;
    text-align: center;
    font-family: initial !important;
    width: 100%;
}
.text-box {
    margin-top: 6px;
    padding: 9px;
    font-size: 13px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    background: white;
}
.page-title-box {
    border-bottom: 1px solid #DDDDDD;
    margin: 0px;
}
.page-title {
    font-weight: 600;
    margin: 0px;
    float: left;
    width: calc(100% - 29px);
    font-size: 20px;
}
.page-sub-title-box {
    font-weight: 600;
    margin: 0px;
    float: left;
    width: calc(100% - 29px);
    font-size: 18px;
}
.page-title-img {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    width: 20px;
}
.page-sub-title-img-box{
    float: left;
    margin-top: 4px;
    margin-right: 5px;
    width: 20px;
}
.table-container-with-full-width {
    width: 100%;
    margin-top: 10px;
}
.table-container {
    width: calc(50% - 3px);
    float: left;
    margin-top: 10px;
}
.table-margin-right {
    margin-right: 6px;
}
.table-title-container {
    text-align: center;
    margin-bottom: 5px;
    font-weight: 600;
    padding: 5px;
    color: white;
    background: #6bba70;
    background: -moz-linear-gradient(top, #6bba70 0%, #6bba70 100%);
    background: -webkit-linear-gradient(top, #6bba70 0%, #6bba70 100%);
    background: linear-gradient(to bottom, #6bba70 0%, #6bba70 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#6bba70', GradientType=0);
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
}
.table-title {
    font-size: 15px;
    margin: 0px;
    text-transform: uppercase;
}
table {
    border-collapse: collapse;
    width: 100%;
    font-size: 13px;
}
th,
td {
    padding-top: 3px;
    padding-bottom: 3px;
}
tr {
    border-bottom: 1px solid #DDDDDD;
    background: white;
}
td {
    text-align: center;
    /*width: 5%;*/
}
.goal-cell,
.table-header {
    background: #606c88;
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b', GradientType=0);
    color: white;
    font-weight: 600;
}
.goal-cell {
    text-align: center;
    width: 25px;
    min-width: 25px;
    max-width: 25px;
}
.box-shadow {
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
}
.positions-table-team {
    text-align: left;
    /*width: 35%;*/
}
.positions-table-data {
    text-align: center;
    /*width: 7.5%;*/
}
.fixture-table-info-top .success {
    color: #1F8E00 !important;
    background: inherit;
}
.fixture-table-info-top .danger {
    color: #FF2010 !important;
    background: inherit;
}
.fixture-table-info-top .warning {
    color: #E47601 !important;
    background: inherit;
}
.fixture-table-info-top .live-match {
    animation: inherit;
}
.success {
    color: white;
    background: #59cc38;
}
.danger {
    color: white;
    background: #fd5f54;
}
.warning {
    color: white;
    background: #ffb260;
}
.table-info {
    margin-top: 5px;
    font-weight: 300;
    font-size: 13px;
}
.table-info-item {
    width: 50%;
    float: left;
    margin-bottom: 1px;
    text-transform: uppercase;
}
.table-info-item-color {
    width: 20px;
    height: 20px;
    float: left;
}
.table-info-item-text {
    float: left;
    margin-left: 2px;
    width: calc(100% - 22px);
}
.fixture-dates {
    font-weight: 600;
    color: white;
    margin-bottom: 5px;
}
.fixture-date {
    background: rgb(125, 126, 125);
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    float: left;
    font-size: 12px;
    margin: 1px;
    width: 20px;
    text-align: center;
}
.messages-container {
    position: absolute;
    right: 0px;
    top: 0;
    width: 305px;
}
.messages {
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    min-height: 400px;
    width: 305px;
    height: 99%;
    background: white;
    position: fixed;
}
.messages-title-box {
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
    background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0);
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    margin: 0px;
    width: 100%;
    height: 35px;
    color: white;
    font-weight: 600;
    margin: 0px;
    font-size: 16px;
    text-transform: uppercase;
}
.messages-title {
    width: calc(90% - 13px);
    float: left;
    padding: 3px;
    padding-left: 10px;
}
.separator-messages-with-title {
    height: 0.5%;
}
.messages-list {
    overflow-y: auto;
    height: calc(99.5% - 35px - 70px);
}
.message-container {
    width: 100%;
}
.message-right > div {
    float: right;
}
.message-left > div {
    float: left;
}
.message {
    width: calc(75% - 22px);
    border: 1px solid #E6E6E6;
    margin: 5px;
    padding: 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #FBFBFB;
    -webkit-box-shadow: 2px 3px 5px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 3px 5px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 3px 5px -4px rgba(0, 0, 0, 0.75);
    font-size: 13.5px;
}
.message-author-container {
    width: 25%;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
}
.message-author {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 3px;
    margin-right: 3px;
}
.message-text {
    margin: 5px;
    word-wrap: break-word;
}
.message-score {
    margin: 5px;
}
.button-download-table {
    font-size: 13px;
    cursor: pointer;
    margin-top: 5px;
    /*text-decoration: none;*/
    color: black;
}
.send-message-container {
    width: 100%;
    height: 70px;
}
.message-input-container {
    width: 80%;
    height: 100%;
    float: left;
    position: relative;
    display: inline-block;
}
.message-input {
    width: calc(100% - 12px);
    height: calc(100% - 2px);
    resize: none;
    font-weight: 300;
    margin: 0px;
    padding: 0px 6px;
    border: none;
    border-top: 2px solid #DDDDDD;
    line-height: 21px;
    font-family: 'Oswald', sans-serif;
}
.loaded-image-url {
    color: #59cc38 !important;
}
.message-camera-icon {
    color: #B4B4B4;
    position: absolute;
    right: 19px;
    top: 2px;
    background: white;
    padding: 0px;
    padding-top: 4px;
}
.message-button-send {
    float: left;
    width: 20%;
    height: 100%;
    background: #6bba70;
    color: white;
    font-weight: 600;
    border: none;
    padding: 0px;
    font-family: 'Oswald', sans-serif;
}
.fixture-table-info {
    width: 18.5%;
    font-size: 10px;
    text-align: center;
}
.fixture-table-first-team {
    text-align: right;
    /*width: calc(32% - 25px);*/
    
    width: 30.5%;
}
.fixture-table-second-team {
    text-align: left;
    /*width: calc(50% - 25px);*/
    
    width: 40%;
}
.match-time {
    padding-left: 1px;
    padding-right: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.message-datetime {
    margin: 0px;
    font-weight: 300;
    font-size: 9px
}
.loader {
    position: fixed;
    margin: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.loader > img {
    position: absolute;
    top: calc(50% - 64px);
    left: calc(50% - 64px);
    width: 64px;
}
.page-loader {
    background: rgba(0, 0, 0, .5);
    display: none;
}
.global-loader {
    background: #EBEBEB;
    display: none;
}
.button {
    cursor: pointer;
}
.button:hover {
    opacity: 0.9;
}
.button:active {
    opacity: 0.8;
}
#minimize-button {
    width: 10%;
    float: left;
    margin-top: 5px;
    color: white;
}
.link-another-competition {
    width: 100%; /*calc(33.33% - 10px) !important;*/
    float: left;
    background: rgb(125, 126, 125);
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
    text-align: center;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: white;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    color: white;
    text-decoration: none;
    display: block;
}
.container-other-competitions {
    margin-top: 5px;
}
.page-sub-title {
    width: calc(100%);
    text-align: center;
    margin-top: 10px;
    background: white;
    border-top: 2px solid #DDDDDD;
    border-bottom: 2px solid #DDDDDD;
    font-weight: 600;
}
.page-sub-title > h2 {
    margin: 0px;
    font-size: 16px;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.table-team-name {
    width: calc(100% - 24px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.shield {
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    vertical-align: bottom;
}
.table-arrow {
    width: 10%;
    float: left;
    font-size: 20px;
}
.table-title-with-arrows {
    width: 80%;
    float: left;
    text-transform: uppercase;
}
.featured-img {
    float: left;
    margin-right: 5px;
    width: 80px;
}
.annotation {
    background: #ff3019;
    animation: annotation-pulse 0.5s infinite;
}
@keyframes annotation-pulse {
    0%, 100% {
        background: #ff3019;
    }
    50% {
        background: #cc0000;
    }
}
.live-match {
    animation: pulse 1s infinite;
}
@keyframes pulse {
    0%, 100% {
        background-color: #59cc38;
    }
    50% {
        background-color: #409229;
    }
}
.matches-stats {
    background: white;
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
}
.stats-title {
    font-weight: 600;
    text-transform: uppercase;
}
.matches-column {
    margin-top: 0px !important;
}
.group-matches {
    margin-top: 10px;
}
.matches-separator {
    background: #EBEBEB;
    text-transform: uppercase;
    padding: 0px !important;
    font-size: 11px;
    height: 5px;
}
.matches-title {
    background: #EBEBEB;
    text-transform: uppercase;
    padding: 0px !important;
    font-size: 11px;
}
.fixture-table-info-top {
    line-height: 0.9;
    font-size: 10px;
    display: none;
    border-bottom: solid 1px #FFF;
}
.match-date {
    color: #258c00;
    text-transform: uppercase;
}
.scrollbar {
    overflow: auto;
}
.page {
    padding-bottom: 7px;
}
.button-success {
    background: #6bba70;
    color: white;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    border: none;
    padding: 6px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
}
.button-danger {
    background: #fd5f54;
    color: white;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    border: none;
    padding: 6px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
}
.error-message > p {
    color: #FF2010;
    margin: 0px;
}
.horizontal-input-container-in-register {
    width: calc(33.3% - 4px);
}
.horizontal-input-container-in-register > label {
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
}
.horizontal-input-container-in-register > input,
select {
    padding: 8px;
    border: 1px solid #DDDDDD;
    font-family: 'Oswald', sans-serif;
    width: calc(100% - 18px)
}
.image-url-input {
    padding: 8px;
    border: 1px solid #DDDDDD;
    font-family: 'Oswald', sans-serif;
    width: 50%;
}
.input-container-margin-right {
    margin-right: 6px;
}
.register-button-container {
    padding-top: 26px;
}
.register-form {
    margin-top: 10px;
}
.notification {
    margin-top: 6px;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    padding: 6px;
    text-transform: uppercase;
}
.notification > .glyphicon {
    margin-top: 3px;
}
#message-image-container > img {
    width: auto;
    display: block;
    max-width: 100%;
}
.shield-container-23 {
    float: left;
    width: 4.34%;
}
.shield-container-19 {
    width: 5.26%;
    float: left;
}
.shield-container-10 {
    float: left;
    width: 10%;
}
.shield-container-28 {
    float: left;
    width: 3.57%;
}
.shield-container-25 {
    float: left;
    width: 4%;
}
.shield-container-18 {
    float: left;
    width: 5.55%;
}
.score-icon {
    margin-right: 5px;
}
.modal-icon {
    font-size: 20px;
}
.button-delete-image-url {
    margin-left: 2px;
}
.text-delete-image-url {
    margin-top: 5px;
    font-size: 13px;
}
.icon-delete-image-url {
    font-size: 22px;
}
.classified-country-table tr:not(:first-child)>td:not(:first-child) {
    text-align: left;
    padding-left: 5px;
}
.classified-country-table .shield {
    vertical-align: initial;
}
.classified-country-table {
    width: calc(25% - 4.5px);
    float: left;
}
.classified-country-table-icon {
    width: 28px;
    vertical-align: middle;
}
.classified-country-table-title {
    margin-left: 2px;
}
.classified-country-table-position {
    width: 25px;
}
.text-center {
    text-align: center !important;
}
.classified-country-table > div {
    margin-bottom: 5px;
}
.modal-body {
    font-size: 14px;
}
.world-champions-table .shield {
    vertical-align: initial;
}
.world-champions-table tr:not(:first-child)>td:not(:first-child) {
    text-align: left;
    padding-left: 5px;
}
.button-show-match {
    background: #6bba70;
    color: white;
    font-weight: 600;
    border: none;
    padding: 0px;
    font-family: 'Oswald', sans-serif;
    width: 80%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.column-actions-match {
    width: 9%;
}
.match-row {
    cursor: pointer;
}
.match{
    background: #606c88;
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b', GradientType=0);
    webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    color: white;
    padding: 5px;
}

.match-result {
    font-weight: 600;
    font-size: 20px;
}
.more-match-informacion {
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    background: rgb(125, 126, 125);
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 100%, rgba(14, 14, 14, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
    color: white;
    padding-bottom: 4px;
}

.match-detail {
    width: 100%;
    text-align: center;
    padding-top: 3px;
    font-weight: 600;
}
.second-team {
    width: calc(50% - 2.5px - 58px);
}
.first-team {
    width: calc(50% - 2.5px - 58px);
}
.goals {
    width: 116px;
    text-align:center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.goals-first-team {
    width: calc(50% - 0.5px);
    border-right: 1px solid dimgray;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: black;
}
.goals-second-team {
    width: calc(50% - 0.5px);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: black;
}
.shield-first-team {
    vertical-align: bottom;
}
.shield-second-team {
    vertical-align: bottom;
}
.first-team-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 34px);
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
}
.second-team-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 34px);
    text-align: right;
    padding-right: 2px;
    padding-left: 2px;
}
.match-datetime {
    width: 100%;
    text-align: center;
    padding-top: 3px;
}
.additional-match-information {
    width: 100%;
    text-align: center;
    padding-top: 0px;
    font-size: 13px;
    line-height: 14px;
}
.goal-scorers {
    margin-top: 4px;
}
.authors-local-goals {
    width: calc(50% - 10px);
    margin-right: 20px;
}
.authors-visitor-goals {
    width: calc(50% - 10px);
    text-align: right;
}
.author-goal {
    color: green;
    width: calc(100% - 35px);
}
.goal-minutes {
    width: 35px;
}
.players-title {
    text-align: center;
    font-weight: 600;
}
.local-players {
    width: calc(50% - 10px);
    margin-right: 20px;
}
.visitor-players {
    width: calc(50% - 10px);
    text-align: right;
}
.players-sub-title {
    text-align: center;
    font-weight: 600;
    background: black;
    color: white;
}
.player-number {
    width: 20px;
}
.player {
    border-bottom: 1px  #c5bebe solid;
}
.player-name {
    width: calc(100% - 20px);
}
.match-modal-image {
    width:16px;
}
.match-modal-title {
    text-transform: uppercase;
}
.key-column {
    width: 42%;
}
.final-column-keys {
    width: 16%;
}
.container-keys-goals {
    margin-top: 1px;
}
.line-bottom-match-key {
    width: 30%;
    border-bottom: 2px black solid;
}
.line-top-match-key {
    width: 30%;
    border-top: 2px black solid;
}
.container-shield-key {
    width: 50%;
}
.key-team-shield {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}
.key-match {
    width: 100%;
    margin-bottom: 4px;
    background: white;
    cursor: pointer;
}
.key-match-info {
    font-size: 11px;
    text-align: center;
    background: white;
    border-bottom: 1px solid #DDDDDD;
}
.key-match-time {
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.key-match-date {
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.goals-match-keys {
    width: 50px;
    max-width: 50px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 14px;
    background: #606c88;
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b', GradientType=0);
    color: white;
    font-weight: 600;
}
.goals-team-keys {
    width: 50%;
    text-align: center;
}
.team-name-keys {
    font-size: 14px;
    width: 100%;
    text-align: center;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.round-keys {
    width: 100%;
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
}
.match-box-4 {
    width: 120px;
}
.match-box-6 {
    width: 80px;
}
.match-box-5 {
    width: 100px;
}
.key-container {
    width: calc(100% - 4px);
    background: #fbfbfb;
    padding: 2px;
    padding-bottom: 7px;
    overflow-y: hidden;
}
.key-container-6 {
    width: 1014px !important;
}
.key-container-5 {
    width: 1014px !important;
}
.main-containers-keys {
    overflow-x: auto;
    width: 100%;
}
.text-box-column-50 {
    width: calc(50% - 18px - 3px);
    float: left;
}
.text-box-margin-right {
     margin-right: 6px;
}
.column-50 {
    width: calc(50% - 3px);
    float: left;
}
.column-50-margin-right {
     margin-right: 6px;
}
.link {
    color: #44a54a;
}
.text-box-margin-top {
    margin-top: 10px !important;
}
.text-box-with-header {
    margin-top: 6px;
    font-size: 13px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    background: white;
}
.text-box-with-header > .page-title-box {
    padding: 5px !important;
    background: #6bba70!important;
    color: white !important;
}
.text-box-with-header > .page-title-box > .page-title-img {
    margin-top: 4px !important;
}
.text-box-with-header > .page-title-box > .page-title {
    font-size: 18px !important;
}
.text-box-with-header > .content {
    padding: 10px;
}
.team-link {
    font-size: 18px;
    font-weight: bold;
}
.separator {
    margin-top: 6px;
}
.social-box {
    text-align: center;
    margin-top: 13px;
}
.widget {
    width: 100%;
    margin-top: 6px;
}
.remove-margin-top {
    margin-top: 0px !important;
}
.remove-margin-right {
    margin-right: 0px !important;
}
.black-link {
    background: black;
}
.black-link > a {
    color: white;
    font-size: 12px;
    font-weight: 600;
    padding: 3px;
    margin-top: 0px !important;
    display: block;
}
.info-block {
    font-size: 13px;
}
.info-block > p {
    margin-top: 0px;
}
.footer {
    font-size: 13px;
}
.sub-title-policy {
    font-size: 18px !important;
}
.sub-sub-title-policy {
    font-size: 16px !important;
}
.ban-d {
    max-width: 728px;
    width: 100%
}
.ban-m {
    max-width: 1000px;
    width: 100%;
    display: none;
}
.ban-m-popup {
    max-width: 568px;
    width: 100%;
    animation: other 0.5s infinite;
}
#message-other-modal {
    text-align: center;
}
.news-box:hover {
    opacity: 0.8;
}
.news-box {
    margin-top: 5px;
    float: left;
    width: calc(25% - 12px);
    padding: 5px;
    border: 1px solid #f0f0f0;
}
.news-image {
    width: 100%;
    border-radius: 3px;
}
.scraping-content {
    margin-top: 8px;
    margin-bottom: 8px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.75);
}
@keyframes other {
  0% {
    opacity 1;
  }
  100% {
    opacity: 0.9;
  }
}
#other-modal {
    z-index: 9999999999 !important;
}
.bottom-bn {
    display: inline-block !important;
}
.bottom-bn-mobile {
    display: none !important;
}
/* Responsive Web */

@media screen and (max-width: 1350px) {
    .container {
        width: 1018px !important;
    }
    .messages {
        left: auto !important;
        right: 10px !important;
        position: fixed !important;
        transition-duration: 167ms;
        transition-delay: 0s;
        height: 380px !important;
        bottom: 0px !important;
    }
    .box-minimized {
        transition-duration: 167ms;
        transition-timing-function: cubic-bezier(.4, 0, 1, 1);
        transition-delay: 0s;
        -webkit-transform: translateY(370px);
        transform: translateY(370px);
    }
    .page {
        margin-bottom: 35px !important;
    }
    .match-box-4 {
        width: 110px !important;
    }
    .match-box-5 {
        width: 90px;
    }
}
@media screen and (max-width: 1040px) {
    .container {
        width: 900px !important;
    }
    .match-box-4 {
        width: 100px !important;
    }
    .key-container-5 {
        width: 896px !important;
    }
}
@media screen and (max-width: 930px) {
    .container {
        width: 750px !important;
    }
    .sub-menu {
        width: 33.33333333333333% !important;
    }
    .link-another-competition {
        width: calc(100% - 10px) !important;
    }
    .fixture-table-info-top {
        display: table-row;
    }
    .fixture-table-info {
        display: none;
    }
    .fixture-table-first-team {
        width: 49% !important;
    }
    .fixture-table-second-team {
        width: 49% !important;
    }
    .column-actions-match{
        display: none !important;
    }
    .shield-container-28,
    .shield-container-25 {
        float: initial !important;
        width: auto !important;
    }
    .match-box-4 {
        width: 90px !important;
    }
    .text-box-column-50 {
        width: calc(100% - 18px);
    }
    .column-50 {
        width: calc(100%);
    }
    .tournament-description {
        display: block !important;
     }   
}
@media screen and (max-width: 760px) {
    .container {
        width: 550px !important;
    }
    /*.menu {
        display: none;
    }*/
    .table-container {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .shield-container-23,
    .shield-container-19,
    .shield-container-18 {
        float: initial !important;
        width: auto !important;
    }
    .key-container-4 {
        width: 746px !important;
    }
}
@media screen and (max-width: 585px) {
    .iframe-bplay {
        height: 225px !important;
    }
    .container {
        width: 430px !important;
    }
    .navbar-logo {
        width: 100%;
    }
    .navbar-social {
        width: 100%;
        margin-top: 0px !important;
    }
    .nav {
        display: table;
        margin: 0 auto;
    }
    .logo {
        max-width: 200px !important;
        display: table;
        margin: 0 auto;
    }
    .horizontal-input-container-in-register {
        width: 100% !important;
    }
    .input-container-margin-right {
        margin-right: 0px !important;
    }
    .classified-country-table {
        width: 100% !important;
    }
    .news-box {
        width: calc(50% - 12px) !important;
        height: 168px;
    }
    .remove-margin-right-news-box {
        margin-right: 0px !important;
    }
}
@media screen and (max-width: 440px) {
    .container {
        width: 100% !important;
        min-width: 280px !important;
    }
    .sub-menu {
        width: 50% !important;
    }
    .messages {
        width: 100% !important;
        right: 0px !important;
    }
    .table-team-name {
        max-width: 98px;
    }
    .shield-container-10 {
        float: initial !important;
        width: auto !important;
    }
    .first-team-name{
        display: none !important;
    }
    .second-team-name{
        display: none !important;
    }
    .ban-d {
        display: none !important;
    }
    .ban-m {
        display: block !important;
    }
}
@media screen and (min-width: 760px) {
    .navbar-toggle {
        display: none !important;
    }
}
@media screen and (max-width: 320px) {
    .bottom-bn {
        display: none !important;
    }
    .bottom-bn-mobile {
        display: inline-block !important;
    }
}
/* End Responsive Web */
/* .Clearfix */

.clearfix:after {
    content: " ";
    clear: both;
    display: block;
}
* html .clearfix {
    zoom: 1;
}
/* IE6 */

*:first-child+html .clearfix {
    zoom: 1;
}
/* IE7 */
/* End Clearfix */


/* Advertising */

/*.top-advertising { width: 300px; height: 250px; }
@media(min-width: 585px) { .top-advertising { width: 468px; height: 60px; } }*/


.top-advertising { width: 300px; height: 250px; }
@media(min-width: 585px) { .top-advertising { width: 468px; height: 60px; } }
@media(min-width: 799px) { .top-advertising { width: 728px; height: 90px; } }
@media(min-width: 1000px) { .top-advertising { width: 970px; height: 90px; } }

.content-advertising { width: 320px; height: 100px; }
@media(min-width: 585px) { .content-advertising { width: 468px; height: 15px; } }

.content2-advertising { width: 320px; height: 100px; }
@media(min-width: 585px) { .content2-advertising { width: 468px; height: 60px; } }
@media(min-width: 799px) { .content2-advertising { width: 728px; height: 90px; } }

.banner-ad img{
    max-width: 720px;
    width: 100%;
}

body { 
  background: url(../../assets/img/fondo.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.news-box-container {
    background: white;
}

.iframe-bplay {
    height: 200px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background: black;
}

.tournament-description {
    display: flex;
}

.iframe-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 20px;
}

.iframe-block {
  flex: 1 1 450px;
  box-sizing: border-box;
  max-width: 600px;
  background: #f9f9f9;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.iframe-block h2 {
  font-size: 1.4rem;
  margin-bottom: 10px;
  color: #333;
  text-align: center;
}

.custom-iframe {
  width: 100%;
  border: none;
  height: 1570px; /* altura por defecto para computadoras */
}

/* Mobile: cambia altura a 1000px */
@media screen and (max-width: 768px) {
  .custom-iframe {
    height: 1570px;
  }
}

.info-block-new {
  margin-top: 10px;
  text-align: center;
  font-size: 0.9rem;
  color: #555;
}


.news-grid1 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Contenedor superior: principal + laterales */
.top-news1 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}

/* Noticia principal */
.news-main1 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.news-main1 img.news-image1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.news-main1:hover img.news-image1 {
    transform: scale(1.05);
}

.news-title1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 10px;
    font-weight: bold;
    font-size: 1rem;
    text-align: left;
    height: 42px;
    max-height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* cantidad de líneas visibles */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

/* Noticias laterales 2x2 */
.news-side-container1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}

.news-box1 {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.news-box1 img.news-image1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.news-box1:hover img.news-image1 {
    transform: scale(1.05);
}

.news-box1 .news-title1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 4px 8px;
    font-weight: bold;
    font-size: 0.9rem;
    overflow: hidden;
    max-height: 50px;
}

/* Noticias inferiores: fila de 4 */
.news-bottom-container1 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.news-bottom-container1 .news-box1 .news-title1 {
    font-size: 0.9rem;
    max-height: 50px;
}

/* Responsive */
@media (max-width: 1024px) {
    .top-news1 {
        grid-template-columns: 1fr;
    }

    .news-side-container1 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }
}

@media (max-width: 600px) {
    .news-side-container1 {
        grid-template-columns: 1fr;
    }
    .news-bottom-container1 {
        grid-template-columns: 1fr;
    }
}

.news-main-title1 {
    height: 49px;
    max-height: initial;
    padding: 5px !important;
}

@media (min-width: 768px) {
  .news-main-title1 {
    font-size: 1.3rem !important;
    height: 63px !important;
    align-content: center;
  }
}


/* Banner */
.banner-container {
    text-align: center; /* Centrar el banner */
    margin: 10px 0;
}

/* Banner común */
.banner img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Por defecto ocultamos el banner móvil */
.banner-mobile {
    display: none;
}

/* Mostramos el banner móvil en pantallas pequeñas */
@media screen and (max-width: 767px) {
    .banner-desktop {
        display: none;
    }
    .banner-mobile {
        display: inline-block;
    }
}