body
{
	background-color: #2d3035;
	background-image: url(/images/backgrounds/2458cb5e921444b45ce0af41db6ab155.jpg);
	background-repeat: repeat-x;
	background-size: 100% 100%;
}

nav.navbar
{
	background: none;
}

.message .profile
{
	float: left;
}

.xxxlogin-page
{
	background-image: url(/images/backgrounds/2458cb5e921444b45ce0af41db6ab155.jpg);
	background-size: auto 100%;

	/*
		background-image: url(/images/backgrounds/2458cb5e921444b45ce0af41db6ab155.jpg);
		background-image: url(/images/backgrounds/81439e4a507c2468c604ffce58bdcc08.jpg);
		background-image: url(/images/backgrounds/b345d1f415e96fac72e8bb500ab23ed1.jpg);
		background-image: url(/images/backgrounds/c53de911a82d67db62880ce05cb3012e.jpg);
	*/
}

#tblAttack td
{
    padding: 2em;
}

#tblAttack tr td:first-child
{
    width: 10em;
}

#tblAttack tr td:last-child
{
    width: 5em;
}


.bolt-yellow, .yellow
{
    color: #FFD700;
}

.scoresPlayerOnline
{
    color: #3498db;
}

.player_self
{
    color: rebeccapurple;
}

.player_dead
{
    color: #FF0000;
}

.player_protected
{
    color: #1abb9c;
}

.player_ally
{
    color: #AD0BEE;
}

.player_friend
{
    color: #AD0BEE;
}

.player_enemy
{
    color: #990000;
}

.player_war
{
    color: #990000;
}

.player_mortalenemy
{
    color: #990000;
}

.player_allianceLeader
{
    color: #f7f300;
    font-weight: bold;
}

.bgbolt-yellow
{
    background-color: #FFD700;
}

.bgscoresPlayerOnline
{
    background-color: #3498db;
}

.bgplayer_self
{
    background-color: #9cc2cb;
}

.bgplayer_dead
{
    background-color: #FF0000;
}

.bgplayer_protected
{
    background-color: #1abb9c;
	color: #333;
}

.bgplayer_ally
{
    background-color: #9b59b6;
}

.bgplayer_friend
{
    background-color: #9b59b6;
}

.bgplayer_enemy
{
    background-color: #990000;
}

.bgplayer_war
{
    background-color: #990000;
}

.bgplayer_mortalenemy
{
    background-color: #990000;
}

.bgplayer_allianceLeader
{
    background-color: #f7f300;
    font-weight: bold;
}

.soldiers, .blue
{
    color: #3498db;
}

.artilery, .green
{
    color: #1abb9c;
}

.airtilery, .purple
{
    color: #9b59b6;
}

.ships, .red
{
    color: #e74c3c;
}

.bgsoldiers, .bgblue
{
    background-color: #3498db;
}

.bgartilery, .bggreen
{
    background-color: #1abb9c;
}

.bgairtilery, .bgpurple
{
    background-color: #9b59b6;
}

.bgships, .bgred
{
    background-color: #e74c3c;
}

.industriesProductionRate input
{
    width: 5em;
    margin: 0.3em 0;
}

input[name=txtSoldiersProduction]
{
  box-shadow: 0 0 5px 1px #3498db;
}

input[name=txtArtileryProduction]
{
  box-shadow: 0 0 5px 1px #1abb9c;
}

input[name=txtAirtileryProduction]
{
  box-shadow: 0 0 5px 1px #9b59b6;
}

input[name=txtShipsProduction]
{
  box-shadow: 0 0 5px 1px #e74c3c;
}

.production-slider, .tax-slider, input[name=txtTaxSetting]
{
    margin-bottom: 1em;
}

hr.normal
{
    border-width: 2px;
    border-color: #888;
}

.sessionExpired
{
    margin: 5em;
}

.text-bold
{
    font-weight: bold;
}

blockquote.deep
{
	margin: 1em;
	font-style: italic;
}
/**
 * Fuck off normalize!
 *
 */
