@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'MYRIADPROREGULAR';
	src: url('../fonts/MYRIADPROREGULAR.eot');
	src: local('MYRIADPROREGULAR'), url('../fonts/MYRIADPROREGULAR.woff') format('woff'), url('../fonts/MYRIADPROREGULAR.ttf') format('truetype');
}
@font-face {
	font-family: 'MYRIADPROBOLD';
	src: url('../fonts/MYRIADPROBOLD.eot');
	src: url('../fonts/MYRIADPROBOLD.eot') format('embedded-opentype'),  url('../fonts/MYRIADPROBOLD.woff2') format('woff2'),  url('../fonts/MYRIADPROBOLD.woff') format('woff'),  url('../fonts/MYRIADPROBOLD.ttf') format('truetype'),  url('../fonts/MYRIADPROBOLD.svg#MYRIADPROBOLD') format('svg');
}
*
{
	margin:0px;
	padding:0px;
}
body {
	!background:url("../images/main-bg.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
	font-family: 'MYRIADPROREGULAR';
}
.container
{
	max-width:1024px;
	margin:0 auto;
	!background:#e8e8e8;
	padding:0px;
	position:relative;
}
.product
{
    cursor:pointer;
}
.main_wrapper {
	width:100%;
	float:left;
	background:#FFF;
	!padding-bottom: 15px;
}
.chat
{
	position:absolute;
	bottom:0;
	right:27px;
	width:250px;
	background:#34302a;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height:35px;
	line-height:35px;
	color:#fff;
	font-size:18px;
	padding:0px  10px;
}
.box {
	float:right;
	padding-top:8px;
}
.box > img {
	position: absolute;
	right: 6px;
	top: 8px;
}

.title-button {
	background-color: #ccc;
}

.s-minimize{
    background: url("http://www.multiredonline.com/images/chat_con.png") !important;
}

.overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}


#overlay-help{
  position: absolute;
  top: 0;
  left: 0;
  width: 480px;
  height: auto;
  z-index: 15;
}

#overlay-help img{
	max-width:600px;
}
#overlay-productform{
    height: 100%;
    z-index:11;
    position: fixed;
    width:100%;
    top: 70px;
}

.overlay-inner {    
    height: auto;
    width: 514px;
    #margin:auto;
    margin-left: 485px;
}
.box
{
	float:right;
	padding-top:8px;
}
.header
{
	width:100%;
	border-bottom:solid #ccc 5px;
	float:left;
	!background:#5ea4aa;
       !background:#007da8;
       !background:#0098D8;
background:#FFF;
	!border-bottom:solid 1px #c3c2cd
}
.logo img {
	float:left;
}
.logo_text {
	float:left;
	margin-left:10px;
	margin-top:8px;
}
.center_logo {
	text-align:center;
}
.center_logo img {
	margin: 5px auto 5px;
}
.caption {
	!color:#e8e8e8;
	color:#5b5b5f;
	font-size:16px;
	float:left;
}

.menu-left ul
{
	float:right;
	margin-bottom:0px;
}
.menu-left ul li
{
	list-style:none;
	float:left;
	line-height:57px;
	padding:0px 3px;
}
a:focus
{
	outline:none;
}
.menu-left ul li a:hover
{
	outline:none;
}
.wrapper_logo
{
	margin:0 auto;
	max-width:972px;
	width:100%;
	padding-top:4px;
}
.logo_name {
	font-family: 'MYRIADPROBOLD';
}
.sub_title {
	font-family: 'MYRIADPROBOLD';
	color:#fff;
}
.row1 .col-sm-1 .fancybox {
	#background: none repeat scroll 0 0 #005268;
	#border-radius: 8px;
	float: left;
	#padding: 3px;
	width: 100%;
}

.item .fancybox {
	background: none repeat scroll 0 0 #005268;
	border-radius: 8px;
	float: left;
	padding: 3px;
	width: 100%;
}

