#view_dock {

/* @media only screen and (min-width: 654px) { */

/* TABLE */

html {
	scrollbar-gutter: stable;
}
table,th,td{
	border:none;
}
input{
	max-width:50px;
}
#repair_hull_amount,#repair_armor_amount{
	max-width:50px;
	background-color:#ffac59;
}
/*fieldset{
	border: 2px #8a508f solid;
}*/
td img {
	max-width: 25px;
	max-height: 25px;
}
/* CONSTRUCTION */
/* blueprint info */
#info{
	width:100%;
	position: relative;
}
/* blueprint info build button */
#build{
	/* position:absolute; */
	/* right:20px; */
	/* bottom:20px; */
	width:70px;
	float:right;
}
#bp_in_ship{
	height:100%;
	width: 150px;
}
#inventory_blueprints, #blueprints, #info, #info ul{
	padding-left:20px;
}
#inventory_blueprints li:hover, .category:hover{
	text-decoration:underline;
	text-decoration-color:chocolate;
	text-decoration-thickness:3px;
	cursor:pointer;
}
.inventory_blueprints_active{
	text-decoration:underline;
	text-decoration-color:chocolate;
	text-decoration-thickness:3px;
}
#quest_icon{
	max-width: 30px;
	max-height: 30px;
}
ul{
	padding-left:20px;
	margin:0px;
}
.space_evenly{
	display:grid;
	grid-template-columns: 400px 150px 400px;
}
.space_evenly2{
	display:grid;
	grid-template-columns: 550px 450px;
}
/* blueprint1,blueprint2,... */
/* .blueprints button{ */
	/* width: 150px; */
	/* padding: 5px; */
/* } */
/* .blueprints{ */
	/* padding:0px; */
	/* margin:0px; */
	/* width:80px; */
/* } */
#construction_admin_next_tick, #equip_blueprint{
	margin-top:10px;
	margin-bottom:10px;
}
progress[value]::-moz-progress-bar { 
  background-image:
    -moz-linear-gradient(
      /* 135deg,  */
      transparent 33%, 
      rgba(0, 0, 0, 0.1) 33%, 
      rgba(0, 0, 0, 0.1) 66%, 
      transparent 66% 
    ),
    /* -moz-linear-gradient( */
      /* top,  */
      /* rgba(255, 255, 255, 0.25),  */
      /* rgba(0, 0, 0, 0.25) */
    /* ), */
    -moz-linear-gradient(
      left,
		/* #003f5c,	   */
		/* #8a508f, */
		#bc5090,
		/* #ffac59, */
		/* #ffac59, */
		#ff8531
		
		
    );

  border-radius: 2px; 
  background-size: 35px 20px, 100% 100%, 100% 100%; 
}


/* GENERAL STYLING */

.table_margin{
	margin: 15px;
}
.name{
	text-align: left;
}
.no_padding {
	padding: 0;
}
.no_border {
	border: 0;
}
.full_width {
	width: 100%;
}

label:after {
	display: block;
	content: " ";
	padding-bottom: 5px;
}
/* TABS */
/* ITEMS,SHIPS,QUESTS,CONSTRUCTION,.. */

/* general background */
.dock_actions {
  overflow: hidden;
  border: none;
  background-color: #bc5090;
  padding:0;
}
/* general button styling */
.dock_actions button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3px 5px;
  transition: 0.3s;
  font-size: 17px;
}

.info_text{
	color:yellow;
}

.dock_actions button:hover {
  background-color: #ff8531;
  padding-bottom:4px;
}
.dock_actions button.active {
  background-color: #ff8531;
  padding: 3px 5px;
  padding-bottom:4px;

}
/* SIDEBAR */

#ship_list button,#twitter button,#storage_ship button{
	width:100%;
	background-color: #ff8531;
	border:none;
}
#shipdiv{
	max-width:140px;
	min-width:140px;
}
/* THE CONTENT OF A TAB */

.tabcontent {
  width:100%;
  height:100%;
  /* display:none; */
  background: #ffd380;
  padding: 0px;
  color:black;
}
.error_display{
	min-height:10px;
	display:block;
	min-width:inherit;
	color:red;
	background-color:#ffac59;
}
#divider5{
	min-height:10px;
	display:block;
	min-width:inherit;
	background-color:#ffac59;
}
.divider5_duplicate{
	min-height:10px;
	height:10px;
	display:block;
	min-width:inherit;
	background-color:#ffac59;
}
#divider{
	min-height:10px;
	background-color:#ff8531;
	width:100%;
}
#dock_buttons_divider{
	width:100%;
}
#divider2{
	height:45px;
	background-color:#8a508f;
	width:100%;
}

