@charset "UTF-8";
/* CSS Document */
/* index.html title screen styles */
.container-titlescreen {width:100%;height:120%;background-color:#000;color:#fff;text-align:center;}
.container-player-name {background-color:#000;color:#fff;padding:10px;border:1px solid #fff;}
.container-new-player {background-color:#000;color:#fff;padding:10px;border:1px solid #fff;}
.container-delete-player {background-color:red;color:#fff;padding:10px;border:1px solid #fff;}


/* MAIN GAME STYLES */

body {margin:0;padding:0;background-color:#000 !important;height:100%;width:100%}

/* global */
.hidden {display:none !important}
/*psecial hidden for animation */
.hidden2 {top:-300px !important}
.hidden3 {top:-300px !important}

/* top */
.top {background-color:#000;color:#fff;left: 0; top: 0;width: 100%;overflow:auto;padding:2px;}
.top-left {float:left;width:20%;}
.top-right {float:right;width:20%;}
.bottom-left {float:left;width:25%;position:relative;}
.bottom-right {float:right;width:25%;position:relative;}
.bottom-left-value {position:absolute;top:50%;left:100%;width:100%;background-color:#000;color:#fff;padding-left:5%}
.bottom-right-value {position:absolute;top:50%;right:100%;width:100%;background-color:#000;color:#fff;}
.bottom-center {position:absolute;bottom:33%;left:33%;width:33%}

/* main */
.main {width:100%;overflow:auto;position:relative;background-color:#000;}

/* bottom */
.bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color:#000;
  color: #fff;
}
 
 /* buttons */
.button-settings {
	width:10%;
	float:left;
	text-align: left;
}
.button-cash {
	float:right;
	text-align: right;
}
.button-shop {
	width:10%;
	float:right;
	text-align: right;
}
.button-lvl {
	float:left;
	text-align: left;
}
.button-scan {}

.button-dig {}

.button-sell {color:#000;margin-top: 10px;border:transparent !important;background-color:transparent !important;}

.button-active {opacity: .4 !important;}

.button-play-player {}


/* overwriten buttons css */
.ui-btn {background-color:transparent !important;border-color:transparent !important;}


/* entries container etc. */

.container-dig1 {width:33%; float:left;padding-left:3px}
.container-dig2 {width:33%; float:left}
.container-dig3 {width:33%; float:left;}

.container-lvl {position:absolute;top:0;left:0;width:100%;height:auto;overflow:auto;background-color:#eee;text-align:center;padding-bottom:1%;transition: top 0.5s}
.container-cash {position:absolute;top:0;left:0;width:100%;height:auto;overflow:auto;background-color:#eee;text-align:center;padding-bottom:30%;}
.container-shop {position:absolute;top:0;left:0;width:100%;height:auto;overflow:auto;background-color:#eee;text-align:center;padding-bottom:1%;}
.container-settings {position:absolute;top:0;left:0;width:100%;height:auto;overflow:auto;background-color:#eee;text-align:center;padding-bottom:1%;}


.container-dig-buttons {position:absolute;top:0;left:0;width:100%;height:auto;overflow:auto;background-color:transparent;}

.container-res-bronze {width:32%;float:left;text-align:center;position:relative;}
.container-res-silver {width:32%;float:left;text-align:center;position:relative;}
.container-res-gold {width:32%;float:left;text-align:center;position:relative;}

.container-res-bronze-pure {width:32%;float:left;text-align:center;position:relative;}
.container-res-silver-pure {width:32%;float:left;text-align:center;position:relative;}
.container-res-gold-pure {width:32%;float:left;text-align:center;position:relative;}

.container-res-bronze-hq {width:32%;float:left;text-align:center;position:relative;}
.container-res-silver-hq {width:32%;float:left;text-align:center;position:relative;}
.container-res-gold-hq {width:32%;float:left;text-align:center;position:relative;}

.container-res-bronze-amount {color:#666;font-size:200%}
.container-res-silver-amount {color:#666;font-size:200%}
.container-res-gold-amount {color:#666;font-size:200%}

.container-res-bronze-pure-amount {color:#666;font-size:200%}
.container-res-silver-pure-amount {color:#666;font-size:200%}
.container-res-gold-pure-amount {color:#666;font-size:200%}

.container-res-bronze-hq-amount {color:#666;font-size:200%}
.container-res-silver-hq-amount {color:#666;font-size:200%}
.container-res-gold-hq-amount {color:#666;font-size:200%}

.container-tools-sieve1 {width:32%;float:left;}
.container-tools-sieve2 {width:32%;float:left;}
.container-tools-sieve3 {width:32%;float:left;}

.container-tools-oven1 {width:32%;float:left;}
.container-tools-oven2 {width:32%;float:left;}
.container-tools-oven3 {width:32%;float:left;}

.container-cash-header {width:100%;}

.container-area-stars {width:100%;margin-left:5%}
.container-area-rating {color:white;margin-left:5%;clear:both;}

.container-1-star {width:10%;float:left;}
.container-2-star {width:10%;float:left;}
.container-3-star {width:10%;float:left;}

.container-lvl-unlock {}

.container-loot {position:absolute;top:0;left:0;width:90%;background-color:#fff;overflow:auto;text-align:center;margin:5%;}
.loot-amount {font-size:200%}

.container-scan-field {position:absolute;width:100%;height:100%;top:0;left:0;overflow:auto;background-color:#00d2ff;opacity: 0;
					animation-name: scaning;
animation-duration: .5s;}
.container-scan-field2 {position:absolute;width:100%;height:100%;top:0;left:0;overflow:auto;background-color:#00d2ff;opacity: 0;
					animation-name: scaning;
animation-duration: .5s;}


/* scanner scanning animation */
@keyframes scaning {
  0%   {opacity: 0;}
  10%  {opacity: .7;}
  100% {opacity: 0;}
}

.container-shop-list {width:100%;}

.container-shop-img {width:20%;overflow:auto;float:left;height:100%;background:#fff;}
.container-shop-info {width:60%;overflow:auto;float:left;text-align:center;height:100%;background:#fff;}
.container-shop-price {width:20%;overflow:auto;float:left;text-align:center;height:100%;background:#fff;}

.shop-ui {width:100%;list-style-type:none;margin:0;padding:0}
.shop-li {width:100%;height:90px;margin:0;padding:0;}


.container-material-background {background-color:#ddd;width:90%;overflow:auto;margin:5%;padding-top:5%}


.container-location-confirmation {color:#fff}


/* bars */
.lvl-bar-progress {border:1px solid #000;background-color:#666;color:#fff;margin:0 20px 0 20px;}






















/* from old design - styles */

.location-container {background:url(../images/locations/coast/coast.jpg) no-repeat top left;background-size:cover;width:100%;height:auto;position:relative}
.location-look-button {position:absolute;top:5%;right:5%;width:25%;height:auto;/*background:url(../images/buttons/button_look.png) no-repeat top left;background-size:cover*/}
.location-loot-button {position:absolute;top:5%;left:5%;width:25%;height:auto;/*background:url(../images/buttons/button_loot.png) no-repeat top left;background-size:cover*/}
.location-loot-tool-button {position:absolute;top:5%;right:5%;width:25%;height:auto;/*background:url(../images/buttons/button_look.png) no-repeat top left;background-size:cover*/}
.location-look {position:absolute;top:0;left:0;width:100%;height:auto;background:url(../images/buttons/look_view.jpg) no-repeat top left;background-size:cover;}

/* fix! */
.ui-title {margin:0 !important}
.ui-content {padding:0 !important}