body
{
  font-family: "Segoe UI", Tahoma, sans-serif;
}

#update
{
  display: inline;
  /*padding: 5px 8px;*/
  float: right;
  font-size: 15px;
  white-space: normal;
  vertical-align: middle;
  color: red;
  line-height: 1.5;
  margin-top: 54px;
  font-family: "Segoe UI", Tahoma, sans-serif;
}

.searchbar {
        /* white-space: normal; */
    /*padding: 8px 2%;*/
    /*float: right;*/
    /* width: 47%; */
    /*width: 27%;*/
    /* -webkit-touch-callout: none; */
    /* -webkit-user-select: none; */
    /* -moz-user-select: none; */
    /* -ms-user-select: none; */
    /* user-select: none; */
    /*border: none;*/
    /* display: inline; */
    /* vertical-align: middle; */
    /*overflow: hidden;*/
    /*text-decoration: none;*/
    /*color: inherit;*/
    /*background-color: inherit;*/
    /*text-align: center;*/
    /*cursor: pointer;*/
    /* position: fixed; */
    /*margin-right: -35%;*/
     float: none;
    display: block;
    text-align: left;
    width: 21%;
    margin: 0;
    padding: 14px;
    float: right;
  padding: 5px 5px;
  margin-top: 11px;
  /*margin-right: 16px;*/
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
  float: right;
    margin-right: 32px;
    
    
}
input[type=text]
        {
          /*width: 77%;*/
          /*box-sizing: border-box;*/
          /*border: 2px solid #ccc;*/
          /*border-radius: 4px;*/
          /*font-size: 16px;*/
          /*float: left;*/
          background-color: white;
          background-image: url('/img/searchicon.png');
          background-position: 10px 10px;
          background-repeat: no-repeat;
          padding: 12px 20px 12px 40px;
          /*-webkit-transition: width 0.4s ease-in-out;*/
          /*transition: width 0.4s ease-in-out;*/
          /*margin-left: 105%;*/
          
          border: 1px solid #ccc;
          float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    /*padding: 14px;*/
    /*padding: 6px;*/
  /*margin-top: 8px;*/
  font-size: 17px;
  border: none;
        }

      #myInput
        {
          background-image: url('/img/searchicon.png');
        }
        
         body
      {
        margin: 1%;
        background-color: #009688;
      }
      
      .button
      {
       /* height: 50px;*/
       /* width: 14.15%;*/
       /* margin: 0.06785%;*/
       /* display: inline-block;*/
       /* border-color: black;*/
       /* background-color: rgb(68, 199, 103);*/
       /* text-align: center;*/
	      /*text-decoration:none;*/
	      /*float: left;*/
	      
	      background-color:rgba(68, 199, 103, .9);
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:5%;
	border: 1% solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	/*font-size:75%;*/
	height: 90px;
	/*width: 12.44%;*/
	text-align: center;
	text-decoration:none;
	float: left;
	text-shadow:0px 1px 0px #2f6627;
	/*margin: 0.03%;*/
	z-index: 1;
	width: 14.2%;
  margin: 0.04285714%;
  font-size: 100%;
      }
      
      
#gamelist span:nth-child(7n - 6) .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .3), rgba(68, 199, 103, .4));
}
#gamelist span:nth-child(7n - 5) .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .4), rgba(68, 199, 103, .5));
}
#gamelist span:nth-child(7n - 4) .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .5), rgba(68, 199, 103, .6));
}
#gamelist span:nth-child(7n - 3) .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .6), rgba(68, 199, 103, .7));
}
#gamelist span:nth-child(7n - 2) .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .7), rgba(68, 199, 103, .8));
}
#gamelist span:nth-child(7n - 1) .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .8), rgba(68, 199, 103, .9));
}
#gamelist span:nth-child(7n - 0) .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .9), rgba(68, 199, 103, 1));
}
      
#gamelist span:nth-child(7n - 6):hover .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .2), rgba(68, 199, 103, .3));
}
#gamelist span:nth-child(7n - 5):hover .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .3), rgba(68, 199, 103, .4));
}
#gamelist span:nth-child(7n - 4):hover .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .4), rgba(68, 199, 103, .5));
}
#gamelist span:nth-child(7n - 3):hover .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .5), rgba(68, 199, 103, .6));
}
#gamelist span:nth-child(7n - 2):hover .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .6), rgba(68, 199, 103, .7));
}
#gamelist span:nth-child(7n - 1):hover .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .7), rgba(68, 199, 103, .8));
}
#gamelist span:nth-child(7n - 0):hover .button
{
  background: linear-gradient(to right, rgba(68, 199, 103, .8), rgba(68, 199, 103, .9));
      
    
}
      #headerer
      {
        width: 102%;
        border-bottom:1px solid black;
        margin-left: -1%;
        background-color: #00685d !important;
        height:75px;
        margin-top:-75px;
        z-index: 99999999999999999999999999999999999999999999;
        position: fixed;
      }
      
      #header
      {
        width: calc(100% - 350px);
        display: inline-block;
        margin-left: calc(1% + 160px);
        margin-right:160px;
        
      }
      
      .tabcontent
      {
        display:block;
        /*margin-left: 160px;*/
        margin-right: auto;
        text-align: center;
        
      }
      
      .tab
      {
        margin-left: 160px;
        margin-right:160px;
        /*display: inline-block;*/
        margin-top:75px;
      }
      
      #tab
      {
        
      }
      
      .title
      {
        /*margin-left: 160px;*/
        display:inline-block;
        text-align:center;
        width: 100%;
      }
      
      #gamecontent
      {
      
       /*margin-top: 360px;*/
    /*margin-right: 160px;*/
    /*display: inline-block;*/
    background-position: 1%;
    
    font-family: "Segoe UI", Tahoma, sans-serif;
    padding-bottom: 0;
    background-color: #009688;
        
      }
      

      .tabs
      {
        text-align: center;
    padding: 5px 8px;
    float: left;
    width: auto;
    border: 3px;
    border-color: black;
    outline: none;
    display: block;
    white-space: normal;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: white;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    margin-top:46px;
    /*margin-left: 0.06785%;*/
    margin-right: 0.06785%;
      }
      
      .tabs:hover{
  background-color: #FFF;
  color: black;
}

.fav{
  color:white;
  text-decoration:none;
  display: inline-block;
  float:left;
  margin-top: 70px;
  /*margin-top: 65px;*/
  margin-left:-1.6%;
  /*margin-left:-2.6%;*/
  height: 8px;

}

.remove
{
 color:black;
  text-decoration:none;
  display: inline-block;
  float:left;
  margin-top: 70px;
  margin-left:-1.6%;
  height: 8px;
}



#removebtn
{
  z-index: 2;
  display: inline-block;
}


#add
{
  padding-left: 0;
  margin-left: 0;
  display: flow-root;
}

.game
{
  width: calc(96% - 75px);
  height: calc(96% - 75px);
}

.iframes
{
  height:600px;
  width:160px;
  /*margin-left:-1%;*/
  display:inline-block;
  position: fixed;
  
}

.backtext{
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(255, 0, 0, 0);
    z-index:-1;
    position:absolute;
    
}