.img
{
	max-width:100%;
	height:auto;border-radius:5px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(11, 6, 77, 0.17);
-moz-box-shadow:    1px 1px 1px 0px rgba(11, 6, 77, 0.17);
box-shadow:         1px 1px 1px 0px rgba(11, 6, 77, 0.17);
}
.wrapper_logo .col-sm-1
{
	padding:0px;
       margin:0px 7px 7px 0px;
       border-radius:5px;  
       width: 68px;
}
.wrapper_logo .col-sm-1:last-child
{
	margin-right:0px;
}
.row1
{
	width:100%;
	float:left;
}
.slider
{
	width:100%;
	float:left;
	position:relative;
        padding-bottom: 4px;
}
#owl-demo .item{

    margin: 0px 7px 7px 0px;
  
    }

.owl-prev {
    left: -65px;
    position: absolute;
    top:20px;
}
.owl-next {
    position: absolute;
    right: -55px;
    top:20px;
}

 ul.reportmenu {list-style: none;padding: 0px;margin-top: 15px;}
  ul.reportmenu li {display: block;position: relative;float: left;}
 .reportmenu li ul {display: none; position: absolute; left: -20px;}
  ul.reportmenu li a {display: block;padding: 0;text-decoration: none;
           white-space: nowrap;color: #fff;  }
		     ul.reportmenu li a  img { border: none; }
  ul.reportmenu li a:hover {}
.reportmenu  li:hover ul {display: block;  }
.reportmenu  li li {float: none; margin-top: 5px; padding: 5px 30px 0 0;}
.reportmenu  li ul li a { color: #007da8; font-size: 12px; text-align:left;line-height:12px;}
.reportmenu  li li a:hover {background: #007da8; color: #fff; }
 .reportmenu li ul li {border-top: 0px;}

#ms_report a{
background:url(../images/ReportsMSnoactive.png);
width: 169px; 
height: 47px;
}
#pv_report a{
background:url(../images/ReportsPVnoactive.png);
width: 169px; 
height: 47px;
}

 
#ms_report a:hover{background:url(../images/ReportsMSactive.png)}
#pv_report a:hover{background:url(../images/ReportsPVactive.png)}

@media (max-width:991px)
{
.owl-prev {
    left:0px;
    position: absolute;
    top:20px;
}
.owl-next {
    position: absolute;
    right:0px;
    top:20px;
}	
}
@media  (max-width:767px)
{
	.logo
	{
		text-align:center;
	}
	.logo img,.caption
	{
		float:none;
		display:block;
		margin:0 auto;
	}
	.menu-left
	{
		text-align:center;
		padding:0px;
	}
	.menu-left ul
	{
		float:none;
		width:250px;
		margin:0 auto;
	}
	.menu-left ul li 
	{
		padding:0px 10px;
	}
}
@media (max-width:599px)
{
.owl-prev {
    left:0px;
    position: absolute;
   bottom:45px;top:inherit;
}
.owl-next {
    position: absolute;
    right:0px;
	top:inherit;
   bottom:45px;
}	
}
.owl-carousel .owl-wrapper-outer {
width:99%;	
}
.bottompart
{
	width:100%;
	float:left;
	padding-top:5px;
}
.bottompart .image
{
	padding:0px;
}
.news
{
	padding:10px 45px 0px 15px;
}
.news h2
{
	background:#f3bb35;
	font-size:15px;
	color:#242b2c;
	border-radius:5px;
	border:solid 1px #fff;
	height:28px;
	line-height:28px;
	padding-left:20px;
	margin:0px;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(243, 187, 53, 0.75);
-moz-box-shadow:    0px 1px 1px 0px rgba(243, 187, 53, 0.75);
box-shadow:         0px 1px 1px 0px rgba(243, 187, 53, 0.75);
}
.content-news
{margin:2px 0px 5px 0px;padding:10px 20px 0px;
}
.content,.content-news
{
    max-height: 100px;
	background:#fff;
	border-radius:5px;
	padding:0px 20px 0px;
	margin:4px 0px 5px 0px;
	width:100%;
	-webkit-box-shadow: 4px 3px 5px 0px rgba(211,211,211, 0.75);
-moz-box-shadow:    4px 3px 5px 0px rgba(211,211,211, 0.75);
box-shadow:         4px 3px 5px 0px rgba(211,211,211, 0.75);
}
.content-news ul
{
	padding-top:15px;
	margin-bottom:0px;
}
.content-news ul li
{
	list-style:none;
	background:url(../images/style.png) no-repeat  0px 2px;
	font-size:12px;
	color:#242b2c;
	text-decoration:none;
	padding-left:20px;
	padding-bottom:10px;
}
.content-news ul li a
{
	color:#242b2c;font-size:12px;
	color:#242b2c;
}
.content-news ul li a:hover,.content-news ul li a:focus
{
	text-decoration:none;
}
.content p
{
	margin-bottom:0px;
	padding-bottom:8px;
	padding-top:8px;
	font-size:12px;
	color:#242b2c;
}
@media (max-width:767px)
{
	.wrapper_logo .col-sm-1
	{text-align: center;
max-width:150px;
height:auto;
margin:20px auto;
width:inherit;
}
.wrapper_logo .col-sm-1:last-child {
	margin-right:auto;
}
}

.rechargeform
{
	width:100%;
	height:auto;
	max-width:530px;
	background:#fff;
	border-radius:20px;
        position:absolute;
       border: solid 5px #0085b7;
}
.next_input_icon{
	position: absolute;
    right: -12px;
    top: 10px;
    z-index: 99;
}
.rechargeform .col-sm-12, .col-sm-10, .col-sm-2, .col-sm-9 {
	padding:0px;
}

.rechargeform .col-sm-12 {
    margin-bottom: 15px;
}

.rechargeform h2
{
background: none repeat scroll 0 0 #FFF;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: solid 5px #00a1d8;
color: #00a1d8;
font-family: "MYRIADPROBOLD";
font-size: 26px;
height: 50px;
line-height: 50px;
margin: 0 auto 12px;
position: relative;
text-transform: uppercase;
width: 100%;
text-align:center;
}

.brand_logo
{
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px;
    float: left;
    left: 0;
    padding: 3px;
    position: absolute;
    top: -9px;
    width: 67px;
    z-index: 99999;
}

.rechargeform_old h2
{
	color:#fff;
	margin:0 auto;
	width:275px;
	background:#10afc5;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:50px;
	text-align:center;
	height:50px;
	margin-bottom:12px;
}
.tele-control {
	border: medium none;
	height: 40px;
	width: 97%;
	border-radius: 10px;
	font-size:22px;
	background: #e3e4e7;
	color: #333;
}
.tele-control::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#98979c;
 font-size:22px;
}
.tele-control::-webkit-input-placeholder { /* WebKit browsers */
 color:#98979c;
 font-size:22px;
}
.tele-control:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:#98979c;
 font-size:22px;
}
.tele-control:focus {
	outline:none !important;
	box-shadow:none;
	border-color:#10afc5;
	color:#01365e;
	font-size:22px;
}
.phone_icon {
	background: none repeat scroll 0 0 #f4b730;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	color: #999999;
	line-height: 50px;
	padding: 5px;
	text-align: center;
}
.rechargeform p {
	color:#000000;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}
.keyboard-input
{
	line-height:50px;
	color:#999999;
	margin-top:12px;
	text-align:center;
}
.form_pop {
	float: left;
	padding: 15px 15px 0;
	width: 100%;
}
.form_pop .col-sm-7, .form_pop .col-sm-5, .k_button, .form_pop .col-sm-8, .form_pop .col-sm-4 {
	padding:0px;
}
.col-sm-8 .tele-control {
	border-radius:6px;
}
.k_button .btn {
	float: left;
	font-size: 44px;
	font-family: 'MYRIADPROBOLD';
	height: 53px;
	line-height: 0;
	padding: 0;
	width: 100%;
	border: 0 none;
	border-radius: 7px;
	background: none repeat scroll 0 0 #007da8;
}
p.big-text
{
	font-size:14px;

}

#btnHelp img{
    cursor:pointer;
}

