body {
padding-top: 5rem;
font-size: 16px;
font-family: "Arial", sans-serif;
color: #333333 !important;
}


.g-recaptcha {
    overflow:hidden;
    width:298px;
    height:74px;


}
iframe {
  margin:-1px 0px 0px -2px;  

}


.starter-template {
padding: 1rem 1.5rem;
text-align: center;
}

a, td, div {
font-family: "Arial", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
color: #333333 !important;
font-family: "Arial", sans-serif;
}

.text-align-left {
    text-align: left !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #FFFFFF !important;
}

.navbar-light .navbar-nav .nav-link {
font-family: "Arial", sans-serif;
}

.card-title {
font-size: 25px;
}

.center {
margin: 0 auto !important;
}

.display-none {
    display: none !important;
}

.text-gold {
color: #DAA520;
}

.navbar {
/* background: url(../img/header-bg.png) repeat center center; */
background-color: #111 !important;
border-bottom: 2px solid #333;
-webkit-box-shadow: 0px 6px 5px 0px rgba(69,44,0,0.10);
-moz-box-shadow: 0px 6px 5px 0px rgba(69,44,0,0.10);
box-shadow: 0px 6px 5px 0px rgba(69,44,0,0.10);
}

.logo-text-shadow {
color: #FFFFFF !important;
text-shadow:0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000;
-webkit-text-shadow:0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000;
-moz-text-shadow:0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000, 0px 0px 10px #000000;
font-weight: bold;
}

.nav-link {
color: #fff !important;
}

.page-footer {
border-top: 2px solid #333;
margin-top: 60px;
padding: 1rem 1.5rem;
/* background: url(../img/header-bg.png) repeat left bottom; */
}

.neopet-yellow {
background-color: #faa819 !important;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 3px;
}

.alert-p-0 {
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block;
margin-top: 11px !important;
}

.bg-darker {
    background: #222 !important;
}
.dropdown-toggle {
	outline: 0
}

.btn-toggle {
	display: inline-flex;
	align-items: left;
	vertical-align: left !important;
	padding: .25rem .5rem;
	font-weight: 600;
	font-size: 12px;
	background-color: transparent;
	border: 0;
    color: #222;
}

.btn-toggle:hover,
.btn-toggle:focus {
    color: #222;
}

.btn-toggle::before {
	width: 1.25em;
	line-height: 0;
	transition: transform .35s ease;
	transform-origin: .5em 50%;
	top: 3px;
	position: relative
}

.btn-toggle[aria-expanded=true] {

}

.btn-toggle[aria-expanded=true]::before {
	transform: rotate(90deg)!important
}

.btn-toggle-nav li .active {
color: #222;
}

.btn-toggle-nav a {
	display: inline-flex;
	padding: .1875rem .5rem;
	margin-top: .125rem;
	margin-left: 1.25rem;
	text-decoration: none;
	font-size: 16px;
	width: -webkit-fill-available;
}

.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
        color: #5dbecd;
}