@font-face { font-family: H67; src: url('fonts/H67.otf') format('opentype'); font-weight: bold; font-style: normal; }
@font-face { font-family: H77; src: url('fonts/H77.otf') format('opentype'); font-weight: bold; font-style: normal; }
@media screen and (max-width: 768px) {    

    /* COUNTDOWN RESPONSIVE */
    .flip-clock-wrapper ul li {
        line-height: 23px !important;
    }
    .flip-clock-wrapper ul li a div div.inn {
        border-radius: 3px !important;
        font-size: 15px !important;
    }
    .flip-clock-wrapper ul {
        width: 27px !important;
        height: 24px !important;
        margin: 1px !important;
    }
    .flip-clock-dot {
        width: 2px !important;
        height: 2px !important;
    }
    .flip-clock-divider{
        width: 10px !important;
        height: 30px !important;
    }
    .flip-clock-dot.bottom {
        bottom: 25px !important;
    }
    .flip-clock-dot.top {
        top: 10px !important;
    }
    .flip-clock-divider .flip-clock-label {
        right: -55px !important;
    }
    .flip-clock-divider.minutes .flip-clock-label {
        right: -60px !important;
    }
    .flip-clock-divider.seconds .flip-clock-label {
        right: -60px !important;
    }
    .jumbotron h1{
        font-size: 20px !important;
    }
    /* Header */
    /*header{
        height: 200px !important;
    }*/
    /* Page Title */
    /*.Server-Time {
        font-size: 12px !important;
    }*/
    .pageTitle h1{
        font-size: 15px !important;
    }
    /* Castlesiege Banner */
    .castle-siege-banner .guild_owner, .castle-siege-banner .guild_owner a {
		font-size: 15px !important;
	}
	.castle-siege-banner .guild_master, .castle-siege-banner .guild_master a {
		font-size: 15px !important;
	}
	.castle-siege-banner .guild_countdown {
		font-size: 15px !important;
	}
		.castle-siege-banner .guild_countdown span {
			font-size: 14px !important;
    }
    /* Table Ranking */
    .table td, .table th {
        font-size: 10px;
    }
    /* Navbar */
    .dropdown-usercp .btn{
        color: #f1f1f1 !important;
    }
    
    .dropdown-usercp .btn.focus, .btn:focus {
        outline: 0;
        box-shadow: unset !important;
    }
    
    .dropdown-usercp .dropdown-item{
        color: #f1f1f1;
    }
    
    .dropdown-usercp .dropdown-item:hover{
        color: #2d2d2d;
    }
    .admincp-button {
      position: absolute;
      top: 0px;
      right: 10px;
      font-size: 10px;
      background: var(--ColorTemplate) !important;
      border: 2px solid #000000 !important;
      color: var(--bs-light) !important;
      font-weight: bold !important;
    }

    .box-jugando{
      width: unset !important;
      margin-left: unset !important;
      margin-bottom: 5px;
    }

    .horario-server{
      text-align: center !important;
      margin-bottom:45px;
      margin-left: unset !important;
    }
}

.box-jugando{
  width: 290px;
  margin-left: -30px;
  z-index: 15;
}

.horario-server{
  text-align: right;
  z-index:10;
  margin-right:-30px;
}

/* Body */
body{
  background-color: #161719!important;
    color: #edeff4!important;
}

.table thead th {
    border-bottom: 2px solid #1c1e1e !important;
}

.table td, .table th {
  border-top: 1px solid #1c1e1e !important;
}

.progress{
  height: 2rem !important;
}

.navbar{
  background: #242629;
  color: #f1f1f1!important;
}

@media screen and (min-width:768px){
   /* Navbar */
.navbar-register{
    font-size: 15px;
    margin-left: 10px;
}

.navbar-register .nav-link {
    color: #f1f1f1 !important;
}

.navbar{
  background: #242629;
    width: 100%;
    border-bottom: 2px solid #282a2d;
    color: #dae0e7!important;
    text-decoration: none;
    display: inline-block;
    position: relative;
    font-family: H67,Arial;
    text-transform: uppercase;
    font-weight: 600;
}

button.navbar-login{
    font-size: 15px;
    margin-top: -35px;
    margin-bottom: -35px;
    color: #f1f1f1;
    font-family: H67,Arial;
    text-transform: uppercase;
    border-radius: unset;
}

button.usercp-navbar{
    font-size: 15px;
    margin-top: -35px;
    margin-bottom: -25px;
}

.dropdown-usercp .btn-danger:hover {
    color: #000;
    background-color: unset !important; 
    border-color: unset !important;
}

.dropdown-usercp .btn{
    color: #f1f1f1 !important;
}

.dropdown-usercp .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset !important;
}

