/**/
.recharge-model{
   background: rgba(0, 0, 0, 0.38);
   padding-right: 0px;
   }
.recharge-model .modal-dialog{
   margin: 90px auto;
   }
.recharge-model .modal-content{
   border: none;
   overflow: hidden;
   text-align: center;
   border-radius: 5px;
   padding-top: 18px;
   background-color: #fff/*#f44336*/;
   box-shadow: none !important;
   }
.recharge-model .error-icon{
   width: 40px;
   }
.recharge-model .heading-text{
   font-size: 15px;
   font-weight: 600;
   margin: 0px;
   margin-top: 8px;
   }
.recharge-model .modal-body{
   padding: 15px 10px;
   }
.recharge-model .model-button{
   width: 100%;
   display: table;
   border: none;
   color: #fff;
   font-size: 15px;
   padding: 11px 12px;
   border-radius: 0px !important;
   }
.recharge-model .model-button:hover{
   border: none;
   outline: none;
   }
.recharge-model .error-button{background: #f44336;}
.recharge-model .error-button:hover{background: #f24a4a;}

.recharge-model .success-button{background: #35bd26;}
.recharge-model .success-button:hover{background: #35bd26;}

.confirm-model .error-button, .confirm-model .success-button{
   width: 50%;
   margin: 0px;
   float: left;
/* display: table;
   border-radius: 0px !important;*/
   }
.confirm-model .success-button{}

/*my-profile-section*/
.my-profile-section{
   width: 100%;
   display: table;
   }
.profile-top-section{   
   width: 100%;
   height: 120px;
   position: relative;
   border-radius: 2px;
   background: #e65100;
   border: solid 1px #e6e6e6;
   }
.profile-top-section .pic-coloum{
   height: 100%;
   }
.profile-top-section .edit-coloum{height: 100%;}
.profile-top-section .profile-pic{
   width: 118px;
   height: 118px;
   background: #f7f6f6;
   position: absolute;
   bottom: -50px;
   left: 20px;
   border: solid 1px #bce8f1;
   overflow: hidden;
   border-radius: 100%;
   }
.profile-top-section .profile-pic img{
   width: 100%;
   max-width: 100%;
   padding: 3px;
   border-radius: 100%;
   }
.profile-top-section .person-name{
	position: absolute;
	bottom: 10px;
	left: 150px;
	font-size: 22px;
	text-transform: capitalize;
	color: white;
	}
.profile-top-section ul{
   margin: 0px;
   padding: 0px;
   float: right;
   position: absolute;
   bottom: 10px;
   right: 20px;
   }
.profile-top-section li{
   list-style-type: none;
   float: left;   
   }
.profile-top-section li a{
   width: 40px;
   height: 32px;
   display: table;
   color: #ffffff;
   font-size: 14px;
   line-height: 20px;
   text-align: center;
   text-decoration: none;
   padding: 6px;
   margin-left: 4px;
   border-radius: 2px; 
   border: solid 1px #ffffff;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }

.profile-top-section li a:hover{
   color: #ffffff;
   border-color: #ffffff;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }
.profile-top-section li a.edit-but{
   width: 115px;
   padding: 5px 5px 3px 5px;
   }
.profile-top-section li a.edit-but .fa{
   margin-right: 2px;
   }

.profile-details-section{
    width: 100%;
    display: table;
    margin-top: 80px;
    padding: 15px 0px;
    border: solid 5px #f5f5f5;
    background-color: #f5f5f5;
    border-radius: 5px;
    box-shadow: 0px 0px 15px -12px #000;
    }
.my-profile-section .pro-coloum-left{
	border-right: solid 1px #e6e6e6;
	padding-right: 10px;
    padding-left: 32px;
	}

.my-profile-section .pro-details-row{
   border-bottom: dashed 1px #e6e6e6;
}

.profile-details-section ul{
   width: 100%;
   display: table;
   padding: 0px;
   margin: 0px;
   }
.profile-details-section ul:first-child{}
.profile-details-section li{
   /*width: 50%;*/
   /*display: table;*/
   /*float: left;*/
   /*color: #a5a4a4;*/
   /*font-size: 13px;*/
   /*padding: 9px 0px;*/
    width: 50%;
    display: table;
    float: left;
    color: #626262;
    font-size: 13px;
    padding: 9px 0px;
   }
.profile-details-section li:first-child{
    /*width: 45%;*/
    /*color: #7f7f7f;*/
    /*font-weight: 600;*/
    width: 45%;
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    }
.profile-details-section li:nth-child(2){
   width: 5%;
   color: #7f7f7f;
   font-weight: 600;
   }
.about-me-sec{
   width: 100%;
   display: table;
   padding: 0px 15px;
   }
.about-me-sec li{border-bottom: none;}
.about-me-sec li:first-child{
   width: 20% !important;
}
.about-me-sec li:nth-child(2){width: 30px;text-align: center;}
.about-me-sec li:last-child{
   width: 76%;
   padding: 10px;
   line-height: 1.5;
   border-bottom: none;
   }

.back-profile{
   position: absolute;
   left: 16px;
   top: 14px;
   /*float: left;*/
   color: #ffffff;
   font-size: 11px;
   text-decoration: none;
   }
.back-profile:hover{
   color: #ffffff;
   text-decoration: none
}

/*Profile Edit section*/
.profile-edit-section{
   width: 100%;
   display: table;
   padding: 0px 0px;
   border: solid 1px #e6e6e6;
   margin-top: 17px;
   }
.inn-pro-edit{display: table;width: 100%;}
.profile-edit-section .pro-coloum-left{border-right: solid 1px #e6e6e6;}
.profile-edit-section .pro-details-row{
   padding: 10px 0px 15px 0px;
   border-bottom: dashed 1px #e6e6e6;
   }
.profile-edit-section .text-box, .profile-edit-section .textarea{
   font-size: 13px;
   border-radius: 2px;
   border-color: #e6e6e6;
   box-shadow: none;
   border-radius: 2px;
   }
.profile-edit-section .text-box::placeholder, .profile-edit-section .textarea::placeholder{font-size: 11px;}
.profile-edit-section .textarea{
   height: 100px;
}
.profile-edit-section .form-group{
   margin-bottom: 0px;
}
.profile-edit-section .form-group label{
   /*display: block;*/
   color: #7f7f7f;
   font-size: 13px;
   font-weight: 500;
   }
.profile-edit-section .form-group label span{color: #ff0000;font-size: 14px;}
.profile-edit-section input[type="radio"], .profile-edit-section input[type="checkbox"]{margin-top:4px;}

.pro-edit-img{
   width: 100%;
   display: table;
}
.profile-edit-section .pro-edit-img{
   max-width: 118px;
   max-height: 222px;
   background: #f7f6f6;
   border: solid 1px #bce8f1;
   overflow: hidden;
   }
.profile-edit-section .pro-edit-img img{
   width: 100%;
   max-width: 100%;
   /*padding: 3px;*/
}
.profile-edit-section .person-name{
   display: table;
   padding: 0px;
   margin: 0px auto;
   margin-top: 10px;
   text-align: center;
   }
.profile-edit-section .edit-profile-but{
   display: table;
   width: 100%;
   max-width: 100%;
   border: solid 1px #b77126;
   margin-top: 4px;
   padding: 7px 10px;
   color: #fff;
   font-size: 12px;
   text-align: center;
   text-decoration: none;
   border-radius: 2px;
   background: #f07d00;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }
.profile-edit-section .remove-but{
   width: 100%;
   max-width: 100%;
   padding: 7px 10px;
   font-size: 12px;
   text-align: center;
   text-decoration: none;
   border-radius: 2px;
   margin-top: 4px;
   }
.profile-edit-section .savepro-but{
   display: table;
   margin: 0 auto;
   padding: 6px 20px;
   color: #fff;
   text-align: center;
   background: #f07d00;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }
   
   
.profile-edit-section  .savetutor-but{
display: table;
margin: 0 auto;
padding: 6px 20px;
color: #fff;
text-align: center;
background: #f07d00;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}  
   
.profile-edit-section .savepro-but:hover, .profile-edit-section .edit-profile-but:hover{
   color: #333333;
   background-color: #ebebeb;
   border-color: #adadad;
   transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   }
.active{
	background:#f2f2f2; /*#ebebeb;*/
}

.header-section .header-right{
   float: right;
   display: table;
   }
.header-section .header-right .button{
   float: left;
   font-size: 13px;
   /*margin-top: 6px;*/
   margin-right: 10px;
   text-decoration: none;
   outline: 0px;
   font-family: 'exo_2medium';
   }
.header-section .header-right .button:hover{
   color: #5d5d5d;
   background: #c0c0c0;
   }
.header-section .header-right .login-but{
   background: #3299c4;
   }
.header-section .header-right .login-but:focus{color: #fff;}
.header-section .header-right .reg-but{
   background: #f49f1f;
   margin-right: 0px;
   }


/*css for my account -----------------*/
.header-acc
{
	margin-top:10px;
}
.header-right ul{
   display: table;
   float: right;
   list-style-type: none;
   font-size: 12px;
   clear: both;
   margin-bottom: 6px;
   }
.header-right ul li{
	display:inline;
}
.header-acc ul li a{
	padding: 0px;
	color: black;
	font-weight: 700;
	/*background: #f4f4f5;
	padding: 7px 17px;
	border-radius: 32px;*/
	/* border: solid 1px #e8e8e8; */
	}
.header-acc ul li a .fa{
	color: #014fbb;
	font-size: 13px;
	}
.header-acc ul li a:hover{
	color: #f07d00;
	}
.link-left { margin-right: 2px; }
.link-right {margin-left: 2px; }

.welcomeuser-text{text-align: right;font-weight: 700;}

.upgrade-section
{
	float: right;
	width: 100%;
	margin-top: -11px;
	margin-bottom: 15px;
}

.upgrade-section a
{
    float: right;
    background: #097d9c;
    color: #fff !important;
    border-radius: 50px !important;
    font-size: 11px;
}

.upbtn:hover
{
    background-color: #4cd009 !important;
}

.datepicker
{
	z-index:1000000 !important;
}

 .dropdown-menu
{
   z-index:1000000 !important;
}


.pharmacy-row {
    margin-bottom: 12px;
}

.show-more-section {
    color: #333;
    text-align: center;
    border-color: #ddd;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.show-more-section a {
    display: block;
    color: #b5b5b5;
    padding: 10px 15px;
	border: solid 1px #e6e6e6;
	font-size: 15px;
}

.show-more-section:hover a {
    color: #828282;
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

.edit-profile input[type=file]
{
	width: 100%;
	background: #fff;
	border: solid 1px #c5c5c5;
	padding: 6px 22px;
	border-radius: 5px;
	margin: 0 0 2px;
	color: #000;
}

.pagination {
    margin: 0;
    display: block;
    line-height: 1
}

.pagination>li {
    float: left
}

.pagination>li:first-child>a {
    border-radius: 0px
}

.pagination>li:first-child>span {
    border-radius: 0px
}

.pagination>li:last-child>a {
    border-radius: 0px
}

.pagination>li:last-child>span {
    border-radius: 0px
}

.pagination>li+li {
    margin-left: 5px
}

.pagination>li>a,.pagination>li>span {
    color: #222;
    background: #fff;
    border-color: #f0f0f0;
    padding: 4px 10px;
	border: solid 1px #ddd;
}

.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus {
    color: #fff;
    background: #e25f3f;
    border-color: #e25f3f
}

.pagination>.active>a,.pagination>.active>span {
    color: #fff;
    background: #e25f3f;
    border-color: #e25f3f
}

.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus {
    color: #fff;
    background: #e25f3f;
    border-color: #e25f3f
}
/*----------------------------------------*/

#devices {
    text-align: center;    
}

.deviceWrap {
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    /*margin: 60px 0px 20px 0px;*/
    position: relative;
}

#devices .device {
    margin: 0 auto;
    position: relative;
}

#devices .device .flashingTop,
#devices .device .flashingBottom {
    position: absolute;
    left: 0;
    width: 100%;
}

#devices .device .flashingTop {
    top: 0;
    padding-top: 4px;
}

#devices .device .flashingBottom {
    bottom: 0;
}

#devices iframe {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 1px solid #d1d1d1;
}

.iphone-portrait {
    background-image: url(/images/iphone-portrait.png);
    padding: 115px 0 117px 0px;
}

.iphone-landscape {
    background-image: url(/images/iphone-landscape.png);
    padding: 23px 0 24px 0px;
}

.iphone-x-portrait {
    background-image: url(/images/iphone-x-portrait.png);
    padding: 27px 0 27px 0px;
}

.iphone-x-portrait span.time {
    color: #979797;
    position: absolute;
    left: 8px;
    display: block;
    top: 17px;
    font-family: "SF UI Text", helvetica, arial, sans-serif;
    width: 80px;
    text-align: center;
}

#devices .iphone-x-portrait iframe {
    border: none;
}

.iphone-x-landscape {
    background-image: url(/images/iphone-x-landscape.png);
    padding: 27px 0 27px 0px;
}

.iphone-x-landscape span.time {
    display: none;
}

#devices .iphone-x-landscape iframe {
    border: none;
}
/*----------------------------------------*/

.ref-link h3.title {
  font-size: 24px !important;
  line-height: 34px;
  font-weight: 800;
  color: #49596d;
  border-bottom: 1px solid rgba(71, 118, 230, 0.6);
  margin-bottom: 22px;
  padding-bottom: 19px;
  margin-top: -5px;
  letter-spacing: 0.5px;
}
@media (max-width: 479px) {
  .ref-link h3.title {
    font-size: 20px;
    line-height: 30px;
  }
}
.ref-link .text {
	color: #ffffff;
}
.refferal-info {
  border: 2px dashed #888;
  padding: 30px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .refferal-info {
    padding-bottom: 10px;
  }
}
.refferal-info .single-info {
  text-align: center;
}
@media (max-width: 991px) {
  .refferal-info .single-info {
    margin-bottom: 20px;
  }
}
.refferal-info .single-info .part-text span {
  display: block;
}
.refferal-info .single-info .part-text span.title {
  color: #49596d;
  font-family: "Yantramanav", sans-serif;
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .refferal-info .single-info .part-text span.title {
    margin-bottom: 6px;
  }
}
.refferal-info .single-info .part-text span.descr {
  background-image: linear-gradient(-19deg, #e65100 10%, #b15828);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Yantramanav", sans-serif;
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .ref-link h3.title {
    margin-bottom: 17px;
    padding-bottom: 9px;
  }
}
@media (max-width: 767px) {
  .ref-link {
    margin-bottom: 30px;
  }
}
.ref-link form {
  position: relative;
  padding: 2px;
}
.ref-link form:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-19deg, #4776e6 10%, #8e54e9);
  z-index: -2;
  border-radius: 50px;
}
.ref-link form input {
  width: 100%;
  height: 45px;
  padding: 0 120px 0 30px;
  border-radius: 50px;
  font-family: "Yantramanav", sans-serif;
  border: 1px solid #888;
}
.ref-link form button {
  height: 45px;
  padding: 0 20px;
  border-radius: 50px;
  background: linear-gradient(-19deg, #e65100 10%, #a43328);
  border: none;
  cursor: pointer;
  color: #fff;
  font-family: "Yantramanav", sans-serif;
  position: absolute;
  top: 2px;
  right: 0px;
  font-family: "Yantramanav", sans-serif;
}
.ref-link form button span.icon {
  margin-right: 5px;
}
@media (max-width: 575px) {
  .share-on-social h3.title {
    margin-bottom: 17px;
    padding-bottom: 9px;
  }
}
.share-on-social ul li {
  display: inline-block;
}
.share-on-social ul li a {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: linear-gradient(-19deg, #4776e6 10%, #8e54e9);
  color: #fff;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  margin-right: 6px;
}
@media (max-width: 575px) {
  .share-on-social ul li a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 13px;
  }
}