body {
	background-color: var(--bodybg);
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	margin: 0 auto;
	color:var(--bodycolor);
}
header.top, .footerc {
    background-color: var(--headtop);
    padding: 20px 30px;	
}
.footerc {
    padding: 30px 30px;	
}
.footer {
	
	    background-color: var(--headmenu);
    padding: 17px 30px;
	   border-top: 1px solid var(--headborder);
}
header.bot {
    background-color: var(--headmenu);
    padding: 7px 30px;
    border-top: 1px solid var(--headborder);
    border-bottom: 1px solid var(--headborder);
}
header.top .logo {
    float: left;
    width: 200px;	
}
header.top .righttop {
	float: right;
    width: calc(100% - 220px);
    text-align: right;	
}
.korumaimg {
	width: 70%;
    margin: auto;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
header.bot nav ul {
	margin:0;
	padding:0;
}
header.bot nav ul li{
    list-style: none;
    display: inline-block;
    padding: 20px 0px;
	margin-right: 5px;
}

header.bot nav ul li a, header.bot nav ul li span{
	color: #b5b5c3;
    padding: 8px 20px;
    font-weight: 500;
    font-size: 13px;
	border-radius:5px;
	transition: background-color 0.3s ease,color 0.3s ease;
}
header.bot nav ul li span{
cursor: default;
}
header.bot nav ul li a:hover,.active a,.active span, header.bot nav ul li:hover a, header.bot nav ul li:hover span{
	background-color: var(--menuabg);
	color: var(--menuacolor)!important;
}
.clr {
	clear:both
}
a {
	text-decoration:none;
	color: var(--bodyacolor);
}
.container {
	width: 1300px;
    margin: 0 auto;
}
header.breadcumci {
	    background-color: var(--bread);
	
}
header.breadcumci h1{
	color:var(--breadh1);
    font-weight: 500;
    font-size: 23px;
}
.metin2i {
	font-size: 17px;
    padding: 2.96px 0;
    color: #f85365;
    text-shadow: 0px 5px #252437;
}
header.breadcumci .bread{
    padding: 10px 20px 10px 20px;
}
.mainbody {
	padding: 40px 0;
}
.column75 {
	float: left;
    width: calc(75% - 10px);
}
.column50 {
	float: left;
    width: calc(50% - 15px);
}
.column100 {
	float: left;
    width: 100%;
}
.arrow {
    border: solid #6d6d80;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    margin: 2px 5px;
}
.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
* {
	box-sizing: border-box;
}
.column {
	float: left;
	width: calc(37.5% - 20px);
}
.cardci {
	background-color:var(--cardbg);
	border-radius: .75rem;
}
.column2 {
	float: left;
    width: calc(25% - 24px);
}
.column3 {
    width: calc(50% - 15px);
    float: left;
}

.column33 {
	float: left;
	width: calc(33.3% - 20px);
}
.cardci h2{
    background-color:  var(--cardh2bg);
    margin: 0;
    padding: 15px 25px;
    font-weight: 600;
    border-bottom: 1px solid var(--cardh2border);
    font-size: 16px;
	border-top-left-radius: .75rem;
	border-top-right-radius: .75rem;
	text-align:center;
	color: var(--cardh2color);
}
.stat,.statfull {
padding: 5px;
    float: left;
    height: 109px;
    background-color: var(--statbg);
    border-radius: .75rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.stat{
    width: calc(50% - 15px);
}
.statfull{
    width: 100%;
	margin: 0;
}
.stattext {
	display: block;
    font-size: 13px;
    font-weight: 500;
}
.statnumber {
    text-align: center;
    font-size: 20px;
    display: block;
	margin-bottom:6px;
    font-weight: 500;
    color: #ffffff;
}
.chosed {
	background-color:  var(--statactivebg)!important;
	transform: scale(1.2);
}
.chosed .statnumber {
	color: var(--statactivecolor)!important;
}
.discordum {
    overflow: hidden;
    padding: 0;
    justify-content: flex-start;
    background-color: #738bd7!important;
}
.discordum img {
	margin:auto;
}
.shadows {
box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);
}
.chosed2 {
	background-color:  var(--statactivebg)!important;
}
.chosed2 .statnumber {
	color: var(--statactivecolor)!important;
}
.addserver {
	background-color:  var(--pickcolor)!important;
}
.addserver .statnumber {
	color: var(--statcolor)!important;
}
.addserver .stattext {
	color: var(--statcolor)!important;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
.mb-1 {
	margin-bottom:6px;
}
.mr-3 {
	margin-right:18px;
}
.mr-2 {
	margin-right:12px;
}
.mr-5 {
	margin-right:30px;
}
.mt-5 {
	margin-top:30px;
}
.mt-1 {
	margin-top:6px;
}
.ml-5 {
	margin-left:30px!important;
}
.ml-3 {
	margin-left:18px!important;
}
.sikscroll::-webkit-scrollbar{width:10px}.sikscroll::-webkit-scrollbar-track{background:#f1f1f1}.sikscroll::-webkit-scrollbar-thumb{background:#888}.sikscroll::-webkit-scrollbar-thumb:hover{background:#555}
.ozellikler {
	    padding: 10px 20px 30px 20px;
}
.ozellikler input:checked + label, .ektip input:checked + label{
 	opacity:1!important;
}
.ozellikler label {
cursor:pointer;	
	opacity:.5;
}
.ozellikler input {
display:none;
}
.pb-20px {
	    padding-bottom: 20px;
}
.ozellikler span,.ozellikler label {
    background-color: #fafaff;
    width: 100%;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    border: 2px solid #252437;
    color: black;
    border-radius: .35rem;
    margin-top: 15px;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    line-height: 20px;
}
.ektip span, .anatip span,.ektip label {
	    display: inline-block;
    padding: 3px 5px;
    margin-right: 3px;
    border-radius: 5px;
	    color: white;
}
.ektip span,.ektip label{
	    background-color: #1d1d2c;
}
.ektip label{
	 cursor:pointer;
	     opacity: .5;
}
.ektip input{
		display:none;
}
.stars i {
	    font-size: 15px;
    margin-bottom: 5px;
}
.stars i:not(:last-child) {
	    margin-right: 3px;
}
.mb-3px {
	    margin-bottom: 3px;
}
table.serveric tr td:first-child {
	font-weight:600;
}
.chosed2 .starchecked {
	color: #ebab35;
}
.ozellikyflow {
	    height: 238px;
    overflow: hidden;
    overflow-y: auto;
}
.anatip span {
background: #f85365;	
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
    margin-bottom: .75rem;
}

th, td {
	text-align: left;
	padding: 8px 25px;
}
table.serveric td{
	padding: 15.8px 25px;
    font-weight: 400;
}
table.serveric tr td:first-child{
	width:30%;
}
th {
	height:50px;
	color:#5e5e74;
}
tr:nth-child(even) {
	background-color: #fafaff;
}

#croutonx {
    padding: 8px 0;
    margin-bottom: 12px;
}
#croutonx::after {
    content: "";
    display: block;
    clear: both;
}
#croutonx ol {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    list-style: none;
}
#croutonx ol li {
    float: left;
    margin-right: 20px;
}
#croutonx ol li a {
    transition: 0;
    background: var(--breadabg);
    padding: 0.5em 1em;
    float: left;
    text-decoration: none;
    color: var(--breadacolor);
    position: relative;
    font-size: 13px;
	font-weight:500;
}
#croutonx ol li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#croutonx ol li:last-child > a::before {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#croutonx ol li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#croutonx ol li:not(:first-child) > a::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: var(--breadabg) var(--breadabg) var(--breadabg) transparent;
    left: -1em;
}
#croutonx ol li:not(:last-child) > a::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid var(--breadabg);
    right: -1em;
}

		.loginbar{
    width: 250px;
    float: right;
		}
			.text-right{
			text-align: right;
		}
		.nextprevserver {
			    background: #f85365;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
    padding: 15px 40px;

		}
		.nextserver {
			    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 50px;
			
		}
		.prevserver {
			    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 50px;
		}
		.text-center{
			text-align: center;
		}
		.mb-10 {
			    margin-bottom: 10px;
		}



