.rss {background-color: rgb(57,122,150); color: white;  padding-bottom: 5px; border-left: 5px solid transparent; text-align: right;}
.transparentrow {background-color: transparent; height: 5px;}
.pack {width: 270px; height: 225px}
p    {color: red;}
.output {
font-size: 17px;
line-height: 20px;
background: none;
width: 120%;
margin: 0 auto;
font-weight: bold;
-webkit-text-stroke: 1px black;
color: white;
}
.tablerb {
border-collapse:separate;
border:solid #b9bfea 1px;
border-radius:6px;
-moz-border-radius:6px;
background-color: #dae4e4ba;
border-collapse:collapse
}
.imagepay{
height: 20px; width: 20px; float: right;
}
.formw60p{
  width: 60%;
  margin-left: auto;
  margin-right: auto!important;
  max-width: 225px;
}

.orangefill {
height: 17px;
line-height: 22px;
background-color: rgba(245,129,2,1);
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1));
margin: 3px 25px;
}
.subsidy-range {
position: absolute;
width: 100%;
}
div.item, div.iteme, div.itemb, div.empty, div.item4, div.itemt, div.itemlg, div.item5, div.gear{
vertical-align: top;
display: inline-block;
text-align: center;
width: 138px;
margin-right: 6px;
margin-left: 6px;
}
div.item > img {
width: 100px;
height: 100px;
background-color: grey;
}
div.iteme > img, div.itemb > img, div.item4 > img, div.item5 > img, div.itemt > img, div.itemlg > img, div.gear > img {
width: 100px;
height: 100px;
background-color: grey;
}
.caption {
display: inline-block;
margin-bottom: 0px;
-webkit-text-stroke: 1px black;
font-weight: bold;
font-size: 19px;
line-height: 20px;
color: white;
background-color: rgb(240, 160, 20); 
/*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(249, 215, 127, 0.9) 100%); */
width: 93px;
margin-left: 0px;
user-select: none;
touch-action: manipulation;
}
.captionag {
display: inline-block;
margin-bottom: 10px;
font-size: 13px;
font-weight: 500;
/* line-height: 20px; */
color: black;
/* background-color: rgb(240, 160, 20);  */
width: 133px;
margin-left: 0px;
user-select: none;
touch-action: manipulation;
}
.captiong {
display: inline-block;
margin-bottom: 0px;
/* -webkit-text-stroke: 1px black; */
/* font-weight: bold; */
font-size: 19px;
line-height: 20px;
color: white;
background-color: rgb(240, 160, 20); 
/*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(249, 215, 127, 0.9) 100%); */
width: 93px;
margin-left: 0px;
user-select: none;
touch-action: manipulation;
}
.captiont {
display: inline-block;
margin-bottom: 0px;
/*-webkit-text-stroke: 0.5px black;
font-weight: bold;*/
font-size: 13px;
line-height: 20px;
color: rgb(188, 198, 197);
background-color: rgb(31, 37, 51);
border-color: rgb(109,98,88);
border-width: 2px;
border-style: solid;
/*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(249, 215, 127, 0.9) 100%); */
width: 134px;
margin-left: 0px;
user-select: none;
touch-action: manipulation;
}
.captionl,.captiongl {
display: inline-block;
margin-bottom: 0px;
margin-top: 0px;
-webkit-text-stroke: 1px black;
font-weight: bold;
font-size: 20px;
line-height: 20px;
color: rgb(240, 160, 20);
background-color:  rgba(249, 215, 127, 0.9);
/*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(249, 215, 127, 0.9) 100%); */
border-color: rgb(240, 100, 20);
width: 20px;
margin-left: 0px;
cursor: pointer;
user-select: none;
touch-action: manipulation;
}

.captionm,.captiongm {
display: inline-block;
margin-bottom: 0px;
-webkit-text-stroke: 1px black;
font-weight: bold;
font-size: 20px;
line-height: 20px;
color: rgb(240, 160, 20);
background-color:  rgba(249, 215, 127, 0.9);
/*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(249, 215, 127, 0.9) 100%); */
border-color: rgb(240, 100, 20);
width: 20px;
margin-left: 0px;
cursor: pointer;
user-select: none;
margin-bottom: 0px;
touch-action: manipulation;
}

