.content_head,
.head {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #FFF
}

.copyright,
.head {
	color: #FFF
}

.copyright,
.head,
.login_btn {
	text-align: center
}

body {
	background-image: url(metin2lf_sus.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top;
	background-color: #1a1a1a;
	margin: 0
}

.login_btn,
.login_field {
	background-repeat: no-repeat;
	border: 0
}

body,
td,
th {
	font-family: 'Roboto Condensed', sans-serif
}

.copyright,
.login_field {
	font-size: 12px;
	font-family: 'Roboto Condensed', sans-serif
}

.login_field {
	background-image: url(login_field.png);
	width: 158px;
	height: 32px;
	line-height: 28px;
	padding-left: 13px;
	margin-right: -13px;
	background-color: transparent;
	color: #859398
}

.form-control {
	background-color: #090909!important;
	border: 1px solid #232323!important;
	border-radius: 3px;
	width: 100%;
	height: 32px;
	line-height: 28px;
	padding-left: 13px;
	margin-right: -13px;
	background-color: transparent;
	color: #859398
}
.table > tbody > tr > td {
	vertical-align: middle;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
a.btn {
	padding: 4px;
}
.card {
	width: 90%;
}
hr {
	width: 95%;
    border: 0;
    height: 0;
    border-bottom: 1px solid rgb(255 255 255 / 8%);
}
.table {
	width: 90%!important
}

.login_btn {
	background-image: url(btn_login.png);
	width: 60px;
	height: 69px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFF;
	font-size: 13px
}

.buton,
.buton:hover {
	background-image: url(buton.jpg);
	height: 22px
}

.login_text,
.login_text:hover {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	text-align: center
}

.login_text {
	color: #859398;
	text-decoration: none
}

.login_text:hover {
	color: #fff;
	text-decoration: none
}

.main_menu a,
.main_menu a.hover,
.main_menu:hover {
	font-size: 12px;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration: none
}

.main_menu a,
.main_menu a.hover {
	color: #859398
}

.main_menu:hover {
	color: #fff;
	background-color: #000000;
	width: 200px;
	border-left: 6px solid #000000
}

a:hover {
	color: #FFF;
	text-decoration: none
}

.online_stats {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 11px;
	font-weight: 300;
	text-decoration: none
}

.content,
.top:nth-child(even),
.top:nth-child(odd) {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-weight: 300
}

.content {
	color: #859398;
	text-decoration: none
}

.top:nth-child(even) {
	color: #5d7d8c;
	padding-left: 3px
}

.iR_stats,
.top:nth-child(odd) {
	background-color: #1a1d1f;
	color: #fff
}

.top:nth-child(odd) {
	padding-left: 3px
}
.top td {
text-transform: capitalize;
}
.name-column {
text-align: left; padding-left: 22px;

}
.iR_stats {
	padding-left: 4px
}

a:active {
	text-decoration: none;
	color: #859398
}

.msg_error,
.msg_succes {
	color: #fff;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px
}

.msg_succes {
	background-color: #9C0
}

.msg_error {
	background-color: #900
}

.collect,
.iRg_input,
.text_field {
	color: #859398;
	border: 1px solid #FFF
}

.text_field {
	font-size: 12px;
	background-color: #150503;
	padding: 3px;
	font-family: 'Roboto Condensed', sans-serif
}

.iRg_input {
	background-color: #060708;
	padding: 3px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px
}

.collect {
	background-color: #grey;
	text-align: center
}

.buton {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	border: 0
}

#barx {
	color: #859398;
	background-color: #060708;
	border: 1px solid #FFF;
	padding: 3px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px
}

.buton:hover {
	-moz-box-shadow: inset 0 0 4px #774038;
	-webkit-box-shadow: inset 0 0 4px #774038;
	box-shadow: inset 0 0 4px #774038;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	border: 0
}


.table_head {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	background-color: #000000;
	font-weight: 300
}

.btn {
color: #fff!important;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 12px;
    border: 0;
    background-image: url(buton.jpg);
    height: 22px;
}
.pagination_selected {
	-moz-box-shadow: inset 0 0 10px #774038;
	-webkit-box-shadow: inset 0 0 10px #774038;
	box-shadow: inset 0 0 10px #774038
}

.barx {
	color: #859398;
	background-color: #150503;
	border: 1px solid #FFF
}
.page-hd {
	display: none!important;
}
.pagination {
	padding-top: 15px;
  display: inline-block!important;
  padding-left: 0;
  margin: 0 auto!important;
  border-radius: 4px;
  position: relative;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 10px 15px;
  line-height: 1.42857143;
  text-decoration: none;
  color: black;
  background-color: white;
  border: 1px solid transparent;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #243eb9;
  border-color: transparent;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #ffffff;
  background-color: #007053;
  border-color: transparent;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 18px 27px;
  font-size: 19px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 6px 9px;
  font-size: 13px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.alert {
	width: 90%;
}


.languagepicker {
    background-color: #222020;
    display: inline-block;
    padding: 0;
    height: 40px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 40px 0 0 0;
    vertical-align: top;
    float: left;
    position: absolute;
    right: 50px;
	border-radius: 4px;
    z-index: 9999;
}

.languagepicker:hover {
    /* don't forget the 1px border */
    height: 81px;
}

.languagepicker a {
    color: #000;
    text-decoration: none;
}

.languagepicker li {
    display: block;
    padding: 0px 10px;
	padding-top: 6px;
    line-height: 40px;
    border-top: 1px solid #303030;
}

.languagepicker li:hover {
    background-color: #303030;
}

.languagepicker a:first-child li {
    border: none;
    background: #303030 !important
}
        .roundborders {
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }