/* =============================================================================
   LAST USER: EDUARDO ZAMORA
      
   LAST MODIFICATION: 12/12/13 - 3:00  PM
   ========================================================================== */

@import url("header.css");
@import url("left_float.css");
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);*/
@font-face {
	font-family: 'AvantGardeBkBTBook';
	src: url('../fonts/avant_garde_bk_bt-webfont.eot');
	src: url('../fonts/avant_garde_bk_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/avant_garde_bk_bt-webfont.woff') format('woff'), url('../fonts/avant_garde_bk_bt-webfont.ttf') format('truetype'), url('../fonts/avant_garde_bk_bt-webfont.svg#AvantGardeBkBTBook') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	font-size: 12px;
}
/* GENERAL DEFINITIONS STARTS */
h1 {
	font-family: 'AvantGardeBkBTBook';
	font-size: 28px;
	font-weight: normal;
	color: #138ACB;
}
h2 {
	font-family: 'AvantGardeBkBTBook';
	font-size: 20px;
	font-weight: normal;
	color: #333;
}
h3 {
	font-family: 'AvantGardeBkBTBook';
	font-size: 20px;
	font-weight: normal;
	color: #138BCC;
	letter-spacing: 0.5px
}
h4 {
	font-family: 'AvantGardeBkBTBook';
	font-size: 20px;
	font-weight: normal;
	color: #F2A52B;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #138BCC;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #138BCC;
}
p {
	font-size: 12px;
	color: #444;
}
ul li {
	list-style: none;
}
ol li {
	list-style: decimal;
}
a {
	color: #FFF;
	outline: none;
}
a:hover {
	outline: 0;
}
a:focus {
	outline: 0;
}
table {
	border: 1px solid #D2D2D2;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 15px;
}
th {
	height: 30px;
	padding: 0 10px;
	background: #148ACB;
	border-left: 1px solid #CCC;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	color: #FFF;
}
th:first-child {
	border-left: 0 none;
}
td {
	height: 29px;
	padding: 3px 10px;
	background: url("../images/page/bkgd_table_cell2.jpg") repeat-x 0 0 #EFEFEF;
	border: 1px solid #B9C4CB;
	color: #444;
}
td .myclasstrans
{
height: 29px;
	padding: 3px 10px;
	
	border: 1px solid #B9C4CB;
	color: orange;
}
td:first-child {
	border-left: 0 none;
}
td a {
	color: #148ACB;
	text-decoration: underline;
	margin: 0 3px;
}
td a:hover {
	text-decoration: none;
}
.TblDark{background: url("../images/defaults/bkgd_buttons_blue.jpg") repeat-x bottom #F4A52C !important; font-weight:bold}
.dark td {
	background: url("../images/page/bkgd_table_cell1.jpg") repeat-x 0 0 #E4E4E4;
}
.hidden {
	display: none !important;
	visibility: hidden;
}

/* GENERAL DEFINITIONS ENDS */

/* =============================================================================
   HTML5 BASE
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio[controls], canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}

article h1 {
	line-height: 42px;
	color: #0C92BF;
}

/* PAGE STARTS */
.blue {
	background: url("../images/defaults/bkgd_buttons_blue.jpg") repeat-x scroll 0 0 transparent;
	border: 1px solid #FFFFFF;
	border-radius: 12px 12px 12px 12px;
	box-shadow: 1px 2px 3px -1px #062F46;
	color: #FFFFFF;
	display: block;
	font-family: 'AvantGardeBkBTBook';
	font-size: 30px !important;
	font-weight: normal;
	height: 48px;
	line-height: 38px;
	min-width: 220px;
	padding-top: 12px;
	text-align: center;
	text-transform: uppercase;
}
.blue:hover {
	background-position: 0 -60px;
}
input.blue {
	height: 60px;
}

#LeftLink h3 {
	border-bottom: 1px dashed #148ACB;
	color: #148ACB;
	display: block;
	font-family: 'AvantGardeBkBTBook';
	font-size: 28px !important;
	font-weight: normal;
	line-height: 38px;
	padding: 0;
	margin: 0px;
	text-align: center;
	letter-spacing: 1px;
}
#LeftLink .littleblue {
	background: url("../images/defaults/buttons_left.png") repeat-x scroll 0 0 transparent;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 1px 2px 3px -1px #062F46;
	-moz-box-shadow: 1px 2px 3px -1px #062F46;
	-o-box-shadow: 1px 2px 3px -1px #062F46;
	box-shadow: 1px 2px 3px -1px #062F46;
	color: #FFFFFF;
	display: block;
	font-family: 'AvantGardeBkBTBook';
	font-size: 12px !important;
	font-weight: normal;
	min-width: 100px;
	line-height: 30px!important;
	height: 30px!important;
	padding: 0 25px 0 0!important;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.littleblue:hover {
	text-shadow: 0 -1px 0 #d58824;
	background-position: 0 -40px;
}