.dropdown-usercp .dropdown-item{
    color: #f1f1f1;
}

.dropdown-usercp .dropdown-item:hover{
    color: #2d2d2d;
}

.dropdown-usercp{
    margin-top: -35px;
    margin-bottom: -35px;
}

.navbar-login .nav-link {
    color: #f1f1f1 !important;
}

.navbar-logo{
    margin: -15px;
}

#mainNav li {
    margin-top: -35px;
    margin-bottom: -35px;
    padding-top: 15px;
    font-family: H67,Arial;
    text-transform: uppercase;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}

#mainNav .nav-item:hover{
    background: #000000;
    transition: all .5s ease;
}

#mainNav li a:hover {
    color: #f1f1f1!important;
    text-shadow: 0 0 5px rgba(142,170,91,0.3);
    border-radius: 2px;
    transition: all .5s ease;
}

#mainNav li a:hover:after {
	width: 30%;
  }
  #mainNav li a:hover:before {
	width: 30%;
  }
  #mainNav li a:after {
	content: "";
	height: 1px;
	width: 0px;
	background: #f1f1f1;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transition: width .5s ease;
  }
  #mainNav li a:before {
	content: "";
	height: 1px;
	width: 0px;
	background: #f1f1f1;
	position: absolute;
	bottom: 5px;
	right: 50%;
	transition: width .5s ease;
  }
}

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;
    vertical-align: baseline;
}

:root{
    --color1: #f1f1f1;
    --color2: #fff;
    --color3: #ececec;
    --colorimg: #d4d4d4;
  }
/* Stats */
.estadisticas-pjs .progress{
  height: 1.35rem !important;
}
.estadisticas-pjs .btn{
  color: #f1f1f1 !important;
}

/* Contenedor de contendor */
#about{
  background: #161719;
  border-top: 3px solid #282a2d!important;
  /*border-bottom: 3px solid #807d77!important;*/
}

/* Contenedor */
@media (min-width: 992px){
.container {
    max-width: 1300px !important;
}

}
.contenedor{
  position: relative;
  display: table;
  margin: 0 auto;
  background: #161719;
}


/* Sidebar */
.ServerInfoIzq {
  background: unset !important;
  color: #f1f1f1!important;
  padding: 0.375rem 0.75rem!important;
  width: 60%!important;
  font-family: 'Dosis', sans-serif;
  font-size: 13px !important;
  font-weight: 600;
  /* justify-content: right!important; */
  text-align: right!important;
  border: 0 !important;
  border-bottom: 1px solid #1c1e1e !important;
  border-color: transparent;
  border-radius: 0 !important;
}

.ServerInfoDer {
  background: #35383c !important;
  color: #f1f1f1!important;
  width: 40%!important;
  font-family: 'Dosis', sans-serif;
  font-size: 13px;
  font-weight: 600;
  border: 0 !important;
  border-left: 3px solid var(--ColorTemplate) !important;
  border-bottom: 1px solid #2c2e32 !important;
}

.UserCPInfoDer {
  background: #35383c!important;
  color: #f1f1f1!important;
  padding: 7px!important;
  width: 60%!important;
  font-family: H67,Arial;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  /*justify-content: right!important;*/
  text-align: right!important;
  border-color: transparent;
}

