/*
  Theme Name: Classic 1
  Version: 1.1
*/
/*
  @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
  @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
  @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700); */



  body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 18px;
    color: lightgrey;
    background-image: url(i/TestBG22.jpg);
    background-size: cover;
    background-attachment: fixed;
    overflow-x: hidden;
  }

  html {
    height: 100%;

  }

input, select, option, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.10em;
  color: lightgrey;
  background : #2c375a;
  border : 0;
}

body A:link {color:#9edcfe; text-decoration : none;}
body A:visited {color:#9edcfe; text-decoration : none;}
body A:hover {color:#008a8a; text-decoration : underline;}
body B {color: #117A65; font-weight : bold;}


/* MOBILE DISPLAY ITEMS */

.mobileShow {
  display: none;
}

/* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
.mobileShow {
  display: inline;
}
  }

.mobileHide {
  display: inline;
}

/* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
.mobileHide {
  display: none;
}
    }

/* TEST SECTION */

input[type=button], input[type=submit] {
	background: linear-gradient(to bottom, #2e466e 5%, #415989 100%);
	border-radius: 4px;
	border: 1px solid #1f2f47;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	text-decoration: none;
  text-align: center;
  margin: 0;
  display: inline-block;
  padding: 1% 2%;
  width: auto;
}

input[type=button]:hover, input[type=submit]:hover
{
	background: linear-gradient(to bottom, #415989 5%, #2e466e 100%);
	background-color: #415989;
}

input[type=button]:active, input[type=submit]:active {
  top: 2px;
}


/* Mobile Bottom Nav */

.menu-navigation-dark {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.menu-navigation-dark a {
    display: inline-block;
    color: #ffffff;
    background-color: #232526;
    font-size: 1.1em;
    font-weight: bold;
    box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.26);
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #161718;
    border-top: none;
    margin: 0 auto;
    width: 25%;
    padding: 1em 0;
    box-sizing: border-box;
}

.menu-navigation-dark a:hover {
    background-color: #27292a;
}

.menu-navigation-dark a:first-child{
    border-left: 1px solid #161718;
}

.menu-navigation-dark a:not(.selected) {
    box-shadow:	1px 3px 5px 0 rgba(0, 0, 0, 0.26),
    inset 1px 0 0 #323435,
    inset 0 1px 0 #282a2b,
    inset 0 -1px 0 #282a2b;
}

.menu-navigation-dark a:last-child {
    box-shadow:	1px 3px 5px 0 rgba(0, 0, 0, 0.26),
    inset 1px 0 0 #323435,
    inset -1px 0 0 #282a2b,
    inset 0 1px 0 #282a2b,
    inset 0 -1px 0 #282a2b;
}

.menu-navigation-dark a i {
    display: block;
    line-height: 1.3;
}

.menu-navigation-dark a span {
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 2;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.menu-navigation-dark a.selected {
    background-color: #1d1e1f;
    border-bottom: 2px solid #4a9fda;
    pointer-events: none;
}

.menu-navigation-dark a.selected i {
    color: #4a9fda;
}

/* Make this page responsive */

.slicknav_menu {
    display:none;
}

@media (max-width: 800px) {
    .menu-navigation-dark{
        display:none;
    }

    .slicknav_nav a i {
        display: none;
    }

    .slicknav_menu {
        display:block;
    }
}


/****** Else ****/






#helpShow {

}

.card {
  margin-bottom: 0.1%;
}
.card .card-subtitle {
    font-weight: 300;
    color: #757e8a;
  }

.card-inverse .card-bodyquote .blockquote-footer,
.card-inverse .card-link,
.card-inverse .card-subtitle,
.card-inverse .card-text {
  color: rgba(255, 255, 255, 0.65);
}

.card-primary {
  background: #7460ee;
  border-color: #7460ee;
}

.card-dark {
  background: #2f3d4a;
  border-color: #2f3d4a;
}

  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

    .full-color-table.full-dark-table {
  background-color: rgba(43, 43, 43, 0.8);
}
  .full-color-table.full-dark-table thead th {
    background-color: #263238;
    border: 0;
    color: #ffffff;
  }
  .full-color-table.full-dark-table tbody td {
    border: 0;
    padding: 2px;
    color: #ffffff;
  }
  .full-color-table.full-dark-table tr:hover {
    background-color: #263238;
    color: #ffffff;
  }
  .Header2 {
    background-color: #263238;
    color: #A7A1AB;
  }

.Header3 {
  border-bottom: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  padding: 0;
  margin-left: 0;
  font-weight: bold;
}

.expPic{
  width: 80%;
  height: 50%;
}

.stats{
    border: 2px solid darkslategrey;
    border-radius: 8px;
    font-size:1em;
    padding: 0.5%;
    color: darkgrey;
}

.statsM{
    border: 2px solid darkslategrey;
    border-radius: 8px;
    font-size: 0.9em;
    padding: 0.25%;
    color: darkgrey;
}


#SBar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
  background-color: rgba(245,245,245,0.03);
  border-radius: 10px;
}

#SBar::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(245,245,245,0.03);
}

#SBar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #FFF;
  background-image: -webkit-gradient(linear,
  40% 0%,
  75% 84%,
  from(#4D9C41),
  to(#19911D),
  color-stop(.6,#54DE5D))
}

.userN {
  color: #d9deff;
  text-decoration: none;
  font-weight: bold;
}

.btnNavP {
  background: #071A3B;
  background-image: -webkit-linear-gradient(top, #071A3B, #6c899c);
  background-image: -moz-linear-gradient(top, #071A3B, #6c899c);
  background-image: -ms-linear-gradient(top, #071A3B, #6c899c);
  background-image: -o-linear-gradient(top, #071A3B, #6c899c);
  background-image: linear-gradient(to bottom, #071A3B, #6c899c);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  text-shadow: 1px 1px 2px #665f66;
  -webkit-box-shadow: 0px 3px 2px #666666;
  -moz-box-shadow: 0px 3px 2px #666666;
  box-shadow: 0px 2px 1px #666666;
  color: #d9deff;
  padding: 0.1% 1.25% 0.1% 1.25%;
  text-decoration: none;
  font-weight: bold;
}

.btnNavP:hover {
  background: #9aa2a6;
  background-image: -webkit-linear-gradient(top, #9aa2a6, #4a5870);
  background-image: -moz-linear-gradient(top, #9aa2a6, #4a5870);
  background-image: -ms-linear-gradient(top, #9aa2a6, #4a5870);
  background-image: -o-linear-gradient(top, #9aa2a6, #4a5870);
  background-image: linear-gradient(to bottom, #9aa2a6, #4a5870);
  text-decoration: none;
}

.btnNavG {
  background: #071A3B;
  background-image: -webkit-linear-gradient(top, #071A3B, #6c899c);
  background-image: -moz-linear-gradient(top, #071A3B, #6c899c);
  background-image: -ms-linear-gradient(top, #071A3B, #6c899c);
  background-image: -o-linear-gradient(top, #071A3B, #6c899c);
  background-image: linear-gradient(to bottom, #071A3B, #6c899c);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  text-shadow: 1px 1px 2px #665f66;
  -webkit-box-shadow: 0px 2px 1px #666666;
  -moz-box-shadow: 0px 2px 1px #666666;
  box-shadow: 0px 2px 1px #666666;
  color: #d9deff;
  padding: 0.05% 0.50% 0.05% 0.50%;
  text-decoration: none;
  font-weight: bold;
}

.btnNavG:hover {
  background: #9aa2a6;
  background-image: -webkit-linear-gradient(top, #9aa2a6, #4a5870);
  background-image: -moz-linear-gradient(top, #9aa2a6, #4a5870);
  background-image: -ms-linear-gradient(top, #9aa2a6, #4a5870);
  background-image: -o-linear-gradient(top, #9aa2a6, #4a5870);
  background-image: linear-gradient(to bottom, #9aa2a6, #4a5870);
  text-decoration: none;
}

.button-link {
  padding: 0.15em 1em;
  background: #4479BA;
  color: #FFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: inset 5px #20538D;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  font-size: 1.1em;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
}
.button-link:hover {
  background: #356094;
  border: inset 4px #2A4E77;
  text-decoration: none;
}
.button-link:active {
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  background: #2E5481;
  border: solid 4px #203E5F;
}


.button-link2 {
  padding: 0.20em 0.5em;
  background: #4479BA;
  color: #FFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: inset 3px #20538D;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 2px;
}
.button-link2:hover {
  background: #356094;
  border: inset 4px #2A4E77;
  text-decoration: none;
}
.button-link2:active {
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  background: #2E5481;
  border: solid 4px #203E5F;
}

.TurnUse {
  margin: 0 auto;
  width: auto;
  color: #fff;
  background: rgb(3, 11, 18);
  border: 1px solid rgba(38, 35, 53, 0.5);
  font-size: 1em;
  border-radius: 0.6em;
  padding: 0.16em;
  margin-bottom: 1px;
}

.TurnUse td {
  border: 1px solid rgba(38, 35, 53, 0.5);
}

.posFont{
  color: limegreen;
}

.negFont{
  color: red;
}

ul#topnavbar{
  margin: auto;
  text-align: center;
}

ul#topnavbar li{
  display: inline;
}

.icon-bar2 {
  width: 85%;
  /* border: 6px ridge #071A3B; */
  border: 6px ridge #020C1C;
  background-color: rgba(0,0,0,0.01);
  text-align: left;
  height: auto;
  padding: 1%;
  margin-left: 22.5%;
}

.icon-bar2 a {
 display: block;
}

.icon-bar3M {
  position: sticky !important;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1%;
  z-index: 9999;
  background: rgba(0,0,0,0);
  transform: translate(0%, 0%, 0%, 2%);
}

/* Mobile Only Icon Bar */
.icon-bar2M {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  max-width: 100vh;
  background-color: rgba(0,0,0,0.90);
  text-align: center;
  padding: 0;
  transform: translate(0%, 0%, 0%, 2%);
}

.icon-bar2M a {
}

*{
  margin: 0;
  padding: 0;
}

.clear{
  clear: both;
}


.slide-toggle{
  display: none;
}

.slidemenu{
  font-family: arial, sans-serif;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
  border: 2px solid white;
  border-bottom: 0;
  padding-top: 2%;
  height: 10%;
}

.slidemenu label{
  width: 25%;
  text-align: center;
  display: block;
  float: left;
  color: white;
  opacity: 0.2;

}

.slidemenu label:hover{
  cursor: pointer;
  color: #666;
}

.slidemenu label span{
  display: block;
  padding: 2%;
}

.slidemenu label .icon{
  font-size: 1em;
  border: solid 2px white;
  text-align: center;
  height: 20%;
  width: 20%;
  display: block;
  margin: 0 auto;
  border-radius: 100%;
}

/*Bar Style*/

.slider{
  width: 100%;
  height: 4px;
  display: block;
  background: #ccc;
  margin-top: 10px;
  border-radius: 5px;
}

.slider .bar{
  width: 25%;
  height: 4px;
  background: #333;
  border-radius: 5px;
}

/*Animations*/
.slidemenu label, .slider .bar {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
}

/*Toggle*/

.slidemenu .slide-toggle:checked + label{
  opacity: 1;
}



.slidemenu #slide-item-1:checked ~ .slider .bar{ margin-left: 0; }
.slidemenu #slide-item-2:checked ~ .slider .bar{ margin-left: 25%; }
.slidemenu #slide-item-3:checked ~ .slider .bar{ margin-left: 50%; }
.slidemenu #slide-item-4:checked ~ .slider .bar{ margin-left: 75%; }


/*Hover state for top level links*/
.icon-bar li:hover a {
  background: #19c589;
}
/*Style for dropdown links*/
.icon-bar li:hover ul a {
  background: #f3f3f3;
  color: #2f3036;
  height: 40px;
  line-height: 40px;
}
/*Hover state for dropdown links*/
.icon-bar li:hover ul a:hover {
  background: #19c589;
  color: #fff;
}

/*Hide dropdown links until they are needed*/
.icon-bar li ul {
  display: none;
}
/*Make dropdown links vertical*/
.icon-bar li ul li {
  display: block;
  float: none;
}
/*Prevent text wrapping*/
.icon-bar li ul li a {
  width: auto;
  min-width: 100px;
  padding: 0 20px;
}
/*Display the dropdown on hover*/
.icon-bar ul li a:hover + .hidden, .hidden:hover {
  display: block;
}


.icon-bar a:hover {
  background-color: #000;
}

#Resources {
    color: #0AB4FF;
    float: right;
    position: relative;
    margin-right: -2em;
    margin-top: 0.3em;
}

#Resources2 {
    color: #0AB4FF;
    float: left;
    position: relative;
}

#Resources span {
    color: #0AB4FF;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #696969;
    font-size: 1.25em;
    border-radius: 1.2em;
    padding: 0.25em;
    font-weight: bold;
}

#Resources2 span {
    color: #0AB4FF;
    background-color: rgba(0,0,0,0.5);
    border: 1px solid #696969;
    font-size: 0.9em;
    border-radius: 1.1em;
    padding: 0.2em;
}

.PM {
    width: 40px;
    height: 35px;
    border: 0;
}

.Logo {
width: 55%;
height: 100%;
border: 0;
}


.icon-bar ul {
    list-style-type: none;
    padding: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    }


.icon-bar li {
    display: inline-block;
    }

    /*Style for menu links*/
.icon-bar li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    }

/*********************** FONTS  ***********************/


.yellowfont{
  font-size: 1.1em;
  color: #C3BBC3;
  font-weight: bold;
}

.yellowfont2{
  font-size: 1.5em;
  color: #8a8a00;
  font-weight: bold;
}

.eventfont{
  font-size: 1em;
  color: #8a8a00;
  font-weight: bold;
}

.smallfont{
  font-size: .90em;
  color: steelblue;
}

.abovenormalfont{
  font-size: 1.25em;
  color: white;
}

.bigbluefont{
  font-size: 1.5em;
  color: blue;
}

.RedFont{
  color: red;
  font-size: 1.3em;
  font-weight: bold;
}

.RedFont2{
  color: red;
  font-size: 1.1em;
  font-weight: bold;
}

.FRight{
  float: right;
}

.FLeft{
  float: left;
}




/* ----------- Tables ---------- */


.noBorder {
  border:none !important;
}

@media only screen
  and (min-device-width : 260px)
  and (max-device-width : 699px)
  {
Table.Default {
  /* border: 3px solid rgba(38, 35, 53, 0.5); */
  border: 1px solid lightblue;
  margin: 0 auto;
  width: 95%;
  background: linear-gradient(top, #000000 -40%, #323232 75%);
  background: -moz-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -webkit-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -ms-linear-gradient(top, #000000 -40%, #323232 75%);
}
}

Table.Default {
  /* border: 3px solid rgba(38, 35, 53, 0.5); */
  border: 1px solid lightblue;
  margin: 0 auto;
  width: auto;
  background: linear-gradient(top, #000000 -40%, #323232 75%);
  background: -moz-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -webkit-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -ms-linear-gradient(top, #000000 -40%, #323232 75%);
}

Table.Default thead {
  text-align: center;
}

.table1{
  text-align: center;
  margin: 0 auto;
  border: 1px solid white;
  font-size: 1em;
  color: white;
  background-color: rgba(25,25,26,0.85);
  padding: 2px;
}

th, td{
  padding: 1px 3px 1px 3px;
  border: 1px solid black;
}

.table_row1{
  background-color: rgba(35,35,35,0.6);
  text-align: center;
  border: 1px solid white;
}
.table_row2{
  background-color: rgba(35,35,35, 1);
  text-align: center;
  border: 1px solid white;
}
.tr1_header{
  background-color: rgba(35,35,35,0.9);
  text-align: center;
  border: 1px solid white;
  color: white;
}
.tr_black{
  text-align: center;
  font-size: 1em;
  color: black;
  background-color: rgba(196,204,213,0.85);
}

.Header tr{

  /* background-image: radial-gradient(circle, #000000, #111111, #1b1b1b, #252525, #303030); */
   border-top-left-radius: 20%;
   border-top-right-radius: 20%;
}

.Header td{
  background-image: linear-gradient(to bottom, #000207, #090d14, #10151d, #151b26, #192130, #1a2232, #1a2335, #1b2437, #182133, #141d2f, #111a2b, #0e1727);
   color: #DADADA;
   font-weight: bold;
   padding-top: 1%;
   padding-bottom: 1%;
}

.Header th{
  background-image: linear-gradient(to bottom, #000207, #090d14, #10151d, #151b26, #192130, #1a2232, #1a2335, #1b2437, #182133, #141d2f, #111a2b, #0e1727);
   color: #DADADA;
   font-weight: bold;
   padding-top: 1%;
   padding-bottom: 1%;
}


#DefInfra {
  border: 3px solid rgba(38, 35, 53, 0.5);
  margin: 0 auto;
  width: auto;
  background: linear-gradient(top, #000000 -40%, #323232 75%);
  background: -moz-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -webkit-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -ms-linear-gradient(top, #000000 -40%, #323232 75%);
}

#DefInfra tr:hover{
 cursor: pointer;
 background-color: #ccc;
}

#DefInfra td:hover{
 cursor: pointer;
}

#DefInfra thead {
  text-align: center;
}


Table.DefaultLogin {
  /* border: 3px solid rgba(38, 35, 53, 0.5); */
  border: 3px ridge #071A3B;
  margin: 0 auto;
  width: 25%;
  background: linear-gradient(top, #000000 -40%, #323232 75%);
  background: -moz-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -webkit-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -ms-linear-gradient(top, #000000 -40%, #323232 75%);
}

Table.DefaultLogin thead {
  text-align: center;
}


Table.DefaultLogin td {
  padding-right: 2%;
  padding-left: 2%;
  padding-bottom: 3%;
  padding-top: 3%;
  border: 0;
}


Table.Default2 {
  /* border: 3px solid rgba(38, 35, 53, 0.5); */
  border: 0;
  margin: auto;
  text-align: center;
  width: auto;
  background: linear-gradient(top, #000000 -40%, #323232 75%);
  background: -moz-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -webkit-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -ms-linear-gradient(top, #000000 -40%, #323232 75%);
}

Table.Default2 thead {
  text-align: center;
}


Table.Default2 td {
  padding-right: 1%;
  padding-left: 1%;
  padding-bottom: 2%;
  padding-top: 2%;
  border: 0;
}

Table.Default2 tr {
  padding-right: 1%;
  padding-left: 1%;
  padding-bottom: 2%;
  padding-top: 2%;
  border: 0;
}

Table.Default2 input {
  border-radius: 4px;
  border: 0;
  text-align: center;
  width: 50%;
}

Table.Default2 input:active {
  border-radius: 4px;
  border: 0;
  text-align: center;
  top: 2px;
}

Table.Fusion {
  /* border: 3px solid rgba(38, 35, 53, 0.5); */
  border: 0;
  margin: auto;
  text-align: center;
  width: auto;
  background: linear-gradient(top, #000000 -40%, #323232 75%);
  background: -moz-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -webkit-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -ms-linear-gradient(top, #000000 -40%, #323232 75%);
}

Table.Fusion thead {
  text-align: center;
}


Table.Fusion td {
  padding-right: 0.5%;
  padding-left: 0.5%;
  padding-bottom: 1%;
  padding-top: 1%;
  border: 0;
}

Table.Fusion tr {
  padding-right: 0.5%;
  padding-left: 0.5%;
  padding-bottom: 1%;
  padding-top: 1%;
  border: 0;
}

Table.Stocks {
  /* border: 3px solid rgba(38, 35, 53, 0.5); */
  border: 0;
  margin: auto;
  text-align: center;
  width: auto;
  font-size: 0.9em;
  background: linear-gradient(top, #000000 -40%, #323232 75%);
  background: -moz-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -webkit-linear-gradient(top, #000000 -40%, #323232 75%);
  background: -ms-linear-gradient(top, #000000 -40%, #323232 75%);
}

Table.Stocks thead {
  text-align: center;
}


Table.Stocks td {
  padding-right: 0.125%;
  padding-left: 0.125%;
  padding-bottom: 0.25%;
  padding-top: 0.25%;
  border: 0;
}

Table.Stocks tr {
  padding-right: 0.125%;
  padding-left: 0.125%;
  padding-bottom: 0.25%;
  padding-top: 0.25%;
  border: 0;
}



/* SCIFITEST1 */

.containerB {
  position: relative;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.containerB hr {
  visibility: hidden;
}
.containerB button {
  width: 20%;
  height: 15%;
  box-sizing: border-box;
  background: none;
  border: none;
  margin: 1.5%;
  background-color: #42D6CA;
  border: 5px solid #42D6CA;
  transition: all 0.5s ease;
}

.containerB button:focus {
  outline: none;
  opacity: 0.2;
}
.containerB button:before {
  border: 2px transparent solid;
  position: relative;
  left: 5px;
  top: 5px;
  box-sizing: border-box;
  width: 50%;
  height: 20%;
  transition: all 0.7s ease;
}
.containerB button:hover {
  background-color: rgba(66, 214, 202, 0.7);
  color: #fff;
  border-radius: 20px;
}
.containerB button:hover:before {
  border-radius: 20px;
  border: 2px #42D6CA solid;
}


.containerC {
  position: relative;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.containerC hr {
  visibility: hidden;
}
.containerC button {
  width: 20%;
  height: 15%;
  box-sizing: border-box;
  background: none;
  border: none;
  margin: 1.5%;
  background-color: #42D6CA;
  border: 5px solid #42D6CA;
  transition: all 0.5s ease;
  background-color: rgba(66, 214, 202, 0.1);
  border-radius: 50px;
  color: #42D6CA;
}

.containerC button:hover {
  background-color: rgba(66, 214, 202, 0.2);
}
.containerC button:hover:before {
  border-radius: 20px;
  border: 2px #42D6CA solid;
  position: fixed;
  left: 50%;
  top: 25%;
  box-sizing: border-box;
  width: 40%;
  height: 15%;
  transition: all 0.7s ease;
  animation: grow 1s infinite;
}

@keyframes grow {
  from {
    transform: scale(0, 0);
    opacity: 1;
  }
  to {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}


Table.Default3 {
  /* border: 3px solid rgba(38, 35, 53, 0.5); */
  margin: auto;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  text-align: center;
  width: auto;
  background-image: url(i/tbbg1.jpg);
}

Table.Default3 thead {
  text-align: center;
}

.Header3 td{
   background: rgb(51,52,52);
   background: linear-gradient(194deg, rgba(51,52,52,1) 0%, rgba(61,78,78,1) 48%);
   border-top-left-radius: 18px;
   border-top-right-radius: 18px;
   color: #DADADA;
   font-weight: bold;
   padding-top: 1%;
   padding-bottom: 1%;
}


Table.Default3 td {
  padding-right: 1%;
  padding-left: 1%;
  padding-bottom: 2%;
  padding-top: 2%;
  border: 0;
}

Table.Default3 tr {
  padding-right: 1%;
  padding-left: 1%;
  padding-bottom: 2%;
  padding-top: 2%;
  border: 0;
}

Table.Default3 input {
  border-radius: 4px;
  border: 0;
  text-align: center;
  width: 50%;
}

Table.Default3 input:active {
  border-radius: 4px;
  border: 0;
  text-align: center;
  top: 2px;
}


.publicInput {
  font-family: "Arvo";
  font-weight: 400;
  color: #377D6A;
  background: rgba(0,0,0,0.3);
  border: none;
  outline: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 4px;
  box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px  1px rgba(255,255,255,0.2);
  position: relative;
  font-size: 15px;
}

.btn-div {
  display: flex;
  flex-direction: column;
  height: 93vh;
  justify-content: center;
  align-items: center;
  background: #222;
  color: #eee;
  font-family: "Dosis", sans-serif;
}

.brk-btn {
  position: relative;
  background: none;
  color: lightblue;
  text-decoration: none;
  border: 0.15em solid slategrey;
  padding: 0.25em 0.5em;
}

.brk-btn::before {
  content: "";
  display: block;
  position: absolute;
  width: 10%;
  background: black;
  height: 0.3em;
  right: 20%;
  top: -0.21em;
  transform: skewX(-45deg);
  -webkit-transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
}

.brk-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 10%;
  background: black;
  height: 0.3em;
  left: 20%;
  bottom: -0.25em;
  transform: skewX(45deg);
  -webkit-transition: all 0.45 cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
}
.brk-btn:hover::before {
  right: 80%;
}
.brk-btn:hover::after {
  left: 80%;
}



/* Nav Buttons */

.buttonN {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.5em 1em;
    border: 1px solid darkslategrey;
    margin: 0;
    text-decoration: none;
    text-align: center;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #141E30;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#141E30), to(#243B55));
    background-image: -moz-linear-gradient(#141E30, #243B55);
    background-image: -ms-linear-gradient(#141E30, #243B55);
    background-image: -o-linear-gradient(#141E30, #243B55);
    background-image: linear-gradient(#141E30, #243B55);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}
/*
.buttonN:hover,
.buttonN:focus,
.buttonN:active,
.buttonN.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: darkgrey;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}
*/
.buttonN:hover,
.buttonN:focus,
.buttonN:active,
.buttonN.active {
      -webkit-stroke-width: 5.3px;
      -webkit-stroke-color: #FFFFFF;
      -webkit-fill-color: #FFFFFF;
      text-shadow: 1px 0px 20px yellow;
    }
/*
.buttonN:active,
.buttonN.active {
    border-color: #2a65a0;
    border-bottom-color: #3884cd;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background-image: -moz-linear-gradient(#3072b3, #599bdc);
    background-image: -ms-linear-gradient(#3072b3, #599bdc);
    background-image: -o-linear-gradient(#3072b3, #599bdc);
    background-image: linear-gradient(#3072b3, #599bdc);
}
*/

/* overrides extra padding on button elements in Firefox */
.buttonN::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.buttonN.pill {
    border-radius: 50em;
}

.buttonN-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.buttonN + .buttonN,
.buttonN + .buttonN-group,
.buttonN-group + .buttonN,
.buttonN-group + .buttonN-group {
    margin-left: 15px;
}

.buttonN-group li {
    padding: 0;
    margin: 0;
}

.buttonN-group > .buttonN:not(:first-child):not(:last-child),
.buttonN-group li:not(:first-child):not(:last-child) .buttonN {
    border-radius: 0;
}

.buttonN-group > .buttonN:first-child,
.buttonN-group li:first-child .buttonN {
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.buttonN-group > .buttonN:last-child,
.buttonN-group li:last-child > .buttonN {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.buttonN-container .buttonN,
.buttonN-container .buttonN-group {
    vertical-align: top;
}


/* Bottom Mobile Nav Bar */

.buttonNM {
    position: relative !important;
    overflow: visible;
    display: inline-block !important;
    padding: 0 !important;
    border: 1px solid darkslategrey;
    margin: 0;
    width: 100%;
    height: 7.5vh;
    text-decoration: none;
    font-weight: bold;
    color: #b41837;
    text-align: center;
    font: 11px/sans-serif;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #141E30;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#141E30), to(#243B55));
    background-image: -moz-linear-gradient(#141E30, #243B55);
    background-image: -ms-linear-gradient(#141E30, #243B55);
    background-image: -o-linear-gradient(#141E30, #243B55);
    background-image: linear-gradient(#141E30, #243B55);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.buttonNM:hover,
.buttonNM:focus,
.buttonNM:active,
.buttonNM.active {
      -webkit-stroke-width: 5.3px;
      -webkit-stroke-color: #FFFFFF;
      -webkit-fill-color: #FFFFFF;
      text-shadow: 1px 0px 20px yellow;
    }

    /* overrides extra padding on button elements in Firefox */
    .buttonNM::-moz-focus-inner {
        padding: 0;
        border: 0;
    }





/* MOBILE NAV BAR DROPDOWN TEST */

.dropdown-menu {
  outline: none;
  background-color: #141E30;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#141E30), to(#243B55));
  background-image: -moz-linear-gradient(#141E30, #243B55);
  background-image: -ms-linear-gradient(#141E30, #243B55);
  background-image: -o-linear-gradient(#141E30, #243B55);
  background-image: linear-gradient(#141E30, #243B55);
  -moz-background-clip: padding; /* for Firefox 3.6 */
  background-clip: padding-box;
  border: 1px solid darkslategrey;
}

.dropdown-item {
  margin-top: 1%;
  border: 1px solid darkslategrey;
  white-space: nowrap;
}

.btn-primary {
  background-color: #2e2a2a;
  border-radius: 0;
}

/* END TEST SECTION */



  a{
    color: #00aeef;
  }

  a:hover {
    outline: none;
    text-decoration:underline;
    color: #4fcccd;
  }

  a:focus {
    outline:none;
    outline-offset: 0;
  }

  a {
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
  }


  ul {
    list-style: none;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
  }

  h1{
    color: #686868;
  }

  h2{
    font-size: 14px;
    color: #33CC33;
    margin: 0;
    padding-bottom: 2px;
  }

  h3{
    font-size: 14px;
    color: #33CC33;
  }

  .overflow{
    overflow: hidden;
  }

  .uppercase{
    text-transform: uppercase;
  }

  .btn-common {
    font-size: 14px;
    color: #0099ae;
    border: 1px solid #0099ae;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding: 10px 25px;
  }

  #action .col-sm-5{
    position: absolute;

    top: 0;
    height: 100%;
    right: 0;
  }


  .btn-common:hover,
  .btn-common:focus{
    outline: none;
    background: none;
    box-shadow: none;
    color: #01707f;
    border-color:#01707f;
  }

  .align-right{
    text-align: right;
  }

  .inline{
    display: inline-block;
  }

  .padding{
    padding: 65px 0;
  }

  .padding-bottom{
    padding-bottom: 65px;
  }

  .padding-top{
    padding-top: 90px;
  }

  .padding-right{
    padding-right: 80px;
  }

  .padding-left{
    padding-left: 80px;
  }

  .margin-bottom{
    margin-bottom: 35px;
  }

     .carousel-indicators.visible-xs {
      height: 20px;
      margin: 0;
      padding: 0;
      position: absolute;
      top: -35px;
      width: 100%;
      left: 0;
    }

  .carousel-indicators.visible-xs li {
    border-color: #D29948;
    border-width: 2px;
    height: 12px;
    margin: 0 5px 0 0;
    width: 12px;
  }

  .carousel-indicators.visible-xs li.active {
    background: rgba(210, 153, 72, 0.7);
  }


  a.button{
    color:#fff;
    border: 1px solid darkslategrey;
    position:relative;
    font-size:1em;
    padding: 0;
    cursor:pointer;
    transition:800ms ease all;
    outline:none;

  }
  a.button:hover{
    background:#fff;
    color:#1AAB8A;
  }
  a.button:before,button:after{
    content:'';
    background: darkslategrey;
    transition:400ms ease all;
  }
  a.button:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
  }

  a.button:hover:before,button:hover:after{
    width:100%;
    transition:800ms ease all;
  }


  /* Smaller buttons styles */

  .button.small{
    padding: 1.5% 3%;
  }

  /* Larger buttons styles */

  .button.large{
    padding: 12px 30px;
    text-transform: uppercase;
  }

  .button.large:active{
    top: 2px;
  }




/*************************
*******Header******
**************************/


#header{
  background: 0;
}

#header .navbar-inverse .container{
  position: relative;
}

.search{
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 1;
}

.search i{
  color: #00aeef;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 2px;
}

.field-toggle{
  position: relative;
  top: 30px;
  right: 15px;
  display: none;
  height: 50px;
}

.search-form{
  padding-left: 10px;
  height: 40px;
  font-size: 18px;
  color: #818285;
  font-weight: 300;
  outline: none;
  border: 1px solid #00aeef;
  margin-top: 20px;
  border-radius: 4px;
}

.social-icons ul li{
  padding: 0 10px;

}

.social-icons ul li:last-child{
  padding-right: 0;

}

.social-icons ul li a{
  font-size: 18px;
  color: #d3d3d3;
  padding: 0;
}

.social-icons ul li a:hover .fa-facebook {
  color:#0884d5;
}

.social-icons ul li a:hover .fa-twitter {
  color:#2AA7DC;
}

.social-icons ul li a:hover .fa-google-plus {
  color:#A22523;
}

.social-icons ul li a:hover .fa-dribbble {
  color:#E94989;
}

.social-icons ul li a:hover .fa-linkedin {
  color:#006DC0;
}

.social-icons ul li a:hover,
.social-icons ul li a:focus{
  background: none;
}

#header .navbar {
  border: 0;
}

#header .navbar-inverse {
  border: 1px solid darkslategrey;
}


/*  Dropdown menu*/

ul.sub-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

#header .navbar-nav li ul.sub-menu li a{
  color: #818285;
  padding: 5px 0;
  font-size: 13px;
  display: block;
  text-transform: capitalize;
}

#header .navbar-nav li ul.sub-menu li .active{
  background: #00aeef;
  color: #fff;
  position: relative;
}

#header .navbar-nav li ul.sub-menu li .active i{
  position: absolute;
  font-size: 56px;
  top: -13px;
  color: #0884d5;
}

#header .navbar-nav li ul.sub-menu li .active .fa-angle-right{
  left: -3px;
}

#header .navbar-nav li ul.sub-menu li .active .fa-angle-left{
  right: -3px;
}

#header .navbar-nav li ul.sub-menu li a:hover,
#header .navbar-nav li ul.sub-menu li a:focus{
  background: #FFFFFF;
  color: #00aeef;
}

.fa-angle-down{
  padding-left: 5px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*************************
*******Footer******
**************************/

#footer {
  padding-bottom: 10px;
  background-size: contain;
}

#footer h1{
  margin-bottom: 65px;
  margin-top: 36px;
}

#footer .bottom-separator {
  margin-bottom: 60px;
}

#message {
  height: 110px;
  resize: none;
}

.bottom > h2 {
  margin-top: 0;
  margin-bottom: 26px;
}

.bottom .media-body h3 {
  margin-top: 0;
  padding-left: 25px;
}

.bottom .media-body h3 a{
  color: #ea2c00;
}

.testimonial .media{
  margin-top: 0;
  margin-bottom: 0.1%;
}

.testimonial .media>.pull-left{
  margin-right: 25px;
}

.testimonial .media>.pull-left img{
  margin-top: 6px;
}

.testimonial .media .media-body blockquote{
  padding-left: 25px;
  padding-right: 30px;
  position: relative;
  border-left: 0;
  margin-bottom: 0;
}

.testimonial .media .media-body blockquote:before{
  position: absolute;
  left: 5px;
  top: 8px;
  content: '"';
  font-size: 40px;
  color: #ea2c00;
  font-family: 'Noto Sans', sans-serif;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */
  line-height: 0;
}

.testimonial .media .media-body blockquote:after{
  position: absolute;
  right: 30px;
  bottom: 14px;
  content: '"';
  font-size: 40px;
  color: #ea2c00;
  font-family: 'Noto Sans', sans-serif;
  line-height: 0;
}

.contact-info.bottom {
  padding-left: 25px;
}

.bottom > address {
  line-height: 22px;
  margin-bottom: 40px;
}

.form-control {
  border: 1px solid #eaeaea;
  font-weight: 300;
  outline: none;
  box-shadow: none;
  height: 40px;
}

.form-control:hover,
.form-control:focus{
  border-color: #4fcccd;
  outline: none;
  box-shadow: none;
}

.btn-submit {
  width: 100%;
  background-color: #4fcccd;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 5px;
  text-transform: uppercase;
  border-radius: 3px;
  margin-top: 5px;
  border-bottom: 3px solid #2f9697;
  box-shadow: none;
  padding: 10px;
}

.btn-submit:hover,
.btn-submit:focus{
  color: #fff;
  outline: none;
  box-shadow: none;
  opacity: .8;
}

.copyright-text{
  margin-top: 70px;
  color: #fff;
  font-size: 16px;
  padding-bottom: 15px;
}

.copyright-text a {
  color: #3e848a
}

.copyright-text p {
  margin-bottom: 0;
}


/*****************************
Default
*****************************/

.post-thumb{
  margin: -1px -1px 0;
  position: relative;
  overflow: hidden;
}

.arrow-right{
  position: relative;
}

.arrow-right:after{
  position: absolute;
  right: 1px;
  content: "";
  top: 15px;
  background: url(CSS/Game/Dev/Images/blog/left.png);
  width: 43px;
  height: 54px;
}

.arrow-left{
  position: relative;
}

.arrow-left:before{
  position: absolute;
  left: -2px;
  content: "";
  top: 86px;
  background: url(CSS/Game/Dev/Images/blog/right.png);
  width: 43px;
  height: 54px;
}

.post-title {
  margin-top: 0;
}

.post-content .post-author{
  margin-top: 0;
}

.post-content  .post-author a{
  font-weight: 300;
  font-size: 14px;
  color: #0099AE;
}

.post-bottom{
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  margin-top: 20px;
  margin: 20px -20px 0;
  padding: 20px 20px 0;
}






/*************************
********404 page CSS******
**************************/

#error-page {
  display: table;
  height: 100%;
  min-height: 100%;
  width: 100%;
  color: #686868;
  font-size: 18px;
  font-weight: 300;
  padding: 100px 0;
}

#error-page .container-fluid {
  overflow: hidden;
}

.error-page-inner {
  display: table-cell;
  vertical-align: middle;
}

.bg-404 {
  background-image: url("CSS/Game/Dev/Images/home/tour-bg.png");
  background-repeat: repeat-x;
  background-position: center top;
}

.error-image {
  display: inline-block;
  padding-top: 50px;
  padding-bottom: 50px;
}

.error-image img {
  width: 100%;
}

#error-page h2 {
  font-size:36px;
  text-transform: uppercase;
}

.btn-error {
  font-weight: 300;
  margin-top: 30px;
  padding:25px 55px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 5px;
  background-color: transparent;
  border: 1px solid #cc9b59;
  margin-top: 50px;
  margin-bottom: 50px;
}

.btn-error:hover, .btn-error:focus  {
  background-color: #cc9b59;
  border-color:#cc9b59;
  color:#fff;
}

#error-page i, #coming-soon i {
  border: 1px solid #cc9b59;
  height: 40px;
  width: 40px;
  line-height: 40px;
  color: #cc9b59;
  font-size: 17px;
  margin:0 15px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#error-page i:hover, #coming-soon i:hover {
  background-color: #cc9b59;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


/*************************
********404 page CSS******
**************************/

#error-page {
  display: table;
  height: 100%;
  min-height: 100%;
  width: 100%;
  color: #686868;
  font-size: 18px;
  font-weight: 300;
  padding: 100px 0;
}

#error-page .container-fluid {
  overflow: hidden;
}

.error-page-inner {
  display: table-cell;
  vertical-align: middle;
}

.bg-404 {
  background-image: url("CSS/Game/Dev/Images/404-bg.png");
  background-repeat: repeat-x;
  background-position: center top;
}

.error-image {
  display: inline-block;
  padding-top: 50px;
  padding-bottom: 50px;
}

.error-image img {
  width: 100%;
}

#error-page h2 {
  font-size:36px;
  text-transform: uppercase;
}

.btn-error {
  background-color: rgba(0, 0, 0, 0);
  border: 3px solid #4FCCCD;
  color: #797979;
  font-size: 16px;
  font-weight: 700;
  letter-spacing:0;
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 25px 53px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
}

.btn-error:hover, .btn-error:focus  {
  background-color: #4FCCCD;
  border-color:#4FCCCD;
  color:#fff;
}

#error-page i, #coming-soon i {
  border: 3px solid #cecece;
  height: 40px;
  width: 40px;
  line-height: 35px;
  color: #cecece;
  font-size: 17px;
  margin:0 15px;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#error-page i.fa-twitter:hover,
#coming-soon i.fa-twitter:hover,
#error-page i.fa-twitter:hover,
#coming-soon i.fa-twitter:hover,
#error-page i.fa-google-plus:hover,
#coming-soon i.fa-google-plus:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#error-page i.fa-facebook:hover,
#coming-soon i.fa-facebook:hover{
  background-color:transparent;
  color: #314A87;
  border-color:#314A87;
}

#error-page i.fa-twitter:hover,
#coming-soon i.fa-twitter:hover{
  background-color:transparent;
  color: #22BBF4;
  border-color:#22BBF4;
}

#error-page i.fa-google-plus:hover,
#coming-soon i.fa-google-plus:hover{
  background-color:transparent;
  color: #DD4C3B;
  border-color:#DD4C3B;
}


/*Shortcodes CSS*/
.bs-example{
  margin: 0 0 20px;
}

.panel-group{
  border: 1px solid #eee;
}
.panel-default{
  border: 0;
}
.panel-group .panel{
  border-radius: 0;
}
.panel-group .panel+.panel{
  margin-top: 0;
}

.panel-default>.panel-heading{
  background-color: transparent;
  border-top: 1px solid #eee;
}

.panel-group .panel-default:first-child>.panel-heading{
  border-top: 0;
}

.panel-default>.panel-heading+.panel-collapse .panel-body{
  border-top-color: #eee;
}


.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
  background-color: #4FCCCD;
}

.tab-content {
  padding-top: 20px;
}

/*Features*/
.feature-inner{
  text-align: center;
}
.icon-wrapper{
  display: inline-block;
  background-color: #4FCCCD;
  color: #fff;
  padding: 25px;
  box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;
  -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;
  border-radius: 100%;
  margin: 10px 0;
}

/*BW Sort however*/
.TDSub .MobileTDSub {
  cursor: arrow;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Opera and Firefox */
}

.TDSub:hover .MobileTDSub:hover {
  background-color: #444444;
}

.TDSub:active .MobileTDSub:active {
  background-color: #7B241C;
}

.TDAdd .MobileTDAdd {
  cursor: arrow;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome, Opera and Firefox */
}

.TDAdd:hover .MobileTDAdd:hover {
  background-color: #444444;
}

.TDAdd:active .MobileTDAdd:active {
  background-color: #145A32;
}



/* Slicknav */

.slicknav_menu:after,
.slicknav_menu:before{
  display:table;
  content:" "
  position: fixed;
  bottom: 0;
}
  .slicknav_btn,
  .slicknav_nav
  .slicknav_item {
    cursor: pointer
  }

/* Builder */

.gc-builder-page {
  width: 95%;
  margin: 0 auto 1.25rem;
}

.gc-builder-toplinks,
.gc-builder-settings__actions,
.gc-builder-settings__footer {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.gc-builder-toplinks--footer {
  margin-top: 0.35rem;
}

.gc-builder-linkbutton {
  display: inline-block;
  padding: 0.6rem 1rem;
  border-radius: 999px;
  background: rgba(46, 70, 110, 0.88);
  border: 1px solid #1f2f47;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none !important;
}

.gc-builder-linkbutton--secondary {
  background: rgba(19, 28, 48, 0.9);
}

.gc-builder-message,
.gc-builder-settings__message,
.gc-builder-empty {
  margin: 0.65rem auto;
  max-width: 58rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid rgba(158, 220, 254, 0.35);
  border-radius: 12px;
  background: rgba(8, 15, 26, 0.9);
  text-align: center;
  font-size: 1rem;
}

.gc-builder-settings__message--success {
  border-color: rgba(30, 132, 73, 0.5);
}

.gc-builder-success {
  text-align: left;
  border-color: rgba(30, 132, 73, 0.45);
  background: rgba(8, 22, 16, 0.92);
}

.gc-builder-success__head {
  text-align: center;
  margin: 0 0 0.5rem;
  font-size: 1rem;
}

.gc-builder-success__list {
  margin: 0.35rem 0 0;
  padding-left: 1.2rem;
  list-style: disc;
  font-size: 0.95rem;
  line-height: 1.35;
}

.gc-builder-success__list li {
  margin: 0.15rem 0;
}

.gc-builder-toolbar {
  position: sticky;
  top: 0.5rem;
  z-index: 10;
  margin: 0.18rem auto 0.32rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.gc-builder-toolbar--footer {
  position: static;
  top: auto;
  bottom: auto;
  margin-top: 0.3rem;
}

.gc-builder-toolbar__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 0.35rem 0.5rem;
}

.gc-builder-toolbar__summary {
  display: flex;
  margin-bottom: 0;
  min-width: 0;
}

.gc-builder-toolbar__summary--left {
  justify-content: flex-end;
}

.gc-builder-toolbar__summary--right {
  justify-content: flex-start;
}

.gc-builder-toolbar__summary .gc-builder-summarycard {
  width: min(100%, 13.9rem);
  min-width: 11.1rem;
}

.gc-builder-summarycard {
  padding: 0.14rem 0.3rem 0.18rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  text-align: center;
  line-height: 1.05;
}

.gc-builder-summarycard__label {
  display: block;
  color: #9edcfe;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1.1;
}

.gc-builder-summarycard strong {
  display: block;
  margin-top: 0.08rem;
  font-size: 1.24rem;
  line-height: 1.05;
  color: #ffffff;
}

body[data-theme="daylight"] .gc-builder-summarycard__label {
  color: #5a6f9f;
}

body[data-theme="daylight"] .gc-builder-summarycard strong {
  color: #1f2f57;
}

body[data-theme="classic"] .gc-builder-toolbar__summary .gc-builder-summarycard {
  width: min(100%, 15.2rem);
  min-width: 12.2rem;
  background: #121c2f;
  border: 1px solid #24395b;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-theme="classic"] .gc-builder-toolbar__actions input[type=submit] {
  padding: 0.24rem 0.62rem;
}

body[data-theme="classic"] .gc-builder-card {
  background: #121c2f;
}

.gc-builder-toolbar__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex: 0 0 auto;
}

@media only screen and (max-width: 520px) {
  .gc-builder-toolbar__main {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 0.22rem 0.28rem;
  }

  .gc-builder-toolbar__summary--left {
    justify-content: flex-end;
  }

  .gc-builder-toolbar__summary--right {
    justify-content: flex-start;
  }

  .gc-builder-toolbar__actions {
    justify-content: center;
  }

  .gc-builder-toolbar__summary .gc-builder-summarycard {
    width: min(100%, 8.9rem);
    min-width: 0;
    padding: 0.12rem 0.2rem 0.14rem;
  }

  .gc-builder-summarycard__label {
    font-size: 0.68rem;
    letter-spacing: 0.06em;
  }

  .gc-builder-summarycard strong {
    font-size: 1rem;
  }

  body[data-theme="classic"] .gc-builder-toolbar__summary .gc-builder-summarycard {
    width: min(100%, 9.8rem);
    background: #121c2f;
  }

  body[data-theme="classic"] .gc-builder-toolbar__actions input[type=submit] {
    padding: 0.22rem 0.52rem;
  }
}

.gc-builder-toolbar__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.gc-builder-check {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.88rem;
  line-height: 1.1;
}

.gc-builder-list,
.gc-builder-settings__list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.gc-builder-card,
.gc-builder-settings__item {
  border: 1px solid rgba(158, 220, 254, 0.22);
  border-radius: 14px;
  background: rgba(6, 12, 24, 0.88);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.gc-builder-card {
  padding: 0.12rem 0.6rem;
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) max-content minmax(0, 1.28fr);
  align-items: center;
  column-gap: 0.9rem;
  overflow: hidden;
}

.gc-builder-card.is-active {
  border-color: rgba(30, 132, 73, 0.7);
  box-shadow: 0 10px 28px rgba(20, 90, 50, 0.22);
}

.gc-builder-card__topline,
.gc-builder-card__controls,
.gc-builder-card__details,
.gc-builder-settings__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.45rem;
}

.gc-builder-card__topline {
  align-items: center;
  margin-bottom: 0;
  min-width: 0;
  overflow: hidden;
}

.gc-builder-card__titleline {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.28rem;
  min-width: 0;
  flex-wrap: nowrap;
  overflow: hidden;
}

.gc-builder-card__titleline a {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 0 1 auto;
}

.gc-builder-card__titleline span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 0 1 auto;
}

.gc-builder-card__titleline span,
.gc-builder-settings__title span,
.gc-builder-card__stats,
.gc-builder-settings__legend,
.gc-builder-settings__copy {
  color: #c4d6e8;
  font-size: 1.1rem;
}

.gc-builder-card__rate {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.65rem;
  text-align: right;
  white-space: nowrap;
  font-size: 1.05rem;
  color: #c4d6e8;
  margin-left: 0.9rem;
}

.gc-builder-card__rate strong {
  color: #ffffff;
  font-size: 0.98rem;
}

.gc-builder-card__details {
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  overflow: hidden;
}

.gc-builder-card__stats {
  display: flex;
  gap: 0.35rem;
  flex-wrap: nowrap;
  justify-content: flex-end;
  font-size: 1.1rem;
  line-height: 1.1;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: auto;
}

.gc-builder-card__fleetstats {
  display: inline-flex;
  align-items: baseline;
  gap: 0.55rem;
  min-width: 0;
}

.gc-builder-range--mobile {
  display: none;
}

.gc-builder-card__controls {
  justify-content: center;
  align-items: center;
  margin: 0;
  gap: 0.6rem;
  min-width: 0;
  transform: none;
}

.gc-builder-adjust {
  min-width: 2.35rem;
  min-height: 2.35rem;
  border-radius: 999px;
  border: 1px solid rgba(158, 220, 254, 0.3);
  background: rgba(123, 36, 28, 0.85);
  color: #fff;
  font-size: 1.35rem;
  font-weight: bold;
  padding: 0;
  line-height: 1;
  box-shadow: none;
  flex: 0 0 2.35rem;
}

.gc-builder-adjust--add {
  background: rgba(20, 90, 50, 0.9);
}

.gc-builder-input {
  width: clamp(5.4rem, 6vw, 6.6rem);
  min-height: 2.35rem;
  padding: 0.1rem 0.4rem;
  border-radius: 10px;
  border: 1px solid rgba(158, 220, 254, 0.32);
  background: rgba(27, 39, 64, 0.96);
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  flex: 1 1 auto;
  flex: 0 0 clamp(5.4rem, 6vw, 6.6rem);
}

.gc-builder-warning {
  margin: 0.8rem auto 0;
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
}

.gc-builder-settings {
  width: 95%;
  max-width: 72rem;
  margin: 0 auto 2rem;
}

.gc-builder-settings__header,
.gc-builder-settings__legend {
  margin-bottom: 0.45rem;
  text-align: center;
}

.gc-builder-settings__item {
  padding: 0.45rem 0.6rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-areas: "titleline toggles order";
  align-items: center;
  gap: 0.4rem 0.65rem;
}

.gc-builder-settings__titleline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.4rem 0.7rem;
  grid-area: titleline;
}

.gc-builder-settings__title {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.38rem;
  min-width: 0;
  flex-wrap: wrap;
}

.gc-builder-settings__title strong {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
}

.gc-builder-settings__title span {
  color: #c4d6e8;
  font-size: 1.02rem;
  white-space: nowrap;
  flex: 0 1 auto;
}

.gc-builder-settings__meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.22rem 0.7rem;
  min-width: 0;
  text-align: right;
}

.gc-builder-settings__meta span {
  color: #c4d6e8;
  font-size: 1.02rem;
  white-space: nowrap;
}

.gc-builder-settings__toggles {
  display: flex;
  gap: 0.5rem;
  flex-wrap: nowrap;
  grid-area: toggles;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
}

.gc-builder-settings__toggle input {
  width: 1.24rem;
  height: 1.24rem;
  margin: 0;
  flex: 0 0 auto;
  accent-color: #4a9fda;
}

.gc-builder-settings__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.3rem 0.58rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  font-size: 1rem;
  font-weight: bold;
}

.gc-builder-settings__order {
  display: flex;
  gap: 0.5rem;
  grid-area: order;
  align-self: center;
  justify-content: flex-end;
}

.gc-builder-orderbtn {
  min-width: 4.8rem;
  padding: 0.35rem 0.55rem;
  border-radius: 10px;
  border: 1px solid rgba(158, 220, 254, 0.26);
  background: rgba(46, 70, 110, 0.88);
  color: #fff;
  font-size: 0.88rem;
  white-space: nowrap;
}

/* ============================================================
   SHIP BUILDER COMPACT LIST
   All themes: tighten the ship rows so the page reads
   closer to a dense table than a stack of roomy cards.
   ============================================================ */

body[data-theme="nebula"] .gc-builder-list,
body[data-theme="daylight"] .gc-builder-list,
body[data-theme="classic"] .gc-builder-list {
  gap: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--bg-surface);
  box-shadow: var(--shadow-sm);
}

body[data-theme="nebula"] .gc-builder-card,
body[data-theme="daylight"] .gc-builder-card,
body[data-theme="classic"] .gc-builder-card {
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0.08rem 0.45rem;
  grid-template-columns: minmax(0, 1.35fr) max-content minmax(0, 1fr);
  column-gap: 0.55rem;
  min-height: 2.2rem;
}

body[data-theme="nebula"] .gc-builder-card:last-child,
body[data-theme="daylight"] .gc-builder-card:last-child,
body[data-theme="classic"] .gc-builder-card:last-child {
  border-bottom: 0;
}

body[data-theme="nebula"] .gc-builder-card:hover,
body[data-theme="daylight"] .gc-builder-card:hover {
  background: var(--bg-elevated);
}

body[data-theme="nebula"] .gc-builder-card.is-active,
body[data-theme="daylight"] .gc-builder-card.is-active {
  background: color-mix(in srgb, var(--accent-good) 8%, var(--bg-surface));
  box-shadow: inset 2px 0 0 var(--accent-good);
}

body[data-theme="classic"] .gc-builder-card:hover {
  background: rgba(18, 24, 38, 0.9);
}

body[data-theme="classic"] .gc-builder-card.is-active {
  background: rgba(18, 42, 26, 0.92);
  box-shadow: inset 2px 0 0 #4aa35e;
}

body[data-theme="classic"] .gc-builder-card,
body[data-theme="classic"] .gc-builder-card:hover {
  background: #121c2f;
}

body[data-theme="nebula"] .gc-builder-card__topline,
body[data-theme="daylight"] .gc-builder-card__topline,
body[data-theme="classic"] .gc-builder-card__topline,
body[data-theme="nebula"] .gc-builder-card__controls,
body[data-theme="daylight"] .gc-builder-card__controls,
body[data-theme="classic"] .gc-builder-card__controls,
body[data-theme="nebula"] .gc-builder-card__details,
body[data-theme="daylight"] .gc-builder-card__details,
body[data-theme="classic"] .gc-builder-card__details {
  gap: 0.35rem;
}

body[data-theme="nebula"] .gc-builder-card__titleline a,
body[data-theme="daylight"] .gc-builder-card__titleline a,
body[data-theme="classic"] .gc-builder-card__titleline a {
  font-size: 0.98rem;
  line-height: 1.05;
}

body[data-theme="nebula"] .gc-builder-card__titleline span,
body[data-theme="daylight"] .gc-builder-card__titleline span,
body[data-theme="classic"] .gc-builder-card__titleline span,
body[data-theme="nebula"] .gc-builder-card__stats,
body[data-theme="daylight"] .gc-builder-card__stats,
body[data-theme="classic"] .gc-builder-card__stats {
  font-size: 0.88rem;
  color: var(--text-secondary);
}

body[data-theme="nebula"] .gc-builder-card__rate,
body[data-theme="daylight"] .gc-builder-card__rate,
body[data-theme="classic"] .gc-builder-card__rate {
  margin-left: 0.45rem;
  font-size: 0.84rem;
  color: var(--text-secondary);
  gap: 0.5rem;
}

body[data-theme="nebula"] .gc-builder-card__rate strong,
body[data-theme="daylight"] .gc-builder-card__rate strong,
body[data-theme="classic"] .gc-builder-card__rate strong,
body[data-theme="nebula"] .gc-builder-card__stats strong,
body[data-theme="daylight"] .gc-builder-card__stats strong,
body[data-theme="classic"] .gc-builder-card__stats strong {
  color: var(--text-primary);
}

body[data-theme="nebula"] .gc-builder-card__stats {
  gap: 0.25rem 0.5rem;
}

body[data-theme="daylight"] .gc-builder-card__stats,
body[data-theme="classic"] .gc-builder-card__stats {
  gap: 0.25rem 0.5rem;
}

body[data-theme="nebula"] .gc-builder-adjust,
body[data-theme="daylight"] .gc-builder-adjust,
body[data-theme="classic"] .gc-builder-adjust {
  min-width: 2.75rem;
  min-height: 1.7rem;
  flex: 0 0 2.75rem;
  border-radius: var(--radius-sm);
  font-size: 1.2rem;
  line-height: 1;
}

body[data-theme="nebula"] .gc-builder-input,
body[data-theme="daylight"] .gc-builder-input,
body[data-theme="classic"] .gc-builder-input {
  width: 5rem;
  min-height: 1.7rem;
  flex: 0 0 5rem;
  padding: 0.05rem 0.25rem;
  border-radius: var(--radius-sm);
  font-size: 0.98rem;
}

@media only screen and (min-width: 768px) {
  body[data-theme="nebula"] .gc-builder-card,
  body[data-theme="daylight"] .gc-builder-card,
  body[data-theme="classic"] .gc-builder-card {
    padding-top: 0.03rem;
    padding-bottom: 0.03rem;
    grid-template-columns: minmax(0, 1.5fr) max-content minmax(0, 1.18fr);
    column-gap: 0.45rem;
  }

  body[data-theme="nebula"] .gc-builder-card__titleline a,
  body[data-theme="daylight"] .gc-builder-card__titleline a,
  body[data-theme="classic"] .gc-builder-card__titleline a {
    font-size: 1.16rem;
    line-height: 0.98;
  }

  body[data-theme="nebula"] .gc-builder-card__titleline span,
  body[data-theme="daylight"] .gc-builder-card__titleline span,
  body[data-theme="classic"] .gc-builder-card__titleline span,
  body[data-theme="nebula"] .gc-builder-card__rate,
  body[data-theme="daylight"] .gc-builder-card__rate,
  body[data-theme="classic"] .gc-builder-card__rate,
  body[data-theme="nebula"] .gc-builder-card__stats,
  body[data-theme="daylight"] .gc-builder-card__stats,
  body[data-theme="classic"] .gc-builder-card__stats {
    font-size: 1.03rem;
    line-height: 0.98;
  }

  body[data-theme="nebula"] .gc-builder-card__rate strong,
  body[data-theme="daylight"] .gc-builder-card__rate strong,
  body[data-theme="classic"] .gc-builder-card__rate strong,
  body[data-theme="nebula"] .gc-builder-card__stats strong,
  body[data-theme="daylight"] .gc-builder-card__stats strong,
  body[data-theme="classic"] .gc-builder-card__stats strong {
    font-size: 1em;
    line-height: 0.98;
  }

  body[data-theme="nebula"] .gc-builder-card__titleline span,
  body[data-theme="daylight"] .gc-builder-card__titleline span,
  body[data-theme="classic"] .gc-builder-card__titleline span,
  body[data-theme="nebula"] .gc-builder-card__rate,
  body[data-theme="daylight"] .gc-builder-card__rate,
  body[data-theme="classic"] .gc-builder-card__rate,
  body[data-theme="nebula"] .gc-builder-card__stats,
  body[data-theme="daylight"] .gc-builder-card__stats,
  body[data-theme="classic"] .gc-builder-card__stats {
    line-height: 1;
  }

  body[data-theme="nebula"] .gc-builder-card__topline,
  body[data-theme="daylight"] .gc-builder-card__topline,
  body[data-theme="classic"] .gc-builder-card__topline,
  body[data-theme="nebula"] .gc-builder-card__details,
  body[data-theme="daylight"] .gc-builder-card__details,
  body[data-theme="classic"] .gc-builder-card__details {
    gap: 0.22rem;
  }

  body[data-theme="nebula"] .gc-builder-card__controls,
  body[data-theme="daylight"] .gc-builder-card__controls,
  body[data-theme="classic"] .gc-builder-card__controls {
    gap: 0.38rem;
  }

  body[data-theme="nebula"] .gc-builder-adjust,
  body[data-theme="daylight"] .gc-builder-adjust,
  body[data-theme="classic"] .gc-builder-adjust {
    min-width: 2.85rem;
    min-height: 1.62rem;
    flex-basis: 2.85rem;
    font-size: 1.18rem;
    line-height: 1;
  }

  body[data-theme="nebula"] .gc-builder-input,
  body[data-theme="daylight"] .gc-builder-input,
  body[data-theme="classic"] .gc-builder-input {
    width: 7.2rem;
    min-height: 1.62rem;
    flex-basis: 7.2rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
    line-height: 1;
  }
}

  @media only screen and (max-width: 767px) {
  body[data-theme="nebula"] .gc-builder-list,
  body[data-theme="daylight"] .gc-builder-list,
  body[data-theme="classic"] .gc-builder-list {
    border-radius: var(--radius-sm);
  }

  body[data-theme="nebula"] .gc-builder-card,
  body[data-theme="daylight"] .gc-builder-card,
  body[data-theme="classic"] .gc-builder-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-areas:
      "title controls"
      "details details";
    align-items: center;
    row-gap: 0.12rem;
    padding: 0.2rem 0.35rem;
  }

  body[data-theme="nebula"] .gc-builder-card__topline,
  body[data-theme="daylight"] .gc-builder-card__topline,
  body[data-theme="classic"] .gc-builder-card__topline {
    grid-area: title;
    margin-bottom: 0;
  }

  body[data-theme="nebula"] .gc-builder-card__controls,
  body[data-theme="daylight"] .gc-builder-card__controls,
  body[data-theme="classic"] .gc-builder-card__controls {
    grid-area: controls;
    justify-content: flex-end;
  }

  body[data-theme="nebula"] .gc-builder-card__details,
  body[data-theme="daylight"] .gc-builder-card__details,
  body[data-theme="classic"] .gc-builder-card__details {
    grid-area: details;
    width: 100%;
    justify-content: flex-start;
  }

  body[data-theme="nebula"] .gc-builder-card__titleline,
  body[data-theme="daylight"] .gc-builder-card__titleline,
  body[data-theme="classic"] .gc-builder-card__titleline {
    flex-wrap: wrap;
    row-gap: 0.05rem;
  }

  body[data-theme="nebula"] .gc-builder-card__rate,
  body[data-theme="daylight"] .gc-builder-card__rate,
  body[data-theme="classic"] .gc-builder-card__rate {
    margin-left: 0;
    justify-content: flex-start;
  }

  .gc-builder-range--desktop,
  body[data-theme="nebula"] .gc-builder-range--desktop,
  body[data-theme="daylight"] .gc-builder-range--desktop,
  body[data-theme="classic"] .gc-builder-range--desktop {
    display: none;
  }

  .gc-builder-range--mobile,
  body[data-theme="nebula"] .gc-builder-range--mobile,
  body[data-theme="daylight"] .gc-builder-range--mobile,
  body[data-theme="classic"] .gc-builder-range--mobile {
    display: inline;
  }

  body[data-theme="nebula"] .gc-builder-card__stats,
  body[data-theme="daylight"] .gc-builder-card__stats,
  body[data-theme="classic"] .gc-builder-card__stats {
    width: 100%;
    justify-content: flex-start;
    gap: 0.15rem 0.4rem;
  }

  body[data-theme="nebula"] .gc-builder-adjust,
  body[data-theme="daylight"] .gc-builder-adjust,
  body[data-theme="classic"] .gc-builder-adjust {
    min-width: 3rem;
    min-height: 1.9rem;
    flex-basis: 3rem;
    font-size: 1.28rem;
  }

  body[data-theme="nebula"] .gc-builder-input,
  body[data-theme="daylight"] .gc-builder-input,
  body[data-theme="classic"] .gc-builder-input {
    width: 7rem;
    min-width: 6.25rem;
    max-width: 7.25rem;
    min-height: 1.9rem;
    flex: 0 0 7rem;
    font-size: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .gc-builder-page,
  .gc-builder-settings {
    width: 100%;
  }

  .gc-builder-settings {
    max-width: none;
  }

  .gc-builder-toolbar {
    margin: 0.16rem 0 0.28rem;
    padding: 0;
    border-radius: 0;
  }

  .gc-builder-toolbar--footer {
    position: static;
    bottom: auto;
  }

  .gc-builder-toplinks--footer {
    margin-top: 0.22rem;
  }

  .gc-builder-card,
  .gc-builder-settings__item {
    border-radius: 12px;
  }

  .gc-builder-card {
    display: block;
  }

  .gc-builder-settings__item {
    grid-template-columns: minmax(0, 1fr) 13.4rem;
    grid-template-areas:
      "titleline titleline"
      "toggles order";
    align-items: stretch;
    gap: 0.45rem 0.55rem;
    padding: 0.45rem 0.5rem;
  }

  .gc-builder-settings__titleline {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.25rem 0.55rem;
  }

  .gc-builder-card__topline {
    margin-bottom: 0.28rem;
  }

  .gc-builder-card__titleline a {
    font-size: 1.1rem;
  }

  .gc-builder-card__titleline span,
  .gc-builder-card__stats,
  .gc-builder-settings__title span,
  .gc-builder-settings__meta span,
  .gc-builder-settings__toggle {
    font-size: 0.92rem;
  }

  .gc-builder-settings__title strong {
    white-space: normal;
    line-height: 1.08;
  }

  .gc-builder-settings__meta {
    flex-direction: column;
    align-items: flex-end;
    gap: 0.08rem;
  }

  .gc-builder-card__rate {
    font-size: 0.96rem;
    justify-content: flex-start;
  }

  .gc-builder-card__rate strong {
    font-size: 1rem;
  }

  .gc-builder-card__details {
    justify-content: flex-start;
    width: 100%;
  }

  .gc-builder-card__stats {
    gap: 0.2rem 0.5rem;
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  .gc-builder-card__fleetstats {
    gap: 0.5rem;
  }

  .gc-builder-card__stats > span:first-child {
    margin-right: auto;
  }

  /* Keep [-] [qty] [+] a compact centered group — do not stretch the input full-bleed */
  .gc-builder-card__controls {
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
  }

  .gc-builder-adjust {
    min-width: 3rem;
    min-height: 2.4rem;
    font-size: 1.45rem;
    flex-basis: 3rem;
    flex-shrink: 0;
  }

  .gc-builder-input {
    width: auto;
    min-width: 5.4rem;
    max-width: 7.25rem;
    min-height: 2.4rem;
    font-size: 1.2rem;
    flex: 0 0 auto;
    box-sizing: border-box;
  }

  .gc-builder-card__stats span,
  .gc-builder-card__meta span {
    white-space: nowrap;
  }

  .gc-builder-settings__toggles {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0.35rem;
    min-width: 0;
  }

  .gc-builder-settings__toggle {
    gap: 0.5rem;
    padding: 0.16rem 0.35rem;
    font-size: 1rem;
  }

  .gc-builder-settings__toggle input {
    width: 1.34rem;
    height: 1.34rem;
  }

  .gc-builder-settings__order {
    width: 100%;
    flex-direction: row;
    gap: 0.35rem;
    align-items: center;
  }

  .gc-builder-orderbtn {
    flex: 1 1 0;
    min-width: 6.35rem;
    min-height: 2.45rem;
    padding: 0.36rem 0.7rem;
    font-size: 0.92rem;
  }
}
  .slicknav_menu,
  .slicknav_menu *{
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
  }
  .slicknav_nav,
  .slicknav_nav ul{
    padding:0;
    list-style:none;
    overflow:hidden
  }
  .slicknav_btn{
    position:relative;
    display:block;
    vertical-align:middle;
    float:right;
    padding:.438em .625em;
    line-height:1.125em}
    .slicknav_btn
    .slicknav_icon-bar+.slicknav_icon-bar{
      margin-top:.188em}
      .slicknav_menu
      .slicknav_menutxt {
        display:block;
        line-height:1.188em;
        float:left;
        color:#fff;
        font-weight:700;
        text-shadow:0 1px 3px #000
        }
        .slicknav_menu .slicknav_icon{
          float:left;
          margin:.188em 0 0 .438em
          }
          .slicknav_menu
          .slicknav_no-text{
            margin:0
            }
          .slicknav_menu
          .slicknav_icon-bar{
            display:block;
            width:1.125em;
            height:.125em;
            -webkit-border-radius:1px;
            -moz-border-radius:1px;
            border-radius:1px;
            -webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);
            -moz-box-shadow:0 1px 0 rgba(0,0,0,.25);
            box-shadow:0 1px 0 rgba(0,0,0,.25)}

            .slicknav_menu:after{
              clear:both }
            .slicknav_nav li,
            .slicknav_nav ul{
              display:block
              }
            .slicknav_nav
            .slicknav_arrow{
              font-size:.8em;
              margin:0 0 0 .4em }
          .slicknav_nav
          .slicknav_item a {
            display:inline }
          .slicknav_nav
          .slicknav_row,
          .slicknav_nav a{
            display:block}
          .slicknav_nav
          .slicknav_parent-link a{
          display:inline}
        .slicknav_menu{
          *zoom:1;
          font-size: 16px;
          background: #4c4c4c;
          padding: 5px }
        .slicknav_menu
        .slicknav_icon-bar{
          background-color: #fff }
        .slicknav_btn {
        margin: 5px 5px 6px;
        text-decoration: none;
        text-shadow: 0 1px 1px rgba(255,255,255,.75);
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        background-color:#222 }
        .slicknav_nav {
          clear: both;
          color: #fff;
          margin:0;
          font-size:.875em }
        .slicknav_nav ul{
          margin: 0 0 0 20px;
          }
        .slicknav_nav
        .slicknav_row,
        .slicknav_nav a{
          padding: 5px 10px;
          margin: 2px 5px }
        .slicknav_nav
        .slicknav_row:hover{
          -webkit-border-radius:6px;
          -moz-border-radius:6px;
          border-radius:6px;
          background:#ccc;
          color:#fff}

        .slicknav_nav a{
          text-decoration:none;
          color:#fff}

        .slicknav_nav a:hover{
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        background:#ccc;
        color:#222 }

      .slicknav_nav
      .slicknav_txtnode{
        margin-left: 15px }

      .slicknav_nav
      .slicknav_item a,
      .slicknav_nav
      .slicknav_parent-link a {
      padding: 0;
      margin: 0
    }

    .slicknav_brand{
      float :left;
      color: #fff;
      font-size: 18px;
      line-height: 30px;
      padding: 7px 12px;
      height: 44px}


/* ============================================================
   DIG TIME SCHEDULE
   ============================================================ */

.dig-schedule {
  max-width: 660px;
  margin: 10px auto 0;
  font-family: 'Courier New', Courier, monospace;
  font-size: 1.5rem;
}

.dig-schedule-title {
  text-align: center;
  font-size: 1.15em;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #a0b8d0;
  margin-bottom: 2px;
  border-bottom: 1px solid #1e3050;
  padding-bottom: 6px;
}

.dig-schedule-subtitle {
  text-align: center;
  color: #9fb7d2;
  font-size: 0.72em;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* Current dig banner */
.dig-now-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #050f05;
  border: 1px solid #1e4a1e;
  border-left: 3px solid #2e8b2e;
  border-radius: 3px;
  padding: 7px 14px;
  margin-bottom: 14px;
  font-size: 0.82em;
  color: #bed2e4;
  letter-spacing: 0.5px;
}

.dig-now-banner .dig-now-label {
  text-transform: uppercase;
  font-size: 0.85em;
  letter-spacing: 1px;
}

.dig-now-banner .dig-now-name {
  color: #f0d060;
  font-weight: bold;
  font-size: 1.05em;
  letter-spacing: 1px;
}

.dig-now-banner .dig-now-time {
  color: #9cc4e3;
  font-size: 0.88em;
  margin-left: 6px;
}

/* Group panels */
.dig-group {
  background: #080e18;
  border: 1px solid #162030;
  border-top: 2px solid #1a3050;
  border-radius: 3px;
  margin-bottom: 10px;
  overflow: hidden;
}

.dig-group-header {
  display: flex;
  align-items: baseline;
  gap: 8px;
  background: linear-gradient(90deg, #0d1a2e 0%, #0a1220 100%);
  border-bottom: 1px solid #1a3050;
  padding: 5px 10px;
}

.dig-group-header .dig-group-name {
  font-size: 0.78em;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #6eb7ff;
}

.dig-group-header .dig-group-range {
  font-size: 0.72em;
  color: #89accf;
  letter-spacing: 1px;
}

/* Wave sections inside a group */
.dig-wave-label {
  font-size: 0.65em;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #6f8fae;
  padding: 4px 10px 2px;
  border-bottom: 1px dashed #0e1e2e;
}

.dig-gap {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  color: #59728a;
  font-size: 0.68em;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-top: 1px dashed #0e1a26;
  border-bottom: 1px dashed #0e1a26;
  background: #060c14;
}

.dig-gap::before,
.dig-gap::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #142030;
}

/* Individual dig rows */
.dig-row {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  border-bottom: 1px solid #0c1620;
  transition: background 0.15s;
  gap: 10px;
}

.dig-row:last-child { border-bottom: none; }
.dig-row:hover { background: #0d1828; }

.dig-row.active-now {
  background: #0a1a0a;
  border-left: 3px solid #2e8b2e;
  padding-left: 7px;
}

.dig-time {
  width: 110px;
  flex-shrink: 0;
  font-size: 0.82em;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.dig-row.active-now .dig-time {
  color: #c8d870;
}

/* Dig type badges */
.dig-type {
  padding: 2px 9px;
  border-radius: 2px;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  min-width: 80px;
  text-align: center;
}

.dig-type.common   { background: #071507; color: #4aaa5a; border: 1px solid #1a3a1a; }
.dig-type.rare     { background: #180808; color: #d06060; border: 1px solid #4a1818; }
.dig-type.uncommon { background: #070e1a; color: #5898d8; border: 1px solid #1a2e50; }
.dig-type.mixed    { background: #161006; color: #c8982a; border: 1px solid #4a3410; }

.dig-row.active-now .dig-type {
  box-shadow: 0 0 8px rgba(100, 200, 80, 0.2);
}

/* Active now indicator */
.dig-active-marker {
  font-size: 0.68em;
  color: #60aa40;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}

.dig-active-marker::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #60aa40;
  box-shadow: 0 0 6px #60aa40;
  animation: dig-pulse 1.4s ease-in-out infinite;
}

@keyframes dig-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 6px #60aa40; }
  50%       { opacity: 0.4; box-shadow: 0 0 2px #60aa40; }
}

/* Footer note */
.dig-footer-note {
  text-align: center;
  color: #6f8cab;
  font-size: 0.68em;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid #0e1820;
}

/* Dig schedule button in chat sidebar */
.dig-now-btn {
  display: inline-block;
  margin-top: 4px;
  padding: 4px 10px;
  background: #070f07;
  border: 1px solid #1e4a1e;
  border-radius: 3px;
  color: #f0d060;
  font-size: 0.8em;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.dig-now-btn:hover {
  background: #0d1f0d;
  border-color: #2e8b2e;
  color: #ffe066;
  text-decoration: none;
}

@media (max-width: 768px) {
  .dig-schedule {
    max-width: 100%;
    width: 100%;
    font-size: 1rem;
    padding: 0 6px;
    box-sizing: border-box;
  }
  .dig-now-banner {
    flex-wrap: wrap;
    gap: 4px 8px;
    padding: 6px 8px;
  }
  .dig-group-header {
    flex-wrap: wrap;
    gap: 4px 8px;
  }
  .dig-row {
    flex-wrap: wrap;
    gap: 4px 8px;
    padding: 4px 8px;
  }
  .dig-time {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
  }
  .dig-type {
    min-width: 60px;
    padding: 2px 6px;
  }
  .dig-active-marker {
    margin-left: 0;
    flex-basis: 100%;
  }
}

/* Ranking page */
.rank-page-title {
  margin-top: 2%;
  text-align: center;
}

.rank-empty-table {
  width: 60%;
}

.rank-filter-form {
  margin: 0;
  padding: 0;
}

.rank-filter-table {
  width: 80%;
  margin: 0 auto 1% auto;
  text-align: center;
}

.rank-results-table {
  width: 80%;
  border: none;
  margin-top: 2%;
}

.rank-results-table-mobile {
  width: 100%;
  border: none;
  margin-top: 2%;
  font-size: 0.75em;
}

/* f_rank2 mobile — PR Ratio column: muted “reference” numerics (matches Classic gray / VM dim) */
.rank-results-table-mobile td.rank-table__pr-ratio {
  color: gray;
  white-space: nowrap;
  text-align: center;
  font-family: inherit;
  font-variant-numeric: normal;
  font-feature-settings: normal;
  letter-spacing: normal;
}

.rank-results-table-mobile td.rank-table__pr-ratio--vm {
  color: #5c5c5c;
  font-style: italic;
}

.rank-results-table td.rank-table__pr-ratio {
  color: gray;
  white-space: nowrap;
  text-align: center;
  font-family: inherit;
  font-variant-numeric: normal;
  font-feature-settings: normal;
  letter-spacing: normal;
}

.rank-results-table td.rank-table__pr-ratio--vm {
  color: #5c5c5c;
  font-style: italic;
}

.rank-results-header {
  text-align: center;
}

.rank-pagination {
  margin-right: 10%;
  margin-top: 0.1%;
}

.rank-legend {
  text-align: center;
  margin-top: 2%;
}

/* f_rank.cfm, f_rank2.cfm, f_rank_s.cfm — mobile: full width; filter row label | control */
@media (max-width: 767.98px) {
  .rank-page-table,
  .rank-results-table,
  .rank-results-table-mobile,
  .rank-empty-table {
    width: 100% !important;
    max-width: 100%;
  }

  /* f_rank mobile: auto column widths; scroll wrapper if row min-width exceeds viewport */
  .rank-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  .rank-page-table--your-rank,
  .rank-page-table--top50 {
    table-layout: auto;
    width: 100%;
  }

  /* Shrink-wrap narrow columns; empire + PR absorb remaining space */
  .rank-page-table--your-rank tr.Header td.rank-table__rank-hdr,
  .rank-page-table--your-rank td.rank-table__rank-cell {
    width: 1%;
    white-space: nowrap;
  }

  .rank-page-table--top50 tr.Header td.rank-table__rank-hdr,
  .rank-page-table--top50 td.rank-table__rank-cell {
    width: 1%;
    white-space: nowrap;
  }

  .rank-page-table--your-rank td.rank-table__empire-cell,
  .rank-page-table--top50 td.rank-table__empire-cell {
    white-space: nowrap;
  }

  .rank-page-table--your-rank .rank-table__rank-hdr {
    padding: 1px 0 !important;
    text-align: center;
    line-height: 1.15;
    font-size: 0.8rem;
  }

  .rank-page-table--top50 .rank-table__rank-hdr {
    padding: 1px 0.32rem 1px 0 !important;
    text-align: right;
    line-height: 1.15;
    font-size: 0.8rem;
  }

  .rank-page-table--your-rank td.rank-table__rank-cell {
    padding: 1px 0 !important;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  }

  .rank-page-table--top50 td.rank-table__rank-cell {
    padding: 1px 0.32rem 1px 0 !important;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
  }

  .rank-page-table--your-rank td.rank-table__empire-cell {
    padding: 1px 1px 1px 0;
  }

  .rank-page-table--top50 td.rank-table__empire-cell {
    padding: 1px 1px 1px 0;
  }

  .rank-page-table--your-rank td:last-child,
  .rank-page-table--top50 td:last-child {
    padding-left: 1px;
    padding-right: 1px;
    white-space: nowrap;
  }

  /* f_rank2.cfm mobile results (Empire | Race | Planets | PR | Attack | Ratio)
     Fixed layout + compact type so the grid fits the viewport without horizontal scroll (Classic-style). */
  .rank-results-table-mobile {
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
    font-size: 1.1rem;
    border-collapse: collapse;
  }

  .rank-results-table-mobile tr.Header td,
  .rank-results-table-mobile tr.Header th {
    padding: 2px 1px !important;
    font-size: 0.66rem;
    line-height: 1.15;
    letter-spacing: 0.03em;
  }

  .rank-results-table-mobile tr.Header td.rank-table__pr-ratio-hdr {
    padding: 2px 0 !important;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }

  .rank-results-table-mobile tr.Header td.rank-table__pr-ratio-hdr abbr {
    text-decoration: none;
    cursor: help;
  }

  .rank-results-table-mobile td:nth-child(1) {
    width: 32%;
    padding: 1px 1px !important;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .rank-results-table-mobile td:nth-child(2) {
    width: 17%;
    padding: 1px 1px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .rank-results-table-mobile td:nth-child(3) {
    width: 10%;
    padding: 1px 1px !important;
    white-space: nowrap;
  }

  .rank-results-table-mobile td:nth-child(4) {
    width: 17%;
    padding: 1px 1px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .rank-results-table-mobile td:nth-child(5) {
    width: 13%;
    padding: 1px 1px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .rank-results-table-mobile td:nth-child(6) {
    width: 11%;
    padding: 1px 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .rank-results-table-mobile td.rank-table__pr-ratio {
    padding: 1px 0 !important;
    letter-spacing: 0;
    text-align: center;
  }

  /* f_rank2: labels above selects in 3 columns; no cell borders (beats global th,td black border) */
  .rank-filter-table.rank-filter-table--grid {
    display: block;
    width: 100% !important;
    border: none !important;
    background: transparent;
    box-shadow: none;
  }

  .rank-filter-table--grid tbody {
    display: block;
  }

  .rank-filter-table--grid tr.table_row1 {
    border: none !important;
  }

  .rank-filter-table--grid tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto auto;
    column-gap: 0.5rem;
    row-gap: 0.35rem;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
  }

  .rank-filter-table--grid tr td:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .rank-filter-table--grid tr td:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .rank-filter-table--grid tr td:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }
  .rank-filter-table--grid tr td:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }
  .rank-filter-table--grid tr td:nth-child(5) {
    grid-column: 3;
    grid-row: 1;
  }
  .rank-filter-table--grid tr td:nth-child(6) {
    grid-column: 3;
    grid-row: 2;
  }

  .rank-filter-table--grid tr td {
    display: block;
    box-sizing: border-box;
    border: none !important;
  }

  .rank-filter-table--grid tr td.rank-filter-table__label {
    white-space: nowrap !important;
    text-align: center;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 0 0.15rem 0 !important;
    font-size: 0.96rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .rank-filter-table--grid tr td.rank-filter-table__field {
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    overflow: hidden;
  }

  .rank-filter-table--grid tr td.rank-filter-table__field select {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    font-size: 0.875rem;
    padding: 0.28rem 0.4rem;
    min-height: 2.35rem;
  }

  .rank-s-page .rank-s-filter {
    width: 100% !important;
    max-width: 100%;
  }

  .rank-s-page .rank-s-filter td {
    text-align: left;
    padding: 0.35rem 0.25rem;
  }

  .rank-s-page .rank-s-filter select {
    max-width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
  }

  .rank-pagination {
    float: none;
    text-align: center;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-top: 0.5rem;
  }
}

/* --- Private messages inbox (f_pm.cfm) — mobile-first layout --- */
.gc-pm {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 0.35rem;
}

.gc-pm__title {
  margin: 0.75rem 0 0.5rem;
  text-align: center;
  font-weight: bold;
}

.gc-pm__form {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.gc-pm__tablewrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767.98px) {
  .gc-pm__list {
    width: 100% !important;
    max-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }

  .gc-pm__list thead {
    display: none;
  }

  .gc-pm__list tbody tr.gc-pm__row {
    display: grid;
    /* Row 1: [chk][icn] | name (grows, centered) | time — row 2: preview */
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 0.15rem 0.35rem;
    align-items: center;
    padding: 0.5rem 0.2rem;
    border-bottom: 1px solid rgba(120, 170, 210, 0.4);
  }

  .gc-pm__list tbody tr.gc-pm__row td {
    border: none;
    padding: 2px 4px;
    vertical-align: middle;
    min-width: 0;
  }

  .gc-pm__list .gc-pm__td--chk {
    grid-column: 1;
    grid-row: 1;
  }

  .gc-pm__list .gc-pm__td--icn {
    grid-column: 2;
    grid-row: 1;
  }

  .gc-pm__list .gc-pm__td--from {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    text-align: center;
    word-break: break-word;
  }

  .gc-pm__list .gc-pm__td--time {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    white-space: normal !important;
    font-size: 0.82em;
  }

  .gc-pm__list .gc-pm__td--subj {
    grid-column: 1 / -1;
    grid-row: 2;
    text-align: left;
    word-break: break-word;
  }

  .gc-pm__list .gc-pm__td--subj a {
    display: inline;
  }

  .gc-pm__list tbody tr.gc-pm__empty {
    display: block;
    text-align: center;
    padding: 1rem 0.35rem;
  }

  .gc-pm__list tbody tr.gc-pm__empty td {
    display: block;
    width: 100% !important;
    border: none;
  }

  .gc-pm .gc-pm__pager {
    float: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0.6rem 0 0.85rem;
    padding: 0 0.15rem;
    clear: both;
    box-sizing: border-box;
  }

  .gc-pm__toolbar {
    width: 100% !important;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .gc-pm__toolbar td {
    text-align: center;
    padding: 0.45rem 0.25rem;
  }

  .gc-pm__legend {
    width: 100% !important;
    max-width: 24rem;
    margin: 0.75rem auto 0;
  }
}

@media (min-width: 768px) {
  .gc-pm {
    padding: 0 0.5rem;
  }

  .gc-pm__list {
    width: 80% !important;
    table-layout: auto;
  }

  .gc-pm__list thead {
    display: table-header-group;
  }

  .gc-pm__list tbody tr.gc-pm__row {
    display: table-row;
    padding: 0;
    border-bottom: none;
  }

  .gc-pm__list tbody tr.gc-pm__row td {
    display: table-cell;
  }

  .gc-pm__list .gc-pm__td--time {
    white-space: nowrap !important;
    font-size: inherit;
  }

  .gc-pm__list tbody tr.gc-pm__empty {
    display: table-row;
    padding: 0;
  }

  .gc-pm__list tbody tr.gc-pm__empty td {
    display: table-cell;
    width: auto !important;
  }

  .gc-pm .gc-pm__pager {
    float: right;
    width: auto;
    max-width: none;
    margin-right: 10%;
    text-align: right;
  }

  .gc-pm__toolbar {
    width: auto !important;
  }

  .gc-pm__legend {
    width: auto !important;
    max-width: none;
  }
}

/* --- f_com_attack.cfm: fleet table — hide Race column on small screens (fits without scrolling) --- */
.com-attack-fleet-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .com-attack-fleet-wrap {
    padding: 0 0.15rem;
  }

  .com-attack-fleet-table .com-attack-fleet__race {
    display: none;
  }

  .com-attack-fleet-wrap .com-attack-fleet-table {
    width: 100% !important;
    max-width: 100%;
  }
}

/* --- f_com_attack.cfm: Target to Attack — labels on one line, inputs fill width --- */
table.Default.kv.com-attack-target {
  table-layout: fixed;
}

table.Default.kv.com-attack-target tr:not(.Header) td:first-child {
  white-space: nowrap !important;
  vertical-align: middle;
  width: 9.5rem !important;
  max-width: 36% !important;
}

table.Default.kv.com-attack-target tr:not(.Header) td.com-attack-target__field {
  width: auto !important;
  min-width: 0;
}

table.Default.kv.com-attack-target .com-attack-target__field input[type="text"] {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 767.98px) {
  table.Default.kv.com-attack-target {
    width: 100% !important;
  }

  table.Default.kv.com-attack-target tr:not(.Header) td:first-child {
    width: 8.75rem !important;
    max-width: 42% !important;
  }
}