@font-face {
	font-family: 'Material Design Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/materialdesignicons-webfont.eot); /* For IE6-8 */
	src: local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(../fonts/materialdesignicons-webfont.woff2) format('woff2'),
		url(../fonts/materialdesignicons-webfont.woff) format('woff'),
		url(../fonts/materialdesignicons-webfont.ttf) format('truetype');
}
.toast {
	display:none;
	max-width: unset;
}
.votes {
	filter: drop-shadow(2px 2px 1px black);
    color: #b19c70;
}
.votes.up:hover {
	filter: drop-shadow(1px 1px 1px black);
    color: var(--green);
}
.votes.down:hover {
	filter: drop-shadow(1px 1px 1px black);
    color: var(--cyan);
}
.novaborda {
	border: groove thin #222222;
}
.big1 {
	font-size: 1.1em!important;
}
.big2 {
	font-size: 1.2em!important;
}
.big3 {
	font-size: 1.3em!important;
}
.toast.showing {
	display:block;
}
#conteudo img {
	box-shadow: 2px 4px 10px 0 rgb(0 0 0 / 75%);
}
#conteudo .noshad {
	box-shadow: none;
}
#conteudo p {
    font-family: 'Athiti';
    line-height: 1.5em;
    font-size: 1.1em;
    letter-spacing: .03em;
	margin-bottom: 1.5rem;
}
#conteudo .lista {
    font-size: 1.05em;
	padding-left: 1.5rem;
    line-height: 1.35em;
	margin-top: -0.75rem;
}
@media screen and (min-width: 574px) {
	#conteudo p {
		padding: 0 1%;
	}
	#conteudo .cpad {
		padding: 0 12%;
	}
	.cita {
		margin: 2.5rem 8%!important;
	}
	.cita-center {
		width: 50%;
		margin: 2.5rem auto!important;
	}
}
#conteudo h1 {
	margin-top: -15px;
    font-size: 30px;
    line-height: 2;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    -moz-border-image: -moz-linear-gradient(rgb(32,44,45),rgba(0, 0, 0, 0)) 0 0 1;
    -o-border-image: -o-linear-gradient(rgb(32,44,45), rgba(0, 0, 0, 0)) 0 0 1;
    border-image: linear-gradient(to right,rgba(0, 0, 0, 0), rgb(32,44,45), rgba(0, 0, 0, 0)) 0 0 1;
    font-family: "Exocet Reaper Medium Regular";
    font-weight: 400;
    letter-spacing: -.076388em;
    text-transform: uppercase;
    background-image: -webkit-linear-gradient(top, #b19c70 0%, #b19c70 17.5%, #ceb87e 33.75%, #e8d8ac 50%, #ceb87e 63.75%, #b19c70 77.5%, #b19c70 100%);
    color: #b19c70;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 2px 1px black);
}
#conteudo h2, #conteudo h3, #conteudo h4, #conteudo h5 {
    font-family: "Exocet Light";
    font-weight: 500;
    text-transform: uppercase;
    filter: drop-shadow(2px 2px 1px black);
	margin-top: 2.5rem;
}
#conteudo h2 {
	font-size: 1.75rem;
    color: #e8d8ac;
}
#conteudo h3 {
	font-size: 1.5rem;
    color: #ceb87e;
}
#conteudo h4 {
    color: #ff2424;
	margin-bottom: 1.5rem;
}
#conteudo h5 {
	font-size: 1.5rem;
    color: var(--blue);
	margin-bottom: 1.5rem;
}
.cita {
    font-size: 1.1em!important;
    background-color: #090909;
    padding: 7px 10px 10px 15px!important;
    letter-spacing: .02em!important;
    border-right: solid thin #333;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: solid thin #333;
	color: var(--cyan);
    line-height: 1.75em;
	margin: 2.5rem 0;
}
.cita h3 {
    border-bottom: 1px solid #28241d;
}
.evo-card {
    background-color: rgba(0,0,0,0.4);
    border-radius: .25rem;
    padding: 1.25rem;
    margin-bottom: 1rem;
}
.evo-bg {
    background-color: rgba(0,0,0,0.4);
    border-radius: .25rem;
}
.img-topo {
    border-radius: .25em;
	box-shadow: 2px 4px 10px 0 rgba(0,0,0,1);
}
.Hardcore {
	background-color: rgba(31,0,0,0.4)!important;
}
a {
	color: var(--color-lightgold);
}
/* @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	.evo-card, .evo-bg {
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
	}
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { */
	.evo-card, .evo-bg {
		background-color: rgba(0,0,0,0.6);
  }
	.Hardcore {
		background-color: rgba(31,0,0,0.6)!important;
	}
/* } */
.btn {
    padding: .375rem 1rem!important;
	border-radius:.15rem!important;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.75)!important;
}
.btn.disabled, .btn:disabled {
	box-shadow: none!important;
}

