@font-face {
  font-family: 'roboto';
  src: url('../fonts/Roboto-Regular.woff') format('woff'),
       url('../fonts/Roboto-Regular.ttf') format('truetype');
}

body {
	padding-top: 95px;
	padding-bottom: 40px;
	min-width: 288px;
	font-family: roboto;
}

.start-screen {
	background: url("../images/background.jpg");
	background-position: center center;
	background-size: cover;
}

.mystic-background {
	background: url("../images/teams/mystic-background.svg");
}

.instinct-background {
	background: url("../images/teams/instinct-background.svg");
}

.valor-background {
	background: url("../images/teams/valor-background.svg");
}

.team-background {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right 250px;
}

.header {
	background-color: #333333;
}

.mystic-header, .valor-header {
	border-bottom: 2px solid #ffffff !important;
}

.instinct-header {
	border-bottom: 2px solid #333333 !important;
}

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

.less-height {
	margin-top: 5px;
	margin-bottom: 0;
}

.no-padding {
	padding-right: 0;
	padding-left: 0;
}

.mystic, .mystic p {
	background-color: #1a85ed !important;
	color: #ffffff !important;
	border: 0;
}

.valor, .valor p {
	background-color: #e20613 !important;
	color: #ffffff !important;
	border: 0;
}

.instinct, .instinct p {
	background-color: #f2d100 !important;
	color: #000000 !important;
	border: 0;
}

.instinct a {
	color: #000000;
}

.team-emblem {
	text-align: center;
	font-size: 1.5em;
	font-weight: bolder;
}

.team-emblem img {
	width: 60px;
	height: 60px;
}

.team-emblem-small img {
	width: 30px;
	height: 30px;
}

.navbar-center {
	width: 100%;
	text-align: center;
}

.navbar-header {
	width: 100%;
}

.navbar-fixed-bottom {
	min-height: 20px;
	height: 20px;
}

.navbar-fixed-bottom .container .navbar-text {
	margin: 0;
}

.logo {
	background: url("../images/pokemon/web/025.svg");
	background-size: 60px 60px;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 10px;
}

.valor-logo {
	background: url("../images/pokemon/web/146.svg");
	background-size: 60px 60px;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
}

.mystic-logo {
	background: url("../images/pokemon/web/144.svg");
	background-size: 60px 60px;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
}

.instinct-logo {
	background: url("../images/pokemon/web/145.svg");
	background-size: 60px 60px;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 10px;
}

.login-container-outer {
	width: 100%;
	height: 100%;
	color: #444444;
	display: table;
}

.login-container, .register-container {
	background-color: #ffffff;
	padding: 15px;
}

.login-container, .register-container {
	border: 4px solid #333333;
	border-radius: 24px 0 24px 0;
}

.mystic-container {
	border: 4px solid #1a85ed;
	border-radius: 24px 0 24px 0;
	background-color: #ffffff;
	padding: 15px;
}

.valor-container {
	border: 4px solid #e20613;
	border-radius: 24px 0 24px 0;
	background-color: #ffffff;
	padding: 15px;
}

.instinct-container {
	border: 4px solid #f2d100;
	border-radius: 24px 0 24px 0;
	background-color: #ffffff;
	padding: 15px;
}

.mystic-border, .mystic-border th {
	border: 2px solid #1a85ed !important;
	border-radius: 5px !important;
}

.mystic-border td {
	border-top: 2px solid #1a85ed !important;
}

.valor-border, .valor-border th {
	border: 2px solid #e20613 !important;
	border-radius: 5px !important;
}

.valor-border td {
	border-top: 2px solid #e20613 !important;
}

.instinct-border, .instinct-border th {
	border: 2px solid #f2d100 !important;
	border-radius: 5px !important;
}

.instinct-border td {
	border-top: 2px solid #f2d100 !important;
}

.-btn {
	border-color: #cccccc;
	background-color: #333333;
	color: #ffffff;
}

.mystic-btn {
	border-color: #cccccc;
	background-color: #1a85ed;
	color: #ffffff;
}

.valor-btn {
	border-color: #eaeaea;
	background-color: #e20613;
	color: #ffffff;
}

.instinct-btn {
	border-color: #333333;
	background-color: #f2d100;
	color: #000000;
}

.footer {
	border-top: 2px solid #333333;
	background-color: #333333;
	color: #ff9900 !important;
}

.mystic-footer {
	border-top: 2px solid #ffffff;
	background-color: #1a85ed;
	color: #ffffff;
}

.valor-footer {
	border-top: 2px solid #ffffff;
	background-color: #e20613;
	color: #ffffff;
}