.btn-help {
    background-color: #ae1a13;
    border:none;
    color: #fff;
}

.btn-red
{
	color:#fff;
	background:#ae1a13 url(../images/arrow.png) no-repeat 188px 10px;
	font-size:22px;
	text-align:center;
	width:225px;
	height:50px;
	line-height:50px;
	outline:none;
	border:none;
	border-radius:10px;
	margin:0 auto 10px auto;
	float:none;
	display:block;
}
.btn-red:hover
{
	background:#a5342f url(../images/arrow.png) no-repeat 188px 10px;
}

.btn-red:disabled
{
    background: #999999;
}

.btn-red-login
{
	color:#fff;
	background:#ae1a13 url(../images/arrow.png) no-repeat 150px 2px;
	font-size:22px;
	text-align:center;
	width:175px;
	height:38px;
	line-height:40px;
	outline:none;
	border:none;
	border-radius:10px;
	margin:0 auto 10px auto;
	float:none;
	display:block;
}
.btn-red-login:hover
{
	background:#a5342f url(../images/arrow.png) no-repeat 188px 10px;
}

.login
{
    min-height:150px;
}

.login h2
{
	color:#fff;
	margin:0 auto;
	width:405px;
	background:#10afc5;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:50px;
	text-align:center;
	height:50px;
	margin-bottom:12px;
}

