.rov-market-off {
 position: relative;
  background: url('../images/rank_bg.png') center/cover no-repeat;
  background-attachment: fixed;
  overflow: hidden;
  }

.rov-market {
 padding: 9rem 2rem;
 position: relative;
  background: url('../images/rank_bg.png') center/cover no-repeat;
  background-attachment: fixed;
  overflow: hidden;
  }

  .rov-market a {
    color: rgb(252, 243, 128);
	position: relative;
	top: -1px;
}
.rov-market a:hover {
    color: #999; /* lighter gold on hover */
}

.rov-market input[type="submit"], input[type="button"], button {
    padding: 5px 13px;
	background: linear-gradient(90deg, #2a3dff, #6ea8ff);
    border: none;
    border-radius: 8px; 
    color: #000;
	font-size: .5rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(110, 168, 255, 0.4);
    z-index: 1;
}

.rov-market button:hover, input[type="submit"]:hover {
    background: linear-gradient(90deg, #6ea8ff, #2a3dff);
    box-shadow: 0 0 20px rgba(110, 168, 255, 0.7);
}
.item-shop-div {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.item-shop-item {
	width: 278px;
	min-height: 206px;
	overflow: hidden;
	position: relative;
	float: left;
}
 .item-shop-item a {
    color: #000000;
}
.item-shop-item-container {
	position: relative;
	background: transparent url(../images/itembox.png) no-repeat 0 0;
	height: 118px;
	overflow: hidden;
}

.item-image-container {
	float: left;
	width: 75px;
	height: 100px;
	margin-top: 10px;
	margin-left: 9px;
	background: #FFF;
}

.item-desc-container {	
	position: relative;
	height:23px; 
	top: 9px;
	left: 88px;
	
}
.item-name {
	position:relative;
	top: -3px;
	left:-80px;	
	color: #000;
	text-shadow: 1px 1px 0px #FFF;	
	font-size: 12px;
	font-weight: bold;	
}
.item-id {
	position: absolute; 
	top: 1px;
	left: 15px;
	color: #000; 
	font-size: 10px; 
	padding: 1px 3px; 
	text-shadow: 1px 1px #fff;
}
.description {
	position:relative;
	overflow: auto;
	height: 82px;
	left: -85px;
	width:188px;
	top: 5px;
	padding-left: 4px;
	font-size: 11px;
	text-align:left;
	color:#000;
}

.item-desc-container div.desc-title {
	color: #000;
	text-shadow: 1px 1px 0px #FFF;
	font-weight: bold;
}



.item-desc-container {
	word-wrap: break-words;
}

.desc-price {
	position: absolute; 
	top: -5px; 
	left: auto;
	right: 0;
	background: #0080FF;
	color: #FFF; 
	font-size: 10px; 
	padding: 1px 3px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 0px 0px #0040FF; 
	box-shadow: 0px 2px 0px 0px #0040FF; 
	font-weight: bold; 
	text-shadow: 0px -1px 0px rgba(0, 0, 0, .5);
}

.item-image-container img {
	-webkit-box-shadow:  2px 2px 0px 0px #c0c0c0;
    box-shadow:  2px 2px 0px 0px #c0c0c0;
    width: 75px;
    max-height: 100px;
}

.item-images {
	width:15px;
}

.item-quantifier {
	height: 83px;
	overflow: hidden;
	position: relative;
	background: transparent url(../images/itembox.png) no-repeat 0 -138px;
	margin-top: 5px;
}

.item-quantifier .quantity-box {
	position: absolute;
	top: 25px;
	left: 10px;
	font-size: 11px;
}

.item-quantifier .quantity-box input[type=number] {
	width: 48px;
	height: 18px;
	background: transparent url(../images/itembox.png) no-repeat 0 -118px;
	padding: 0 1px;
	border: 0;
	font-size: 11px;
}

.item-quantifier .total-box {
	position: absolute;
	top:60px;
	bottom: 4px;
	overflow: hidden;
	width: 100%;
}

.item-quantifier .quantity-total {
	float: left;
	font-size: 11px;
	margin-left: 5px;
	margin-top: 2px;
	height:20px;
}


.item-currency {
	position:relative; 
	margin-left:3px;
}
.item-currency-avr {
	position:relative; 
	margin-left:18px; 
	margin-top:-25px;
}
.item-price {
	position:relative; 
	margin-left:45px; 
	margin-top:-25px; 
	height:20px;
}

.sortable{
	position:relative;
	font-size:11px;
	font-weight:none;
	font-style:none;
	color:#000;
	top:3px;
}
 
.message { background:#3a7bd5; color:#ffffff; padding: 5px; }

table {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 9pt;
}

tr, td, th {
	vertical-align: top;
}

.horizontal-table tr, .vertical-table tr, .generic-form-table tr,
.horizontal-table td, .vertical-table td, .generic-form-table td {
	vertical-align: middle;
}

.horizontal-table th, .vertical-table th, .generic-form-table th {
	vertical-align: top;
}


.request, .fs-path {
	display: inline-block;
	padding: 2px;
	font-family: Monaco, "Lucida Console", "Bitsteam Vera Sans Mono", monospace;
	font-size: 8pt;
	background-color: #fff;
	border: 1px solid #eee;
}

.keyword {
	color: #ffba00;
	font-style: italic;
}

.red {
	display: block;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	background-color: #f00;
}

.green {
	display: block;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	background-color: #0c0;
}

.note {
	padding: 5px;
	color: rgb(172, 132, 0);
	background-color: #eaeaea;
	font-style: italic;
}

.up {
	font-weight: bold;
	color: #0f0;
	text-transform: uppercase;
}

.down {
	color: #f00;
	text-transform: uppercase;
}

.submit_button {
	display: block;
	margin: 10px;
	padding: 5px;
	background-color: #eee;
	border: 1px solid #ccc;
}

.submit_button:hover {
	color: #fff;
	background-color: #333;
	border: 1px solid #111;
	cursor: pointer;
}

.install_table th, .install_table td {
	padding: 5px 10px;
	border: 1px solid #ddd;
}

.install_table th {
	background-color: #eef;
}

.install_table td {
	width: 180px;
	text-align: center;
}

.created {
	color: green;
	width: 80px;
}

.missing {
	color: red;
	width: 80px;
}

.info-text {
	text-align:center;
	width:100%;
}

.pages {
	    margin-top: -17px;
    /* padding-top: 10px; */
    /* color: #ccc; */
    /* text-align: center; */
    /* border: 1px solid #888888; */
    /* background-color: rgba(119, 119, 119, .2); */
    width: auto;
}

.pages .page-prev, .pages .page-next {
	color: #94b4d5;
}

.pages .page-num {
	padding: 0 5px;
}

.pages .current-page {
	color: #fdd308;
    font-weight: bold;
    position: relative;
    bottom: 0px;
}
.horizontal-table {
	border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    /* color: #000 !important; */
    font-size: 10px;
    border: 1px solid;
    background: #ffffff;
}

.horizontal-table th {
    padding: 5px 10px;
    background-color: #eee;
    color: #000 !important;
}
.horizontal-table a {
    color: #000 ;
}

.horizontal-table td {
    padding: 5px 10px;
    background-color: #fff;
    color: #000 !important;
}

.horizontal-table th,
.horizontal-table td {
    border: 1px solid #ddd;
}

.vertical-table {
    border-spacing: 0;
    border-collapse: collapse;
    color: #000 !important; /* text color */
}

.vertical-table th {
    padding: 5px 10px;
    background-color: #fff;
    color: #000 !important; /* text color */
}

.vertical-table td {
    padding: 5px 12px;
    background-color: #fff;
    color: #000 !important; /* text color */
}

.vertical-table th,
.vertical-table td {
    border: 1px solid #ddd;
}

.vertical-table label {
    display: block;
    padding: 5px;
    color: #000; /* text color */
}

.current-sub-menu {
	font-weight: bold;
}

.td-checkbox {
	text-align: center;
}

.td-action {
	color: #ccc;
	text-align: center;
}

.vertical-table .td-action {
	text-align: right;
}

.vertical-table form {
	margin: 0;
	padding: 0;
}

.not-applicable {
	font-style: italic;
	color: #777;
}

.p-3{
	padding:1rem!important
}

.state-pending {
	color: orange;
}

.state-banned {
	color: red;
}

.link-to-character {
	font-weight: bold;
	color: red;
}
.state-permanently-banned {
	font-weight: bold;
	color: red;
}

.item-quantifier .quantity-submit {
	float: right;
	margin-top:-1px;
	width: 42px;
	height: 20px;
	background: url(../images/itembox.png) no-repeat -50px -118px;
	margin-right: 5px;
	font-weight: normal;
	font-family: arial;
	color:#000;
}

.item-quantifier .quantity-submit:hover {
	background-position: -92px -118px;
}

.item-quantifier .quantity-submit:active {
	background-position: -134px -118px;	
}

.item-shop-category {
	margin: 10px 0;
}

.item-shop-category a {
	display: inline-block;
	border-right: 1px solid #CCC;
	padding: 0 5px;
}

.item-shop-category a:last-child {
	border-right: none;
}

.item-shop-category a:hover,
.item-shop-category a.selected {
	text-decoration: underline;
}

.generic-form {
	padding: 10px;/*
	background-color: #fff;*/
	border:1px solid #888888;
	background-color: rgba(119,119,119,.2);
	width: auto;
}

.generic-form-div {
	padding: 10px;/*
	background-color: #fff;*/
	border:1px solid #888888;
	background-color: rgba(119,119,119,.2);
	width: auto;
}
.generic-form-table th label {
	display: block;
	padding: 6px;
}

.generic-form-table td div {
	display: block;
	padding: 6px 0;
}

.generic-form-table th {
	text-align: right;
}

.generic-form-table td input[type=checkbox] {
	display: inline-block;
	margin-top: 6px;
}

.generic-form-table td p {
	margin: 6px 5px;
	color: #000;
}

.security-code {
	margin: 5px 0;
	text-align: left;
	width: 145px;
	height: 50px;
}

.action {
	color: #ddd;
}

.action a, .action span.anchor {
	color: #80a2c8;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.block-link {
	display: block;
	padding: 3px;
	color: #80a2c8;
	border-bottom: 1px solid #eee;
}

.button-action {
	padding: 5px 0;
	text-align: left;
}
/*
input {
	height:15px;
}
*/
#jump_to_page {
	width:10%;
}


.button-update {
	background-color:#0072ff; 
	color:#FFFFFF; 
	padding:5px; 
	font-size:13px;
}

.text-red {
	font-size:11px;
	color:#e74c3c;
	font-weight:bold;
}

.text-orange {
	font-size:11px;
	color:#ff9472;
	font-weight:bold;
}

.text-green {
	font-size:11px;
	color:#215f00;
	font-weight:bold;
}
figure {
	display: flex;
	align-items: center;
}

figcaption {
	padding: 15px;
}

.persOpties {
	display: flex;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
}

/*------------------
    3. FORM ROW
------------------*/
.form-row {
  width: 100%;
}

.form-row + .form-row {
  margin-top: 28px;
}

.form-row.space-between {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.form-row.space-between .form-item {
  width: auto;
}

.form-row.split {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.form-row.split .form-item {
  margin-right: 16px;
}

.form-row.split .form-item:last-child {
  margin-right: 0;
}

.form-row.split .form-item > * {
  margin-bottom: 28px;
}

.form-row.split .form-item > *:last-child {
  margin-bottom: 0;
}

/*------------------
    4. FORM ITEM
------------------*/
.form-item {
  width: 100%;
}

.form-item.auto-width {
  width: auto;
}

.form-item.centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.form-item.split {
  display: -ms-flexbox;
  display: flex;
}

.form-item.split.medium > * {
  margin-right: 16px;
}

.form-item.split.medium > *:last-child {
  margin-right: 0;
}

.form-item.split > * {
  width: 100%;
  margin-right: 12px;
}

.form-item.split > *:last-child {
  margin-right: 0;
}