.littleblue {
	background: url("../images/defaults/bkgd_buttons_blue2.jpg") repeat-x scroll 0 0 transparent;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 1px 2px 3px -1px #062F46;
	-moz-box-shadow: 1px 2px 3px -1px #062F46;
	-o-box-shadow: 1px 2px 3px -1px #062F46;
	box-shadow: 1px 2px 3px -1px #062F46;
	color: #FFFFFF;
	display: block;
	font-family: 'AvantGardeBkBTBook';
	font-size: 16px !important;
	font-weight: normal;
	min-width: 100px;
	line-height: 30px!important;
	height: 30px!important;
	padding: 0 10px!important;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.blueSmall_btn {
	height: 30px!important;
	min-width: 100px;
	padding: 0!important;
	background: url("../images/defaults/bkgd_buttons_blue2.jpg") repeat-x scroll 0 0 transparent;
	border: 1px solid #FFFFFF;
	border-radius: 12px 12px 12px 12px;
	box-shadow: 1px 2px 3px -1px #062F46;
	color: #FFFFFF;
	display: block;
	font-family: 'AvantGardeBkBTBook';
	font-size: 16px !important;
	font-weight: normal;
	line-height: 30px!important;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.blueSmall_btn:hover {
	text-shadow: 0 -1px 0 #d58824;
	background-position: 0 -40px;
}
.btn2 {
	   padding: 0 0 24px;
    text-align: center;
	}
.btn2 a {
	 
    margin-right: 36px;
    width: 155px;}

.orange {
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	background: url("../images/defaults/bkgd_buttons_orange.png") repeat-x scroll 0 0 transparent;
	border: 1px solid #FFFFFF;
	border-radius: 7px 7px 7px 7px;
	color: #FFF;
	float: left;
	font-weight: bold;
	padding: 0 10px;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	text-shadow: 0 -1px 0 #d58824;
	display: block;
}
.orange:hover {
	background-position: 0 -25px;
	text-shadow: none;
}
input.orange {
	height: 27px;
	padding: 0 !important;
	width: 80px;
}
.TbAccount .orange { width:150px; float:right}
.print {}

.pint_cont {}

/* PAGE ENDS */

/* FOOTER STARTS */
#Facebook {
	background-image: url(../images/defaults/icons_socialmedia.png);
	background-position: 0px 0px;
}
#Facebook:hover {
	background-position: 0 -30px;
}
#Twitter {
	background-image: url(../images/defaults/icons_socialmedia.png);
	background-position: 90px 0px;
}
#Twitter:hover {
	background-position: 90px -30px;
}
#Videos {
	background-image: url(../images/defaults/icons_socialmedia.png);
	background-position: 180px 0px;
}
#Videos:hover {
	background-position: 180px -30px;
}
#Marketing {
	background-image: url(../images/defaults/icons_socialmedia.png);
	background-position: -90px 0;
}
#Marketing:hover {
	background-position: -90px -30px;
}
/* FOOTER ENDS*/

