body{
	background: linear-gradient(rgba(36, 58, 83, 0.45),rgba(0, 0, 0, 0.82)),url(../png/mcbackground-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

#mod-filter{
    padding: 40px 20px 40px 20px;
}

#mod-filter input{
	margin-bottom: 15px;
}

#mod-filter label{
	color: yellow;
}

.mc-input{
	font-size: 18px;
    height: 42px;
    border: solid 1px #9C9C9C;
}

#mods{
    padding: 22px;
}

.mod-logo{
	text-align: center;
    font-size: 25px;
    color: #b0b0b0;
}

.no-mods-found{
	text-align: center;
	color: yellow;
	font-size: 20px;
	padding: 10px;
}

.mod-name{
	width: 170px
}

#mod-table{
	color: white;
}

.dirt-backing{
	border: solid 1px #000000;
}

.transparent-blue{
background-color: rgba(9, 27, 52, 0.72);
}

#pages li{
	cursor: pointer;
	text-align: center;
}

.waiting-ajax{
	font-size: 80px !important;
    color: white;
    padding: 34px;
}

#pages{
	text-align: center;
}

#mod-table .yellow-button{
	font-size: 15px;
    padding: 8px 10px 8px 10px;
    min-width: 110px;
}

.mod-description{
	color: #d6d6d6;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td{
	border-top: 1px solid #4c4c4c !important;
}

.top-content{
    background-color: rgba(0, 33, 93, 0.38);
    border: solid 1px black;
    padding: 27px 27px 60px 27px;
}

.mod-heading{
    color: yellow;
    margin-top: 0px;
    font-weight: 600;
    font-size: 29px;
}

.mod-desc{
	color: white;
	font-size: 16px;
}

.top-content ul{
	color: #fffca4;
	font-size: 16px;
}

.video{
	border: solid 1px #393939;
    box-shadow: 0px 1px 6px 0px #000000;
}

#mod-filter{
	padding: 40px 20px 40px 20px;
}

.yellow-button{
	-moz-box-shadow: 0px 0px 6px 1px #000000;
    -webkit-box-shadow: 0px 0px 6px 1px #000000;
    box-shadow: 0px 0px 6px 1px #000000;
}

.pagination>li>a, .pagination>li>span{
	background-color: #000;
    border: 1px solid #666;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
	background-color: #000;
    border: 1px solid #666;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 780px){
	th[name=mod-name-header]{
		min-width: 200px !important;
	}

	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{
	    white-space: normal !important;
	}

	.pagination-lg>li>a, .pagination-lg>li>span {
	    padding: 10px 11px;
	    font-size: 14px;
	}

	#mods{
		padding: 0px;
	}
}

@media (max-width: 600px){
	.mobile-hide-desc{
		display: none;
	}
}