.rechargeform .amount
{
	text-align:center;
}
.rechargeform .amount .col-sm-3
{
	padding:0px;
}

#pagoVencido {
	background: none repeat scroll 0 0 #007da8;
	border: medium none;
	border-radius: 10px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	height:60px;
	line-height:60px;
	margin: 0 auto 10px;
	outline: medium none;
	text-align: center;
	width: 100%;
}

.amount-btn {
	background: none repeat scroll 0 0 #e3e4e7;
	border: medium none;
	border-radius: 10px;
	color: #98979c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	margin: 0 auto 10px;
	max-width: 115px;
	outline: medium none;
	text-align: center;
	width: 100%;
}
.amount-btn:focus {
	background:#007da8;
	color:#fff;
}
.pase{
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto 10px;
	max-width: 80px;
}
.telcel-btn
{
	width:100%;
	max-width:180px;
	height:80px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#183e53;
	font-size:14px;
	text-align:center;
	border-radius:10px;
	outline:none;
	border:solid 2px #60a5ab;
	background:#ffffff;
	margin: 0px auto 10px auto;
	-webkit-box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.35);
	box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.35);
       !white-space: normal;
	}
	.telcel-btn:focus
	{
		background:#10afc5;
		color:#fff;
	}

	p.error_msg
	{
		color:#e31309;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		width:100%;
		float:left;
		font-weight:normal;
		padding-left:7px;
		text-align:left;
		margin-bottom:0px;
	}