.btnRecharch {
	position: absolute;
	height: 40px;
	bottom: 35px;
	right: 190px;
}
.spaceLine {
	margin: 25px 0 0
}
.address {
	width: 150px
}
#CardInfo2 .radiobuttons {
	width: 400px;
	float: left
}
#CardInfo2 .radiobuttons label {
	width: auto
}
#CardInfo2 .radioAddress {
	width: 100px;
	float: right
}
#BkgAgent {
	background: url(/images/defaults/bkgd_body_1.jpg) top repeat-x !important;
	min-width: 100%;
	width: 100%;
}
#CenterAgent {
	margin: 0 auto;
	width: 960px;
	display: block
}
#ScheduledPayments .accordion_title {
	margin: 0 0 2px;
	background: #EFEFEF;
	text-align: left
}
#ScheduledPayments .accordion_title_hover {
	background: #CCC
}
#ScheduledPayments .accordion_title, #ScheduledPayments .accordion_title_hover {
	display: table;
	height: auto;
	line-height: none
}
#ScheduledPayments .accordion_title tbody, #ScheduledPayments .accordion_title tr {
	width: 100%
}
#ScheduledPayments .accordion_title td {
	height: auto;
	padding: 2px 10px;
	line-height: none;
	font-size: 14px;
	line-height:30px;
}
#ScheduledPayments .accordion_title_hover td, #ScheduledPayments .accordion_content td{
	background: #FFF
}
#ScheduledPayments .accordion_content p {
	padding: 2px 0 0;
}
#ScheduledPayments td {
	text-align: left
}
#Branches li {
	clear: none !important
}
#ScheduledPayments #SchedTitle td {
	background: url("../images/page/bkgd_table_cell2.jpg") repeat-x scroll 0 0 #EFEFEF;
	border: 1px solid #B9C4CB;
	color: #444444;
	height: 29px;
	padding: 3px 10px;
}
#ScheduledPayments span {
	background: url("../images/defaults/arrow_left.png");
	width: 20px;
	height: 20px;
	margin: 5px;
	padding: 0px;
	float:left;
}
#ScheduledPayments .accordion_title_hover span {
	background: url("../images/defaults/arrow_down.png");
}


#ScheduledPayments h1 a.orange, #Payment h1 a.orange{
    float: right;
    margin: 4px 10px 0 0;
    width: 105px;
}

#BranchesTop h3{
    font-family: 'Arial';
    font-size: 24px;
    font-weight: bold;
}

article h1 input.orange {
    float: right;
    margin: 4px 10px 0 0;
    width: 105px;
}

/****** FIX LEFT SIDE // 300px and up @ 16px! BLUE ******/
@media screen and (min-width: 18em) and (max-width: 82.5em)  {

/*-------------------------------------------    
   LEFT SIDE
-------------------------------------------*/
.exclude, .littleblue span{
	display: none;
	visibility: hidden;
}
#LeftLink .littleblue {
	background:none;
	display: block;
	width: 30px;
	min-width: 30px;
	min-width: auto;
	height: 147px!important;
	padding: 0!important;
}
.littleblue:hover {
	background-position: 0;
}

#LeftFloat {
    width: 30px!important;
}
#LeftLink {
    width: 45px;
}

#LeftLink .accessMin{
	background: url("../images/defaults/buttons_left_resp.gif") repeat-x scroll 0 0 transparent;
}
#LeftLink .accessMin:hover{
	background-position: -30px 0;

}
#LeftLink .ratesMin{
	background: url("../images/defaults/buttons_left_resp.gif") repeat-x scroll -60px 0 transparent;
}
#LeftLink .ratesMin:hover{
	background-position: -90px 0;
}

