img.loader {
    animation-name: loader;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
}

@keyframes loader {
    0% {
        -ms-transform: rotate(0deg); /* IE 9 */
        -webkit-transform: rotate(0deg); /* Safari */
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari */
        transform: rotate(90deg);
    }
    50% {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Safari */
        transform: rotate(180deg);
    }
    75% {
        -ms-transform: rotate(270deg); /* IE 9 */
        -webkit-transform: rotate(270deg); /* Safari */
        transform: rotate(270deg);
    }
    100% {
        -ms-transform: rotate(360deg); /* IE 9 */
        -webkit-transform: rotate(360deg); /* Safari */
        transform: rotate(360deg);
    }
}

div.google-visualization-tooltip {
    border:solid 1px white;
    border-radius: 2px;
    padding: 0.5em;
    background-color: black;
    color: white;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: left;
    white-space: nowrap;
}

.google-visualization-tooltip i {
    font-style: normal;
    color: #aaaaaa;
}

.google-visualization-tooltip hr {
    border-top: none;
    border-bottom: 1px solid #aaaaaa;
    margin: 4px 0;
}

.tbl {
    border: 1px solid #42dca3;
    background-color: transparent;
    margin: 1em auto;
}

.tbl th {
    border-bottom: 1px solid #42dca3;
    text-align: center;	
}

.tbl tfoot {
    border-top: 1px solid #42dca3;
    text-align: center;	
}

.tbl th,td {
	padding: 2px 8px;
	border-left: 1px solid #42dca3;
}

td.noborder {
  border-left: none;
}

#timeline-chart-title {
    margin-top: -20px;
}

#timeline-chart-wrapper {
    margin-bottom: 30px;
}

@media(min-width:768px) {
    #timeline-chart-title {
        margin-top: -25px;
    }
    #timeline-chart-wrapper {
        margin-bottom: 40px;
    }
}

#connect {
    background: url(../img/knedlik-madhon.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#topplayers {
    background: url(../img/mazeland-cup.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.text-field, .text-field-big {
    border: 1px solid #42dca3;
    background-color: transparent;
    margin: 0.5em auto;
}

.text-field-big {
    padding: 6px 12px;
    font-size: 14px;
}

form {
    margin: 2em auto;
}


table.userinfo-table {
    margin: 1em auto;
    border: 1px solid #42dca3;
}

.userinfo-table th, .userinfo-table td {
    text-align: left;
    padding: 2px 8px;
    margin: 0;
}

.readonly {
    border: 1px solid #103a25;
}

.resultok {
    color: #42dca3;
}

.resulterr {
    color: #ff3333;
}

.rules-intro, .tmlnews-intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background-color: #000;
}

.rules-intro {
    background: url(../img/rules-bg.jpg) no-repeat bottom center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.news-intro {
    background: url(../img/tmlnews.jpg) no-repeat bottom center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

@media(min-width:768px) {
    .rules-intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}

.rules dd {
    margin-bottom: 0.7em;
    color: #aaaaaa;
}

.rules li {
    color: #aaaaaa;
}

ul.rules, .rules ul {
    margin-bottom: 2em;
}

p.rules {
    color: #aaaaaa;
    font-size: 14px;
}

#ateam {
    background: url(../img/ateam-bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#groups {
    background: url(../img/groups-bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#donation-button {
  padding: 0px 6px;
}