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

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


body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url("https://i.imgur.com/hedF2LD.jpg") no-repeat center center;
  font-family: 'Neucha' !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:#CEE1F0!important;
}
 
::-webkit-scrollbar-thumb {
  background-color: #1579B5!important;
}

b { font-weight:300!important; }

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

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

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

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

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

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

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

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

.navbar {
    background:  rgba(86, 153, 186, .3) !important;
    border: none!important;
    box-shadow: none !important;
    font-family: 'Neucha' !important;
    border-bottom:3px solid #CEE1F0!important;
}
    
.navbar li a {
    color: #CEE1F0 !important;
    transition:0.3s ease ease-in-out!important;
}
    
.navbar li a:hover {
   color: #CEE1F0 !important;
     background: #1579B5!important;
    transition:0.3s ease ease-in-out!important;
}

.breadcrumb {
    background: #1579B5  !important;
    color: #CEE1F0!important;
    border:none!important;
  font-family: 'Neucha' !important;
    border-radius:0px!important;
}
.breadcrumb a { color:#CEE1F0!important; }

.feature {
    background: #a67f9e  !important;
    color: #CEE1F0!important;
    border: none!important;
}

.topbar {
    background: #10578b  !important;
    color: #CEE1F0 !important;
  font-family: 'Neucha' !important;
    border: none !important;
    border-bottom:3px solid #CEE1F0!important;
}

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

.sidebar {
    background: #10578b  !important;
color:#CEE1F0!important;
  font-family: 'Neucha' !important;
    border: none !important;
}

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

.panel {
    background: #1579B5 !important;
    border: none !important;
   color: #CEE1F0!important;
    box-shadow: none !important;
  font-family: 'Neucha' !important;
    border-radius:0px!important;
}

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

.chat_light {
    background: rgba(86, 153, 186, .3) !important;
    color: #CEE1F0!important;
  font-family: 'Neucha' !important;
     border-bottom:3px solid #CEE1F0!important;
}
.chat_light a { color:#CEE1F0!important; }
    
.chat_dark {
    background:  #1579B5 !important;
    color: #CEE1F0 !important;
  font-family: 'Neucha' !important;
     border-bottom:3px solid #CEE1F0!important;
}
.chat_dark a { color:#CEE1F0!important; }

.progress {
    background: #1579B5  !important;
    border: none!important;
  font-family: 'Neucha' !important;
    border-radius:0px!important;
}
    
.progress div {
    color: #CEE1F0 !important;
}
    
.progress-bar-warning {
    background: #3d6a67 !important;
}
    
.progress-bar-danger {
    background: #3d6a67 !important;
}
    
.progress-bar-success {
    background: #3d6a67 !important;
}
    
.progress-bar {
    background: #10578b !important;
}

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

table { border:none!important; }

.top {
    background: #10578b !important;
    color: #CEE1F0 !important;
    border: none!important;
    text-align: center !important;
 font-family: 'Neucha' !important;
    text-transform:uppercase;
    border-bottom:3px solid #CEE1F0  !important;
    background-repeat: repeat;
    font-size:20px!important;
    letter-spacing:3px!important;
}

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

th {
    background: #10578b !important;
   color:#CEE1F0    !important;
    border: none!important;
    text-align: center !important;
    font-family: 'Neucha' !important;
    font-size:15px!important;
    text-transform:uppercase;
  border-bottom:3px solid #CEE1F0  !important;
    background-repeat: repeat;
    letter-spacing:3px!important;
}

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

.bottom {
    background: #10578b !important;
    color: #CEE1F0   !important;
    border: none!important;
  border-top:3px solid #CEE1F0  !important;
    text-align: center !important;
   font-family: 'Neucha' !important;
}

.dynastylist .left { 
    background-color:#10578b!important;
  font-family: 'Neucha' !important;
    border:2px solid #CEE1F0  !important;
}


.left {
    background:  #1579B5  !important;
    color: #CEE1F0  !important;
    border: none!important;
    text-align: center !important;
    font-family: 'Neucha' !important;
    border-radius:0px!important;
}

td {
    background:rgba(86, 153, 186, .3)  !important;
    color: #CEE1F0 !important;
  font-family: 'Neucha' !important;
    border: none !important;
}

td .right { 
    background-color:rgba(86, 153, 186, .3)!important;
  color: #CEE1F0 !important;
    border-radius:0px!important; 
  font-family: 'Neucha' !important;
}

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

.table .right {
background: rgba(86, 153, 186, .3) !important;
color: #CEE1F0   !important;
  font-family: 'Neucha' !important;
}

.right_cub {
    background: rgba(157, 173, 72, .2) !important;
  font-family: 'Neucha' !important;
}

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

.cave-grid, .mound-grid {
    background: #1579B5 !important;
    border-radius:0px!important;
    text-transform:uppercase!important;
  font-family: 'Neucha' !important;
    border:2px solid #CEE1F0!important;
}

.cave-grid img{
content:url("https://i.imgur.com/RqmwxMP.png");
    height: 130px;
    width: 250px;
}

.mound-grid img{
content:url("https://i.imgur.com/RqmwxMP.png");
    height: 130px;
    width: 250px;
}

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

div#lion_image>div
{
 
background:#1579B5 !important;
}

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

/*Buttons/Stuff*/

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

/*Bottom Slider*/

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

.item-header {
     background:#10578b!important;
     color:#CEE1F0!important;
  font-family: 'Neucha' !important;
     border-radius:0px!important;
 }

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

.alert-danger, .attack-lost {
    background: #10578b !important;
  color: #CEE1F0 !important;
  border: none!important;
  font-family: 'Neucha' !important;
    border-radius:0px!important;

}
    
.alert-success, .attack-won {
    background: #10578b !important;
    color: #CEE1F0 !important;
    border: none!important;
  font-family: 'Neucha' !important;
    border-radius:0px!important;
}

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

#txtChatMessage {
background: #1579B5;
  font-family: 'Neucha' !important;
color: #CEE1F0;
}

.badge {
background: #1579B5;
  font-family: 'Neucha' !important;
  color: #CEE1F0!important;
}


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


.boxcontainer { 
overflow:hidden;
}

.hbox1 {
background:rgba(86, 153, 186, .5);
text-align:center;
color:#CEE1F0 ;
width:240px;
	height:350px;	
  left: -245px;
    top: 32px;
text-align:center;
border:1px solid #CEE1F0 !important;
  font-family: 'Neucha' !important;
transition:all ease 2s;
border-radius:25px!important;
overflow:Auto;
/*display:fixed;*/
  position: relative;
}



.hbox2 {
background:rgba(86, 153, 186, .5);
text-align:center;
color:#CEE1F0 ;
width:240px;
	height:350px;	
border:1px solid #CEE1F0 !important;
  font-family: 'Neucha' !important;
transition:all ease 2s;
border-radius:25px!important;
 float:center;
 overflow:auto;
  position: relative;
  left: -1px;
  top: -360px;
}

 /*left: 100px;
    top: 150px;*/

.hbox3 {
background:rgba(86, 153, 186, .5);
text-align:center;
width:240px;
  color:#CEE1F0 ;
	height:350px;	
  left: 245px;
    top: -750px;
text-align:center;
  font-family: 'Neucha' !important;
border:1px solid #CEE1F0 !important;
transition:all ease 2s;
border-radius:25px!important;
  
overflow:Auto;
/*display:fixed;*/
  position: relative;
   margin-bottom: -700px;
}