.UserCPInfoIzq {
  background: #242629!important;
  color: #2d2d2d!important;
  width: 40%!important;
  font-family: H67,Arial;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

.panel-usercp .input-group-text{
  border-top: unset !important;
  border-bottom: unset !important;
}

.icon-login {
  background-color: #2d2d2d!important;
  color: #f1f1f1!important;
}

.login-block form {
  padding: 0 10px;
}

.btn-dark {
  color: #fff;
  background-color: #2d2d2d;
  border-color: #343a40;
}

.panel-news .panel-heading {
  padding-bottom: 10px;
    padding-top: 5px;
    padding-left: 25px;
    border-radius: 2px;
    color: #f1f1f1;
    background-color: #35383c;
    border: 1px solid #1c1e1e;
    border-left: 5px solid var(--ColorTemplate);
    border-bottom: 0 !important;
}

.panel-news .panel-body{
  background: #242629;
    padding: 10px;
    border: 1px solid #1c1e1e;
}


.mini-ranks-hard {
  background: #35383c!important;
  border: 1px solid #1c1e1e!important;
}

.mini-ranks-hard-text {
  color: #f1f1f1!important;
}

.mini-ranks-hard-text-bar {
  color: #f1f1f1!important
}

.panel-news .panel-title a {
  font-size: 19px;
  color: var(--ColorTemplate) !important;
  line-height: .9;
  font-family: 'Dosis',sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.miniranks {
  font-size: 25px;
    color: var(--color1)!important;
    border: 1px solid #1c1e1e;
    /* line-height: .9; */
    font-family: 'Quicksand',sans-serif;
    text-align: left;
    border-left: solid 5px var(--ColorTemplate);
    padding: 5px;
    background: #35383c;
}

img {
    vertical-align: middle !important;
}

.default-char-offline {
  border: 3px solid #D0D0D0;
  vertical-align: middle;
}

.default-char-online {
  border: 3px solid #a5d72c;
  vertical-align: middle;
}

.rounded-circle {
    border-radius: 50%;
}

.news-article h2 a {
    color: #b00c0c !important;
    text-decoration: none;
}

a {
    transition: all 0.3s ease;
    color: #dae0e7 !important;
    text-decoration: none;
}

a:hover {
    transition: all 0.3s ease;
    color: #1c3986;
    text-decoration: none;
}

/* Page Tittle */
.pageTitle {
    display: flex;
      align-items: center;
      color: #000000;
      font-size: 22px;
      margin-bottom: 0px;
      height: 110px;
      width: 100%;
      position: relative;
      left: 0;
      top: -111px;
  }
  .pageTitle:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 110px;
  }
  .pageTitle h1 {
    color: #f1f1f1;
    position: relative;
    z-index: 2;
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Dosis',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
  }
  .pageTitle select {
    position: absolute;
    right: 45px;
    top: 25px;
    z-index: 10;
  }

  .nk-feature-1, .nk-feature-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 50px;
    background-color: #ece8e1;
    border: 2px solid #807d77;
    border-radius: 5px;
    height: 80px;
}
.nk-feature-1 .nk-feature-icon, .nk-feature-2 .nk-feature-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 116px;
  height: 50px;
  font-size: 3rem;
  line-height: 50px;
  color: #2d2d2d;
  text-align: center;
  border-right: 1px solid #dadada;
  border-radius: 3px;
}
.nk-feature-1 .nk-feature-cont, .nk-feature-2 .nk-feature-cont {
  padding-left: 22px;
  padding-right: 15px;
}

.Server-Time {
    color: #f1f1f1;
    font-family: 'Montserrat', sans-serif;
}
#tServerTime {
    color: #28a745;
}
#tLocalTime {
    color: #28a745;
}

section {
    padding: 0px !important;
  }
  
/* HEADER */  
header {
   /* height: 400px;*/
    position: relative;
    padding: unset !important;
    /*min-height: 400px;*/
}
header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: 400px;
    max-width: 400px;
    object-fit: cover;
}

/* JUMBOTRON */
.jumbotron{
    background: rgba(0, 0, 0, 0.8);
    color: #fefefe;
    padding:0;
    position: relative;
    z-index: 999;
    max-height: 400px;
  }
  
  .jumbotron h1{
    color: #da1212 !important;
    font-size: 2.5rem;
    font-family: 'Montserrat', sans-serif;
  }

/* Countdown */

.webengine-countdown h1 {
	color: #000000;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.flip-clock-wrapper {
    width: unset !important;
  }
  
.flip-clock-wrapper ul li a div div.inn {
    background-color: #b00c0c !important;
  }
  
.flip-clock-dot {
    background: #b00c0c !important;
  }

.flip-clock-divider .flip-clock-label {
    color: #fff !important;
}