#LeftLink .accessMinEsp{
	background: url("../images/defaults/buttons_left_resp.gif") repeat-x scroll -120px 0 transparent;
}
#LeftLink .accessMinEsp:hover{
		background-position: -150px 0;
}
#LeftLink .ratesMinEsp{
	background: url("../images/defaults/buttons_left_resp.gif") repeat-x scroll -180px 0 transparent;
}
#LeftLink .ratesMinEsp:hover{
background-position: -210px 0;
}

}


/*** General Form Settings ***/
/***One time Transaction ***/
#PageContent article .RechargeMobile ul.onetime li {
	display: block;
	float: none;
	position: relative;
	clear: both;
	padding-bottom: 0px;
}

#PageContent article .RechargeMobile ul.onetime li label {
	width: 150px;
	font-weight: bold;
}

#PageContent article .RechargeMobile ul.onetime li .smallRecharg {
	width:49px !important; 
}

.error_msg {
	color: red;font-size: 12px;text-align:center;
}

.confirmAmount {
	color: #008000;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin: 0px !important;
	width: 100%;
}

/*** Phone Section ***/
#PageContent article .RechargeMobile .phoneblock { min-height:70px;}
#PageContent article .RechargeMobile .phoneblock label {width:175px !important;}
#PageContent article .RechargeMobile .phoneblock .phonenum {width: 160px;
position: absolute;
left: 0px;
top: 25px;}
#PageContent article .RechargeMobile .phoneblock .phoneconfirm {width: 160px;
position: absolute;
left: 185px;
top: 25px;}
#PageContent article .RechargeMobile #divaccmsg {font-size: 12px;
clear: both;
position: relative;
margin: 0px 0px 10px;}

/*** Sales Final ***/
#PageContent article .RechargeMobile .salescheck {padding-top: 15px;}
#PageContent article .RechargeMobile .salescheck input.checkbox {
	width: auto;
float: left;
margin: 0px;
}
#PageContent article .RechargeMobile .salescheck p {
	position: relative;
left: 20px;
float: none;
margin: 0px;
top: -19px;
}
/*** Submit Buttons ***/
#PageContent article .RechargeMobile .actionButtons {
	position: relative;
top: -40px;
left: 280px;
}


/*** paginations ***/
.paginate {

	padding: 3px;
	margin: 3px 3px 3px 231px;
	 font-size: 12px;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:0px solid #999;
	text-decoration:underline;
	color: #148ACB;
}
.paginate a:hover, .paginate a:active {
	border: 0px solid #0C92BF;
	color: #148ACB;
	text-decoration:none;
}
.paginate span.current {

    border: 0 solid #0C92BF;
    color: #444444;
    font-weight:bold;
    margin: 2px;
    padding: 2px 5px;
}
	.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:0px solid #eee;
		color:#DDD;
	}
	.editgroup-button
	{
	left: 271px;
    position: relative;
    top: -72px;
	}
	.deletegroup-button
	{
	left: 271px;
    position: relative;
    top: -72px;
	}
/** ==================================================
*	Security PopUp
=================================================== **/
.security-pin {
	padding-top: 0.5em;
	border:2px solid #EF4836;
}
.security-pin .modal-dialog {
	max-width: 600px;
}
.security-pin .scroll-wrapper {
	height:170px;
	overflow-y:scroll;
}
.security-pin h4.subheader {
	margin:0;
}
.security-pin p {
	font-size:14px;
}
.security-pin #modalTitle {
	color:#EF4836;
}

/** ==================================================
*	Bills Section
=================================================== **/
#Bill {position: relative; font-family: 'Source Sans Pro', sans-serif;}
#Bill .bills-welcome, #Bill .bills-success {
	margin:0.5em 0;
}
#Bill .ribbon-new {
	position: absolute;
  	top: -10px;
  	right: -10px;
}
#Bill .bill-register, #Bill .lookup {
	padding:1em;
}
#Bill h4 {
	color: #444;
	font-size: 3em;
	background: url(/img/bill-services.jpg) no-repeat 13em;
	padding-top: 20px;
	margin: 0;
	min-height: 2em;
	padding-left: 0.5em;
}
#Bill h4 span {color:#999;}
#Bill .details {
	padding:1em 0;
}
#Bill .details h5 {
	color: #444;
}
#Bill .details p {
	font-size: 16px;
}

