@font-face {
    font-family: 'AbelPro-Regular';
    src: url('../fonts/AbelPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/AbelPro-Regular.otf') format('opentype'),
    url('../fonts/AbelPro-Regular.woff') format('woff'), url('../fonts/AbelPro-Regular.ttf') format('truetype'), url('../fonts/AbelPro-Regular.svg#AbelPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AbelPro-Bold';
    src: url('../fonts/AbelPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/AbelPro-Bold.otf') format('opentype'),
    url('../fonts/AbelPro-Bold.woff') format('woff'), url('../fonts/AbelPro-Bold.ttf') format('truetype'), url('../fonts/AbelPro-Bold.svg#AbelPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background-image: url("../images/website-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000000;
    font-family: Arial;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.rounded2 {
    border-radius: .125rem;
}

a {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0;
    color: #333333;
}

a:hover {
    text-decoration: none;
    color: #278131;
}

.navbar-inverse .navbar-toggler {
    position: absolute;
    top: 3rem;
    right: 1rem;
    background: #278131; /* Old browsers */
    color: #eee;
    cursor: pointer;
}

.btn-primary {
    border: 0;
    background: #39b54a; /* Old browsers */
    background: -moz-linear-gradient(top, #39b54a 0%, #1b5e20 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #39b54a 0%, #1b5e20 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #39b54a 0%, #1b5e20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#1b5e20', GradientType=0); /* IE6-9 */
}

.pd-lr-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

progress {
    background-color: #fff;
}

progress.rtl-green, progress.rtl-grey{
    float: right;
}

progress[value]::-webkit-progress-bar {
    background-color: #fff;
    border: .0625rem solid #dbdbdb;
}

progress[value].normal-green::-webkit-progress-value {
    background: #1b5e20; /* Old browsers */
    background: -moz-linear-gradient(left, #1b5e20 0%, #39b54a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1b5e20 0%, #39b54a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1b5e20 0%, #39b54a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b5e20', endColorstr='#39b54a', GradientType=1); /* IE6-9 */
}

progress[value].normal-green::-moz-progress-bar {
    background: #1b5e20; /* Old browsers */
    background: -moz-linear-gradient(left, #1b5e20 0%, #39b54a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #1b5e20 0%, #39b54a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #1b5e20 0%, #39b54a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b5e20', endColorstr='#39b54a', GradientType=1); /* IE6-9 */
}

progress.rtl-green::-webkit-progress-value {
    direction: rtl;
    background: #1b5e20; /* Old browsers */
    background: -moz-linear-gradient(left, #39b54a 0%, #1b5e20 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #39b54a 0%, #1b5e20 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #39b54a 0%, #1b5e20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#1b5e20', GradientType=1); /* IE6-9 */
}

progress.rtl-green::-moz-progress-bar {
    direction: rtl;
    background: #1b5e20; /* Old browsers */
    background: -moz-linear-gradient(left, #39b54a 0%, #1b5e20 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #39b54a 0%, #1b5e20 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #39b54a 0%, #1b5e20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#1b5e20', GradientType=1); /* IE6-9 */
}

progress[value].normal-grey::-webkit-progress-value {
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(left, #333333 0%, #666666 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #333333 0%, #666666 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #333333 0%, #666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666', GradientType=1); /* IE6-9 */
}

progress[value].normal-grey::-moz-progress-bar {
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(left, #333333 0%, #666666 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #333333 0%, #666666 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #333333 0%, #666666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666', GradientType=1); /* IE6-9 */
}

progress.rtl-grey::-webkit-progress-value {
    direction: rtl;
    background: #666666; /* Old browsers */
    background: -moz-linear-gradient(left, #666666 0%, #333333 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #666666 0%, #333333 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #666666 0%, #333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#333333', GradientType=1); /* IE6-9 */
}

progress.rtl-grey::-moz-progress-bar {
    direction: rtl;
    background: #666666; /* Old browsers */
    background: -moz-linear-gradient(left, #666666 0%, #333333 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #666666 0%, #333333 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #666666 0%, #333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=1); /* IE6-9 */
}

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: .3;
    }
    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.pointer {
    cursor: pointer;
}

/* Loading Animation */

#main-loading-outter {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    z-index: 9999;
}

#main-loading-container {
    display: block !important;
    position: absolute;
    top: 45%;
    left: 48%;
    z-index: 0
}

.inner, .loader {
    border-radius: 50%;
    position: absolute;
}

.loader {
    top: calc(18%);
    left: calc(18%);
    width: 120px;
    height: 120px;
    -webkit-perspective: 800px;
    perspective: 800px
}

.inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.inner.one {
    left: 0;
    top: 0;
    -webkit-animation: rotate-one 1s linear infinite;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #fff
}

.inner.two {
    right: 0;
    top: 0;
    -webkit-animation: rotate-two 1s linear infinite;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #fff
}

.inner.three {
    right: 0;
    bottom: 0;
    -webkit-animation: rotate-three 1s linear infinite;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #fff
}

@-webkit-keyframes rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@keyframes rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-webkit-keyframes rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@keyframes rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-webkit-keyframes rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

@keyframes rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

/* Header */
header {
    margin-top: 6rem;
}

.navbar-brand {
    background-image: url("../images/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 15rem;
    height: 7rem;
    margin-right: 2.5rem;
}

.firstNavbar nav {
    background-image: url("../images/header-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 12rem;
}

.firstNavbar .navbar-nav .nav-item {
    border-left: .125rem solid #fff;
}

.firstNavbar .navbar-inverse {
    background-color: #000000;
}

.firstNavbar .navbar-nav .nav-item a.nav-link {
    color: #fff;
    text-transform: uppercase;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-family: 'AbelPro-Bold', Arial, SansSerif;
}

.secondNavbar .navbar {
    padding: 0;
    border-radius: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.bg-gradient {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #999999 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #999999 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999', GradientType=0); /* IE6-9 */
}

.secondNavbar .navbar-nav .nav-item a.nav-link {
    color: #000;
    text-transform: uppercase;
    padding: .7rem 3.3rem;
    font-family: 'AbelPro-Bold', Arial, SansSerif;
}

.secondNavbar .navbar-nav .nav-item a:hover.nav-link, .secondNavbar .navbar-nav .nav-item a:focus.nav-link, .active a.nav-link {
    background: #39b54a; /* Old browsers */
    background: -moz-linear-gradient(top, #39b54a 0%, #1b5e20 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #39b54a 0%, #1b5e20 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #39b54a 0%, #1b5e20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#1b5e20', GradientType=0); /* IE6-9 */
    color: #fff !important;
}

.secondNavbar .navbar-nav .nav-item {
    border-right: 2px solid #858585;
}

.secondNavbar .navbar-nav .nav-item:last-child {
    border-right: 0;
}

.secondNavbar .navbar-nav .nav-item .search-icon {
    float: right;
}

.lang {
    min-width: 10rem;
}

/* Lang icons */
ul.lang-icons{
    display: block;
    float: right;
    margin-right: 1rem;
}
ul.lang-icons li{
    display: block;
    position: relative;
    float: left;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .3rem;
    cursor: pointer;
}
ul.lang-icons li:last-child{
    margin-right: 0;
}
ul.lang-icons li.aze{
    background-image: url("../images/flags/aze.png");
    background-repeat: no-repeat;
    background-size: contain;
}
ul.lang-icons li.eng{
    background-image: url("../images/flags/uk.png");
    background-repeat: no-repeat;
    background-size: contain;
}
ul.lang-icons li.rus{
    background-image: url("../images/flags/rus.png");
    background-repeat: no-repeat;
    background-size: contain;
}

/* Main */

main .main-bg {
    background-color: rgba(0, 0, 0, 0.7);
}

/* left sidebar */
.left-sidebar {
    padding: 0 0 1rem 2rem;
}
.left-sidebar-resp{
    display: none;
}

.sidebar-header {
    margin-top: 1.5rem;
    padding: .7rem 0;
    text-align: center;
    border-radius: 0.25rem;
    text-transform: uppercase;
    font-family: 'AbelPro-Bold', Arial, SansSerif;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #999999 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #999999 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999', GradientType=0); /* IE6-9 */
}

.sidebar-content {
    background-color: #e6e6e6;
    padding: 1rem 1.5rem;
    margin-top: .5rem;
}

.left-sidebar ul.league-list li {
    display: block;
    margin-bottom: .5rem;
    border-bottom: 2px solid #ddd;
}

.left-sidebar ul.league-list li:last-child {
    border-bottom: 0;
}

.left-sidebar ul.league-list li:after {
    content: "";
    position: absolute;
}

.left-sidebar ul.league-list li a {
    display: block;
    color: #000;
    padding: 1rem 0;
}

.left-sidebar ul.league-list li a img {
    margin-right: .5rem;
    max-height: 1.5rem;
}

.left-sidebar ul.league-list li a:hover {
    color: #278131;
}

/* Right Section */
.nav-tabs .nav-link {
    border: 0;
}

.right-section {
    padding: 1.5rem 2rem 1rem 0;
}

.right-section h3.page-header {
    position: relative;
    z-index: 1000;
    border-bottom: .65rem solid #278131;
    padding: 1rem 2rem;
    font-size: 1rem;
    color: #fff;
    font-family: 'AbelPro-Regular', Arial, SansSerif;
}
.right-section h3.page-header a{
    color: #fff;
}
.right-section h3.page-header a:hover{
    color: #ddd;
}

.right-section h3.page-header {
    margin-bottom: 0;
}

.right-section h3.page-header::after {
    width: 30%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: .25rem .25rem 0 0;
    background: #39b54a; /* Old browsers */
    background: -moz-linear-gradient(top, #39b54a 0%, #278131 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #39b54a 0%, #278131 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #39b54a 0%, #278131 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#278131', GradientType=0); /* IE6-9 */
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05);
    content: '';
    -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-.7px);
    transform: perspective(5px) rotateX(0.93deg) translateZ(-.7px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.right-section .nav-tabs {
    border-bottom: .65rem solid #278131;
}

.right-section .nav-tabs .nav-link {
    position: relative;
    display: block;
    margin-right: .9rem;
    border: 0;
    color: #278131;
    z-index: 100;
    font-family: 'AbelPro-Regular', Arial, SansSerif;
}

.right-section .nav-tabs a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: .25rem .25rem 0 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #c3c3c3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #c3c3c3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #c3c3c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c3c3c3', GradientType=0); /* IE6-9 */
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05);
    content: '';
    -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-.7px);
    transform: perspective(5px) rotateX(0.93deg) translateZ(-.6px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 120%;
}

.right-section .nav-tabs .nav-link.active {
    color: #fff;
    border-color: #278131;
    z-index: 1000;
    background: transparent; /* Old browsers */
}

.right-section .tab-content .nav-tabs .nav-link {
    color: #278131 !important;
}

.right-section .tab-content .nav-tabs .nav-link.active {
    color: #fff !important;
}

.right-section .nav-tabs a.nav-link.active::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: .25rem .25rem 0 0;
    background: #39b54a; /* Old browsers */
    background: -moz-linear-gradient(top, #39b54a 0%, #278131 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #39b54a 0%, #278131 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #39b54a 0%, #278131 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#278131', GradientType=0); /* IE6-9 */
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05);
    content: '';
}

.right-section .nav-tabs .nav-link:focus, .right-section .nav-tabs .nav-link:hover {
    border-color: #278131;
}

.right-section .tab-content {
    padding: .5rem 0;
}

.right-section .table {
    display: table;
    width: 100%;
}

.right-section .table .form-check-input {
    margin: 0;
    border: 1rem solid #d1d1d1;
}

.right-section .table .thead-inverse {
    font-family: 'AbelPro-Regular', Arial, SansSerif;
    background: #4d4d4d; /* Old browsers */
    background: -moz-linear-gradient(top, #4d4d4d 0%, #242424 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #242424 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4d4d4d 0%, #242424 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#242424', GradientType=0); /* IE6-9 */
}

.right-section .table .thead-inverse img {
    max-height: 1.5rem;
}

.right-section .table td, .right-section .table th {
    border-top: 0;
}

.right-section .table th {
    border-bottom: 0;
}

.right-section .table td {
    border-left: 1px solid #cccccc;
}

.right-section .table td img {
    max-width: 1.5rem;
}

.right-section .table thead img.t-shirt-icon {
    max-width: 1.5rem;
    margin: 0 auto;
    display: block;
}

.right-section .table tr {
    background-color: #fff;
}

.right-section .table tr:nth-child(2n+1) {
    background-color: #eeeeee;
}

.right-section .table .thead-default th {
    background-color: #b3b3b3;
}

.right-section .table .thead-inverse a {
    color: #fff;
    text-decoration: underline;
    font-weight: 400;
}

.right-section .date-and-calendar {
    position: relative;
    margin-bottom: 1rem;
}

.right-section .date-and-calendar ul.select-date {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    padding: 1rem 1rem;
    font-family: 'AbelPro-Regular', Arial, SansSerif;
}

.right-section .date-and-calendar ul.select-date::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: .25rem .25rem 0 0;
    background: #39b54a; /* Old browsers */
    background: -moz-linear-gradient(top, #39b54a 0%, #278131 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #39b54a 0%, #278131 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #39b54a 0%, #278131 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#278131', GradientType=0); /* IE6-9 */
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05);
    content: '';
}

.right-section .date-and-calendar ul.select-date li {
    position: relative;
    float: left;
    color: #dddddd;
    padding: 0 .5rem;
}

.right-section ul.match-list, .right-section ul.match-list li > a > ul.single-match, .right-section ul.match-list li > a > ul.single-match li > ul {
    display: block;
    width: 100%;
}

.right-section ul.match-list {
    margin-bottom: 2rem;
}

.right-section ul.match-list li {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #eee;
}

.right-section ul.match-list li.tournament-name a{
    color: #fff;
}
.right-section ul.match-list li.tournament-name a:hover{
    color: #278131;
}
.right-section ul.match-list li > span.category-inlist{
    float: right;
}
.right-section ul.match-list li > span.category-inlist a{
    color: #fff;
    font-style: italic;
    float: left;
    font-size: .9rem;
}

.right-section ul.match-list li:nth-child(2n+1) {
    background-color: #fff;
}

.right-section ul.match-list li.tournament-name {
    background-color: #242424;
    color: #fff;
    padding: 0 1rem;
}

ul.single-match li {
    display: block;
    position: relative;
    float: left;
    background-color: transparent !important;
    text-align: center;
    overflow: hidden;
}

ul.match-list > li > a > ul.single-match > li {
    border-right: 1px solid #cccccc;
}

ul.match-list > li > a > ul.single-match > li:last-child {
    border: 0;
}

ul.single-match li.match-status {
    width: 15%;
}

ul.single-match li.first-team, ul.single-match li.second-team {
    width: 35%;
}

ul.single-match li.match-score {
    width: 15%;
}

ul.single-match li.match-score > ul li {
    padding: 0;
}

ul.single-match li.match-score > ul li.first-score, ul.single-match li.match-score > ul li.second-score {
    width: 40%;
}

ul.single-match li.match-score > ul li.score-divider {
    width: 20%;
}

ul.single-match li.match-score > ul li.score-divider-full {
    width: 100%;
}

/* Club inside */
.right-section .club-info {
    padding: 2rem 0 3rem 0;
}

.right-section .club-info .club-logo {
    max-height: 6.25rem;
    width: 6.25rem;
    height: 6.25rem;
    display: block;
    margin: 0 auto;
}

.right-section .club-info .club-name {
    color: #fff;
    text-align: center;
    margin-top: 1rem;
}

.right-section .club-info .fav-button {
    position: absolute;
    top: 25%;
    right: 39%;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
}

.right-section .club-info .fav-button:hover {
    color: #278131;
}

.right-section .tab-content h3 {
    position: relative;
    z-index: 1000;
    border-bottom: .65rem solid #278131;
    padding: 1rem 2rem;
    font-size: 1rem;
    color: #fff;
    font-family: 'AbelPro-Regular', Arial, SansSerif;
}

.right-section .tab-content h3.primary-title {
    margin-bottom: 0;
}

.right-section .tab-content h3::after {
    width: 30%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    outline: 1px solid transparent;
    border-radius: .25rem .25rem 0 0;
    background: #39b54a; /* Old browsers */
    background: -moz-linear-gradient(top, #39b54a 0%, #278131 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #39b54a 0%, #278131 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #39b54a 0%, #278131 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39b54a', endColorstr='#278131', GradientType=0); /* IE6-9 */
    box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05);
    content: '';
    -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-.7px);
    transform: perspective(5px) rotateX(0.93deg) translateZ(-.7px);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.right-section .tab-content h3.secondary-title {
    border-bottom: .65rem solid #1f1f1f;
    background-color: #278131;
    margin-top: -.25rem;
}

.right-section .tab-content h3.secondary-title::after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d4d4d+0,1f1f1f+100 */
    background: #4d4d4d; /* Old browsers */
    background: -moz-linear-gradient(top, #4d4d4d 0%, #1f1f1f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #1f1f1f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4d4d4d 0%, #1f1f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#1f1f1f', GradientType=0); /* IE6-9 */
}

.table .win {
    background-color: #39b54a;
    color: #fff;
    padding: .4rem;
    font-size: .7rem;
    border-radius: .25rem;
}

.table .lose {
    background-color: #ff0000;
    color: #fff;
    padding: .4rem;
    font-size: .7rem;
    border-radius: .25rem;
}

.table .draw {
    background-color: #f7931e;
    color: #fff;
    padding: .4rem;
    font-size: .7rem;
    border-radius: .25rem;
}

.table .red-card {
    position: relative;
    display: block;
    float: right;
    width: 1.2rem;
    height: 1.5rem;
    border-radius: .25rem;
    background: #ff9090; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ff9090 0%, #ff0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ff9090 0%, #ff0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ff9090 0%, #ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9090', endColorstr='#ff0000', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.table .yellow-card {
    position: relative;
    display: block;
    float: right;
    width: 1.2rem;
    height: 1.5rem;
    border-radius: .25rem;
    background: #ffe98e; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #ffe98e 0%, #ffce00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #ffe98e 0%, #ffce00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #ffe98e 0%, #ffce00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe98e', endColorstr='#ffce00', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.table .f-ball {
    position: relative;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url("../images/fball.png");
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
}

.table .f-ball-left {
    position: relative;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url("../images/fball.png");
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
}

.right-section .table thead .red-card {
    margin: 0 auto;
    float: none;
    width: 1rem;
    height: 1.2rem;
}

.right-section .table thead .yellow-card {
    margin: 0 auto;
    float: none;
    width: 1rem;
    height: 1.2rem;
}

/* Search Modal */
#searchModal .table th {
    border: 1px solid #000;
    font-family: 'AbelPro-Regular', Arial, SansSerif;
}

#searchModal .table tbody tr {
    background-color: #fff;
    border: 1px solid #d3d3d3;
}

#searchModal .table tr:nth-child(2n+1) {
    background-color: #eeeeee;
}

/* Single Match */
.single-match .match-header {
    color: #fff;
    margin-bottom: 1rem;
}

.single-match .match-header img {
    height: 5rem;
    width: 5rem;
}

.single-match .match-header .second-club-logo {
    float: right;
}

.single-match .match-header .first-club-logo {
    float: left;
}

.single-match .match-header .fav-button {
    position: relative;
    display: block;
    font-size: 1.5rem;
    cursor: pointer;
    margin: 1.2rem 0 0 6rem;
}

.single-match .match-header .fav-button:hover {
    color: #278131;
}

.single-match .match-header .fav-button-second {
    position: absolute;
    top: 25%;
    right: 75%;
    font-size: 1.5rem;
    cursor: pointer;
}

.single-match .match-header .fav-button-second:hover {
    color: #278131;
}

.single-match .match-header a{
    color: #fff;
}
.single-match .match-header a:hover{
    color: #ddd;
}

.single-match .match-header h2.first-club-name {
    float: left;
    font-size: 1.2rem;
    padding: 1.6rem 0;
}

.single-match .match-header h2.second-club-name {
    float: right;
    font-size: 1.2rem;
    padding: 1.6rem 0;
}

.single-match .match-header .match-result {
    text-align: center;
    font-family: 'AbelPro-Regular', Arial, SansSerif;
}

.single-match .match-header .match-result .points, .single-match .match-header .match-result .no-score {
    margin: 1.5rem 0;
    font-family: 'AbelPro-Bold', Arial, SansSerif;
}

.single-match .match-header .match-result span {
    padding: 1rem 1rem;
    border-radius: .5rem;
    background: #4d4d4d; /* Old browsers */
    background: -moz-linear-gradient(top, #4d4d4d 0%, #3b3b3b 51%, #191a13 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #3b3b3b 51%, #191a13 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4d4d4d 0%, #3b3b3b 51%, #191a13 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#191a13', GradientType=0); /* IE6-9 */
}

.single-match .match-header .match-time p.match-date {
    width: 100%;
    display: block;
    text-align: center;
    margin: .5rem 0 0 0;
    font-size: .8rem;
    background-color: rgba(255, 255, 255, 0.9);
    padding: .5rem 1rem;
    color: #333333;
}

.single-match .match-header .match-time p.match-status {
    width: 100%;
    display: block;
    text-align: center;
    font-size: .8rem;
    margin-bottom: .5rem;
    padding: .5rem 1rem;
    background-color: #278131;
}

.single-match .match-header .match-time p.match-stadium {
    display: block;
    width: 150%;
    padding: .8rem .4rem .5rem .4rem;
    background-color: rgba(126, 126, 126, 0.4);
    border-radius: .5rem;
    font-size: .8rem;
    margin-left: -25%;
}

.single-match .line-ups h5.team-name {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #242424;
    color: #fff;
    padding: 0 1rem;
    margin-bottom: 0;
    font-size: 1rem;
}

.single-match .line-ups ul.line-ups-list li {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #eee;
    padding: 0 1rem;
}

.single-match .line-ups ul.line-ups-list li:nth-child(2n+1) {
    background-color: #fff;
}

.single-match .line-ups ul.line-ups-list li:last-child {
    display: none;
}

.single-match .line-ups ul.line-ups-list li > ul.player {
    display: block;
}

.single-match .line-ups ul.line-ups-list li > ul.player li {
    display: block;
    position: relative;
    float: left;
    background-color: transparent;
    padding: 0 0;
}

.single-match .line-ups ul.line-ups-list li > ul.player li.number {
    width: 10%;
}

.single-match .line-ups ul.line-ups-list li > ul.player li.name {
    width: 90%;
}

.right-section .table td {
    height: 100%;
    line-height: 100%;
    vertical-align: middle;
}

.right-section .secondary-tab a.nav-link.active::after {
    background: #4d4d4d; /* Old browsers */
    background: -moz-linear-gradient(top, #4d4d4d 0%, #424242 49%, #202020 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #424242 49%, #202020 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4d4d4d 0%, #424242 49%, #202020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#202020', GradientType=0); /* IE6-9 */

}

.right-section .secondary-tab {
    border-bottom: .65rem solid #202020;
    background-color: #278131;
}

.load-more{
    display: block;
    width: 100%;
    padding: .5rem .5rem;
}

/* information contents */
.text-content h1{
    color: #fff;
    text-align: center;
    font-size: 2rem;
}
.text-content p{
    color: #ddd;
}

/* Calendar */

._720kb-datepicker-calendar-header:nth-child(2n+1) {
    background: #278131;
}
._720kb-datepicker-calendar-header:nth-child(2n) {
    background: #ddd;
}
._720kb-datepicker-calendar {
    background: #fff;
    color: #333;
    position: absolute;
    z-index: 999;
    min-width: 220px;
    margin: 0 auto;
    margin-left: auto;
    width: 101%;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    visibility: hidden;
    overflow: hidden;
    margin-left: -.5%;
    right: -3.2rem;
    top: 2.2rem;
}