.titulo {
  height: 80px;
  background: #242629;
  /*border-top: 1px solid #d4d0ca;
  border-bottom: 1px solid #d4d0ca;*/
  border-left: var(--ColorTemplate) 5px solid;
  border-top-left-radius: 2%;
  border-bottom-left-radius: 2%;
  -moz-border-top-left-radius: 2%;
  -webkit-border-top-left-radius: 2%;
  -khtml-border-top-left-radius: 2%;
  -moz-border-bottom-left-radius: 2%;
  -webkit-border-bottom-left-radius: 2%;
  -khtml-bottom-left-radius: 2%;
}

.dato {
  height: 40px;
  background: #242629;
  /*border-top: 1px solid #d4d0ca;*/
  border-bottom: 1px solid #1c1e1e;
  /*border-right: 1px solid #d4d0ca;*/
}

/* CASTLE SIEGE BANNER */
.panel-castle-siege {
  color: var(--color1);
}
.panel-castle-siege img {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
}
.panel-castle-siege a {
  color: #1c3986;
  text-shadow: 1px 1px #000;
}
.panel-castle-siege a:hover {
  color: var(--ColorTemplate) !important;
  text-shadow: 1px 1px #131313;
}
.panel-castle-siege .title-castle-owner {
  font-weight: 700;
  color: var(--color1);
}
.panel-castle-siege .title-guild-master {
  font-weight: 700;
  color: var(--color1);
}
.panel-castle-siege .title-castle-battle {
  font-weight: 700;
}
.panel-castle-siege .castle-siege-countdown {
  margin-top: 20px;
}
.panel-castle-siege .castle-countdown {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
.panel-castle-siege .castle-countdown span {
  color: #1c3986;
  font-size: 30px;
}

#cscountdown {
  color: var(--color1);
  font-weight: 700;
}
        
/* PAGINATION */
.pagination {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pagination li .number {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0px 7px;
    font-size: 14px;
    color: #404243;
    border-radius: 50%;
    position: relative;
  }
  .pagination li .active {
    color: #f1f8ff;
    background: #5f5d55;
  }
  .pagination li .prev {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #918f84;
  }
  .pagination li .prev:before {
    content: "<";
    font-stretch: ultra-condensed;
    color: #f1f8ff;
    font-size: 18px;
  }
  .pagination li .next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #918f84;
  }
  .pagination li .next:before {
    content: ">";
    font-stretch: ultra-condensed;
    color: #f1f8ff;
    font-size: 18px;
  }        

  .admincp-button {
	position:absolute;
	top:10px;
	right:10px;
	z-index: 9999;
}
/* FOOTER */
footer{
  margin-top: 250px;
  background: #242629;
  border-top: 3px solid #282a2d;
}
/* SIDEBAR */
.panel-sidebar {
	background: #fefefe;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ececec;
	-webkit-box-shadow: 0 0 10px #ececec;
	box-shadow: 0 0 10px #ececec;
	border-radius: 5px;
}

