@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap');


/*
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap');
font-family: 'Jost', sans-serif;

*/


/*
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600&display=swap');
font-family: 'Josefin Sans', sans-serif;

*/



/* @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500&display=swap'); 
font-family: 'Work Sans', sans-serif;

*/

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    width: 16px;
    height: 16px;
vertical-align: sub;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
  font-weight:400;
  letter-spacing:1px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}

.clear {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
	overflow:hidden;
}

::selection {
	background: #1ABC9C;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #1ABC9C; /* Firefox */
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #1ABC9C; /* Safari */
	color: #FFF;
	text-shadow: none;
}

:active,
:focus { outline: none !important; }


/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {
	line-height: 1.5;
	color: #555;
	font-family: 'Jost', sans-serif;
	padding-bottom:75px;
	font-weight: 500;
}

a {
	text-decoration: none !important;
	    color: #f20364;
}

a:hover { color: #222; }

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }


/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
	color: #444;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 15px 0;
	font-family: 'Jost', sans-serif;
}

h5,
h6 { margin-bottom: 20px; }

h1 { font-size: 36px; }

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h4 { font-weight: 600; }

h5,
h6 { font-weight: bold; }

h1 > span:not(.nocolor),
h2 > span:not(.nocolor),
h3 > span:not(.nocolor),
h4 > span:not(.nocolor),
h5 > span:not(.nocolor),
h6 > span:not(.nocolor) { color: #1ABC9C; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 10px; }

small { font-family: 'Lato', sans-serif; }

.margin-0 {margin:0px;}
.margin-top-10 {margin-top:10px;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-40 {margin-top:40px;}
.margin-top-50 {margin-top:50px;}
.margin-top-60 {margin-top:60px;}
.margin-top-70 {margin-top:70px;}
.margin-top-80 {margin-top:80px;}

.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-40 {margin-bottom:40px;}
.margin-bottom-50 {margin-bottom:50px;}
.margin-bottom-60 {margin-bottom:60px;}
.margin-bottom-70 {margin-bottom:70px;}
.margin-bottom-80 {margin-bottom:80px;}

.padding-top-10 {padding-top:10px;}
.padding-top-20 {padding-top:20px;}
.padding-top-30 {padding-top:30px;}
.padding-top-40 {padding-top:40px;}
.padding-top-50 {padding-top:50px;}
.padding-top-60 {padding-top:60px;}
.padding-top-70 {padding-top:70px;}
.padding-top-80 {padding-top:80px;}

.padding-bottom-10 {padding-bottom:10px;}
.padding-bottom-20 {padding-bottom:20px;}
.padding-bottom-30 {padding-bottom:30px;}
.padding-bottom-40 {padding-bottom:40px;}
.padding-bottom-50 {padding-bottom:50px;}
.padding-bottom-60 {padding-bottom:60px;}
.padding-bottom-70 {padding-bottom:70px;}
.padding-bottom-80 {padding-bottom:80px;}


.modal:nth-of-type(even) {
    z-index: 1052 !important;
	background: #020202ad;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index: 1051 !important;
}
.register-page .modal-lg .modal-body{ overflow-y: scroll;display: flex; display: -webkit-box; display: -ms-flexbox;   max-height: 90%;     padding: 15px 0px;}
.register-page .modal-lg {  width:90%;  margin: 24px auto; max-height: 90%;  display: flex;}
.modal-footer { background: #fff; border-radius: 0 0 5px 5px;}
.input-group-addon { color: #000000;  background-color: #ffffff;}
.input-group-addon.otp {padding:10px 20px;    font-size: 16px;  letter-spacing: 1px;}
.input-group-addon.otp a{color:#222;}

/* common style */
.bottom-menu ul li a{color:#fff;}
.bottom-menu ul li.active a{color:#ffc107; }
.bottom-menu ul li.active{border-bottom:2px solid #ffc107;}
.bottom-menu {
position:fixed;
bottom:0px;
background:#060752;
letter-spacing:0.5px;
padding:0px;
width: 100%;
z-index: 999;
border-radius: 20px 20px 0px 0px;
    background: -webkit-linear-gradient(90deg,rgba(71,9,98,1) 0%, rgba(7,12,139,1) 100%);
    background: linear-gradient(90deg, rgba(71,9,98,1) 0%, rgba(7,12,139,1) 100%);

}
.bottom-menu ul {margin:0px; padding:0px;}
.bottom-menu ul li{
list-style-type:none;
display:inline;
width:25%;
float:left;
text-align:center;
padding:15px;
color:#fff;
padding: 10px 15px;}





.btn-primary { color: #fff; background-color: #f20364; border-color: #f20364;}
.btn-primary:hover { color: #fff; background-color: #d4570f;  border-color: #e86113;}
.button-group {text-align:center;}
.buy-button {border-radius: 50px;
    background: #ff9800;
    padding: 6px 15px;
    border: 2px solid #ff7600;
    color: #fff;
    letter-spacing: 1px;}
	
	
.buy-button:hover {background:#ff7600;}
.payment-btn {border-radius: 50px;
    padding: 7px 12px;
    font-size: 15px;
	background:#39b93e;
     border: 2px solid #20a924;
    letter-spacing: 1px;}
.payment-btn:hover {background: #20a924; border: 2px solid #20a924;}	
.reject-btn {border-radius: 50px;
    padding: 7px 20px;
    font-size: 15px;
	background:#333;
    border: 2px solid #222;
    letter-spacing: 1px;
	color:#fff;}
.reject-btn:hover {color:#fff; background:#222;}
	
.button-one {
border-radius: 4px;
background: #FFC107;
color: #fff;
padding: 8px 20px;
border: 0px;
font-size: 15px;}

.button-two {border-radius: 4px;
background: #fff;
color: #111;
padding: 8px 20px;
border: 0px;
font-size: 15px;}

.button-three {border-radius: 4px;
background: #f20364;
box-shadow: 0 4px 0px #cd0469;
color: #fff;
padding: 10px 40px;
border: 0px;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;}

.button-three:hover , .button-three:focus { 
box-shadow: 0px 2px 0px #cd0469;
position: relative;
top: 2px;
background: #f20364; }

.price-button {
padding: 8px 18px;
font-size: 15px;
font-weight: 600;
background: #ececec;
border: 0px;
border-radius: 3px;
box-shadow: 0px 4px 0px #c7c7c7;
border-radius: 50px;
margin:0px 5px; }

.price-button:hover , .price-button:focus { 
box-shadow: 0px 2px 0px #c7c7c7;
position: relative;
top: 2px;
background: #ececec; }

.price-button:focus {
background: rgb(0,167,7);
background: -webkit-linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%);
background: linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%);
color:#fff;}

.number-btn {
padding: 8px 18px;
font-size: 15px;
font-weight: 600;
background: #ececec;
border: 0px;
border-radius: 3px;
box-shadow: 0px 4px 0px #c7c7c7;
border-radius: 50px;
margin:0px 0px 20px; }

.number-btn:hover , .number-btn:focus { 
box-shadow: 0px 2px 0px #c7c7c7;
position: relative;
top: 2px;
background: #ececec; }

.number-btn:focus {
background: rgb(0,167,7);
background: -webkit-linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%);
background: linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%);
color:#fff;}
input[type=text].price-input ,input[type=password].price-input, 
input[type=email].price-input, input[type=tel].price-input , 
textarea.price-input , select.price-input{  
padding: 5px 15px;
width: 100%;
border: 1px solid #ccc;
border-radius: 0px;
height: 46px;}

textarea.price-input{height:90px; resize:none; }
p.note {color:#999;font-size:13px;}
.price-input:focus {
    border-color: #66afe9!important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.red-btn {
background: #ff1b1b;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #b1160d, #ff1b1b);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #b1160d, #ff1b1b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
height:46px;
border: 2px solid #b3160d;
border-radius:4px;
color:#fff;
font-size:16px;
font-weight:400;
}

.violet-btn {
background: #E100FF;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #7F00FF, #E100FF);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #7F00FF, #E100FF ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
height:46px;
border: 2px solid #E100FF;
border-radius:4px;
color:#fff;
font-size:16px;
font-weight:400;}


.green-btn {
background: rgb(17,129,22);
background: rgb(0,167,7);
background: -webkit-linear-gradient(90deg, rgba(0,167,7,1) 0%, rgba(15,209,1,1) 100%);
background: linear-gradient(90deg, rgba(0,167,7,1) 0%, rgba(15,209,1,1) 100%);
height:46px;
border: 2px solid #00a807;
border-radius:4px;
color:#fff;
font-size:16px;
font-weight:400;}

.text-green {color:#13ca1b;}
.text-red {color:#ff0000;}
.text-yellow {color:#f39839;}
.pre-pay {
	background: #00a807;
    font-size: 14px;
    border: 0px;
    padding: 5px 20px;
    color: #fff;
    box-shadow: 0px 3px 4px #018607;
    height: 36px;
    text-transform: uppercase;}
.point-red {width:15px; height:15px; background:#f44336;    display: inline-flex; border-radius: 50%;}
.point-green {width:15px; height:15px; background:#4caf50;    display: inline-flex; border-radius: 50%;}
.point-violet {width:15px; height:15px; background:#9c27b0;    display: inline-flex; border-radius: 50%;}


/* Home Page style */
header {background: rgb(0,167,7);
background: -webkit-linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%);
background: linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%); margin:15px; padding:10px; border-radius:6px; position:relative;}
header .notification { 
position: absolute; 
right: 15px;
background: #fff; 
border-radius: 50%;
padding:10px;
top: 15px;
width:45px;
height:45px;
text-align: center;}

header .notification .glyph-icon {
cursor: pointer;
font-size: 22px;
padding: 10px 14px;
position: relative;
top: -4px;
left: -12px;}
header .notification .glyph-icon:hover {color:#f20364;}
h5.modal-title {font-size:22px;}
.modal-header .close {  font-size: 32px;  position: absolute;  top: 14px;   right: 14px;}
.user-detail .name-id  {color:#fff; font-size:14px; letter-spacing:1px; }
.user-detail .name-id  ul {margin:0px; padding:0px;}
.user-detail .name-id  ul li {list-style-type:none;}
.user-detail .mobile-number {color:#fff; font-size:16px;}
.user-detail .avil-balance {color:#fff; font-size:16px;    margin-top: 5px;}
.user-detail .user-img img {width:50px; background:#ccc;  border-radius:50%; }
.user-detail .user-img  {
display: inline-block;
float: left;
width:50px;
border-radius:50%;
border:2px solid #fff;
margin-right:10px;
box-shadow: 0 4px 5px #fff;}
.home-page#accordion ul li a{color:#fff;}
#accordion ul {margin:0px;  padding:0px;}
#accordion ul li{list-style-type:none; font-size:15px; color:#333; padding:8px 0px;}
#accordion ul li a {color:#555;}
#accordion ul li a:hover ,.panel-default>.panel-heading a:hover {  color: #f20364;}
#accordion .glyph-icon{    font-size: 20px;    font-weight: 600;}
.home-page#accordion .glyph-icon{font-size: 50px;  font-weight: 600;  display: block;  margin-bottom: 12px;}
.panel-title {font-size:15px; font-weight:500;}
.bottom-menu .glyph-icon {font-size:21px; margin-right: 15px;}
.lable-text {color:#999;}
.input-group-addon:first-child {  border-right: 0;  font-size: 22px;}


.home-page.panel-group .panel {

    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    height: 132px;
    text-align: CENTER;
    margin-bottom: 24px;
}
.panel-group.home-page .panel + .panel { margin-top: 0px;}
.home-page .panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #fff;
    color: #f30263;
}
.home-page .panel-body{position:relative;
    background: #ffc107;
    z-index: 999;
    color: #fff;
    box-shadow: 0px 6px 3px #ffc10761;
    border: 0px;}
.home-page .panel-default>.panel-heading a {position:relative;}
.home-page .panel-default>.panel-heading a[aria-expanded="false"]:after {top: 8px;  position: absolute; right:15px;}
.home-page .panel-default>.panel-heading a[aria-expanded="true"]:after {top: 8px;  position: absolute; right:15px;}

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
      border-radius: 4px;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
  color: #333;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 24px;
  font-weight: 600;
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 24px;
  font-weight: 600;
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}

/* Shop page */
span.price {font-size:26px; color:#f20263; }
button.shop-buy {    background: #ff9817;
    border: 0px;
    padding: 10px 25px;
    color: #fff;
    border-radius: 50px;
    float: right;
    text-transform: uppercase;
	border: 2px solid #ff8217;}
	
button.shop-buy:hover {background: #ff8217;}
	
.inner-page .carousel-indicators li {border:0px; background:#ccc;}
.inner-page .carousel-indicators li.active {background:#fa0262;}
.carousel-indicators li {
    position: relative;
    /* -webkit-box-flex: 0; */
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5);
}
.shop-page .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
  flex-wrap: wrap;
}
.shop-page .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.carousel-indicators .active {
   width: 30px; 
   height: 3px;
    background-color: #fff;
}
img.card-img-top {
    border: 1px solid #ececec;
    margin-bottom: 15px;
}
.card-price-button {margin-bottom:20px;position:relative;}
.card-price-button .price  del {color: #ccc; font-size: 13px;font-weight: 500;}
.card-price-button .price  {font-size:16px;font-weight: 600;    color: #fb0263;}

.card-price-button span.shop-buy {  float: right; position: absolute; top: -8px; right: 10px;}
.card-price-button span.shop-buy button{ 
	background: #fb0263;
    padding: 6px 15px;
    border-radius: 50px;
    color: #fff;
    border: 2px solid #e30366;
}
.card-footer .text-muted {font-size:22px;color: #FF9800;}
.card-footer {margin-bottom:30px;}
p.card-text { margin-bottom: 0px;}
.card-title a {color:#222; font-size:16px;}

.carousel-control .glyphicon-chevron-left {transform: rotate(180deg);}


/* Inner Page style */
header .header-title {margin-top:6px; letter-spacing: 0.5px;}
header .header-title .glyph-icon {
border-radius: 50%;
padding: 5px 9px 7px 10px;
margin-right: 15px;
transition: all 0.3s ease;}
header .header-title .glyph-icon:hover , header .header-options .glyph-icon:hover {
background:#fff5;
transition: all 0.3s ease;}
header .header-options.dropdown.open .glyph-icon {background:#fff5;}
header .header-options .glyph-icon {
border-radius: 50%;
padding: 8px 10px 8px 11px;
transition: all 0.3s ease;}

header .header-options {position: absolute; top: 10px; right: 8px;  color: #fff; cursor:pointer;}
header .header-options a{color:#fff;}
header .header-options ul.dropdown-menu {
    right: 0px!important;
    left: auto;
    top: 37px;
}
header .header-options ul.dropdown-menu > li > a {
	color:#222;
	font-size: 15px;
    padding: 6px 0px 6px 15px;}
.inner-page header { background:#f20364; margin: 0px;  border-radius: 0px; height:60px;
    background: -webkit-linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%);
    background: linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%);


}
.inner-page header .header-title a{color:#fff; font-size:18px;}
form.recharge-form .payment-options {}
form.recharge-form .payment-options span {color:#ccc;}
form.recharge-form .payment-options ul {margin: 10px 0 0 0px; padding:0px;}
form.recharge-form .payment-options ul li{list-style-type:none; font-size:16px;}
.inner-page .tab-content {padding:0px 15px;}
.inner-page label {width:100%; position:relative;}
.inner-page label .copy-link {
	right: 0px;
    position: absolute;
    top: 20px;
    font-weight: 400;
    background: #4CAF50;
    color: #fff;
    padding: 3px 12px;
    font-size: 13px;
    border: 2px solid #22a727;
    letter-spacing: 1px;}
	
.recharge-detail p {font-size:16px; }
.recharge-detail p span.glyph-icon {
background:#4caf50;
position:absolute;
padding: 5px 10px 5px;
border-radius:50%;
color:#fff;
font-size:22px;
left:0px;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
  
.recharge-detail p {position:relative; padding-left:50px;}
.recharge-detail p span.glyph-icon span {display:block;}
.recharge-detail p span.date {display:block; color:#999; font-size:13px;}
.recharge-date p {font-size:13px; color:#999;}
.table-top input , .table-top select {width:auto;display:inline-block;}

.nav-tabs { border-bottom: 0px; box-shadow: 0px 0px 12px #888;padding: 0px 15px; background: #f20364;
    background: -webkit-linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%);
    background: linear-gradient(90deg, rgba(7,12,139,1) 0%, rgba(252,2,98,1) 100%);

}
.nav-tabs > li { width: 25%; text-align: center;font-size: 16px;}
.nav-tabs > li > a {
color:#fff;
border-radius:0px;
margin-right:0px;
border:0px;
border-bottom: 3px solid #f20364;
padding: 14px 15px 10px;
font-size:14px;
transition: all 0.3s ease;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #ffffff;
    cursor: default;
	background-color: #FF9800;
    border-bottom-color: #f20364;
	border:0px;
	transition: all 0.3s ease;
	border-radius:10px 10px 0px 0px;
	border-bottom: 3px solid #fff;
	
}

.nav-tabs > li.active > a {
background-color: #FF9800;
transition: all 0.3s ease;
border-radius:10px 10px 0px 0px;
border-bottom: 3px solid #fff;}

.nav-tabs > li > a:hover {border-color: #ffffff #ffffff #fff;}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
text-decoration: none;
background-color: #f5600975;
transition: all 0.3s ease;
 border-radius: 10px 10px 0px 0px;}
 
.nav-tabs > li { margin-bottom: 0px;}
.nav.nav-tabs2 > li > a {
width: 50%;
float: left;
text-align:center;
color:#222;
font-size:15px;
border-bottom:2px solid #ccc;}

.nav.nav-tabs2 > li.active a {
border-bottom:2px solid #333;
border-bottom: 2px solid #f20364;
color: #f20364;}

.nav-tabs3 > li {
width: 50%;
text-align: center; 
font-size: 16px;
}

.nav-tabs5 > li {width:33.33%; text-align: center; background: #fff; float:left;}
.nav.nav-tabs5 > li.active a {
border-bottom: 3px solid #f20364;
color: #f20364;}

.nav.nav-tabs5 > li > a:hover, .nav.nav-tabs5 > li > a:focus {
    text-decoration: none;
    background-color: #fff;
}
.nav.nav-tabs5 > li > a {color:#222; border-bottom: 3px solid #ccc;    font-size: 16px;}
.pagination {font-size:15px;}
.pagination > li > a {color:#222;}
.pagination > li.active > a {background:#f20364; color:#fff; border-color:#ddd;}
.table-top .col-xs-12:nth-child(2) {text-align:right;}
table.transactions-table td:nth-child(2):before {
	background: #f00;
    content: "\f122";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 300;
    font-family: Flaticon;
    position: absolute;
    color: #fff;
    padding: 10px 13px;
    border-radius: 50%;
    font-size: 16px;
	left:10px;
	}
	
	table.transactions-table.promotions-table td:nth-child(2) {
	 padding-left: 60px;	

	}
	
	table.transactions-table.promotions-table td:nth-child(2):before {
	background:none;
    content: "\f150"; 
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 300;
    font-family: Flaticon;
    position: absolute;
    color: #555;
    border-radius: 50%;
    font-size: 26px;
	left:10px;
	top:0px;
	padding:0px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	
table.transactions-table.bonus-record td:nth-child(2) {
	 padding-left: 60px;	

	}
table.transactions-table.bonus-record td:nth-child(3) {
	color:#4caf50;
	font-size: 14px;
	}
	
table.transactions-table.bonus-record td:nth-child(2):before {
	background:#4caf50;
    content: "\f148";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 300;
    font-family: Flaticon;
    position: absolute;
    color: #fff;
    border-radius: 50%;
    font-size: 22px;
	left:10px;
	padding: 6px 10px 5px;
	}
	
table.transactions-table td:nth-child(2) {padding-left:70px; position:relative;}
table.transactions-table td.win:nth-child(2):before {background:#4caf50; }
table.transactions-table td.win {color:#4caf50; }
table.transactions-table td, table.transactions-table th {vertical-align:middle!important;}
table.transactions-table td span {font-size: 13px;color: #999;}
table.transactions-table td  {font-size: 16px; font-weight: 400;}
table.wallet-table th:nth-child(3), table.wallet-table td:nth-child(3){text-align:right;}

ul.bank-cards {margin:0px; padding:0px; background:#ececec;}
ul.bank-cards li{
list-style-type:none;
padding:20px 20px 20px 70px;
border-top: 1px solid #fff;
font-size:16px;color:#111;}

ul.bank-cards li .account-no{font-size:14px;color:#555;}
ul.bank-cards li .flaticon-credit-card-1{
background: #FF9800;
padding: 4px 10px;
border-radius: 50%;
color: #fff;
font-size:22px;
position: absolute;
left: 20px;}

ul.bank-cards li .flaticon-home-1{
    background: #FF9800;
padding: 4px 10px;
border-radius: 50%;
color: #fff; 
font-size:22px;
position: absolute;
left: 20px;}

ul.bank-cards li .flaticon-trash{
padding: 5px 11px;
border-radius: 50%;
color: #999;
font-size:21px;
position: absolute;
right: 20px;
cursor:pointer;}

ul.bank-cards li .flaticon-trash:hover { color: #f31c0c;}

ul.bank-cards li .flaticon-pencil{
padding: 5px 11px;
border-radius: 50%;
color: #999;
font-size:21px;
position: absolute;
right: 80px;
cursor:pointer;}
ul.bank-cards li .flaticon-pencil:hover{color:#23bf2a;}

ul.bank-cards li .account-no {display:block;}

	.number{
			margin:100px;
		}
		.minus, .plus{
			width:20px;
			height:20px;
			background:#f2f2f2;
			border-radius:4px;
			padding:8px 5px 8px 5px;
			border:1px solid #ddd;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
		}
		
input[type="file"] {
  display: block;
}
.imageThumb {
  max-height: 75px;
  border: 2px solid;
  padding: 1px;
  cursor: pointer;
}
.pip {
  display: inline-block;
  margin: 10px 10px 0 0;
}
.remove {
  display: block;
  background: #444;
  border: 1px solid black;
  color: white;
  text-align: center;
  cursor: pointer;
}
.remove:hover {
  background: white;
  color: black;
}		

@media (max-width:767px) {
.price-button {padding: 6px 14px; font-size: 14px; margin: 10px 5px;}	
form.recharge-form .payment-options ul li {
	list-style-type: none;
    font-size: 15px;
    margin-bottom: 5px;}

h1 { font-size: 32px; }

h2 { font-size: 24px; }

h3 { font-size: 20px; }

h4 { font-size: 16px; }

h5 { font-size: 13px; }

h6 { font-size: 12px; }
.table-top .col-xs-12:nth-child(2) {text-align:center;}
.table-top .col-xs-12:nth-child(1) {text-align:center;}

.home-page.panel-group .panel {

    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    height: 132px;
    text-align: CENTER;
    margin-bottom: 10px;
}
	
}




@media (max-width:580px) {
	.bottom-menu .glyph-icon {margin-right:0px; display: block;font-size:16px;}
	h3 {    font-size: 20px;}	
	.inner-page header .header-title a { color: #fff; font-size: 16px;}
	.bottom-menu ul li { padding:5px 15px; font-size: 13px;font-weight: 400;}
	.user-detail .name-id { font-size: 13px;}
	.user-detail .mobile-number {font-size: 14px;}
	.user-detail .avil-balance {font-size: 14px; }
	header .notification {width: 36px; height: 36px;}
	header .notification .glyph-icon {font-size: 16px; position: relative;  top: -4px;left: -14px;}
	.button-two {padding: 8px 14px;font-size: 14px;}
	.button-one {padding: 8px 14px; font-size: 14px;}
	.button-three {padding: 8px 18px; font-size: 14px;}
	.panel-title {  font-size: 14px;  }
	h5.modal-title {font-size: 18px;}
	
	.table.common-table td:nth-child(1) {display:none;}
	.table.common-table th:nth-child(1) {display:none;}
	.table.table-striped th, .table.table-striped td {font-size:11px;}
	.recharge-detail p span.glyph-icon {font-size:18px;}
	.recharge-detail p {font-size: 14px;}
	.recharge-date p { font-size: 12px; }
	label {font-size:13px;}
	.pagination > li > a, .pagination > li > span { font-size:13px;}
	.inner-page header {height:50px; }
	header .header-title { margin-top: 2px;}
	header .header-options { position: absolute; top: 5px; right: 3px;}
	.nav-tabs > li > a {font-size:12px; padding: 14px 6px 10px;}
	.nav-tabs {padding:0px;}
	table.transactions-table.bonus-record td:nth-child(2):before ,table.transactions-table td:nth-child(2):before {
    font-size: 21px;
    padding: 2px 6px 1px;}
	
	ul.bank-cards li .flaticon-credit-card-1 {
    padding: 4px 9px;
    font-size: 18px;
    left: 10px;}
	ul.bank-cards li {
    padding: 12px 10px 12px 58px;
    font-size: 14px;}
	ul.bank-cards li .account-no { font-size: 13px;}
	ul.bank-cards li .flaticon-pencil {right:30px;}
	ul.bank-cards li .flaticon-trash {right:0px;}
	ul.bank-cards li .flaticon-home-1 {
	padding: 4px 9px;
    font-size: 18px;
    left: 10px;}
	.register-page .modal-lg {  max-width:90%;  margin: 24px auto; max-height: 92%;  display: flex;}
	.padding-5 {padding-left:5px!important; padding-right:5px!important;}
	.violet-btn, .green-btn, .red-btn {font-size:12px; height:40px; font-weight:500;}
	.payment-btn, .reject-btn {font-size:12px;}
	
	input[type=text].price-input, input[type=password].price-input, input[type=email].price-input, input[type=tel].price-input, textarea.price-input, select.price-input { height:38px;}
	
	.home-page.panel-group .panel {

    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    float: none;
    height: auto;
    text-align: left;
    margin-bottom: 10px;
}
.home-page#accordion .glyph-icon{    font-size: 20px;  margin-right: 20px;  font-weight: 600; display:inline;}
.card-price-button span.shop-buy button  {font-size:13px;}
	
}

@media (min-width: 992px){
.register-page .modal-lg .modal-body{ overflow-y: scroll;display: flex; display: -webkit-box; display: -ms-flexbox;   max-height: 90%;    padding: 15px 0px; }
.register-page .modal-lg {  width:90%;  margin: 24px auto; max-height: 92%;  display: flex;}
.modal-footer { background: #fff; border-radius: 0 0 5px 5px;}

}

@media (min-width: 1200px){
.container {
    width: 1390px;
}

}