/*----------------------------------------------------------------------------------------------------------------*/


  /*----------------------------------------------------------------------------------------------------------------*/

    
  /* START - this part consists Common CSS for All pages - F7 class */

.ios .demo-list-icon, .ios .icon-f7, .ios .icon-vi {
  width: 35px !important;
  height: 35px !important;
}


.item-title
{
  
}

.guide{
    color: #673AB7;
    background: #110e16;
    border-radius: 20px;
    padding: 10px;
}


  /* END - this part consists Common CSS for All pages - F7 class */



  /*----------------------------------------------------------------------------------------------------------------*/

  /*----------------------------------------------------------------------------------------------------------------*/
  
  /* START - this part consists Common CSS for All pages */
  
  li.list-group-title
  {
    /* background-color: #00313c !important; */
    background-color: #011e5c !important;
    color: white !important;
    height: 47px !important;
    top: 4% !important;
  }

  .item-inner:before
  {
    color: white !important;
  }


  .top_topic
  {
    position: absolute;
    bottom: 1%;
    left: 2%;
    font-size: medium;
    color: white;
    background: #0c6274;
    padding: 2%;
    border-radius: 30px;
  }

  .appBodyContentBody
  {
     background-color: #0b0d40 !important;
     height: 76% !important;
     background-color: #13626f;
     color: white;
  }
  
  .mycol{
        /* background: linear-gradient(to bottom, #152d46, #4c2102) !important; */
        margin-bottom:20px;
        box-shadow: 6px 6px 10px -3px rgb(70, 70, 70);
  }

  .left-margin
  {
    margin-left: 6px !important;
  }


  .MyNavhome
  {
      /* background: linear-gradient(to bottom, #152d46, #4c2102) !important; */
  }

  .top_topic
  {
    background: #031e5b !important;
  }

  /* .button-active, .button.tab-link-active
  {

  } */

  .tab_categories
  {
    color: #979797d4;
  }

  .tab-link-active {
    background-color: transparent;
    color: white !important;
}











  /* .CatName_jb
  {
 margin-top: 22% !important;
  } */

  
  /* END - this part consists Common CSS for All pages */

/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/

  /* START - this part consists custom CSS for separate pages */


  .item-download:before
  {
    color: white !important;
    display: none !important;
  }

  .item-inner:after
  {
    background-color: white !important;
  }



  .list .item-download
{
    margin-right: 3% !important;
    padding-right: 0% !important;
}

.go_back , .go_back_icon
{
  color: #ffca00 !important;
}


.cat_icon
{
  width: 36px !important;
}


.jb_ipa{

  font-size: 12px !important;

}



.list_design
{
  padding: 7% !important;
  box-shadow: rgb(0 0 0 / 32%) 0px 22px 70px 4px !important;
  margin: 4%;

}





/* Game - Copy button */


.copy_btn
{

  margin-bottom: 0;
  margin-top: 0;
  background: #1365a8;
  border-radius: 6px;
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 1%;
  padding-bottom: 1%;
}




/* Game - Copy button end */







/* Home page second tab CSS styles*/


.second_tab_list_top





{

    color: #FFC107;
    padding: 3%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
    font-size: 21px;

}


.second_tab_list
{

    color: white;
    background-color: #064694;
    padding: 3%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 5%;
    text-align: center;
    font-size: 135%;

}


.mycol
{
  margin-top: 1% !important;
}

.btn-clr-section2
{
  background-color: #004695 !important;
}


/*Color change animation */




.AppName {
      

  -webkit-animation:colorchange 20s infinite alternate;
  
  
}

@-webkit-keyframes colorchange {
  0% {
    
    color: rgb(229, 255, 0);
  }
  
  10% {
    
    color: #ff80ce;
  }
  
  20% {
    
    color: #00ffcc;
  }
  
  30% {
    
    color: #ff6b08;
  }
  
  40% {
    
    color: rgb(87, 188, 255)255, 255, 255;
  }

}





.anim_1 {
      

  -webkit-animation:colorchange 20s infinite alternate;
  
  
}

@-webkit-keyframes colorchange {
  0% {
    
    color: rgb(229, 255, 0);
  }
  
  10% {
    
    color: #ff80ce;
  }
  
  20% {
    
    color: #00ffcc;
  }
  
  30% {
    
    color: #ff6b08;
  }
  
  40% {
    
    color: rgb(87, 188, 255)255, 255, 255;
  }

}








/* Description pages */

.PageAppname {
  position: absolute !important;
  top: 70% !important;
  left: 76% !important;
  font-size: medium !important;
  color: white !important;
  background: #031e5b !important;
  border-radius: 30px;
  padding: 2%;
}

.btninstall {
  width: 30% !important;
  position: absolute !important;
  left: 8% !important;
  top: 72% !important;
}


.description_body
{
  background: #005293 !important;
  color: white;
}

.description_titile
{
  color: white !important;
}



.MainLogo1
{
    margin-left: 31%;
    background-color: #0f357440;
    padding: 4%;
    margin-top: 5%;
}

.PraBoxShadow
{
    margin: 10%;
    text-align: center !important;
    box-shadow: rgb(0 0 0 / 32%) 0px 22px 70px 4px !important;
}

.list_cusstyle
{
  padding: 1% !important;
}

.ioscus_download_btn
{
  background: transparent !important;
}





.adware
{
  margin-right: 6%;
    background: #7c0000;
    border-radius: 9px;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 15px;
}



  /* END - this part consists custom CSS for separate pages */


/*----------------------------------------------------------------------------------------------------------------*/

.swal-modal
{
  background: rgb(41,0,139);
  background: linear-gradient(337deg, rgb(10 57 120) 0%, rgb(11 106 177) 49%, rgb(11 64 128) 100%);
  
}

.page-content{
  background-color: #0c0c0c !important;
}

.navbar-inner{
  background-color: #0c0c0c !important;
}

.swal-title
{
  color: rgb(255, 255, 255);
  font-size: 19px;
  margin-top: 38px;
  margin-bottom: 2px;
}

.swal-text
{
  color:#ffa200 ;
  text-align: center;
}

.swal-button
{
  background-color: #0072a8;
}




.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 36px !important;
  /* color: #ffd300; */
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}


.AppName {
  font-size: 340%;
  color: antiquewhite;
  position: relative;
  left: 9%;
  line-height: 0;
}




.AppName_top {
  font-size: 240%;
  color: #ffffff;
  position: relative;
  left: 9%;
  line-height: 0;
  background: #f3f3f3;
  width: fit-content;
  border-radius: 4px;
  padding-right: 2%;
  font-family: initial;
}


.app_name_top
{
  position: relative;
  top: 7%;
}





/* Start - Version check and redirect buttons styles */

.version_check_click_class
{
    background: green;
    padding: 5px;
    width: fit-content;
    margin-left: 14%;
    border-radius: 5px;

}


/* End - Version check and redirect buttons styles */


.version_check_click_class1
{
    background: green;
    padding: 5px;
    width: fit-content;
    margin-left: 23%;
    border-radius: 5px;

}

.MainLogoContent {
    width: 45%;
    text-align: center;
    position: absolute;
    top: 8%;
    right: 25% !important;
}