.panel-news .panel-footer {
  border: 1px solid #252525;
  border-top: unset;
  background: #35383c;
  font-family: 'Quicksand',sans-serif;
  font-size: 11px;
  height: 40px;
  color: #f1f1f1;
  padding-top: 10px;
  padding: 10px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.panel-sidebar > .panel-heading {
  color: var(--ColorTemplate);;
	border-bottom: 3px solid var(--ColorTemplate);;
  font-family: 'Quicksand',sans-serif;
	border: 0px;
	padding: 20px 15px;
}

.panel-sidebar > .panel-heading > .panel-title {
	font-weight: bold;
}

.panel-usercp ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.panel-usercp ul li {
	display: table;
	width: 100%;
	vertical-align: middle;
}

.panel-usercp ul li a {
	color: #2d2d2d !important;
  font-family: 'Quicksand',sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.panel-usercp a:active, .panel-usercp ul li a:hover {
	color: #1c3986 !important;
}

.panel-usercp ul li img {
	position: relative;
	/*top: -2px;*/
	bottom: -5px;
	padding-right: 10px;
}

.sidebar-block {
  background: #242629;;
    border: 1px solid #252525;
    border-top: 0;
    /* border-radius: 5px; */
    margin-bottom: 10px;
}

.sidebar-banner {
	margin: 20px 0px;
	border: 0px;
}

.sidebar-banner img {
	width: 100%;
	height: auto;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
	border: 0px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

/* GENERAL PANEL STYLING */
.panel-general {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}

.panel-body .panel-title {
	color: var(--ColorTemplate) !important;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px !important;
	font-weight: bold;
}

/* ADD STATS MODULE */
.panel-addstats {
	margin-bottom: 30px;
    background: #35383c;
    border: 1px solid #1c1e1e;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #f1f1f1;
    padding: 30px 0px;
}
.panel-addstats .character-avatar img {
	width: 100px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.panel-addstats .character-name {
	color: var(--ColorTemplate);
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	border-bottom: 1px solid #e3e3e3;
	padding: 20px 0px;
	margin-bottom: 20px !important;
	font-weight: bold;
}

.whatsapp {
  position: fixed;
  bottom: 20px;
  left: 25px;
  z-index: 999;
}

/* DOWNLOADS */
.panel-downloads {
	margin-bottom: 30px;
    background: #35383c;
    border: 1px solid #242629;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #f1f1f1;
    padding: 20px;
}
	.download-description {
		font-size: 11px;
		position: relative;
		top: -7px;
		color: #777;
	}

.panel-downloads > .panel-body > .panel-title {
	font-size: 20px;
	padding-bottom: 8px;
}

.online-status-indicator {
	margin-left: 5px;
}

/* WEBENGINE CMS */
.webengine-powered { color:  var(--ColorTemplate) !important;; }
.webengine-powered:active, .webengine-powered:hover { color: var(--ColorTemplate) !important; }

.page-title {
	color: var(--ColorTemplate);
	font-family: 'PT Sans', sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* NEWS */
.news-article {
	position: relative;
	padding: 15px 15px;
	margin-bottom: 30px;
}
	.news-article .news-image {
		padding: 10px;
	}
	.news-article .news-image img {
		width: 100%;
		height: auto;
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
	}
	.news-article .news-content {
		padding: 10px;
	}
		.news-article .news-content h3 {
			margin: 0px 0px 15px 0px;
			padding: 0px 0px 5px 0px;
			text-transform: uppercase;
			font-size: 18px;
			font-weight: bold;
			border-bottom: 1px solid #d4d4d4;
		}
		.news-article .news-content h3 a {
			color: #000;
		}
		.news-article .news-content .news-date {
			font-size: 12px;
			font-style: italic;
			color: #aaa;
		}

/* RANKINGS MODULE */
.rankings-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.rankings-table tr td{
  border-top: 1px solid #1c1e1e !important;
}

.rankings-class-image {
	width: 40px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.rankings-table tr td {
	border-bottom: 1px solid #1c1e1e;
    padding: 10px;
    font-size: 18px;
    vertical-align: middle !important;
    text-align: center;
}
.rankings-table-place {
	color: var(--ColorTemplate);
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
.rankings-table tr:first-child td {
	color: var(--bs-light);
	border-bottom: 3px solid var(--ColorTemplate);
	background: var(--ColorTemplate);
}
.table {
  color: #f1f1f1;
}
.rankings-update-time {
	text-align: right;
	font-size: 11px;
	color: #ccc;
	padding: 10px 0px;
}
.rankings_menu {
	width: 100%;
	overflow: auto;
	text-align: center;
	margin-bottom: 10px;
}
.rankings_menu span {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
	color: #ccc;
	font-size: 24px;
}
.rankings_menu a {
	display: inline-block;
	width: 160px;
	border: 1px solid var(--ColorTemplate);
	border-left: 7px solid var(--ColorTemplate);
	text-align: center;
	padding: 2px 0px;
	margin: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: var(--ColorTemplate);
	background: linear-gradient(to left, transparent 50%, var(--ColorTemplate) 50%);
	background-size: 200%;
	background-position: right;
	transition: background-position 0.5s;
}
.rankings_menu a.active {
	color: var(--ColorTemplateFont) !important;
	border: 1px solid var(--ColorTemplate);
	border-left: 7px solid var(--ColorTemplate);
	background: var(--ColorTemplate);
}

.rankings_menu a:hover {
	color: var(--ColorTemplateFont) !important;
    text-decoration: none !important;
	background-position: left;
}
.rankings_guild_logo tr td {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.rankings-gens-img {
	width: auto !important;
	height: 30px !important;
	border: 0 !important;
	-moz-box-shadow: 0 0 0px #000 !important;
	-webkit-box-shadow: 0 0 0px #000 !important;
	box-shadow: 0 0 0px #000 !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* MY ACCOUNT MODULE */
.myaccount-table {
	width: 100%;
	color: #f1f1f1;
    background: #35383c !important;
    border: 1px solid #1c1e1e;
}
.myaccount-table tr td:first-child {
	color: #f1f1f1;
	font-weight: bold;
}
.myaccount-table tr td {
	border-bottom: 1px solid #1c1e1e;
	padding: 25px !important;
}
.myaccount-table tr:last-child td {
	border: 0px;
}
.myaccount-table tr td {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* MY ACCOUNT CHARACTER LIST */
.myaccount-character-block {
	background: #333;
	border: 1px solid #666;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0px auto;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
	.myaccount-character-block img {
		width: 100px;
		height: auto;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
		.myaccount-character-block img:hover {
			-webkit-filter: brightness(120%);
			filter: brightness(120%);
		}
.myaccount-character-block-location {
	font-size: 12px;
	color: #f1f1f1;
	margin-bottom: 20px;
	margin-top: 2px;
	line-height: 1.2;
}
.myaccount-character-block-level {
	position: relative;
	top: -77px;
	display: inline-block;
	background: rgba(0,0,0,0.5);
	padding: 0px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
}
.myaccount-character-name a {
	font-weight: bold;
	color: #000;
	font-size: 16px;
}

/* GENERAL TABLE UI */
.general-table-ui {
	width: 100%;
	table-layout: fixed;
	background: #181a1c;
	border: 1px solid #1c1e1e;
	padding: 10px;
}
.general-table-ui tr td {
	padding: 15px 5px !important;
	vertical-align: middle !important;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.general-table-ui tr:hover td {
	background: #35383c;
}
.general-table-ui tr:first-child td {
	color: var(--ColorTemplate);;
	font-weight: bold;
}
.general-table-ui tr:nth-child(2n+2) td {
	background: #35383c;
}
.general-table-ui tr td {
	text-align: center;
}
.general-table-ui img {
	width: 50px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* TERMS OF SERVICE PAGE */
.tos_list li {
	color: var(--ColorTemplate);;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 40px;
}
.tos_list li p {
	color: #444;
	text-align: justify;
	text-justify: inter-word;
	text-transform: none;
	padding-right: 35px;
	font-size: 14px;
	font-weight: normal;
}

/* PAYPAL */
.paypal-gateway-container {
width: 100%;
background: #1a2133;
border: 1px solid #2e374f;
}

.paypal-gateway-logo {
width: 100%;
height: 68px;
background: #0000006e url('../img/paypal-logo-200-68.png') no-repeat top center;
margin-bottom: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.paypal-gateway-content {
  margin: 10px;
  background: #343a40;
  border: 2px solid #585e65;
  padding: 10px;
  overflow: auto;
}

.paypal-gateway-conversion-rate {
margin: 0px auto;
text-align: center;
color: #000;
font-size: 18px;
padding: 10px 0px;
}

.paypal-gateway-form {
width: 100%;
margin: 0px auto;
text-align: center;
}

.paypal-gateway-form div {
display: inline-block;
padding: 0px 10px;
color: #f1f1f1;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

.paypal-gateway-form input[type=text] {
width: 40px;
}

.paypal-gateway-continue {
margin: 0px auto;
text-align: center;
}

.paypal-gateway-continue input[type=submit] {
  background: #0000006e;
  width: 200px;
  height: 40px;
  border: 0px;
  margin-top: 10px;
  border-radius: 20px;
  color: #f1f1f1;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

/* MODULE DOWNLOAD */
  .downloadBlock-left {
    background: #dddfe4;
    padding: 30px 70px;
  }
  .downloadBlock-right {
    background: #b00c0c;
    color: #d5e7e8;
    padding: 30px 60px;
  }
  .downloadBlock-right h3 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 24px;
  }
  
  .file-size {
    font-size: 24px;
    color: #27353d;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 20px;
  }
  
  .filesBlock {
    display: flex;
    justify-content: center;
  }
  .filesBlock a {
    display: block;
    width: 120px;
    height: 90px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px solid #c8ccd6;
  }
  .filesBlock a:last-child {
    border-right: none;
  }
  .filesBlock a:hover {
    background-color: #eef2ff;
  }
  .filesBlock .mega {
    background-image: url(../img/mega-icon.png);
  }
  .filesBlock .googledrive {
    background-image: url(../img/googledrive-icon.png);
  }
  .filesBlock .torrent {
    background-image: url(../img/torrent-icon.png);
  }
  .filesBlock .mediafire {
    background-image: url(../img/mediafire-icon.png);
  }
  
  .download-button {
    color: #fbfcff;
    display: inline-block;
    padding: 14px 35px;
    border: 1px solid #fbfcff;
  }
  .download-button:hover {
    background: #8b3a3a;
    color: #fbfcff;
  }
  
  .block {
    margin-bottom: 50px;
  }
  
  .drivers {
    justify-content: space-between;
  }
  .drivers .driver {
    height: 185px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #bdbec1;
  }

  /*Progress bar*/
  .bg-aifos{
  background-color: #161719 !important
  }
  .text-aifos{
    color: #f1f1f1 !important;
  }

/* RANKINGS FILTER BY CLASS */

.rankings-class-filter {
	display: inline-block;
	list-style-type: none;
	margin: 20px auto;
	padding: 10px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}

	.rankings-class-filter li {
		display: inline-block;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		margin-bottom: 10px;
	}

.rankings-class-filter-selection {
	display: inline-block;
	text-align: center;
	color: #000000;
	font-size: 11px;
	cursor: pointer;
}

	.rankings-class-filter-selection:hover {
		color: #000000 !important;
	}

	.rankings-class-filter-selection:hover img {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

.rankings-class-filter-selection img {
	width: 80px;
	height: auto;
	-moz-border-radius: 5%;
	-webkit-border-radius: 5%;
	border-radius: 5%;
	-khtml-border-radius: 5%;
	margin-bottom: 5px;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
}

.clase-cs .card{
  border: 1px solid rgb(34 34 34) !important;
}

.clase-cs .card-header{
  background-color: #35383c !important;
  border-left: solid 5px var(--ColorTemplate);
}

.card-body{
  background-color: #1b1c1e !important;
}

.clase-cs .card-footer{
  background-color: #35383c !important;
}

.dropdown-item:hover {
  color: #16181b !important;
  background-color: #242629 !important;
}

.general-rank{
  background-color: #1b1c1e !important;
}
div.dataTables_wrapper div.dataTables_filter label {
	display: block;
  }
   
  div.dataTables_wrapper div.dataTables_filter input {
	width: 100%;
	margin: 0;
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
	color: var(--ColorTemplateFont) !important;
  }
  div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link {
	color: var(--ColorTemplateFont) !important;
  }

.banners-sidebar img{
	border: 1px solid var(--ColorTemplate);
}

.btn-primary {
	color: var(--ColorTemplateFont) !important;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-primary:hover {
	color: var(--ColorTemplateFont) !important;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-check:focus + .btn-primary, .btn-primary:focus {
	color: var(--ColorTemplateFont) !important;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
	box-shadow: 0 0 0 0.25rem var(--ColorTemplateAlpha);
  }
  .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
	color: var(--ColorTemplateFont) !important;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem var(--ColorTemplateAlpha);
  }
  .btn-primary:disabled, .btn-primary.disabled {
	color: var(--ColorTemplateFont);
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }

  .btn-outline-primary {
	color: var(--ColorTemplate) !important;
	border-color: var(--ColorTemplate);
  }
  .btn-outline-primary:hover {
	color: var(--ColorTemplateFont) !important;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
	box-shadow: 0 0 0 0.25rem var(--ColorTemplateAlpha);
  }
  .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
	color: var(--ColorTemplateFont) !important;
	background-color: var(--ColorTemplate);
	border-color: var(--ColorTemplate);
  }
  .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem var(--ColorTemplateAlpha);
  }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
	color: var(--ColorTemplate) !important;
	background-color: transparent;
  }

  .text-primary {
	color: var(--ColorTemplate) !important;
  }

  .bg-primary {
	background-color: var(--ColorTemplate) !important;
  color:var(--ColorTemplateFont) !important;
  }

  .border-primary {
	border-color: var(--ColorTemplate) !important;
  }

  .table-guild{
	color: #f1f1f1;
  }

  hr{
    background-color: #2a2a2a !important;
  }

  .page-item.active .page-link {
    background-color: var(--ColorTemplate) !important;
    border-color: var(--ColorTemplate) !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--ColorTemplate) !important;
}

.table-hover>tbody>tr:hover {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--ColorTemplate) !important;
}