.instinct-footer {
	border-top: 2px solid #333333;
	background-color: #f2d100;
	color: #000000;
}


.tab-pane-trainers {
	overflow: auto !important;
}

.trainer-left {
	text-decoration: line-through;
}

.raid-sep {
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.raid-outer {
	border: 1px solid #000000;
	background-color: #ffffff;
	height: 60px;
	overflow: hidden;
	border-radius: 5px;
	position: relative;
	margin-bottom: 5px;
	min-width: 288px !important;
}

.raid-header {
	height: 60px;
	overflow: hidden;
	padding: 5px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.boss-title {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

.boss-name {
	font-weight: bolder;
	font-size: 1em;
	white-space: nowrap;
	display: block;
}

.boss-city {
	font-weight: normal;
	font-size: 1em;
}

.boss-raid-info {
	font-size: 1em;
	white-space: nowrap;
	display: block;
	z-index: 50;
}

.boss-info {
	padding-top: 5px;
	border-top: 1px solid #333333;
	
}

.tab-pane-height {
	height: 290px;
	overflow: hidden;
}

.raid-boss-image {
	width: 100px;
	height: 100px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.raid-boss-image-shadow {
	width: 100px;
	height: 100px;
	margin-left: -100px;
	margin-bottom: 10px;
}

.raid-boss-image-shiny {
	width: 20px;
	height: 20px;
	margin-left: -30px;
	margin-top: -60px;
}

.raid-time {
	font-weight: bolder;
	font-size: 2.4em;
}
.weather-image-small {
	height: 24px;
}
.full-width {
	display: block;
	width: 100%;
}

.raid-info {
	border-top: 1px solid #333333;
	margin-top: 10px;
	padding-top: 10px;
}

.trainer-count {
	color: #333333;
	font-weight: bold;
	font-size: 3em;
}

.helper-icon {
	font-size: 2.4em;
}

.drop-down-boss-image {
	width: 20px;
}



.boss-footer {
	/*position: absolute;*/
	height: 60px;
	width: 100%;
	/*bottom: 0;*/
	border-top: 1px solid #333333;
	padding-top: 10px;
}

.btn-pass-type {
	margin-bottom: 20px;
	width: 80%
}

.type-icon-left, .type-icon-right, .exraid-type-left, .exraid-type-right {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	border: 2px solid #333333;
	background-color: #ffffff;
	display: block;
	margin-top: 10px;
	z-index: 100;
}

.type-icon-left, .exraid-type-left {
	float: left;
}

.type-icon-right, .exraid-type-right {
	float: right;
}

.team-icon, .team-icon img {
	width: 18px;
	height: 18px;
}

.small-icon {
	width: 20px;
	height: 20px;
}

.ex-raid {
	margin-top: 10px;
}

.ex-raid img {
	width: 30px;
}

.boss-table {
	background-color: #ffffff;
}

.boss-table thead tr th {
	text-align: center;
}

.boss-table tr td {
	vertical-align: middle !important;
}

.boss-gym {
	font-size: 12px;
}

.boss-gym span {
	font-weight: normal;
	font-size: 12px;
}

.boss-cell {
	font-size: 12px;
	font-weight: bolder;
}

.raid-place-top1 {
	font-size: 4em;
	font-weight: bolder;
	text-align: center;
}

.raid-place-top2 {
	font-size: 3em;
	font-weight: bolder;
	text-align: center;
}

.raid-place-top3 {
	font-size: 2em;
	font-weight: bolder;
	text-align: center;
}

.raid-place-top4 {
	font-size: 1em;
	font-weight: bolder;
	text-align: center;
}

.raid-place-top5, .raid-place-top6, .raid-place-top7, .raid-place-top8, .raid-place-top9, .raid-place-top10 {
	font-size: 0.8em;
	font-weight: bolder;
	text-align: center;
}

.raid-boss-top1 {
	width: 100px;
	height: 100px;
}

.raid-boss-top2 {
	width: 70px;
	height: 70px;
}

.raid-boss-top3 {
	width: 40px;
	height: 40px;
}

.raid-boss-top4 {
	width: 30px;
	height: 30px;
}

.raid-boss-top5, .raid-boss-top6, .raid-boss-top7, .raid-boss-top8, .raid-boss-top9, .raid-boss-top10 {
	width: 20px;
	height: 20px;
}

.stat-counter {
	height: 100px;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
}

.stat-raid-counter {
	display: inline-block;
	width: 100%;
	height: 110px;
	border-radius: 50%;
	line-height: 110px;
	font-size: 5vw;
	
}

.counter-pokemon {
	width: 100%;
	height: 100%;
	border: 1px solid #333333;
	border-radius: 10px;
	margin-top: 10px;
	height: 80px;
}

#message-container {
	padding-bottom: 50px;
}

#message-edit {
	position: fixed;
	bottom: 20px;
	height: 50px;
	width: 100%;
	background: #cccccc;
	padding-top: 8px;
	
}

.message, .message-repeat, .message-self, .message-self-repeat {
	position: relative;
	background: #eaeaea;
	border-radius: .4em;
	width: 70%;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 10px;
	padding: 10px;
	overflow: hidden;
}

.message-self, .message-self-repeat {
	background: #aaeaaa;
	margin-left: 70px;
}

.message:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: #eaeaea;
	border-left: 0;
	border-top: 0;
	margin-top: -10px;
	margin-left: -20px;
}

.message-self:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-left-color: #aaeaaa;
	border-right: 0;
	border-top: 0;
	margin-top: -10px;
	margin-right: -20px;
}