.wikikat {
    width: 55px;
    padding: 8px 5px 8px 25px;
}
.wikikat i {
	color: #f85365;
	font-size: 30px;
    padding: 11px 0;
}
.iconpart i{
    font-size: 17px;
    padding: 2.96px 0;
    color: #252437;
}
.iconpart {
width: 40px;
    padding: 8px 10px 8px 25px;
}
.stattd {
	    width: 60px;
    text-align: center;
}
.stattd2 {
	    width: 140px;
    text-align: center;
}
h3 {
	margin: 0;
    padding: 0;
    line-height: 23px;
    font-size: 14px;
    font-weight: 500;
}
footer ul {
	    margin: 0;
    list-style: none;
    padding: 0;
    margin-top: 20px;
	
	
}
footer ul li a {
	    display: block;
    color: #b5b5c3;
    padding: 10px 0;
    font-size: 14px;
	
}
footer ul li a:hover {
	    display: block;
    color: #fafaff;
    text-decoration:underline;
	
}
footer span {
	font-size: 18px;
    font-weight: 500;
	
}
footer p {
	font-size: 15px;
    line-height: 25px;
    margin-top: 0;
}
.pagination {
  display: inline-block;
    margin: 10px 0 20px 0;
}

.pagination a {
    color: #676678;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    font-size: 15px;
}