pre
{
    overflow: inherit;
    text-align: left;
}

.circle
{
    border-radius: 50%;
    padding: 0.2em;
    width: 1.6em;
}

.specialOpsStatus span.fa
{
    font-size: 1.5em;
    margin-top: 0.3em;
}

.specialOpsStatus span.fa-check
{
    color: green;
}

.specialOpsStatus span.fa-cog
{
    animation: 21s linear 0s normal none infinite running fa-spin;
}

.login-page .form-holder .info p
{
	padding: 0 5%;
	font-style: italic;
}

/* New login page */
.login-stats .block
{
	margin: 15px;
}
/* end new login page */

.pending-activation
{
	text-align: center;
}

.messages-block .profile
{
	min-width: 50px;
}

section.print-turn
{
	border-bottom: 2px solid var(--primary);
	margin-bottom: 2em;
}

section.print-turn:last-child
{
	border-bottom: 0;
	margin-bottom: 0;
}

section.stats
{
	user-select: none;
}

.table.dataTable.scores.small
{
	margin-top: 0 !important;
}

.table.dataTable.scores.small caption
{
	padding-top: 0;
}

.noselect {
  -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 */
}

.hand-cursor
{
	cursor: pointer;
}

.toggle-off
{
    background-color: #404040;
    cursor: not-allowed;
}

.messages-block.compact .title
{
    margin-bottom: 0;
}

.messages-block.compact .d-block
{
    display: initial !important;
}

.row.vertical-divider [class*='col-']:not(:last-child):after
{
    background: #777;
    width: 1px;
    content: "";
    display:block;
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    padding: 1em 0;
}

.row.vertical-divider [class*='col-']
{
    text-align: center;
}

.joe-pesci
{
    width: 2em;
    position: absolute;
    top: 1px;
    right: 1em;
    z-index: 222222222222222222;
}

/**
 * For some reason I have to sorta import back the anchors basic style
 *
 */
#megajumbotrontab-kickstarter a
{
    padding: 0;
    color: #DB6574;
    font-size: inherit;
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline;
}

#megajumbotrontab-kickstarter a:focus, #megajumbotrontab-kickstarter a:hover {
    color: #c52e41;
    text-decoration: underline;
}

.inline-button
{
    float: right;
    margin-top: 1em;
    margin-left: 1em;
}

/**
 * .dashbg rules that only set the background color and not the whole background.
 *
 */
.dashbgc-1
{
    background-color: #864DD9;
}

.dashbgc-2
{
    background-color: #CF53F9;
}

.dashbgc-3
{
    background-color: #e95f71;
}

.dashbgc-4
{
    background-color: #7127AC;
}

.productQuantity
{
    cursor: pointer;
}

.player-stats-header-compact
{
	display: none;
}

@media screen and (max-width: 568px)
{
	.player-stats-header-compact
	{
		display: block;
	}

	.player-stats-header
	{
		display: none;
	}
}

.page-content .page-header h2.h5
{
    word-break: break-all;
}

.formatNumber
{
    min-width: 200px;
}

.page-content
{
    padding-bottom: 140px;
}

.login-page .content
{
    max-width: 100%;
}

.frontpage-posts-block
{
	max-height: 30em;
	overflow-x: scroll;
}








@media
only screen and (max-width: 1024px)
{
    #tblAttack tr td:nth-child(2n), #tblAttack tr th:nth-child(2n)
    {
        background-color: red;
        display: none;
    }
}

@media
only screen and (min-width: 1024px)
{
   .fix-fp-header-margin
   {
	   margin-right: -3em;
   }
}




@media
only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)
{
    /* Force table to not be like tables anymore */
    table.responsive,
    .responsive thead,
    .responsive tbody,
    .responsive th,
    .responsive td,
    .responsive tr
    {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .responsive thead tr
    {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive tr
    {
        border: 0px solid #ccc;
    }

    .responsive td
    {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 0px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .responsive td:before
    {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
}