.message-title {
	font-size: 10px;
	font-weight: bold;
	margin: 0;
}

.message-content {
	font-size: 14px;
	margin: 0;
	margin-top: 10px;
}

.ground, .helper-icon.ground a {
	background-color: #bf7f43;
	color: #ffffff;
}

.flying, .helper-icon.flying a {
    background: #A98FF3;
	color: #ffffff;
}

.bug, .helper-icon.bug a {
	background-color: #aadc41;
	color: #333333;
}

.water, .helper-icon.water a {
    background: #65abdb;
	color: #ffffff;
}

.grass, .helper-icon.grass a {
    background-color:#2ca444;
	color: #ffffff;
}

.fire, .helper-icon.fire a {
    background-color:#fda345;
	color: #333333;
}

.electric, .helper-icon.electric a {
    background-color:#f2d100;
	color: #333333;
}

.psychic, .helper-icon.psychic a {
    background-color:#fc726e;
	color: #333333;
}

.fighting, .helper-icon.fighting a {
    background-color:#c85663;
	color: #ffffff;
}

.poison, .helper-icon.poison a {
    background-color:#d966c9;
	color: #ffffff;
}

.normal, .helper-icon.normal a {
    background-color:#c1c1c1;
	color: #333333;
}

.dark, .helper-icon.dark a {
    background-color:#646474;
	color: #ffffff;
}

.rock, .helper-icon.rock a {
    background-color:#c3af71;
	color: #333333;
}

.fairy, .helper-icon.fairy a {
    background-color:#f6cfeb;
	color: #333333;
}

.ghost, .helper-icon.ghost a {
    background-color: #817cc9;
	color: #ffffff;
}

.dragon, .helper-icon.dragon a {
    background-color: #2472c0;
	color: #ffffff;
}

.steel, .helper-icon.steel a {
    background-color: #7997a2;
	color: #000000;
}

.ice, .helper-icon.ice a {
    background-color: #9de1e1;
	color: #000000;
}

.unknown, .helper-icon.unknown a {
    background-color: #9280c7;
	color: #ffffff;
}

.mega, .helper-icon.mega a {
	background-color: #973a3f;
	color: #ffffff;
}

.helper-icon a {
	background-color: transparent !important;
}

.exraid-type-left, .exraid-type-right {
	background-image: url("../images/exraid-type.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	display: none;
	opacity: 0;
}

.normal-type {
	background-image: url("../images/types/normal.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.fighting-type {
	background-image: url("../images/types/fighting.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.poison-type {
	background-image: url("../images/types/poison.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.ground-type {
	background-image: url("../images/types/ground.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.flying-type {
	background-image: url("../images/types/flying.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.bug-type {
	background-image: url("../images/types/bug.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.rock-type {
	background-image: url("../images/types/rock.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.ghost-type {
	background-image: url("../images/types/ghost.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.steel-type {
	background-image: url("../images/types/steel.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.fire-type {
	background-image: url("../images/types/fire.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.water-type {
	background-image: url("../images/types/water.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.electric-type {
	background-image: url("../images/types/electric.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.grass-type {
	background-image: url("../images/types/grass.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.ice-type {
	background-image: url("../images/types/ice.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.psychic-type {
	background-image: url("../images/types/psychic.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.dragon-type {
	background-image: url("../images/types/dragon.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.dark-type {
	background-image: url("../images/types/dark.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.fairy-type {
	background-image: url("../images/types/fairy.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.unknown-type {
	background-image: url("../images/types/unknown.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.mega-type {
	background-image: url("../images/types/mega.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}

.counter-type {
	width: 40px;
	margin: 10px;
}

.qr-code {
	width: 80%;
}

.button-image {
	height: 40px;
	margin-right: 20px;
}

.remote-trainer {
	color: #e880b7;
}