.btn-dark {
    color: var(--color-default);
    background-color: rgb(52 58 64 / .35);
    border-color: #343a40;
}
.btn-dark.disabled, .btn-dark:disabled {
    color: var(--color-default);
    background-color: rgb(52 58 64 / .35);
    border-color: transparent;
}
.btn-success {
    color: var(--color-default);
    background-color: rgb(40 167 69 / .35);
    border-color: #28a745;
}
.btn-success.disabled, .btn-success:disabled {
    color: var(--color-default);
    background-color: rgb(40 167 69 / .35);
    border-color: transparent;
}
.btn-warning {
    color: var(--color-default);
    background-color: rgb(255 193 7 / .35);
    border-color: #ffc107;
}
.btn-warning.disabled, .btn-warning:disabled {
    color: var(--color-default);
    background-color: rgb(255 193 7 / .35);
    border-color: transparent;
}
.btn-info {
    color: var(--color-default);
    background-color: rgb(23 162 184 / .35);
    border-color: #17a2b8;
}
.btn-info.disabled, .btn-info:disabled {
    color: var(--color-default);
    background-color: rgb(23 162 184 / .35);
    border-color: transparent;
}
.btn-primary {
    color: var(--color-default);
    background-color: rgb(0 123 255 / .35);
    border-color: #007bff;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: var(--color-default);
    background-color: rgb(0 123 255 / .35);
    border-color: transparent;
}
.btn-secondary {
    color:  var(--color-default);
    background-color: rgb(108 117 125 / .35);
    border-color: #6c757d;
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color:  var(--color-default);
    background-color: rgb(108 117 125 / .35)!important;
    border-color: transparent!important;
}
tr.odd {
    background-color: transparent !important;
}
tr.even {
    background-color: rgb(0 0 0 / 0.6) !important;
}
.Online {
	color: var(--color-green);
}
.Offline {
	color: var(--color-red);
}
.ladder-name {
    font-family: 'Cabin', sans-serif!important;
    font-size: 16px;
	font-weight: bold;
	filter: drop-shadow(2px 1px 1px black);
}
.ladder-name a {
    color: var(--color-lightgold);
}
.table {
	width: auto;
	color: #c0c0c0;
    font-size: 14px;
	margin: auto;
	margin-bottom: .5rem;
	border-collapse: separate !important;
}
.table td, .table th {
    border: 1px solid transparent;
	text-align: center;
	padding: .4rem;
	vertical-align: middle;
}
.table-striped tr:nth-of-type(even) {
    background-color: rgb(0 0 0 / 0.6) !important;
}
.table .table-highlight, .text-highlight {
	color: var(--color-orange);
	font-weight: bold;
}
.nav-link {
	border: 1px solid rgb(0 0 0 / 0%);
	margin: 3px 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: transparent;
	border-color: #e8d8ac #e8d8ac transparent;
}
.nav-tabs {
    border-bottom: transparent;
}
.nav-tabs .nav-link:hover {
    border-color: var(--color-gold) var(--color-gold) transparent;
}
a.nav-link {
	color: var(--color-lightgold);
}
a.nav-link:not(.active):hover {
	color: var(--color-red);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--color-gold);
    background-color: transparent;
	border: 1px groove var(--color-gold);
}
.custom_table .input-group-text {
    padding: .1rem .5rem;
    border: var(--color-gray);
    color: black;
}
.custom_table input[type="search"].form-control {
	margin-left: 0;
    height: 32px;
    font-size: inherit;
	background: transparent;
}
.modal-content {
	background-color: #111;
}
.modal-footer {
	border-top: 1px solid #333;
}
.modal-header {
    border-bottom: 1px solid #333;
}
.modal form {
    margin-bottom: 0;
}
img.small {
	width: 18px;
}
.close {
	color: var(--color-default);
	text-shadow: none;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5rem;
    opacity: .65;
}
.close:hover {
	color: var(--color-default);
}
.toast-header .close {
	color: var(--color-gray)!important;
}
.form-control {
    background-color: rgba(0,0,0,.6)!important;
    border: 1px solid var(--color-gray)!important;
	color: white!important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1 !important;
	color: #777 !important;
}
.form-control:focus {
    color: inherit !important;
    background-color: inherit!important;
    border: 1px solid var(--color-gray)!important;
    box-shadow: 2px 2px 3px 1px black!important;
}
.evo-append .form-control:focus {
    box-shadow: none!important;
}
.form-control, .custom-select option {
	color: white!important;
    background-color: rgba(0,0,0,.5)!important;
}
.custom-select {
    background: rgba(0,0,0,.6) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid var(--color-gray);
	color: white;
}
.select2-container .select2-selection--single {
    height: 38px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 6px;
	color: var(--color-gray);
}
.select2-dropdown {
    background-color: black !important;
}
.select2-container {
	border: 1px solid var(--color-gray);
	background-color: black;
	border-radius: .25rem;
}
.select2-results__option {
	color: var(--color-gray);
	background-color: black;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #0069d9 !important;
    border: 1px solid #0062cc !important;
	color: white !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: none !important;
    color: white !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: transparent !important;
    color: white !important;
}
.autocomplete {
	position: relative;
	display: inline-block;
}
.autocomplete-items {
	position: absolute;
	border: 1px solid var(--color-gray);
	color: var(--color-gray);
	background-color: black;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
	margin-left: 15px;
	margin-right: 15px;
}
.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	height: inherit;
	background-color: black;
	border-bottom: 1px solid var(--color-gray);
	color: var(--color-gray);
}
.custom-file-label:lang(en)::after, .custom-file-label:lang(pt)::after {
    content: "\F021F";
    font: normal normal normal 24px/1 "Material Design Icons";
	height: calc(calc(2.25rem + 2px) - 1px * 2);
}
.custom-file-label {
    background-color: inherit; 
}
.custom-file {
	margin-left: 1.5em;
}
.alert-warning {
    color: inherit;
    background-color: rgb(255 243 205 / 0.4);
}
.alert-warning a {
    color: inherit;
	font-weight: bold;
}

/* https://www.w3schools.com/howto/howto_css_switch.asp */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
	transform: scale(.65);
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #555;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {
	background-color: #2196F3;
}
input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.switch .slider.round {
	border-radius: 34px;
}
.switch .slider.round:before {
	border-radius: 50%;
}