.pagination a.active {
background-color: #f85365;
    color: white!important;
    border: 1px solid #252437;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 210px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
border-radius:5px;
overflow:hidden;
}
.dropdown-head {
	      left: 0;
		  margin-top:20px;
}
.dropdown-panel {
	right:0;
}
.dropdown-content a, .dropdown-content div {
  color:#5f5d7a!important;
  padding: 12px 20px!important;
  text-decoration: none;
  display: block;
  cursor:pointer;
  text-align:left;
  border-radius:0!important;
  white-space:nowrap;
  border-bottom: 1px solid #cecece;
      font-weight: 400!important;
}

.dropdown-content a:hover {background-color: #f1f1f1!important}

.dropdown:hover .dropdown-content {
  display: block;
}
.headeri {
    cursor: pointer;
    font-size: 35px;
    margin: 15px 0 15px 25px;
}
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
	.login {
		width:100%;
		margin-top:25px;
	}
	.login span {
		display: block;
		text-align: left;
		font-weight: 600;
		padding: 10px 0;
	}
	.login .btn {
background-color: #f85365;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    margin-top: 20px;
    width: calc(50% - 6px);
    border-radius: 5px;
	}
.menui {
	    float: left;
    width: 30px;
    margin-top: 1px;
}
.loaderci {
	    position: fixed;
    top: 0;
    height: 3px;
    background: #fc4e62;
    right: 0;
    left: 0;
    width: 0%;
    z-index: 111;
}
.editserver {
    width: 100%;
    padding: 10px 10px;
    border: 0;
    background: #f5f5f5;
    outline: 0;
    border-radius: 5px;
}
table.servericaktif td {
    padding: 9.55px 25px!important;
}
.fixedborder{
    position: fixed;
    bottom: 0;
    left: 0;
    color: black;
    display: flex;
    right: 0;
    height: 70px;
    font-size: 35px;
    background: yellowgreen;
    border: 0;
    outline: 0;
    cursor: pointer;
    z-index: 1;
    align-content: center;
    justify-content: center;
    align-items: center;
}
table.admin tr:nth-child(even){
	border-bottom:1px solid #666;
	background-color: transparent;
}
table.admin tr{
	border-bottom:1px solid #666;
}



/* Add padding and center-align text to the container */
.modal .containermodal {
  padding: 35px;
  text-align: center;
  position:relative;
  min-height:150px;
}
.pointer {
	cursor:pointer;
}
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}
#userheader {
	    float: right;
}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* The Modal (background) */
.modal  {
  display: none; /* Hidden by default */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #3337457a;
    align-content: center;
    justify-content: center;
    align-items: center;
}

/* Modal Content/Box */
.modal .modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
      border-radius: 10px;
	  justify-content: center;
}


/* The Modal Close Button (x) */
.modal .close {
    position: absolute;
    right: 35px;
    top: 15px;
    font-size: 40px;
    font-weight: 600;
    color: #373840;
}

.modal .close:hover,
.modal .close:focus {
  color: #f44336;
  cursor: pointer;
}
/* Clear floats */
.modal .clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.headingr {
	display:block;
	margin-bottom:20px;
  font-size: 25px;
}

.modalstar {
  font-size: 25px;
}

.modalstarchecked {
  color: orange;
}

/* Three column layout */
.ratingrow .sider {
  float: left;
  width: 15%;
  margin-top:10px;
}

.ratingrow .middler {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.ratingrow .rightr {
  text-align: right;
}

/* Clear floats after the columns */
.ratingrow .ratingrow:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.ratingrow .bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
}
.starsr {
	  font-size: 25px;
	  margin-right:3px;
	  cursor:pointer;
	  transition: all ease-out 0.1s;
}
.starsr:hover{
	    transform: scale(1.15);
}
.starsr.starchecked {
	  color: orange;
}
/* Individual bars */
.bar-5 {height: 18px; background-color: #04AA6D;}
.bar-4 {height: 18px; background-color: #2196F3;}
.bar-3 {height: 18px; background-color: #00bcd4;}
.bar-2 {height: 18px; background-color: #ff9800;}
.bar-1 {height: 18px; background-color: #f44336;}
#rightalert {
	position: fixed;
	display:none;
    right: 40px;
    bottom: 40px;
    width: 250px;
    min-height: 80px;
    border-radius: 5px;
    z-index: 1000;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
	padding: 25px;
	color:#000;
}
.danger {
  background-color: #ffdddd;
  border-top: 6px solid #f44336;
}

.success {
  background-color: #ddffdd;
  border-top: 6px solid #04AA6D;
}

.info {
  background-color: #e7f3fe;
  border-top: 6px solid #2196F3;
}
.warning {
  background-color: #ffffcc;
  border-top: 6px solid #ffeb3b;
}