.notes .col-sm-6 {
	padding:0px;
	margin-right:1px;
	width:49.8%;
	margin-bottom:20px;
	float:left;
}
.notice_img {
	width:30%;
	float:left;
	padding:10px 15px 11px;
	background:#f4b730;
	text-align:center;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.notice_text {
	width:70%;
	float:left;
	background:#fff;
	padding:9px 12px 10px;
        height: 108px;
}
.notice_text h3 {
	font-size:13px;
	font-weight:bold;
	margin:0px;
}
.notice_text p {
	font-size:13px;
	margin:0;
}
.mail_img {
	width:30%;
	float:left;
	padding:10px 15px;
	background:#f4b730;
	text-align:center;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	min-height: 108px;
}
.mail_text {
	width:70%;
	float:left;
	background:#fff;
	padding:9px 12px 10px;
        height:108px;
}
.mail_text h3 {
	font-size:13px;
	font-weight:bold;
	margin:0px;
}
.mail_text p {
	font-size:13px;
	margin:0;
}
/*========login========*/
.login_outer {
	max-width:440px;
	margin:0px auto;
	padding:0 10px;
}
.login_inner {
	width:100%;
	float:left;
	border-radius: 25px;
	margin: 50px 0;
}
.login_inner_blue input[type='submit'] {
	width:100%;
	background:#f4b730;
	color:#fff;
	font-size:20px;
	font-family: 'MYRIADPROBOLD';
	border-radius:0;
}
.login_inner input[type='submit'] {
    width: 100%;
    background: #d8d9dd;
    color: #5b5b5f;
    font-size: 20px;
    !font-family: 'MYRIADPROBOLD';
    border-radius: 20px;
    height: 60px;
}

.user_input {
	width:100%;
	float:left;
	background:url(../images/user-icon.png) no-repeat 7px #fff;
	padding-left:30px;
	padding:5px 5px 5px 35px;
	height:37px;
	margin-bottom:10px;
	border-radius:0;
}
.user_input input {
	width:100%;
	height: 29px;
	border:none;
}

.user_input_white {
	width:100%;
	float:left;
	padding:5px;
	height:37px;
	margin-bottom:40px;
	border-radius:0;
}
.user_input_white input {
	width:100%;
	height: 37px;
	border-bottom:solid 2px #36a0d7;
    border-top: none;
    border-left: none;
    border-right: none;
	border-radius:0;
	text-align:center;
	color: #5b5b5f;
}

.password {
	background:url(../images/password_icon.png) no-repeat 7px #fff;
}

.pagoform
{
	width:100%;
	height:auto;
	max-width:530px;
	background:#ececec;
	border-radius:10px;
        position:absolute;
}
.pagoform .col-sm-12,
.pagoform .col-sm-10,
.pagoform .col-sm-2
{
	padding:5px;
}
.pagoform h2
{
	color:#fff;
	margin:0 auto;
	width:405px;
	background:#10afc5;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:50px;
	text-align:center;
	height:50px;
	margin-bottom:12px;
}
.pagoform p
{
	color:#000000;
	font-size:12px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:5px;
}
p.big-text
{
	font-size:14px;

}

#fancybox-loading, .fancybox-close, .help-close, .fancybox-prev span, .fancybox-next span {
	background-image:url(../images/sampletosend.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
#TicketTopMsg{
    background-color: rgb(255, 255, 255);    
    font-size: 17px;
    font-weight: bold;
    height: 100%;
    opacity: 0.9;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 165px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 102;
}

.help-close {
	position: absolute;
	top: 8px;
	left: 20px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

/*===========date range start ============*/
.date_range {
	width:100%;
	border:2px solid #007da8;
	border-radius:15px;
	color:#007da8;
	overflow:hidden;
}
.from_icon input {
	padding-left: 10px;
	color:#a36d00;
	background-color:#ffecca;
	height:30px;
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	font-size:17px;
	border:none;
}
.date_range .header {
	font-size:28px;
	font-weight:bold;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.date_range .header img {
	margin:5px 15px 5px 5px;
}
.date_rang_form {
	background: none repeat scroll 0 0 #fff;
	float: left;
	padding: 20px 50px;
	width: 100%;
}
.from_icon {
	float:left;
	background:url(../images/cal-icon.png) no-repeat left center;
	padding-left:30px;
	margin-bottom:10px;
}
.date_range input[type='reset'], .date_range input[type='button'] {
	background:#007da8;
	width:48%;
	border:none;
	padding:5px 0 8px;
	border-radius:12px;
	font-size:17px;
	font-family: 'MYRIADPROBOLD';
}
/*===========date range end ============*/
.detail {
	width:100%;
	float:left;
}
.detail .col-sm-5, .detail .col-sm-7 {
	padding-right:0;
	padding-left:10px;
}
.balance {
	width:100%;
	border:2px solid #007da8;
	border-radius:15px;
	background-color:#007da8;
	padding-bottom:0px;
	float:left;
	overflow:hidden;
	margin-bottom:25px;
}
.transc {
	padding-bottom:0px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: medium none;
}
.balance table {
	margin-bottom:0px;
	background-color:#fff;
	text-align:center;
}
.balance table th {
	background-color:#007da8;
	text-align:center;
	border-right:1px solid;
}
.balance table td{
	color:#01365e;
	font-size:17px;
}
.balance table thead {
	color:#fff;
}
.balance .header img {
	margin-right:15px;
}
.balance .header {
	font-size:28px;
	font-weight:bold;
	color:#007da8;
	border-top-left-radius:13px;
	border-top-right-radius:13px;
}
.totalrow {
	background-color:#007da8 !important;
	color:#FFF !important;
}
.crem1 {
	background-color:#f7e5c4 !important;
	color:#a36d00 !important;
}
.crem2 {
	background-color:#ffecca!important;
		color:#a36d00 !important;
}
.tablefoot {
	background-color:red !important;
}
.reprint
{
    cursor:pointer;
}

.bankreference {
	max-width:732px;
	background:#c3ede6;
	border-radius:10px;
	text-align:center;
	color:#01365e;
	font-size:16px;
}
.bankreference_inner {
	padding:0px 25px 20px;
}
.bankreference h2 {
	background: none repeat scroll 0 0 #007da8;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	font-size: 22px;
	height: 50px;
	line-height: 50px;
	text-align:center;
	width: 100%;
	text-transform:uppercase;
	font-family: 'MYRIADPROBOLD';
}
.bankreference h3 {
	background: none repeat scroll 0 0 #01365e;
	color: #fff;
	font-size: 16px;
	text-align:center;
	width: 100%;
	height:35px;
	line-height:35px;
	margin:0px 0px 20px;
	font-weight:normal;
}
.bankreference h4 {
	text-align:center;
	width: 100%;
	font-family: 'MYRIADPROBOLD';
	margin-bottom:2px;
}
.bankreference p {
	margin-bottom:0px;
        color:#01365e;
}
.bankreference .col-sm-4 {
	margin-bottom:15px;
}



/*===change password ====*/
.change_password_area{
	background:#007da8;
	text-align:center;
	width:100%;
	float:left;
	padding:10px 0px;
	margin-bottom:10px;
}
.change_password_area h2{
	color:#fff;
	margin:0;
	font-size:36px;
}

/*===help_area=====*/
.help_area{
	max-width:630px;
	background:#f4b730;
	text-align:center;
	width:100%;
	float:left;
	border-radius:15px;
	padding:10px 0px;
	margin-bottom:10px;
        position: fixed;
}
.help_area h2{
	color:#fff;
	margin:0;
	font-size:36px;
        padding-bottom: 10px;
}
 .help_area h3{
	font-size:18px;
	color:#FFF;
	margin:20px;
}

.help_area_inner input[type='button']{
	background:#fff;
	padding:4px 25px;
	color:#00;
	font-size:14px;
	border:none;
	border-radius:10px;
	margin-bottom:10px;
        width: 450px;
}

/*===end help_area=====*/

/*===configuration_area=====*/
.configuration_area{
	max-width:630px;
	background:#f4b730;
	text-align:center;
	width:100%;
	float:left;
	border-radius:15px;
	padding:10px 0px;
	margin-bottom:10px;
        position: fixed;
}
.configuration_area h2{
	color:#fff;
	margin:0;
	font-size:36px;
        padding-bottom: 50px;
}
 .configuration_area h3{
	font-size:21.45px;
	color:#c3ede6;
	margin:0 0 20px;
}

.configuration_area_inner input[type='button']{
	background:#fff;
	padding:4px 25px;
	color:#00;
	font-size:21px;
	border:none;
	border-radius:10px;
	margin-bottom:20px;
        width: 350px;
}

/*===end configutayion_area=====*/


/*===technical_area=====*/
.technical_area{
	max-width:630px;
	background:#007da8;
	text-align:center;
	width:100%;
	float:left;
	border-radius:15px;
	padding:10px 0px;
	margin-bottom:10px;
        position: fixed;
}
.technical_area h2{
	color:#fff;
	margin:0;
	font-size:36px;
}
 .technical_area h3{
	font-size:21.45px;
	color:#c3ede6;
	margin:0 0 20px;
}
.technical_area_inner{
	padding:0 55px;
	text-align:left;

}
.technical_area_inner .col-sm-7, .technical_area_inner .col-sm-5{
	padding:0 10px 0px 0px;

}
.user_id{
	width:100%;
	float:left;
	background:url(../images/user-id-icon.png) no-repeat 6px 6px #fff;
	padding:6px 0px 6px 30px;
	margin-bottom:10px;
	border-radius:10px;

}
.user_id .col-xs-10, .user_id .col-xs-2, .user_pass .col-xs-10, .user_pass .col-xs-2, .user_msg .col-xs-11, .user_msg .col-xs-1{
	padding:0;

}
.user_id .col-xs-2, .user_pass .col-xs-2{
	text-align:center;

}
.user_id .col-xs-2 img, .user_pass .col-xs-2 img{
	margin-top:3px;

}
.user_id input{
	width:100%;
	float:left;
		height:25px;
		border:none;
				font-size:21px;
				color:#B8C7D2;


}
.technical_area_inner .col-sm-5 p{
	font-size:20px;
	color:#d9f4f4;
}
.user_pass{
	width:100%;
	float:left;
	background:url(../images/user-pass-icon.png) no-repeat 6px 2px #fff;
		padding:6px 0px 6px 30px;

	margin-bottom:10px;
	border-radius:10px;
}
.user_pass input{
	width:100%;
	height:25px;
	height:25px;
		border:none;
		font-size:21px;
						color:#B8C7D2;

}
.technical_area_inner input[type='button']{
	background:#f4b730;
	padding:4px 25px;
	color:#fff;
	font-size:21px;
	border:none;
	border-radius:10px;
	margin-left:30%;
	margin-bottom:7px;

}
.user_msg{
	width:100%;
	float:left;
	background:url(../images/msg-icon.png) no-repeat 6px 6px #fff;
	padding:6px 0px 6px 40px;
	border-radius:6px;
	margin-bottom:10px;
	position:relative;

}
.user_msg textarea{
	width:100%;
	height:140px;
	border:none;
	margin-bottom:10px;
	font-size:21px;
	color:#B8C7D2;
}
.user_msg .col-xs-1{
	position:absolute;
	bottom:5px;
	right:0px;
}
.user_msg .col-xs-1 img{
	margin:0 auto;
}

/*   telmex form */
.trechargeform {
	width:100%;
	height:auto;
	max-width:580px;
	background:#ffffff;
	border-radius:15px;
        position: absolute;
       border: solid 5px #0085b7;

}
.trechargeform .col-sm-5{
	position:relative;

}

.trechargeform .col-sm-12, .col-sm-10, .col-sm-2, .col-sm-9 {
	padding:0px;
}
.trechargeform .col-sm-12 {
	margin-bottom:8px;
}
.trechargeform h2 {
	background: none repeat scroll 0 0 #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: solid 5px #00a1d8;
	color: #00a1d8;
	font-size: 28px;
	height: 60px;
	line-height: 60px;
	margin: 0px auto 12px;
	!padding-left: 92px;
	width: 100%;
	text-transform:uppercase;
	font-family: 'MYRIADPROBOLD';font-weight:normal;
	position:relative;
	text-align:center;
}
.tbrand_logo {

	float: left;
	left: -1px;

	position: absolute;
	top: -10px;
	width:82px;
	height:auto;
	z-index: 99999;
}
.tform_pop {
	float: left;
	padding:5px 45px 0 45px;
	width: 100%;
}
.key1
{	
	background: #e3e4e7;
	width:100%;
	height:40px;
	line-height:40px;
	border-radius:15px;
	margin:10px auto;
	border:none;
	padding-left:18px;
	font-size:20px;
	color:#333;
}


.key1::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(1,54,94,0.7);
}
.key1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color: rgba(1,54,94,0.7);
}
.key1::-moz-placeholder { /* Mozilla Firefox 19+ */
     color: rgba(1,54,94,0.7);
}
.key1:-ms-input-placeholder { /* Internet Explorer 10+ */
     color: rgba(1,54,94,0.7);
}


.total
{
	text-align:right;
}
.text
{
	color:#333;
	text-align:right;
	font-size:20px;
	height:44px;
	line-height:44px;
	padding-right:10px;
}
.total input
{border-radius:15px;
	float:right;
	border:none;
	height:44px;
	line-height:44px;
	background:#e3e4e7;
	text-align:left;
	padding-left:10px;
	max-width:130px;
}
.text1
{
	color:#007da8;
	text-align:right;
	font-size:17px;
	height:44px;
	line-height:44px;
	padding-right:10px;
	margin:0px;
}
.col-sm-12.para
{
	background:#007da8;
	margin-bottom:18px;
	width:100%;
	float:left;
}
.para  p
{
	color:#c3ede6;
	font-size:17px;
	text-align:center;
	height:30px;
	line-height:30px;
	margin:0px;
}
.submit
{
	background:#00a1d8;
	border-radius:15px;
	color:#ffffff;
	font-size:22px;
	border:none;
	text-align:center;
	margin:0 auto;
	text-transform:uppercase;
	height:40px;
	line-height:40px;
	width:105px;
	font-weight:normal;font-family: 'MYRIADPROBOLD';
	margin-bottom:15px;
}
.pager1
{
	width:100%;
	float:left;
	text-align:center;
}

@media (max-width:360px)
{
	.trechargeform h2 {
	font-size:20px;

	}
}


 ul.reportmenu {list-style: none;padding: 0px;margin-top: 15px;}
  ul.reportmenu li {display: block;position: relative;}
 .reportmenu li ul {
	 display: none; position: absolute; 
	     background: #fff;
    border-radius: 5px;
    box-shadow: #717171 1px 1px;
    padding-left: 0;
    padding-bottom: 5px;
	top: 47px;
	 
	 }
  ul.reportmenu li a {display: block;padding: 0;text-decoration: none;
           white-space: nowrap;color: #fff;  }
		     ul.reportmenu li a  img { border: none; }
  ul.reportmenu li a:hover {}
.reportmenu  li:hover ul {display: block;  }
.reportmenu  li li {float: none; margin-top: 5px; padding: 5px 5px 0 5px;}

.reportmenu  li ul li a { color: #007da8; font-size: 12px; text-align:left;}
//.reportmenu  li li:hover {background: #007da8; color: #fff; color: white; }
.reportmenu  li li:hover a{color: #fff; }
 .reportmenu li ul li {border-top: 0px; padding-left: 5px;}
 
 .reportmenu li ul:before{
	 content:'';
	 width: 120px;
	 height: 20px;
	 position: absolute;
	 top:-20px;
	 left: 0;
	 
 }
 
 .reportmenu li ul:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 7px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -7px;
left: 13px;
}

.promotion_popup {
width: 1000px;
height: 274px;
background: url("../images/promotion_bg.jpg") no-repeat;
position: fixed;
top: 100px;
left: calc(50% - 500px);
-webkit-box-shadow: -1px 0px 18px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 18px 0px rgba(0,0,0,0.75);
box-shadow: -1px 0px 18px 0px rgba(0,0,0,0.75);
display:none;
}

.promotion_popup .content {
	text-align: center;
	margin-top: 30px;
	font-size:  22px;
	color: #242c56;
	width: 640px;
	margin-left: 200px;
	
}

.promotion_popup .content:nth-child(2) {
	margin-top: 20px;
}

.confirmbutton { 
width: 100%;
height: 39px;
margin-top: 20px;
background: url("../images/btn_confirm.png") no-repeat scroll 50% 0;
display: block;
clear:both;
cursor: pointer;
float:none;

}
.confirmbutton:hover {
	border: solid 1px transparent;
}
.promotion_popup .content .text {
	display: inline-block;
	
}

.roundbutton { 
display: inline-block;

margin-top: 0px;
 }

.promotion_popup .content .roundbutton {
	width: 44px;
	height: 44px;
	background: url("../images/btn_d.png") no-repeat;
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	cursor:pointer;
}


.promotion_popup .content .roundbutton.active {
	
	background: url("../images/btn.png") no-repeat;
}

.promotion_popup .footer {
	width: 570px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #606060;
	font-size: 14px;
}

#qr {
    z-index: 2;
    background: #fff;
    width: 500px;
    height: 300px;
    position: absolute;
}

.qrImg{
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.qrText{
    font-size: 20px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
}

#btnPagarQR{
   display:none;
}

#btnRecargaQR{
   display:none;
}

#btnRecargaFertechQR{
   display:none;
}

#topBanner{
    display:none;
    width: 100%;
    height: 77px;
    position: absolute;
    top: 0;
    text-align: center;
}

.answer.selected {
    background-color: #FFFF00;
}

#referencesContainer{
	max-height:140px;
	overflow:auto;
}

.reference-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.reference-item input {
    flex: 1;
    padding: 8px;
    margin-right: 10px;
}

.reference-item button {
    padding: 8px 12px;
    background-color: red;
    color: white;
    border: none;
    cursor: pointer;
}

#addReference {
    padding: 10px 15px;
    background-color: green;
    color: white;
    border: none;
    cursor: pointer;
}