.caption2 {
/*visibility: none;*/
display: inline-block;
margin-bottom: 10px;
font-weight: bold;
font-size: 12px;
line-height: 20px;
color: white;
background-color: rgb(50, 150, 240); 
background-image: url("./img/speed.png"); 
background-position: right; 
background-repeat: no-repeat;
background-size: 20px 20px;
padding-right: 20px;
width: 82px;
cursor: pointer;

}
.caption2g {
display: inline-block;
margin-bottom: 0px;
font-weight: bold;
font-size: 12px;
line-height: 20px;
color: rgb(48 53 53);
background-color: rgb(240 245 255);
background-image: url("./img/speed.png"); 
background-position: right; 
background-repeat: no-repeat;
background-size: 20px 20px;
padding-right: 21px;
width: 67px;
text-align: right;
user-select: none;
touch-action: manipulation;
}
.caption3 {
/*visibility: none;*/
display: inline-block;/*none;*/
margin-bottom: 10px;
font-weight: bold;
font-size: 12px;
line-height: 20px;
color: white;
background-color: rgb(150, 50, 240); 
/*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(0, 115, 227, 0.9) 100%); */
background-image: url("./img/gems.png"); 
background-position: right; 
background-repeat: no-repeat;
background-size: 20px 20px;
padding-right: 20px;
width: 52px;
cursor: pointer;
}
.captionMoney {
display: inline-block;
margin-bottom: 0px;
font-weight: bold;
font-size: 12px;
line-height: 20px;
color: #1e7e34;
background-color: #f8f9fa;
background-image: url("./img/dollar.jpg"); 
background-position: right; 
background-repeat: no-repeat;
background-size: 20px 20px;
padding-right: 20px;
width: 67px;
text-align: right;
user-select: none;
touch-action: manipulation;
}


.tinput{
  width: 134px; 
  height: 20px;
  border: 2px solid rgb(109,98,88); 
  text-align: center;
  /*padding-left: 14px;*/
  background-color: rgb(31, 37, 51);
  color: rgb(188, 198, 197);
  margin-bottom: 3px;
}


.icon{
width: 20px;
height: 20px;
}

.nav-tabs {
display: -webkit-inline-box;
flex-wrap: nowrap;
}
  
.nav-tabs .nav-link {
  border: 1px solid #5f59595c;
  background-color: #dae4e4ba;
}

