@import url('https://fonts.googleapis.com/css?family=Spectral+SC:300');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
body:before {
  font-family: 'Libre Baskerville', serif;
  /*font-family: 'Spectral SC', serif !important;*/
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  /*background: url("../images/home_bg.png") no-repeat center center;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-shadow: none !important;
  background: #fd5bb1 !important; /* Old browsers */
  background: -moz-linear-gradient(top,  #fd5bb1 0%, #2989d8 100%, #207cca 100%, #7db9e8 100%) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #fd5bb1 0%,#2989d8 100%,#207cca 100%,#7db9e8 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #fd5bb1 0%,#2989d8 100%,#207cca 100%,#7db9e8 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color: #fff !important;
}
.ui-content{
    padding:0px !important;
}
.ui-page{
   /*background-color: #fff !important;*/
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
  opacity:  1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
  opacity:  1 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
  opacity:  1 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
  opacity:  1 !important;
}
body{
  font-family: "adobe-clean",sans-serif !important;
}

.logo_img{
    background-image: url('../images/logo_hotwallet_v2.png') !important;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
#splash{
  background-color:#fff;
    background-size: 100% 100%; 
    height: 100%;
    width: 100%;
    position: fixed;
}
#splash img{

}
.lr_bg{
    background-image: url("../images/lr_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; 
    height: 100%;
    width: 100%;
    position: fixed;
}
.login_bg{
    background-image: url("../images/login_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; 
    height: 100%;
    width: 100%;
    position: fixed;
}
.login_pg_main{
  position: absolute;
    bottom: 5%;
    width: 100%;
}
.button_purple, .button_pink, .button_maroon{
  color: #fff !important;
  border:none !important;
  font-size: 17px;
}
.button_purple{
  background-color:#1E90FF !important;
}
.button_blue{
  background-color:#3B66C5 !important;
}
.button_pink1{
  background-color:#FF3DB1 !important;
}
.button_green{
  background-color:green !important;
}
.button_maroon{
    background: linear-gradient(45deg, #800043 30%, #C20065 70%);
}
.button_padding{
  padding-left: 4%;
  padding-right: 4%;
}
.login_bg .ui-navbar{
  text-align: center !important;
  padding: 0px 2%;
}
.login_bg form{
  text-align: center !important;
  padding: 0px 2%;
}
.login_bg .ui-navbar img{
  width: 60%;
  padding-top: 15%;
  padding-bottom: 5%;
}
.ui-btn{
  border: none !important;
}
.ui-state-persist .ui-link .ui-btn{
  border: none !important;
  background-color:#174F68 !important;
  color: #fff !important;
}
.ui-btn-active{
  background-color:#00BBCE !important;
  border: none !important;
} 

.ui-btn-active{
  background-color:#1E90FF !important;
  border: none !important;
} 
.headerTop{
  /*background-color: #1f48ff !important;*/
  color: #fff !important;
  border-bottom-width:0px !important;
}
.headerTop .mainMenu{
    background: none !important;
    height: 20px;
}
.headerTop{
    background-color: transparent !important;
}
.headerTop .backButton{
    background: none !important;
    height: 30px;
}
.backButton{
  padding: 15px 0px 0px 15px !important;
}
#panel-reveal, #panel-reveal ul li a{
    /*background-color: #477BB1 !important;*/
    background-color: #3B66C5 !important;
    color: #fff !important;
    line-height: 1.5;
    font-family: 'Spectral SC', serif !important;
}
.home_pg .button_purple{
  text-align: center;
  border-radius:20px !important;
  margin-left: 3% !important;
  margin-right: 3% !important;
  width: 94% !important;
  padding-top: 10px;
}
.home_pg .welcomeMsg img1{
width: 100% !important;
}
.home_pg .welcomeMsg{
    width: 100% !important;
    text-align: center !important;
}
.home_icons{
    width: 100% !important;
    text-align: center;
    margin-top: 3% !important;
    padding-bottom: 5% !important;
}
.home_pg .welcomeMsg .home_icons img{
    width: 46.5% !important;
    float: left !important;
    margin-left: 2% !important;
    margin-right: 1.5% !important;
}
.home_icons_row2{
    margin-top: 5% !important;
}
.home_ads {
    position: absolute !important;
    left: 0;
    bottom: 0;
}
.menuList img{
    max-width: 160px;
    max-height: 58px;
}
.backButton{
  background-image: url('../../images/back_button.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  width:10px;
  height:32px;
}
.backButtonDiv{
  bottom:10px;
  text-align: center;
  width: 100%;
  background-color: #fcfdff;
}
.bgcolor{
    background-color: #1E90FF !important;
    color: #fff !important;
}
.successMsg{
  font-size: 18px !important;
  color:#1E90FF !important;
  text-align: center;
}

/***** v2 *****/
.ui-btn-active{
  background-color:#1E90FF !important;
  border: none !important;
} 
.headerTop{
  /*background-color: #1f48ff !important;*/
  color: #fff !important;
  border-bottom-width:0px !important;
}
.headerTop .backButton{
  background: none !important;
  height: 30px;
}
.headerTop .mainMenu,.backButton{
  background: none !important;
  height: 20px;
  background-color: none !important;
}
.headerTop .mainMenu:hover{
  background: none !important;
  height: 20px;
  background-color: none !important;
}
#panel-reveal .ui-btn:hover{
  background-color: #B5C5C4 !important;
  color: yellow !important;
  height: 100% !important;
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited{
 background-color: #1E90FF;
 color: white !important;
 /*background-color: #fff;
 color: black !important;*/
}
.ui-btn .ui-btn-icon-right .ui-icon-carat-r{
  background-color: #fff;
  color: black !important;
}





.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited{
  text-shadow:none !important;
  font-weight: normal !important;
}
legend, .ui-input-text input, .ui-input-search input, .ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a{
  text-shadow:none !important;
  color: #000 !important;
}
.form_style{
  margin-left: 6%;
  margin-right: 6%;
  text-shadow:none !important;
}
.form_style input,textarea{
  /*color: #011559 !important;*/
  color: #fff !important;
  /*background-color: rgba(0, 154, 164, 0.4) !important;*/
  border: rgba(0, 154, 164, 0.5) !important;
}
.ui-input-text, .ui-input-search{
  border: none !important; 
}
.ui-input-text input::-moz-placeholder, .ui-input-search input::-moz-placeholder, textarea.ui-input-text::-moz-placeholder{
  color: #011559 !important;
  opacity:  1 !important;
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{
  text-shadow:none !important;
}
.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit{
  text-shadow:none !important;
}
.ui-btn-icon-notext::after, .ui-btn-icon-left::after, .ui-btn-icon-right::after{
  margin-top: -15px !important;
}
.popupSuccess{
  color: #003068 !important;
}
.ui-loader .ui-icon-loading {
  width: 120px !important;
  height: 100px !important;
  background: url(images/ajax-loader.gif) no-repeat;
  background-size: 120px 100px;
  background-color: transparent !important;
  border-radius: 0px !important;
}
.ui-loader-default{
  margin-left:-4.4375em;
  margin-top:-1.4375em;
  opacity: 1 !important;
}
.ui-checkbox, .ui-radio{
  margin: 0px !important;
  background-color: grey !important;
}
.ui-btn-icon-left::after, .ui-btn-icon-right::after, .ui-btn-icon-top::after, .ui-btn-icon-bottom::after, .ui-btn-icon-notext::after{
  background-color:transparent !important;
  border-radius: 0px !important;
}
.ui-panel-wrapper{
  background-color: transparent !important;
}
.ui-input-text input, .ui-input-search input, textarea.ui-input-text{
  line-height: 2em !important;
}
.ui-listview > li{
  border-bottom: 1px solid lightblue;
  margin: 0px 15px 0px 20px !important;
}
/* panel top border remove*/
.ui-listview > .ui-li-static, .ui-listview > .ui-li-divider, .ui-listview > li > a.ui-btn{
border-width:0px !important;
}
.ui-listview > li a{
  color: white !important;
}
body, input, select, textarea, button, .ui-btn{
  font-family: 'Libre Baskerville', serif;
  font-size: 14px !important;
}
.popupBtn{
  width: auto !important;
  background-color: #3B66C5;
}
.closeBtn{
  color: #fff;
  text-decoration: none;
}
.ui-popup{
  /*background-color: #e8eeff !important;*/
  background-color:white !important;
  color: #000 !important;
  text-align: center;
  padding-top: 3%;
  padding-left: 2%;
  padding-right: 2%;
  border-color: pink !important;
}
.ui-header .ui-title, .ui-footer .ui-title{
  margin-left: 10% !important;
  margin-right: 10% !important;
  font-size: 15px !important;
}
.logo_login{
  text-align: center;
}
#login .logo_login{
margin-top: 15% !important;
}
.ui-icon-home,.ui-icon-search,.ui-icon-shop,.ui-icon-refresh,.ui-icon-user,.ui-icon-bullets,.ui-icon-mail,.ui-icon-power,.ui-icon-phone{
  padding-top: 3% !important;
  margin-top: 2% !important;
  margin-bottom: 2% !important;
}
.marginLeftRight{
  margin-left: 10%; margin-right: 10%;
}
.marginTop5{
  margin-top: 5% !important;
}
.marginTop10{
  margin-top: 10% !important;
}
.marginTop15{
  margin-top: 15% !important;
}
.marginTop20{
  margin-top: 20% !important;
}
.produc_page{
  margin:10px 20px 10px 15px !important;
}
.history_page{
  margin:5px !important;
  font-size: 12px !important;
}
.history_page th{
  background-color: #1E90FF !important;
  color:#fff !important;
  font-size: 13px !important;
}
.contact_page{
  margin:10px 10px 10px 10px !important;
}
.divAlign, .divAlign a{
    color: #003068 !important;
    font-weight: bold;
    font-size: 12px;
    float: left;
    width: 100%;
}
.divAlignEven, .divAlignEven a{
    color: #000 !important;
    font-weight: bold;
    font-size: 12px;
}
.divAlignOdd, .divAlignOdd a{
    color: #043166 !important;
    font-weight: bold;
    font-size: 12px;
}
.divAlign1{
  width: 110px;
  float:left;
  padding-left:5px;
  text-align:left;
}
.divAlign111{
  width: 100px;
  float:left;
  padding-left:5px;
  text-align:left;
}
.divAlign1111{
  width: 80px;
  float:left;
  padding-left:5px;
  text-align:left;
}
.divAlign2{
  width: 1px;
  float:left; 
  padding-right: 6px;
}
.divAlign3{
  float:left;
}

.divAlign11{
  width: 30%;
  float:left;
  padding-left:5px;
  text-align:left;
}
.divAlign22{
  width: 1%;
  float:left; 
  padding-right: 6px;
}
.divAlign33{
  float:left;
  width: 65%;
}
.btnSplit{
    float: left;
    width: 100%;
    /*border-bottom: 1px solid #00BBCE;*/
    margin-bottom: 2% !important;
}
.btnSplit1,.btnSplita .btnSplit1{
    float: left !important;
    width: 45% !important;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.btnSplit2{
    float: left !important;
    width: 45% !important;
    margin-left: 8% !important;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.form_bottom5{
    text-align:center;
    font-size:12px;
    font-weight: normal;
    color: #003068 !important;
}
.form_bottom3 .pay_button{
    padding-left:50px;
    padding-right:50px;
    font-size:20px !important;
    border-radius:35px !important;
}
.form_bottom2{
    text-align:center;
    font-size:12px;
    font-weight: bold;
    color: #003068 !important;
}
.notFoundBtn{
  width: 50% !important;
  margin-left: 25% !important;
}
.profile1,.profile2,.profile3,.profile4{
  float: left !important;
  color: darkblue !important;
}
.profile1a,.profile2a,.profile3a,.profile4a{
  float: left !important;
  color: white !important;
}
.profile1{
  width: 92% !important;
  margin-left:5% !important;
  margin-bottom: 2% !important;
  border-bottom: 1px solid #33C7FF;
}
.profile1a{
  width: 100% !important;
  margin-bottom: 5% !important;
  border-bottom: 1px solid pink;
}
.profile2{
  width: 35% !important;
  font-weight: bold !important;
}
.profile2a{
  width: 50% !important;
  font-weight: bold !important;
}
.profile3{
  width: 2% !important;
  font-weight: bold !important;
}
.profile4{
  width: 65% !important;
  text-align: left !important;
  font-weight: 600;
  /*font-style: italic;*/
}
.profile4a{
  width: 50% !important;
  text-align: left !important;
  font-weight: 600;
  /*font-style: italic;*/
}
button{
  /*background-color:#477BB1 !important;*/
  background-color:#3B66C5 !important;
  text-shadow: none !important;
}
.ui-btn1:hover{
  background-color:#1f48ff !important;
  color: yellow !important;
}
.purchaseButtons{
    font-size: 13px !important;
}
.icon_report {
    text-align: center !important;
}
.icon_report img{
    width: 40px !important;
}
.icon_report2a {
    text-align: center !important;
}
.icon_report2a img{
    width: 40px !important;
}

.icon_report2 img{
    height: 40px !important;
}
.icon_report3 img{
    height: 50px !important;
}
.icon_report5 img{
    height: 60px !important;
}
.icon_report55 img{
    height: 80px !important;
}
.purchase_icons .sub_button{
  background-color: #1E90FF !important;
  height: 25px !important;
  font-size: 12px !important;
  text-align: left;
  border-radius: 3em !important;
  opacity: 1 !important;
  padding-left: 12px;
  padding-top: 5px !important;
  width: 80%;
}


.purchase_icons td{
  width: 25% !important;
}
.purchase_icons a{
  text-decoration: none !important;
}
.form_submit_btn{
  background-color: #1f48ff !important;
  border-radius: 30px !important;
}
.form_submit_btn:hover{
  background-color: #1f2eff !important;
}
.myprofile_cont{
  text-align: center;
  color: black !important;
  padding-bottom: 8% !important;
}
.myprofile_cont a{
  text-decoration:none;
  color: black !important;
  font-weight: bold;
}
.welcomeMsgLogo{
  text-align:center;
  padding-top:5%;
  padding-bottom:5%;
}
.report_pg li .ui-btn{
  line-height: 3.0 !important;
}
.homeText{
  width: 100%; 
  text-align: center;
  color:#011559 !important; 
  font-weight: bolder;
}
.marCont{
  padding-left: 30px !important;
  float: left !important;
  height: 0px;
  width: 50px !important;
  margin-left: 50px !important;
}
.ui-checkbox, .ui-radio{
  margin: 0px !important;
  background-color: grey !important;
}
.termsCond{
  float:left;
  width:100%;
  margin-bottom: 5% !important;
}
.termsCond1{
  float:left; 
  width:10%;
  margin-top: 5%;
}
.termsCond2{
  color: #003068 !important;
  font-weight: bold;
  font-size: 15px;
  margin-left: 12%;
  padding-top: 7px !important;
}
.termsCond2 a{
  text-decoration: none !important;
  color: #003068 !important;
}
.historyEven{
  background-color: #D3D3D3 !important;
}
.topupReturnTitle{
  text-align:center;line-height:20px;font-weight:bold;color:#000;padding-bottom:15px;padding-top:10px;
}
.topupReturn{
    margin-top:10px;background-color:#fff;line-height:30px !important;margin-left:4%;margin-right:4%;padding-bottom:10%;
}
.topupReturn1{
    margin-top:10px;background-color:#6e8bef;line-height:30px !important;margin-left:4%;margin-right:4%;padding-bottom:10%;
}
.history_pg{
  background-color: #fff !important;
  border-radius: 1em !important;
  margin-left: 4%;
  margin-right: 4%;
  margin-top: 5%;
}
.purchase_view_pg{
  background-color: #fff !important;
  border-radius: 1em !important;
  margin-left: 4%;
  margin-right: 4%;
  margin-top: 5%;
}

.headerTop{
  /*margin-top: 5% !important;*/
  border: 0px !important;
}

.otpMsg{
    font-size: 14px;
    color: white;
    text-align: center;
}
.otpResend{
  padding-top: 10% !important;
  text-align: center !important;
}
.otpResend a{
    font-size: 14px !important;
    text-decoration: underline !important;
    font-weight: normal;
    text-align: center;
    color: #fff;
}
.ramci_title2{
  color: #000 !important;
  font-size: 12px !important;
  font-weight: bold !important;
}
.signup_title{
  color: #000 !important;
  text-decoration: none !important;
}
.login_signup{
  margin-top: 10% !important;
}
.ui-input-text input, .ui-input-search input, textarea.ui-input-text{
      border: 1px solid white !important; 
}
.button_pink, .button_pink:hover{
  background-color: #fd5bb1 !important;
  color: #fff !important;
}
.ui-btn:focus{
  box-shadow:none !important;  
}
.purchase_icons button{
  background-color: #fff !important;
  opacity: 1.2;
  margin-left: 3%;
  width: 88%;
  text-align: left;
  height: 100px !important;
  color: #000 !important;
  font-weight: normal !important;
  text-align: center;
  margin-top: 1px !important;
  font-family: 'Spectral SC', serif !important;
  border-radius: 1.3em !important;
  /*opacity: 0.9 !important;*/
}
.icon_title{
  color: darkblue !important;
  font-weight: bold !important;
  padding-top: 3px;
  font-size: 11px !important;
}
.icon_title2{
  color: #000 !important;
  font-weight: bold !important;
  padding-top: 3px;
  font-size: 16px !important;
}
.icon_title2a{
  color: #000 !important;
  font-weight: bold !important;
  padding-top: 3px;
  font-size: 15px !important;
  text-align: center !important;
  text-transform: lowercase !important;
}
.home_section2{
  background-color: #fff !important;
  border-radius: 1em !important;
  color: #000 !important;
  margin:3% 3% 0% 3% !important;
  height: 130px !important;
  /*opacity: 0.9 !important;*/
}
.home_section3{
  background-color: #fff !important;
  border-radius: 1em !important;
  color: #000 !important;
  margin:3% 3% 0% 3% !important;
  height: 130px !important;
  /*opacity: 0.9 !important;*/
}
.home_section4{
  background-color: #fff !important;
  border-radius: 1em !important;
  color: #000 !important;
  margin:3% 3% 0% 3% !important;
  height: 130px !important;
  /*opacity: 0.9 !important;*/
}
/*
.home_section2 .sec1{
  padding:1% 0% 2% 3% !important;
}
.home_section2 .sec1 a{
  margin:0% 3% 0% 2% !important;
}
.home_section2 .sec1 a button{
  width: 100% !important;
}
*/
.home_section2 .sec1 {
  width:100% !important;
}
.home_section2 .sec1 a{
  width:33% !important;
}

/*
.home_section3 .sec1{
  padding:1% 0% 2% 2% !important;
}
.home_section3 .sec1 a{
  margin:0% 2% 0% 0% !important;
}
.home_section3 .sec1 a button{
  width: 100% !important;
}
*/

.home_section4 .sec1{
  padding:1% 0% 2% 2% !important;
}
.home_section4 .sec1 a{
  margin:0% 3% 0% 2% !important;
}
.home_section4 .sec1 a button{
  width: 100% !important;
}
.menu_title{
  float: left;
  padding-top: 10px;
  color: black;
  font-weight: bold;
  width: 100%;
}
.menu_title1{
  text-align: left !important;
  float: left;
  width: 80%;
  padding-left: 5%;
  font-size: 12px !important;
}
.menu_title2{
  text-align: right !important;
  float: left;
  font-size: 11px !important;
  font-weight: normal !important;
}
.menu_title2 a{
  color: black !important;
}

.home_section3 .purchaseButtons{
  height: 100% !important;
}
.home_section4 .purchaseButtons{
  height: 100% !important;
}
.home_section2 button:hover, .home_section3 button:hover, .home_section3 button:hover,.home_section4 button:hover, .home_rm:hover{
  background-color: #e0e0e0 !important;
}


.ui-panel-page-content-position-right{
  left: 9.9em !important;
}
.height110{
  height: 130px !important;
}
.height120{
  height: 120px !important;
}
.height130{
  height: 130px !important;
}
.height140{
  height: 140px !important;
}
#myaccountPg{
  margin:12% 5% 0% 5% !important;
  padding: 5% 0% 0% 0%;
  background-color: white;
  border-radius: 0.7em;
  line-height:27px;
}
.livetv_pg .ui-btn-icon-right::after{
  background-color: black !important;
  margin-top: -10px !important;
}
.livetv_pg ul{
  border-radius: .7em !important;
  margin-top: 12% !important;
  
}
.livetv_pg .ui-btn:visited,.livetv_pg .ui-btn{
  background-color: white !important;
  color: black !important;
}
.ui-btn .ui-btn-icon-right .ui-icon-carat-r{
  font-weight: bold !important;
}
.listCount{
  color: #000 !important;
}
.pageBgWhite{
  background-color: white !important;
  border-radius: 0.8em !important;
  margin: 5% 5% 0% 5% !important;
  min-height: 200px !important;
  color: black !important;
}
.qrTitle{
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5%;
}
.ui-btn:hover{
  background-color:#e8e8e8 !important;
  color: black !important;
}
.pinToStar{
  -webkit-text-security: disc !important;
}
@keyframes blink{
  0%{opacity: 0;}
  50%{opacity: .5;}
  100%{opacity: 1;}
}
.transDiv{
  float: left !important;
  width: 100% !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.transDiv1{
  float: left !important;
  width: 28% !important;
  text-align: left !important;
  font-size: 16px !important;

}
.transDiv2{
  float: left !important;
  width: 63% !important;
  text-align: left !important;
  font-size: 16px !important;
}
.transDiv3{
  float: left !important;
  width: 5% !important;
}