@import url('https://fonts.googleapis.com/css?family=Righteous');

body 
{
background:url('https://i.imgur.com/6cfyaC9.jpg');
background-repeat: repeat;
background-attachment: fixed;
  background-size: 100% 100%;
  font-family: 'Righteous' !important;
background-size:100%;
/*player card */
color: #ffffff;
}


body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url("https://i.imgur.com/6cfyaC9.jpg") no-repeat center center;
  font-family: 'Righteous' !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

::-webkit-scrollbar {
    width: 6px!important;
}

::-webkit-scrollbar-track {
    background-color:#ffffff!important;
}
 
::-webkit-scrollbar-thumb {
  background-color: #4B4956!important;
}

b { font-weight:300!important; }

a:link {
    color: #ffffff !important;
}

a:visited {
    color: #ffffff !important;
}
    
a:hover {
color: #ffffff !important;}

.center.b {
color: #ffffff !important;
}

h1 {
    text-align: center !important;
    color: #ffffff !important;
    font-family: 'Righteous' !important;
    font-size:45px!important;
    text-transform:uppercase;
    letter-spacing:15px;
    margin-left:15px!important;
}

.prideName {
    font-size:80px;
    font-family: 'Righteous';
    text-align:center;
    color: #ffffff;
    text-transform:uppercase;
    margin-top:-20px;
}

.prideSub {
    text-align: center;
    color: #ffffff;
    font-family: 'Righteous';
    font-size:35px;
    text-transform:uppercase;
    letter-spacing:10px;
    margin-left:10px;
    margin-top:-20px;
}
    
h3 {
    text-align: center !important;
    color: #ffffff !important;
    font-family: 'Righteous' !important;
    text-transform:uppercase;
    border-bottom:3px solid #ffffff;
}

/*SideBar*/
div.container.main {
    background-color:rgba(255, 255, 255, .0)!important;
    border: none!important;
    box-shadow:none!important;
}

.col-md-9.col-xs-12 {
    background-color:rgba(255, 255, 255, .2) !important;
    border: none!important;
}

.navbar {
    background:  #252839 !important;
    border: none!important;
    box-shadow: none !important;
    font-family: 'Righteous' !important;
    border-bottom:3px solid #ffffff!important;
  border-top-right-radius: 35px;
}
    
.navbar li a {
    color: #ffffff !important;
    transition:0.3s ease ease-in-out!important;
}
    
.navbar li a:hover {
   color: #ffffff !important;
     background: #4B4956!important;
    transition:0.3s ease ease-in-out!important;
}

.breadcrumb {
    background: #7B788A  !important;
    color: #ffffff!important;
    border:none!important;
  font-family: 'Righteous' !important;
    border-radius:0px!important;
}
.breadcrumb a { color:#ffffff!important; }

.topbar {
    background: #7B788A  !important;
    color: #ffffff !important;
   font-family: 'Righteous' !important;
    border: none !important;
    border-bottom:3px solid #ffffff!important;
}

.topbar a { color:#ffffff!important; }

.sidebar {
    background: rgba(201, 224, 156, .0)  !important;
color:#ffffff!important;
  font-family: 'Righteous' !important;
    border: none !important;
}

.sidebar a { color:#ffffff!important; }

.panel {
    background: #252839 !important;
    border: none !important;
   color: #ffffff!important;
    box-shadow: none !important;
  font-family: 'Righteous' !important;
    border-radius:0px!important;
}

.panel a { color:#ffffff!important; }

.chat_light {
    background: #7B788A !important;
    color: #ffffff!important;
  font-family: 'Righteous' !important;
     border-bottom:3px solid #ffffff!important;
}
.chat_light a { color:#ffffff!important; }
    
.chat_dark {
    background: #252839 !important;
    color: #ffffff !important;
  font-family: 'Righteous' !important;
     border-bottom:3px solid #ffffff!important;
}
.chat_dark a { color:#ffffff!important; }

.progress {
    background: #7B788A  !important;
    border: none!important;
  font-family: 'Righteous' !important;
    border-radius:35px!important;
}
    
.progress div {
    color: #ffffff !important;
}
    
.progress-bar-warning {
    background: #3d6a67 !important;
}
    
.progress-bar-danger {
    background: #3d6a67 !important;
}
    
.progress-bar-success {
    background: #3d6a67 !important;
}
    
.progress-bar {
    background: #54566B !important;
}

.chat_row a { color:#ddd!important; }

table { border:none!important; }

.top {
    background: #252839 !important;
    color: #ffffff !important;
    border: none!important;
    text-align: center !important;
 font-family: 'Righteous' !important;
    text-transform:uppercase;
    border-bottom:3px solid #ffffff  !important;
    background-repeat: repeat;
    font-size:20px!important;
    letter-spacing:3px!important;
  border-top-right-radius: 35px;
  border-top-left-radius: 35px;
}

.top a { color:#ffffff    !important; }

th {
    background:  #252839 !important;
   color:#ffffff    !important;
    border: none!important;
    text-align: center !important;
    font-family: 'Righteous' !important;
    font-size:15px!important;
    text-transform:uppercase;
  border-bottom:3px solid #ffffff  !important;
    background-repeat: repeat;
    letter-spacing:3px!important;
  border-top-right-radius: 35px;
  border-top-left-radius: 35px;
}

.th a { color:#ffffff  !important; }

.bottom {
    background: #252839 !important;
    color: #ffffff   !important;
    border: none!important;
  border-top:3px solid #ffffff  !important;
    text-align: center !important;
   font-family: 'Righteous' !important;
  border-bottom-right-radius: 35px;
  border-bottom-left-radius: 35px;
}

.dynastylist .left { 
    background-color:rgba(255, 255, 255, .0)!important;
font-family: 'Righteous' !important;
  border:none  !important;
}



.left {
    background:  #54566B  !important;
    color: #ffffff  !important;
    border: none!important;
    text-align: center !important;
    font-family: 'Righteous' !important;
    border-radius:0px!important;
}


td {
    background:#7B788A  !important;
    color: #ffffff !important;
  font-family: 'Righteous' !important;
    border: none !important;
}

td .right { 
    background-color:rgba(255, 255, 255, .0) !important;
  color: #ffffff !important;
    border-radius:0px!important; 
  font-family: 'Righteous' !important;
}

td .right a { color:#ffffff!important; }

.table .right {
background: #7B788A !important;
color: #ffffff   !important;
  font-family: 'Righteous' !important;
}

.right_cub {
    background: #D0D0D4 !important;
  font-family: 'Righteous' !important;
}

.right_cub a {
    color:#ffffff!important;
}

.cave-grid, .mound-grid {
    background: rgba(255, 255, 255, .0) !important;
    border-radius:0px!important;
    text-transform:uppercase!important;
  font-family: 'Righteous' !important;
    border:none !important;
}

  /*cave foreground*/
.cave-grid img {
content: url('https://i.imgur.com/rxoz9u4.png');
height: 100px;
width: auto;
}
  /*cave background*/
.cave-grid {
background: rgba(255, 255, 255, .0) !important;
border-radius: 1px;
border: none;
}
  /*bug mound background*/
.mound-grid {
background: rgba(255, 255, 255, .0)!important;
border: none;
}
  /*bug mound foreground*/
.mound-grid img {
content: url('https://i.imgur.com/rxoz9u4.png');
height: 120px;
  width: 170px !important;
}
div.left img {
content: url('https://i.imgur.com/rxoz9u4.png');
height: 120px;
width: 170px !important;
}

#lion_image {
overflow: hidden;
border: 1px solid rgba(159,108,51, 0.0);
}

div#lion_image>div
{
 
background:rgba(159,108,51, 0.0) !important;
}

body > div.container.main > div:nth-child(1) > nav > div.navbar-header > a > img {
    content:url('https://i.imgur.com/AJ0YDDq.png')!important;
}

.feature {
background: #54566B !important;
color: #ffffff !important;
border: none !important;
}

/*Buttons/Stuff*/

input[type="button"] {
    background: #4B4956 !important;
    color: #ffffff  !important;
    border: none !important;
    text-align: center !important;
  font-family: 'Righteous' !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius:0!important;
}
    
input[type="submit"] {
background: #4B4956 !important;    
color: #ffffff  !important;
  border: none !important;
    text-align: center !important;
  font-family: 'Righteous' !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius:0!important;
}
    
input[type="text"] {
    background: #4B4956 !important;
    color: #ffffff  !important;
    border: none !important;
    text-shadow: none !important;
      font-family: 'Righteous' !important;
    box-shadow: none !important;
}
    
input[type="password"] {
    background: #4B4956 !important;
    color: #ffffff  !important;
    border: none !important;
  font-family: 'Righteous' !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
    
textarea {
    background: #4B4956 !important;
    color: #ffffff  !important;
    border: none !important;
  font-family: 'Righteous' !important;
    text-shadow: none !important;
    box-shadow: none !important;
    white-space:normal!important;
}
    
select {
background: #4B4956 !important;
  color: #ffffff  !important;
    border: none !important;
  font-family: 'Righteous' !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/*Bottom Slider*/

.item {
    border:none!important;
    border-radius:0px!important;
    background:#54566B!important;
}

.item-header {
     background:#4B4956 !important;
     color:#ffffff!important;
  font-family: 'Righteous' !important;
     border-radius:0px!important;
 }

 input:checked + .slider {
     background:#4B4956!important;
 }
/*Sliders end*/

.alert-danger, .attack-lost {
    background: #4B4956 !important;
  color: #ffffff !important;
  border: none!important;
  font-family: 'Righteous' !important;
    border-radius:0px!important;

}
    
.alert-success, .attack-won {
    background: #4B4956 !important;
    color: #ffffff !important;
    border: none!important;
  font-family: 'Righteous' !important;
    border-radius:0px!important;
}

.alert-success a, .attack-won a { color: #ffffff!important; }
.alert-danger a, .attack-lost a { color:#ffffff!important;; }

#txtChatMessage {
background: #4B4956;
  font-family: 'Righteous' !important;
color: #ffffff;
}

.badge {
background: #4B4956;
  font-family: 'Righteous' !important;
  color: #ffffff!important;
}


/*-----------------------------*/


/*Tables*/

.boxcontainer { 
overflow:hidden;
}

.hbox1 {
background:#4B4956;
text-align:center;
width:345px;
  color:#ffffff ;
	height:280px;	
  left: -170px;
    top: -20px;
text-align:center;
  font-family: 'Righteous' !important;
border:none !important;
transition:all ease 2s;
overflow:Auto;
/*display:fixed;*/
  position: relative;
}

.hbox2 {
background:#4B4956;
text-align:center;
width:345px;
  color:#ffffff ;
	height:280px;	
  left: 200px;
    top: -340px;
text-align:center;
  font-family: 'Righteous' !important;
border:none !important;
transition:all ease 2s;
overflow:Auto;
/*display:fixed;*/
   margin-bottom: -290px;
  position: relative;
}