#Bill .bills-success .details {
	padding-top:5em;
}

article#Bill h1 {
  line-height: initial;
}


#Bill .lookup {
  overflow: hidden;
  margin-top: 2em;
}

#Bill .lookup h4 {
	background: none;
	font-size: 2em;
	margin: 0;
	padding: 0;
	margin-bottom: 0.2em;
	color: #6A788C;
}

#Bill .lookup h4 small{
	display: block;
	font-size: 0.6em;
}

#Bill .lookup .us-phone-inputs {
  overflow: hidden;
  margin-bottom: 1em;
}
#Bill .lookup .us-phone-inputs .form-control{
  display: inline-block;
  max-width: 100px;
  text-align: center;
}

#Bill .bill-register {font-family: 'Source Sans Pro', sans-serif;}
#Bill .bill-register h5{
	color: #333333;
	font-weight: lighter;
	font-size:1.4em;
}
#Bill .bill-register hr, #Bill .pastbills-table hr{
	border-top: 1px dashed #ccc;
 	margin: 10px 0;
}

#Bill .bill-register hr, #Bill .pastbills-table-inter hr{
	border-top: 1px dashed #ccc;
 	margin: 10px 0;
}


#Bill .bill-register .step1,  #Bill .bill-register .step2,  #Bill .bill-register .step3, #Bill .bill-register .step4,#Bill .bill-register .step5{
	padding-left: 6em;
}
#Bill .bill-register .step1 p, #Bill .bill-register .step2 p, #Bill .bill-register .step3 p, #Bill .bill-register .step4 p{
	font-size: 1.5em;
	color: #6A788C;
	font-weight: bold;
}
#Bill .bill-register label{color:#8C97B2;}
#Bill .bill-register .num {
  border-radius: 50%;
  background: #ccc;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  padding-top: 0.3em;
  color: #fff;
  position: absolute;
  left: 0.5em;
}
#Bill input{
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
  transition: all 0.2s linear;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: #222222;
  position: relative;
}
#Bill .select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 16px;
}

#Bill input::-webkit-input-placeholder {
color: #999999;
}

#Bill input:-moz-placeholder {
color: #999999;
}

#Bill input:focus{
box-shadow: 0 1px 0 #2392F3 inset, 0 -1px 0 #2392F3 inset, 1px 0 0 #2392F3 inset, -1px 0 0 #2392F3 inset, 0 0 4px rgba(35,146,243,0.5);
outline: none;
/*background: url(../img/keyIcon.png) 12px 11px no-repeat, #FFF;*/
}

#Bill .pastbills-table {}
#Bill .pastbills-table h5{
  color: #333333;
  font-weight: lighter;
  font-size: 1.5em;
}
#Bill .pastbills-table .bills-table{}
#Bill .pastbills-table .bills-table table{
  width: 100%;
  border: none;
  font-size: 14px;	
}
#Bill .pastbills-table .bills-table th{
  background: #EEF1F7;
  padding: 5px 10px;
  color: #6A788C;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 1.2em;
  font-weight: 600;
  font-family:  'Source Sans Pro', sans-serif;
}
#Bill .pastbills-table .bills-table td{
  border: none;
  border-bottom: 1px solid #ccc;
  background: #fefefe;
  color: #8C97B2;
}

#Bill .pastbills-table .bills-table td:nth-child(1), #Bill .pastbills-table .bills-table td:nth-child(3), #Bill .pastbills-table .bills-table td:nth-child(5) {
	font-weight: bold;
}


/*Edited by Tamil on july-20-15 */