/*@media only screen and (min-width: 576px){*/
    /*@media only screen and (max-width: 768px){*/
    @media only screen and (max-width: 576px){
      .caption {
        display: inline-block;
        margin-bottom: 0px;
        -webkit-text-stroke: 1px black;
        font-weight: bold;
        font-size: 19px;
        line-height: 20px;
        color: white;
        background-color: rgb(240, 160, 20); 
        /*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(249, 215, 127, 0.9) 100%); */
        width: 68px;
        margin-left: 0px;
        user-select: none;
        touch-action: manipulation;
        }
        
      .captiong {
        display: inline-block;
        margin-bottom: -7px;
        /* -webkit-text-stroke: 1px black;
        font-weight: bold; */
        font-size: 14px;
        line-height: 26px;
        color: white;
        /* background-color: rgb(240, 160, 20);  */
        /*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(249, 215, 127, 0.9) 100%); */
        width: 68px;
        margin-left: 0px;
        user-select: none;
        touch-action: manipulation;
        }
        .captiont {
          display: inline-block;
          margin-bottom: 0px;
          /*-webkit-text-stroke: 0.5px black;
          font-weight: bold;*/
          font-size: 12px;
          line-height: 20px;
          color: rgb(188, 198, 197);
          background-color: rgb(31, 37, 51);
          border-color: rgb(109,98,88);
          border-width: 2px;
          border-style: solid;
          /*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(249, 215, 127, 0.9) 100%); */
          width: 110px;
          margin-left: 0px;
          user-select: none;
          touch-action: manipulation;
          white-space: nowrap;
          text-overflow: clip;
          overflow:hidden
          }
          .caption2 {
            /*visibility: none;*/
            display: inline-block;
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 12px;
            line-height: 20px;
            color: white;
            background-color: rgb(50, 150, 240); 
            background-image: url("./img/speed.png"); 
            background-position: right; 
            background-repeat: no-repeat;
            background-size: 20px 20px;
            padding-right: 20px;
            padding-left: 10px;
            width: 110px;
            cursor: pointer;
            }
          .caption2g {
            /*visibility: none;*/
            display: inline-block;
            margin-bottom: 0px;
            font-weight: bold;
            font-size: 12px;
            line-height: 20px;
            color: rgb(48 53 53);
            background-color: rgb(240 245 255);
            background-image: url("./img/speed.png"); 
            background-position: right; 
            background-repeat: no-repeat;
            background-size: 20px 20px;
            padding-right: 21px;
            padding-left: 1px;
            width: 55px;
            text-align: right;
            user-select: none;
            touch-action: manipulation;
            }
            
          .caption3 {
            /*visibility: none;*/
            display: none;/*inline-block;*/
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 12px;
            line-height: 20px;
            color: white;
            background-color: rgb(150, 50, 240); 
            /*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(0, 115, 227, 0.9) 100%); */
            background-image: url("./img/gems.png"); 
            background-position: right; 
            background-repeat: no-repeat;
            background-size: 20px 20px;
            padding-right: 20px;
            width: 52px;
            cursor: pointer;
            }
          .captionMoney {
            /*visibility: none;*/
            display: inline-block;
            margin-bottom: 10px;
            font-weight: bold;
            font-size: 12px;
            line-height: 20px;
            color: #1e7e34;
            background-color: #f8f9fa;
            /*background-image: radial-gradient(rgba(25, 25, 25, 0.1) 55%, rgba(0, 115, 227, 0.9) 100%); */
            background-image: url("./img/dollar.jpg"); 
            background-position: right; 
            background-repeat: no-repeat;
            background-size: 20px 20px;
            padding-right: 20px;
            width: 55px;
            user-select: none;
            touch-action: manipulation;
            }
            
        
      div.item > img, .imgtroop, div.item4 > img, div.item5 > img, div.gear > img {
        width: 80px;
        height: 80px;
        background-color: grey;
    }
    div.item, div.iteme, div.itemb, div.empty, div.item4, div.item5, div.itemt, div.itemlg, div.gear{
      vertical-align: top;
      display: inline-block;
      text-align: center;
      width: 112px;
      margin-right: 2px;
      margin-left: 2px;
  }
  .tinput{
    width: 110px; 
    border: 2px solid rgb(109,98,88); text-align: center; 
    /*padding-left: 15px;*/
    background-color: rgb(31, 37, 51);
    color: rgb(188, 198, 197);
    margin-bottom: 3px;
    }
    .formw60p{
      width: 60%;
      margin-left: auto;
      margin-right: auto!important;
      text-align: center;
  }

  
        .container {
            max-width: 99%;
            padding-left: 5px;
            padding-right: 5px;
        }
    }
        /* The Modal (background) */
        .modal {
          display: none; /* Hidden by default */
          position: fixed; /* Stay in place */
          z-index: 1; /* Sit on top */
          padding-top: 100px; /* Location of the box */
          left: 0;
          top: 0;
          width: 100%; /* Full width */
          height: 100%; /* Full height */
          overflow: auto; /* Enable scroll if needed */
          background-color: rgb(0,0,0); /* Fallback color */
          background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
        
        /* Modal Content */
        .modal-content {
          background-color: #fefefe;
          margin: auto;
          padding: 20px;
          border: 1px solid #888;
          width: 300px;
        }
        
        /* The Close Button */
        .close {
          color: #aaaaaa;
          float: right;
          font-size: 28px;
          font-weight: bold;
        }
        
        .close:hover,
        .close:focus {
          color: #000;
          text-decoration: none;
          cursor: pointer;
        }
.rss30{
  min-width: 30px; display: inline-block; text-align: right;
}