.custom_message_docktabs{
	height:20px;
	color:#7b1fa2;
	width:inherit;
}


select{
	background-color: inherit;
	color:black;
	border: 1px solid maroon;
	margin:3px 3px 3px 0px;
	padding:5px 10px;
}
td{background-color: inherit;}
/* tooltips */

.item_name {
  position: relative;
}
#ship_stat, #item_stats{
	max-width:150px;
}
.item_name .tooltiptext {
  /* Position the tooltip */
  top: 100%;
  left: 10%;
  margin-left: -60px;
}
#structure_name .tooltiptext {
  /* Position the tooltip */
  margin: 25px;
}
/*the arrow part of the tooltip*/
#structure_name .tooltiptext::after {
  border-color: transparent transparent black transparent;/*arrow up*/
}
.item_name .tooltiptext::after {
  border-color: transparent transparent transparent transparent;/*arrow down*/
}

.item_name:hover .tooltiptext {
  visibility: visible;
  pointer-events:none;
}

/* BUTTONS */


/* .tabcontent button{ */
	/* background-color:#ffffcc; */
	/* border: 1px solid black; */
	/* font-size: 14px; */
	/* max-width:300px; */
	/* max-height: 100px; */
	/* min-height:27px; */
	/* min-width: 40px; */
/* } */
/* .tabcontent button:active { */
  /* transform: translateY(3px); */
/* } */
.dock_subtabs {
	overflow: hidden;
	border: none;
	background-color: #ff8531;
}
.dock_subtabs button {
	background-color: #ff8531;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 7px 8px;
	transition: 0.3s;
	font-size: 17px;
	color:black;
	background-image:none;
	border-radius:none;
}
.dock_subtabs button:hover {
  background-color: #ffac59;
  color:black;
}
.dock_subtabs button.category_active {
  background-color: #ffac59;
  color:black;
}

#icon{
	position: relative;
    top: 0px;
    right: 0px;
}

.balance_neutral {
	color: blue;
}
.balance_positive {
	color: green;
}
.balance_negative {
	color: red;
}
/* quests */
#quest_selection{
	background-color:orange;
	border:solid orange 5px;
	border-right: none;
}
#selected_quest{
	margin-left:0px;
	padding:5px;
	background-color:rgb(255, 202, 103);
	border:solid orange 5px;
	border-left:none;
	border-radius:0px;
}
#quest_button{
	border:none;
	border-right:none;
	padding:10px; 
	background-color:orange;
	background-image:none;
	width:200px;
	border-radius:0px;
	transform:none;
}
#quest_button:hover{
	background-color:rgb(255, 202, 103);
}
.active_questbutton{
	background-color:rgb(255, 202, 103)!important;
}
.active_questbutton:hover{
	background-color:rgb(255, 202, 103)!important;
}

/* NOT IN USE CURRENTLY */

/* fieldset{ */
	/* margin: 10px; */
	/* padding: 5px; */
	/* background: rgba(252, 241, 220,0.01); */
	/* border: none; */
	/* border: double orange 1em; */
	/* border-image: url("groovy-border-image-slice2.png") 70 70 round round; */
/* } */


 /* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
	/* X: This causes the checkbox in trade->ships to be offset, so I disabled it */
	/* position: absolute; */
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  left: 0;
  height: 10px;
  width: 10px;
  margin-top:5px;
  background-color:#ffac59;
  border:1px solid #aa4241;
}

/* what happens on mouseover */
.container:hover input ~ .checkmark {
  background-color: #ff8531;
  border:1px solid #aa4241;
}

/* what happens when checked */
.container input:checked ~ .checkmark {
  background-color: #8a508f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* how checkmark looks */
.container .checkmark:after {
  left: 2px;
  width: 2px;
  height: 5px;
  border: solid #fff8e7;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tradetab_category_commodity {
	font-style: italic;
}
.tradetab_category_gear {
	text-decoration: overline;
}
.tradetab_category_economy {
	text-decoration: underline;
}

#ship_list button:hover,#twitter button:hover,#storage_ship button:hover{
	background-color:rgb(255, 172, 89) !important;
}

}