#Bill .pastbills-table-inter {}
#Bill .pastbills-table-inter  h5{
  color: #333333;
  font-weight: lighter;
  font-size: 1.5em;
}
#Bill .pastbills-table-inter  .bills-table-inter{}
#Bill .pastbills-table-inter  .bills-table-inter table{
  width: 100%;
  border: none;
  font-size: 14px;	
}
#Bill .pastbills-table-inter  .bills-table-inter th{
  background: #EEF1F7;
  padding: 5px 10px;
  color: #6A788C;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 1.2em;
  font-weight: 600;
  font-family:  'Source Sans Pro', sans-serif;
}
#Bill .pastbills-table-inter  .bills-table-inter td{
  border: none;
  border-bottom: 1px solid #ccc;
  background: #fefefe;
  color: #8C97B2;
}

#Bill .pastbills-table-inter  .bills-table-inter td:nth-child(1), #Bill .pastbills-table-inter  .bills-table-inter td:nth-child(3), #Bill .pastbills-table-inter  .bills-table-inter td:nth-child(5) {
	font-weight: bold;
}

/*Edited by Tamil on july-20-15 */


#Bill .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  height: auto;
  padding: 5px;
}
#Bill .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 37px;
}

/** ==================================================
*	Utility Classes
=================================================== **/
.green { color: #008C46 !important; }
.ribbon-new-sm {
	position: absolute;
	  top: -2px;
  right: -2px;
}.m-b {	margin-bottom: 1em;	}
/** ==================================================
*	Fixed Header Table
=================================================== **/

.bills-table {
	overflow: auto;
	width: 100%;
	height: 400px;
	position: relative;
}

.bills-table-inter {
	overflow: auto;
	width: 100%;
	height: 400px;
	position: relative;
}

#billpay .nav-bills {
	background-color: transparent;
  	background: url(../images/defaults/bkgd_mainmenu1.png) repeat-x bottom;
}

#billpay .nav-bills a {
	color: white;
}


/** ==================================================
*	Trial menu Fix
=================================================== **/
@media all and (min-width: 768px) {
    .trial-menu ul.nav {
        height: 54px;
    }
    .trial-menu ul.nav > li {
        display: inline-block;
        padding: 0;
        margin: 0;
        overflow: hidden;
        margin-right: -4px;
        min-width: initial;
        width: auto;
        height: 54px;
    }

    .trial-menu ul.nav > li > a {
        padding: 0 0.20em;
        line-height: 54px;
        display: inline-block;
        min-width: initial;

        /* border: none; */
    }
	
	/*SPANISH LANG CSS*/
	
	.trial-menuspn ul.nav {
        height: 54px;
    }
    .trial-menuspn ul.nav > li {
        display: inline-block;
        padding: 0;
        margin: 0;
        overflow: hidden;
        margin-right: -16px;
        min-width: initial;
        width: auto;
        height: 54px;
    }

    .trial-menuspn ul.nav > li > a {
        padding: 0 0.20em;
        line-height: 54px;
        display: inline-block;
        min-width: initial;
       
    }
	 
	/*SPANISH LANG CSS*/ 
}
@media all and (min-width: 992px) {
    .trial-menu ul.nav > li > a {
        padding: 0 1.2em;
    }
	.trial-menuspn ul.nav > li > a {
        padding: 0 1.2em;
    }
}
@media all and (min-width: 1024px) {
    .trial-menu ul.nav > li > a {
        padding: 0 1.2em;
    }
	.trial-menuspn ul.nav > li > a {
        padding: 0 1.2em;
    }
	.receiptBox:after
	{
		width: 343px !important;
	}
	.receiptBox
	{
		width: 343px !important;
	}
}

@media all and (min-width: 1350px) {
    .trial-menu ul.nav > li > a {
        /*padding: 0 1.25em;*/
    }
	.trial-menuspn ul.nav > li > a {
        /*padding: 0 1.25em;*/
    }
	.receiptBox:after
	{
		width: 343px !important;
	}
	.receiptBox
	{
		width: 343px !important;
	}
}