html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

	display: block;

}





.captcha{

    position:relative;

    width:200px

}

.captcha img{

    border:1px solid #ced4da;

    margin-bottom:5px

}

.captcha .fa{

    position:absolute;

    top:10px;

    right:10px

}

    .form-control {

        width: 250px;

        margin-bottom: 7px;

        text-transform: none;

    }

    .form-control-label{

        margin-left: 10px;

        line-height: 28px;

    }

    .required {

        color: red;

    }

    .invalid-feedback{

        color: red;

        float: right;

    }



.title-h2 {

  display: block;

  text-decoration: none;

  text-transform: uppercase;

  font-size: 16px;

  padding-left: 10px;

  margin-bottom: 10px;

  margin-top: 20px;

}

.title-h2:hover {

  filter: hue-rotate(20deg);

}

.on {

	color: green;

}

.off {

	color: red;

}

.online {

	color: green;

}

.offline {

	color: red;

}



.badge {

	margin-top: -15px;

	font-size: 10px;

}

.badge-primary {

	color: #87CEEB;

}

.badge-success {

	color: green;

}

.credit-shop {

  margin: 0;

  list-style: none;

  padding: 0;

}



.credit-shop li {

  text-align: center;

  width: 190px;

  padding-right: 10px;

  float: left;

  border: 1px solid rgb(255,255,255,0.1);

  padding-bottom: 5px;

  background: rgb(0,0,0,0.1);

  margin: 8px 5px;

  border-radius: 0px;

}



.credit-shop li:nth-child(3n) {

  padding-right: 0

}



.credit-shop .title {

  margin: 2px;

  color: #ffb800;

  margin: 10px 0px;

  line-height: 1.2;

  font-weight: bold;

  text-transform: uppercase;

}



.credit-shop .desc {

  text-align: left;

  height: 120px;

  padding: 5px;

  line-height: 1.3em;

  margin-bottom: 2px;

  background: transparent;

}



.credit-shop .desc img {

  max-height: 100px;

}



.credit-shop .price {

  margin: 2px;

  font-size: 13px

}



.achievements .requirements .title,.achievements .rewards .title{

    text-transform:uppercase;

    margin:5px 0;

    font-weight:700;

    text-align:center

}

.achievements .rewards ul{

    margin:0;

    padding:0;

    margin-left:15px

}

.card{

    border-radius:0px;

    background: rgb(0,0,0,0.1);

    padding: 10px;

    padding-top: 0px;

    font-weight: bold;

    border: 1px solid rgb(255,255,255,0.1);

}

.card .card-header{

    padding:.5rem .75rem;

}

.card .card-body{

    padding:.5rem

}

.card .card-footer{

    padding:.5rem

}

.progress{

    border-radius:0;

    padding:3px

}

.bg-success {

	background:  #fff;

}

.progress {

	background: rgb(255,255,255,0.1);

}

.bar {

	background: rgb(0,0,0,0.3);

}

.credit-shop .title-h2 {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}