@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');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_4410">Text with this font applied</p> */
.fontsforweb_fontid_4410 {
	font-family: 'MyriadProRegular' !important;
}

@font-face {
	font-family: 'MyriadProSemibold';
	src: url('../fonts/MyriadProSemibold.eot');
	src: local('MyriadProSemibold'), 
	url('../fonts/MyriadProSemibold.woff') format('woff'), 
	url('../fonts/MyriadProSemibold.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_6752">Text with this font applied</p> */
.fontsforweb_fontid_6752 {
	font-family: 'MyriadProSemibold' !important;
}

/* reset css
 */
 
 @charset "UTF-8";
/* CSS Document */
img, fieldset { border: 0; margin:0; padding:0; }

/* set image max width to 100% */
img { max-width: 100%; height: auto; width: auto\9; } /* ie8 */ 

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Start common css */
.fl { float:left; margin:0px; padding:0px; }
.fr { float:right; margin:0px; padding:0px; }
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }

ul { margin:0px; padding:0px; }
ul li { margin:0px; padding:0px; list-style:none; }

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { margin: 0 12px 15px 0;  padding: 0 12px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; ; font-size:14px; color:#535353; }

.clr { clear:both; padding:0; margin:0; background:none; }

.red { color:#e8735d!important;;  }
.green { color:#6cc17c!important;; }

/* Srart PIE chart colors */
.black { background:#302f2f; }
.blue1 { background:#59bbec; }
.blue2 { background:#369fd3; }
.blue3 { background:#2790c4; }
.blue4 { background:#49b5ea; }
.blue5 { background:#65cafb; }

/* End PIE chart colors */ 
/* End common css */



@charset "UTF-8";
/* CSS Document */

/** { margin:0px; padding:0px; }*/
body { margin:0px;; padding:0px; background:#e8e8e9; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:16px; color:#535353; }
.wrapper { width:94%; margin:0% 3%; padding:0px;   /*width:997px; margin:0 auto;*/ }
header { background:url(../images/header_menu_bg.png) left top repeat-x; height:91x; }
.logo-white-bg { background:url(../images/logo_bg.png) left top no-repeat; height:91px; }
.logo_wrapper { float:left; width:189px; height:91px; }
.logo_wrapper img { margin:11px 0 0 28px; }
.logo_top { float:left; width:189px; height:91px; }
.logo_top img { margin:30px 0 0 7px; }export_reconTransaction

#display1 { display:block; }
#display2 { display:none; }
.menu-toggle { display: none; }
#menu-toggle:checked ~ #contentwrap { display: none; }
.mobmenu { width:100%; margin: 0 auto 0 auto; max-width:62.5em; display:none; }
.top-bar { display:none; }
.plus-minusex { float:right; height:26px; width:26px; margin:-30px 2.5% px 0px; text-indent:-10000px; background-image:url(../images/icon-plus-minus.png); background-repeat:no-repeat; background-position: 0 0; }
.plus-minusex.active { background-position: 0 -26px; }

/* Start Navigation */
/* .nav-wrapper { float:left; width:600px; }
nav { }
nav ul { padding-top:12px; }
nav ul li { float:left; height:79px; background:url(../images/menu-seperater_vline.png) right top no-repeat; padding:0 22px; }
nav ul li.vline_none { background:none; }
nav ul li div { text-align:center; display:block; line-height:32px; }
nav ul li a { font-size:20px; text-shadow:2px 0 2px #030303; color:#ffffff; text-decoration:none; }
nav ul .menu-icon { height:32px; margin-top:5px; }
nav ul .menu-title-wrapper { height:68px;}
nav ul .menu-title-wrapper:hover, nav ul .active { border-bottom:3px solid #33a8dd; } */
/* End Navigation */

/* Start Navigation */
.nav-wrapper { float:left; width:66%; }
nav { }
nav ul { padding-top:12px; }
nav ul li { float:left; height:79px;  padding:0 22px; }
nav ul li.vline_none { background:none; }
nav ul li div { text-align:center; display:block; line-height:32px; }
nav ul li a { font-size:19px; text-shadow:2px 0 2px #030303; color:#ffffff; text-decoration:none; }
/*nav ul .menu-icon { height:32px; margin-top:5px; }*/
.help_blue { color: #3A74B3;}
nav ul .menu-title-wrapper { height:68px;}
nav ul .menu-title-wrapper:hover, nav ul .active { border-bottom:3px solid #33a8dd; }
/* End Navigation */

/*hide recent transactions starts*/
ul{list-style:none; margin:0px; padding:0px}

.blue_strip{background-color:#3A74B3}
.tab_heading{height:90px;background:#ededed;  border-radius:0;  cursor:pointer;  margin:10px auto 0px auto !important;  padding:6px;  text-align:center !important;  width:98% ; }

.click_her{ margin-top:8px}
.click_her_one{float:left;  margin-top:8px; color:#fff; font-size:20px; margin:15px 0px 0px 20px;  font-family:"MyriadProSemibold",Arial,Helvetica,sans-serif}
.Arrow_click{ position:relative;  overflow:hidden;  width:100%;  height:70px;  margin:0 auto;  background-color:#fff}
/*.Arrow_click img{ width:100%;  height:auto;  display:block}*/
.Arrow_click:before, .Arrow_click:after{ content:'';  position:absolute;  bottom:0;  width:50%;  background-color:inherit;  padding-bottom:2%}
.Arrow_click:before{ right:50%;  -ms-transform-origin:100% 100%;  -webkit-transform-origin:100% 100%;  transform-origin:100% 100%;  -ms-transform:skewX(45deg);  -webkit-transform:skewX(45deg);  transform:skewX(45deg)}
.Arrow_click:after{ left:50%;  -ms-transform-origin:0 100%;  -webkit-transform-origin:0 100%;  transform-origin:0 100%;  -ms-transform:skewX(-45deg);  -webkit-transform:skewX(-45deg);  transform:skewX(-45deg)}
.hor-zebra td { margin:0; border:0; border-right:1px solid #ccc; padding:3px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#2f2e2c; }

/*hide recent transactions ends */


/* Start header user account */
.user-wrapper { float:right; width:170px; background:url(../images/menu-seperater_vline.png) left top no-repeat; height:79px; margin:12px 5px 0 0;  padding:0 4px; }
.user-wrapper .user-title-wrapper { height:73px;}
.user-wrapper .user-title-wrapper:hover, .user-wrapper .active { border-bottom:3px solid #33a8dd; cursor: pointer; }

.user-name-wrapper { float:left; width:75px; text-align:center; color:#ffffff; font-size:16px; }
.user-name-wrapper div { line-height:32px; }
.user-name-icon { height:32px; margin-top:5px; }
.user-menu-wrapper { float:left;  width:90px; text-align:center; margin:45px 0 0 5px; }
/* End header user account */

/* Start Menu  */
.menu { margin:20px 0px 0px 0px;padding: 0 3px 0 0; }
.topnav { font:normal 14px Arial, Helvetica, sans-serif; float:left; padding:0px 0 0 0; margin:0; }
.topnav ul { list-style:none; padding:0px 0px; margin:0; }
.topnav li { float:left; padding:0px; margin-right:10px; color:#fff; background:#3a74b3; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;  }
.topnav li a { float:left; color:#fff; display:block; padding:10px 15px; text-decoration:none; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; }
.topnav li a:hover { color:#3a74b3; background:#fff; text-decoration:none;  }
.topnav li a.active { text-decoration:none; color:#3a74b3; background:#fff; }

.weekday { float:right; margin-top:10px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; ; font-size:18px; color:#535353; margin: 3px; }
/* EndMenu */


/* Start container */
.container { margin:0px 0%; padding:0px; }
.dashboard-graph-wrapper { margin:23px; }
/* End container */

/* Start Body */
.body_bg { margin:0 auto; padding:0; background:#FFF;  }
.sales { float:left; width:29.3%; margin:30px 2%; padding:0; }
.saleshead { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#535353; border-bottom:1px solid #555e6d; }
.salessubhead { margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#535353;  }
.salescount { float:left; margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:27px; color:#535353; }
sup.supmargin { top:4px; margin-top:0px; font-size:22px; position: relative; }
sup { margin-top:0px; font-size:19px; position: relative; }
.salesup { float:left; margin:10px 0px 0px 20px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#535353; }
.sales2 { float:left; width:30%; margin:30px 20px; padding:0; }
.sales3 { float:left; width:27%; margin:30px 20px; padding:0; }

.filter { margin:0px; padding:0px; background:#f7f7f8; height:49px; width:99.8%; }
#filter{
	height: 20px;
	width: 125px;
}
.advance_filter { float:right; width:125px; font-size:16px; color:#3a74b3; padding:15px 9px 15px 50px; background:#ededee url(../images/icon_advance1.png) left -2px no-repeat; background-position: 20px; text-decoration:none; }
.filter_day { float:left; width:100px; font-size:16px; color:#3a74b3; padding:15px 25px; background:#ededee url(../images/icon-blue_downarrow.png) right no-repeat; background-position: 90% center; text-decoration:none; }
.sales_graph img { margin:0px; padding:0px; background:#fff; width:99.8%; }

.chart { margin:10px 0; padding:10px 0px; width:99.8%; background:#535353 url(../images/chart_bg.png) left top repeat-x; }
.piechart { float:left; width:31.2%; padding:5px 1% 0px 1%; border-right:1px solid #fff; }
.piechartleft { float:left; width:45%; margin:15px 0 0 0%;  padding:0px; }
.piechartright { float:right; width:50%; padding-right:0%; }
.cardtable { width:100%; margin:0; padding:0; border-collapse: collapse; }
.cardtable th { margin:0px; padding:0px 4px; border:0; border-bottom:1px solid #59bbec; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; }
.cardtable td { margin:0px; padding:1px 4px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; }

.border-right { border-right:none; margin:0px; }
.transdiv { margin:20px 0px 40px 0px; padding:0px; }
.transactiontable { width:48%; /*width:470px;*/ margin:0px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

.hor-zebra { width:100%; margin:0; padding:0; border-collapse: collapse; }
.hor-zebra th { margin:0px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.hor-zebra th .transhead { float:left; padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px;  color:#fff; }
.hor-zebra .viewall { float:right; height:20px; margin-top:8px; padding:0px 35px 0px 0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; background: url(../images/icon-right_arrow_circle.png) right no-repeat; background-position: 90% center; color:#fff; text-decoration:none; }
.viewall{   background: url("../images/icon-right_arrow_circle.png") no-repeat scroll 90% center rgba(0, 0, 0, 0);
    color: #fff;    float: right;    font-family: "MyriadProSemibold",Arial,Helvetica,sans-serif;    font-size: 16px;    font-weight: normal;    height: 20px;    margin-top: 9px;    padding: 0 35px 0 0;    text-decoration: none;
}
.hor-zebra td { margin:0; border:0; border-right:1px solid #ccc; padding:3px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#2f2e2c; }
.hor-zebra td .totalamt { float:right; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; line-height:normal; color:#3a74b3; padding:3px 0px; }
.hor-zebra td .totalamt2 { float:left; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; line-height:normal; color:#3a74b3; padding:3px 0px; }
.hor-zebra td .totalamtsup { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; line-height:normal; color:#2f2e2c; margin:0px 0px 0px 10px; }
.hor-zebra td.borderbottom { padding:0px 8px; border-bottom:1px solid #ccc; }
.hor-zebra td.borderbottom2 { padding:0px 8px; border-bottom:1px solid #ccc; border-right:0px solid #ccc; }
.hor-zebra td.bordernone { border:none; padding:5px 0px; }
.hor-zebra td.bordernone2 { border:none; padding:0px 8px; }
.hor-zebra td.bordernone3 { border:none; padding:0px 0px 0px 0px; }
.hor-zebra td.borderblue { padding:0px 8px; border-bottom:2px solid #3a74b3; }
.hor-zebra td .cardsale { float:left; margin:7px 10px 0px 0px; }
.hor-zebra td .cardicon { float:left; margin:5px 10px 0px 0px; }
.hor-zebra td .cardsale2 { float:right; margin:0px 0px 0px 0px; }
.hor-zebra td .cardsale3 { float:right; margin:8px 20px 0px 0px; }
.hor-zebra td .cardsale4 { float:right; font-size:18px; margin:30px 10px 0px 0px; color:#3a74b3; }
.hor-zebra td.red { color:#e8735d; }
.hor-zebra td.textblue1 { font-weight:normal; font-size:22px; color:#3a74b3; }
.hor-zebra td.textblue2 { padding:10px 8px; font-weight:normal; font-size:18px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td.textblue3 { padding:8px 18px; margin-right:10px; font-weight:normal; font-size:22px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td .event { float:left; padding:20px 0px; font-weight:normal; font-size:30px; line-height:normal; color:#3a74b3; }

.transhead2 { width:99%; padding: 0px 0px 0px 1%; margin:0px; background:#3a74b3; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#fff; }
.borderblueright { float:left; width:48%; margin:0px; padding:0px 1%; border-right:2px solid #3a74b3; border-bottom:3px solid #3a74b3; }
.borderblueright2 { float:left; width:47.8%; margin:0px; padding:0px 1%; border-bottom:3px solid #3a74b3; }

/* Start Footer */
/* #footWrap { margin:0px; background: url(../images/footerbg2.jpg) left top repeat-x; }
#footer { height:44px; padding:8px 0px; text-align:center; background: url(../images/footerbg2.png) center top no-repeat; }
#footer p { margin-top:15px; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size: 110%; color:#fff; }
.footlogo { float:right; margin:-40px 15px 0px 0px;  } */

/* End Footer */

/* Start Footer */
/* #footWrap { margin:0px; background: url(../images/footerbg2.jpg) left top repeat-x; }
#footer { height:44px; padding:8px 0px; margin-left:15px; text-align:left; background: url(../images/footerbg2.png) center top no-repeat; }
#footer p { margin-top:15px; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size: 110%; color:#fff; }
.footlogo { float:right; margin:-34px 25px 0px 0px;  }

.socialicon  { float:right; position: relative; margin:-52px 10px 0px 0px; padding:0px; list-style-type:none;  }
.socialicon h1 { display:block; margin:0px; padding:0px; font-size:14px; font-weight:normal; color:#fff; }
.socialicon ul { margin:0px; padding:0px; list-style-type:none; }
.socialicon li { display:inline; margin:0px; padding:0px; }
.socialicon li a { float:left; margin:2px 8px 19px 0px; display:inline; text-decoration:none; }
.socialicon li a.twitter { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/twitter.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px; }
.socialicon li a.facebook { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/facebook.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px;  }
.socialicon li a.linkedin { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/linkedin.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px; }
.socialicon li a.googleplus { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/googleplus.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px; }
.socialicon li a.aurusincblog { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/wordpress-aurusincblog.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px; }
.socialicon li a:hover { background-position: 0 -24px; } */


/* End Footer */

/* Popup
========================================= */

#plccRWSPopup,#cofTransaction,#confirmProductDelete,#addNewProduct,#storeGroupRename,#signupContact,#userPopup,#signupContact4,#signupContact3,#signupContactCustomPopup,#customStoreSummaryPopup,#bulkPopup,#bulkAlertPopup,#signupContact17,#signupContact33,#customDiligenceReportPopup,#signupContact44,#avtar,#forgetDevice,#forgetDevice1,#forgetDevice2,#forgetDevice3,#proOutPop,#deletePopup,#VoidTransaction,#paymentProtocol,#RefundTransaction,#vtVoidTransaction,#vtRefundTransaction,#lpRefundTransaction,#AdminUserDelete,#backofcReset,#reAuthPopUp,#deleteCacheData,#postAuthPopUp,#cardBinPopUp,#ReprocessTransaction,#quickOrderPopUp,#selectCorporatesPopUp,#categoryPopup,#createCategoryPopup,#downloadOnlyPopup,#reconexportLimit { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#plccRWSPopup,#cofTransaction,#confirmProductDelete,#addNewProduct,#storeGroupRename,#signupContact,#userPopup,#signupContact4,#signupContact3,#signupContactCustomPopup,#customStoreSummaryPopup,#bulkPopup,#bulkAlertPopup,#signupContact17,#signupContact33,#customDiligenceReportPopup,#signupContact44,#avtar,#forgetDevice,#forgetDevice1,#forgetDevice2,#forgetDevice3,#proOutPop,#deletePopup,#VoidTransaction,#paymentProtocol,#RefundTransaction,#vtVoidTransaction,#vtRefundTransaction,#lpRefundTransaction,#AdminUserDelete,#backofcReset,#reAuthPopUp,#deleteCacheData,#postAuthPopUp,#cardBinPopUp,#ReprocessTransaction,#quickOrderPopUp,#selectStoreTriggerPopUp,#selectStoreGroupPopUp,#deleteCampaignPopUp,#deleteCampStoreGrpTriggerPopUp,#assetDetailsExport,#selectCorporatesPopUp,#downloadOnlyPopup,#reconexportLimit{ display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#addExtraTransactionDetails { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#editCardRiskDetails,#editNetworkRiskDetails,#editAlertRiskDetails,#editVelocityRiskDetails,#editDigitalDetails,#editTransactionRiskDetails,#deleteRiskDetails,#addFraudulentIPMonitoringDetails,#editFraudulentIPMonitoringDetails,#deleteExportReportDetails {display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#signupContact14 ,#ResponceMsg,#signupContact34,#signupContact30,#sessionTimeoutError1,#createGroup ,#signupContactCustomResult,#signupStoreCustomDelete,#signupContactCustomDelete,#emailPopup,#signupCustomDiligenceResult,#signupDiligenceCustomDelete, #fileUploadPopup, #downloadPopup,#tourPopup{ display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#timeoutError { display:none; position:fixed; background:#f1f1f1; z-index:200000; border-radius:8px; top: 151px; left: 564px; -moz-border-radius:8px; }
#RelatedTransactions{ display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000;}
#TLOGCustomeExportReport{ display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000;}
#PDCustomeExportReport{ display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000;}
#singleCountryPopup { display:none; position:fixed; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#sessionTimeOut { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#zeroRecordPopUp { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#SalesSummaryExportReport{ display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px;-moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000;}

/*#signupContact11 { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#signupContact12 { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }  
#signupContact13 { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
#signupContact14 { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }
#signupContact15 { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }  
#signupContact16 { display:none; position:fixed; _position:absolute; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; }  
*/
.signinpopup-close { float:right; background:url(../images/close_x.png) no-repeat; width:43px; height:39px; margin:-19px -10px 0px 479px; padding:0px;cursor:pointer; position:absolute;}
.signinpopup-close5 { float:right; background:url(../images/close_x.png) no-repeat; width:43px; height:39px; margin:-19px -10px 0px 479px; padding:0px;cursor:pointer;}
.signinpopup-close2 { float:right; background:url(../images/close_x.png) no-repeat; width:42px; height:42px; margin:-19px -20px 0px 481px; padding:0px;cursor:pointer; position:absolute;}
.signinpopup-close3 { float:right; background:url(../images/close_x.png) no-repeat; width:42px; height:42px; margin:-19px -20px 0px 96.5%; padding:0px;cursor:pointer; position:absolute;}
.signinpopup-close4 { float:right; background:url(../images/close_x.png) no-repeat; width:42px; height:42px; margin:-19px -20px 0px 97.5%; padding:0px;cursor:pointer; position:absolute;}
#backgroundPopup { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #000; z-index:100000; }
.paymentRejectpopup-close { float:right; background:url(../images/close_x.png) no-repeat; width:43px; height:39px; margin:-19px -10px 0px 642px; padding:0px;cursor:pointer; position:absolute;}
/*left*/
.requirment { width:460px; float:left; margin:10px; padding:10px 20px; /*border:1px solid #d1d1d1;*/ }
.requirment p { font:normal 13px Arial, Helvetica, sans-serif; color:#111; margin-bottom:15px; }
.requirment li { margin:5px 0 10px 0; font:normal 13px Arial, Helvetica, sans-serif; color:#111; line-height:17px; }
.requirment .btnapply { text-align:center; margin:30px 0px 10px 0px;  }
.requirment a.link { font:normal 13px Arial, Helvetica, sans-serif; color:#ff6600; text-decoration:none; }

/********** Popup form **********/
.popuphead { padding: 8px 0px 8px 20px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#fff; background:#3a74b3; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.popupheadPaymentReject { padding: 8px 0px 8px 20px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#fff; background:#3a74b3; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.salespopup { margin:0; padding:5px 20px; width:460px; }
.trycss {float: left;padding-top: 2%;width: 16%;}
.salespopupForRelatedAurus {
    margin: 0;
    padding: 5px 20px;
}
.salespopupgrid { margin:0; padding:5px 10px; width:260px; }
.salespopup ol { margin:0; padding:0; list-style:none;}
.salespopup li { margin:0; padding:0; background:none; border:none; display:block;}
.salespopup li.buttons { margin:5px 0 5px 0;}
.salespopup label { margin:0; width:98%; clear:left; display:block; padding:1px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#535353; }
.salespopup .paymentprotocollabel { margin:10px 0 0; width:98%; clear:left; display:block; padding:1px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#535353; }
.salespopup input.text { box-shadow: 0 0; width:96%; border:1px solid #dedede; padding:5px 2%; height:25px; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.salespopup textarea { width:96%; border:1px solid #dedede; margin:3px 0; padding:5px 2%; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; }
.salespopup li.buttons { padding:0px; margin:10px 0px 30px 0px; }
.salespopup li.buttons a:focus {text-decoration:none;text-shadow: 0 0 6px #ffffff;}
.salespopup li.border { padding:0px; margin:0px 0px 30px 0psalespopup; border-bottom:1px solid #3a74b3; }
.salespopup li.buttons a { padding:5px 20px; margin-right:10px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }
.state_wrapper { position:relative; }
.selecttext { float:left; margin:0px 0px 0px 5px; padding:5px 35px 5px 5px; top:28px; position: absolute; border:1px solid #9a9a9a; height:19px; background:#f7f7f8 url(../images/icon-close.png) right no-repeat; background-position: 100% center; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; }5px; }
.clrli { padding:0px; margin:0px 0px -30px 0px; position: absolute; }

.unavailableProcessorPopup { margin:0; padding:5px 20px; width:660px; }
.unavailableProcessorPopup ol { margin:0; padding:0; list-style:none;}
.unavailableProcessorPopup li { margin:0; padding:0; background:none; border:none; display:block;}
.unavailableProcessorPopup li.buttons { margin:5px 0 5px 0;}
.unavailableProcessorPopup label { margin:0; width:98%; clear:left; display:block; padding:1px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#535353; }
.unavailableProcessorPopup input.text { width:96%; border:1px solid #dedede; margin:0px 0px 20px 0px; padding:5px 2%; height:25px; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.unavailableProcessorPopup textarea { width:96%; border:1px solid #dedede; margin:3px 0; padding:5px 2%; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; }
.unavailableProcessorPopup li.buttons { padding:0px; margin:10px 0px 30px 0px; }
.unavailableProcessorPopup li.buttons a:focus {text-decoration:none;text-shadow: 0 0 6px #ffffff;}
.unavailableProcessorPopup li.border { padding:0px; margin:0px 0px 30px 0psalespopup; border-bottom:1px solid #3a74b3; }
.unavailableProcessorPopup li.buttons a { padding:5px 20px; margin-right:10px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }
.unavailableProcessorPopup li.bigtext { margin:0; padding:25px 0px	; font-size: 24px; text-align: center; }
.unavailableProcessorPopup li.bigtext1 { margin:0; padding:25px 0px	; font-size: 45px; text-align: center; }
/* Start SKU Purchase
========================================= */
.revenue_graph { margin-bottom:20px; padding:0px; width:100%; background:#f6f6f6; -moz-box-shadow: inset 0 3px 5px 1px #9c9c9c; -webkit-box-shadow: inset 0 3px 5px 1px #9c9c9c; box-shadow: inset 0 3px 5px 1px #9c9c9c; } 
.combinations { width:99.8%; margin:0px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

/* Start colorpicker Menu  */
.colorpicker { float:right; padding:0px; margin-right:20px; border:0; }
.colorpicker ul { list-style:none; padding:0px 0px; margin:0;  }
.colorpicker li { float:left; padding:10px 10px; border-bottom:1px solid #3a74b3; margin-right:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#535353; }
.colorpicker li img { padding-right:2px; }
/* Endcolorpicker Menu */

.colA { float:left; width:49.8%; }
.colB { float:left; width:5%; }
.colC { float:right; width:45%; }
.colD { float:left; width:0.1%; margin-top:20px; height:250px; border:0; border-left:1px solid #fff; }
.colE { float:left; width:46.8%; margin:0 1.5%; }
.colF { float:left; width:0.1%; margin:0%; height:500px; border:0; border-left:1px solid #586171; }

.colAleft { float:left; width:45%; margin:35px 5% 0 5%;  padding:0px; }
.colAright { float:right; width:35%;  margin:20px 5% 0 0%; }

.piechart_today { margin:0 auto; margin-top:25px; margin-bottom:28px; padding:0px; text-align:center; }
.piechart_weektoday { margin:0 auto; margin-top:75px; margin-bottom:50px; padding:0px; text-align:center; }
.piecharthead  { margin-bottom:15px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#3a74b3; text-align:center; }
.line-blue { margin:100px 0px 0px 0px; padding:0px; width:1px; height:193px; border:0; border-left:1px solid #3a74b3; text-align:center; }
/*.producthead { margin:0 auto; padding-bottom:5px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }*/
.producthead { margin:0 auto; width:40%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.producthead2 { margin:0 auto; width:48%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.productheadbottom { margin:0 auto; margin-bottom:10px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#fff; text-align:center; }

/* Start Settlement and Rewards
========================================= */
.settlement_graph { margin-top:20px; padding-bottom:10px; text-align:center; }

.campaign_graph { margin-bottom:-30px; padding:40px 0px 20px 0px; text-align:center; }

.tophead { margin:0px; padding:30px 0px 0px 0px;  }
.title { float:left; margin:5px 0 5px 25px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#5b6474; }
.add_campaign { float:right; width:150px; padding:3px 0 5px 35px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#3a74b3; background:url(../images/icon_plus.png) left  no-repeat; background-position: 0px 0px; text-decoration:none; }

/* Top Menu */	
.imgmenu { padding:0px; margin:0px 0px 0px 0px; float:right; }
.imgmenu ul { padding:0px; margin:0px; list-style:none; border:0; }
.imgmenu li { float:right; margin:0px; padding:0px 0px; }
.imgmenu li a { margin:0px; padding:0px 2px; text-decoration:none; }

/* My Profile
========================================= */
.welcome-wrapper { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif;  font-style:italic; color:#6e7077; }
.welcome { margin:20px 0px 0px 0px; font-size:36px; color:#3a74b3; border-bottom:2px solid #5a6372; }
.welcome-wrapper p { text-indent: 20px; padding: 12px 0 12px 22px; font-size: 16px; }
 
/* .welcome { margin:20px 12px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:18px; color:#535353; }
 */.star { font-size:18px!important; color:#ff0000!important; }
.bodyheadbg { margin-top:10px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.bodyhead { padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#fff; }
.myprofile { margin:0px; padding:20px; }

.signup { margin:0px 0px 25px 0px; padding:0px; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(163, 163, 163, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1);
}
.personalinfo { margin:0px; padding:0px; text-align:left; }
.personalinfo ul { margin:0px; padding:0px; list-style:none; }
.personalinfo li { margin:0px; padding:0px; background:none; border:none; display:block; }
.personalinfo li.col2  { float:left; width:45%; margin:0px 2.5% 0 2.5% ; padding:0px; }
.personalinfo li.colvt  { float:left; width:45%; margin:0px 2.5% 0 2.5% ; padding:0px; }
.personalinfo li.col4  { float:left; width:18.8%; margin:0px 0% 0 5% ; padding:0px; }
.personalinfo li.margbottom  { padding-bottom:20px; margin:0px; }
.personalinfo li.address  { margin-right:50px; padding:0px; float:left; }
.personalinfo h1 { width:88%; display:block; margin:0% 5%; padding-bottom:10px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:24px; color:#5b5b5b; }
.personalinfo label { width:90%; display:block; margin:0% 5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#5b5b5b; }
/* .personalinfo span { font-size:18px; color:#3a74b3; } */ /* commented for solve dropdown ui issue */
.personalinfo .imgspace { margin-right:10px; }
.personalinfo input.text { box-shadow: 0 0; width:82%; height:25px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text2 { width:38%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text3 { width:38%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 5px top no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.taxDiv { margin:0px; padding-top:15px; bottom:0; background:#efefef; border:0; border-top:1px solid #d1d1d1; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; z-index:111; }

.signup2 { margin:0px; padding-top:15px; bottom:0; background:#efefef; border:0; border-top:1px solid #d1d1d1; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; z-index:111; }
.info_head { margin:20px 0; padding:0px 5%; bottom:0; border:0; border-bottom:1px solid #d1d1d1; } 
.infotext { float:left; margin:10px 0px 5px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:24px; color:#535353; }
.userimg { float:right; margin:-15px 0px 0px 0px;  }
.lockimg { float:left; margin:0px 0px 0px 25px;  }	
.infoicon {  margin:0px 0px 0px 5px; padding-top:0px;  }	
.infoicon2 { position:absolute; margin:0px 0px 0px 5px; padding-top:0px; top:20px; }	
.butdiv { padding:0px; margin:30px 0px 30px 4%; }
.butDivForPopup { padding:0px; margin:30px 0px 30px 16%; }
/* .butdiv a { width:150px; padding:5px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }
 */
 /* Added By Neha  */
 .butdiv a  {
    background: none repeat scroll 0 0 #3A74B3;
    color: #FFFFFF;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-right: 15px;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}
.butdiv a:focus {text-decoration:none;text-shadow: 0 0 6px #ffffff;}
.butDivForPopup a {
    background: none repeat scroll 0 0 #3A74B3;
    color: #FFFFFF;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-right: 10px;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    width: 150px;
    cursor: pointer;
}
/*  Ended By Neha */
 
.editicon { float:right; height:26px; width:26px; margin:-30px 2.5% 0px 0px; }
 .menudropdown { float:right; margin-top:10px; padding:0px; border:1px solid #c0c0c0; position:relative; z-index:111; }/* change for remove transparent background of logout dropdown) */

.menudropdown li { list-style:none; border-bottom:1px solid #c0c0c0;  background:#fff; }
.menudropdown li a { display:block; color:#525252; background:#fff; width:140px; padding:7px 13px 7px 13px; margin:0 0 0px 0; font-weight:normal; font-size:14px; text-decoration:none; }	
.menudropdown li a:hover { background: #3a74b3; color: #fff;  }
.addlogo { width:111px; height:111px; position:absolute; margin:2px 0% 17px 2%; border: #9bb9cc 1px solid; vertical-align: middle; border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.addlogo img { margin:25px 13px;  }
.profile-photo { float:right; height:55px; width:55px; margin:-15px 0px 0px 0px; text-indent:-10000px; background-image:url(../images/profile-photo.png); background-repeat:no-repeat; background-position: 0 0; }
.profile-photo:hover, .profile-photo.active { background-position: 0 0px; }
.profile-photo-drop { float:right; position:absolute; margin:-20px 2% 0 0%; right: 0; z-index: 12; }
.top-arrow-drop { margin:0px 0px -17px 70%;  }

/* VT Sales
========================================= */
.vtsalesheadbg { margin:0px 0px; padding:10px 0 0 0px; background:#fff; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }
.bodyheadbg2 { margin-top:20px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.bodyheadbgreboot { margin-top:20px; padding: 6px 8px 6px 8px; background:#a3a0a0; }
.colG { float:left; width:97%; margin:0 1.5%; }
.colH { float:left; width:46.8%; margin:1% 0% 0% 0%; }
.colI { float:left; width:47.8%; margin:1% 0% 0% 4.9%; }
.colJ { float:left; width:0.1%; margin:0%; height:265px; border:0; border-left:1px solid #586171; }
.colK { float:left; width:0.1%; margin:0%; height:425px; border:0; border-left:1px solid #586171; }
.personalinfo span.bluetext { display:block; margin:8px	5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3a74b3; }
.personalinfo2 { height:30px; }
.personalinfo li.col3  { float:left; width:70%; margin:0px 2.5% 0 1.1%; padding:0px; }
.personalinfo li.col5  { float:left; width:20%; margin:0px 2.5% 0 0%; padding:0px; }
.personalinfo li.col6  { float:left; width:58%; margin:0px 0% 0 2.7%; padding:0px; }
.personalinfo li.col7  { float:left; width:98%; margin:0px 0% 0 0%; padding:0px; }
.personalinfo li.col8  { float:left; width:44.7%; margin:0px 0% 0 2.5% ; padding:0px; }
.personalinfo input.text4 { float:left; width:36%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text5 { width:85%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-search.png) right 3px  no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text7 { float:left; width:40%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; text-align: right; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.personalinfo li.secure  { float:right; margin:10px 5% 0 0%; padding-top:40px; background:url(../images/icon-lock.png) top center no-repeat; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#5b5b5b; }
.plus-minus1 { float:left; height:26px; width:26px; margin:-2px 2.5% 0px 0px; text-indent:-10000px; background-image:url(../images/icon-plus-minus.png); background-repeat:no-repeat; background-position: 0 0; }


/* .checkbox { float:right; margin-top:25px; } */
.css-checkbox { margin:0px 0 0 5px; padding:0; border:0; }

.plus-minus { float:right; height:26px; width:26px; margin:-30px 2.5% 0px 0px; text-indent:-10000px; background-image:url(../images/icon-plus-minus.png); background-repeat:no-repeat; background-position: 0 0; }
.plus-minus.active { background-position: 0 -26px; }

.minus-vt { float:right; height:26px; width:26px; margin:9px -5% 0px 0px; text-indent:-10000px; background-image:url(../images/icon_minus.png); background-repeat:no-repeat; background-position: 0 0; }
.plus-vt { float:right; height:30px; width:30px; margin:7px -5.5% 0px 0px; text-indent:-10000px; background-image:url(../images/icon_plus.png); background-repeat:no-repeat; background-position: 0 0; }
.minus-vt1 { float:right;height:30px; width:26px; margin:9px -5% 0px 0px; text-indent:-10000px; background-image:url(../images/Minus-white.png); background-repeat:no-repeat; background-position: 0 0; }
.plus-vt1 { float:right; height:30px; width:30px; margin:7px -5.5% 0px 0px; text-indent:-10000px; background-image:url(../images/plus-white.png); background-repeat:no-repeat; background-position: 0 0; }
#recentFiveBody {height:50px}
.cards ul { margin-bottom:0px; padding:0px; list-style-type:none; }
.cards li { float:left; display:inline; margin:10px 0px 19px 10px; padding:0px; }
.cards li.visa { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/visa.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.mastercard { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/mastercard.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.amex { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/amex.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.discover { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/discover.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.nm { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/NM-card-logo.jpg); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.bg { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/BG-card-logo.jpg); background-repeat:no-repeat; background-position: 0 1px; }
/*.cards li.creditvt { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/icon-credit.png); background-repeat:no-repeat; background-position: 0 0; } */
.cards li.giftvt { width:46px; height:30px; text-indent:-10000px; background-image:url(../images/gift-card1.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.giftcardlogo { width:46px; height:30px; text-indent:-10000px; background-image:url(../images/Giftcard-VT-Card.png); background-repeat:no-repeat; background-position: 0 0; }

.cards li.ebc { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/Cash-46x30.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.ebw { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/EWIC46x30.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.ebf { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/FOOD46x30.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.plccnm { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/NM-card-logo.jpg); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.plccbg { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/BG-card-logo.jpg); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.giftcard { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/GIFT-VT-Sale.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.credit { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/Credit-VT-Sale.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.debit { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/Debit-46x30.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.fleet { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/Fleet-46x30.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.fsa { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/FSA-46-30.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.prepaid { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/Prepaid-46x30.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.jcb2 { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/icon-jcb2.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.diner2 { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/icon-diner2.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.plcc { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/PLCC-VT-Sale.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.voyger { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/VoyagerIN.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.wex { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/WexIN.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.cp { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/Check-46x30.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.ebt { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/EBT-46x30.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.other { width:46px; height:30px; text-indent:-10000px; background-image:url(../images/other_cards.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.plccpayment { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/PLCC-VT-Sale.png); background-repeat:no-repeat; background-position: 0 4px; }
.cards li.pc { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/Paper.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.eca { width:47px; height:34px;	text-indent:-10000px; background-image:url(../images/ECA.png); background-repeat:no-repeat; background-position: 0 1px; }
.cards li.applepay {
    background-image: url("../images/apple-icon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 34px;
    text-indent: -10000px;
    width: 47px;
}

/* .cards li.giftcard { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/gift-card.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.other { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/other_cards.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.jcb { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/jcb_card.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.diner { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/diner_card.png); background-repeat:no-repeat; background-position: 0 0; }
.cards li.debit { width:47px; height:34px; text-indent:-10000px; background-image:url(../images/debit_card.png); background-repeat:no-repeat; background-position: 0 0; }
 */
.cards li.active { background-position: 0 -34px; }
.sales_myprofile {
    padding-bottom: 1%;
    padding-top: 1%;
}
.sales_colG {
    float: left;
    margin: 0 1.5%;
    width: 97%;
}

/* VT Void
========================================= */
.butnext { padding:0px; margin:30px 0px 0px 0%; }
.btnviewall { float:right; height:20px; margin-top:-27px; padding:0px 35px 0px 0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; background: url(../images/icon-right_arrow_circle.png) right no-repeat; background-position: 90% center; color:#fff; text-decoration:none; }
.recent-transaction { margin:0px; padding:0px; border-bottom:3px solid #3a74b3;  }
.transamt { float:left; width:28%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; line-height:normal; color:#3a74b3; padding:5px 10px; }
.transsale { float:right; margin:10px 10px 0px 0px; font-size:20px; }
.transsale img { float:right; margin:-5px 0px 0px 0px; font-size:20px; }
.time { float:left; margin:10px 10px 0px 0%; font-size:20px; }
.transdetails { margin:0px; padding:0px; border-top:1px solid #d6d6d6; overflow:auto;  }
.bottomspace { margin:0px; padding:0px; height:40px; }
.bottomspace1 { margin:0px; padding:0px; height:10px; }
.cardicon2 { float:left; margin:6px 0px 0px 10px; }

.errorFont { color: red;float: right; font-size: 16px;margin-left: 74%;margin-top: -3%;}

.popup_paymentprotocol { width: 100%;}
.pop_up_rad_paymentprotocol {font-size: 20px; }
.pop_paymentprotocol_mg { margin-top:1% !important;  margin-bottom: 2% !important;}
.state_txt_paymentprotocol {text-indent: 0px; margin-bottom: 3% !important; }
.pop_text_box { width: 33%; float: left; font-size: 15px; }

.pop_up_rad_refund {font-size: 18px; }
.pop_up_label_refund {font-size: 15px !important; }
/* VT Refund
========================================= */
.refund-menu { width:99%; margin:20px 0% 5px 1%; padding:0px; }
.refund-menu ul { margin:0px; padding:0px; list-style:none; }
.refund-menu li { width:23%; margin:0px 1% 0px 1%; padding:0px; float:left; }
.refund-menu li.iconwidth { width:47%; margin:0px 1% 0px 1%; padding:0px; float:left; border-right: 1px solid #3a74b3;  }
.refund-menu li.bordernone { border-right: 0px solid #3a74b3;  }
.refund-menu li a { float:left; width:100%; padding:0px 0%; line-height:35px; display:block; font-size:20px; text-align:center; text-decoration:none; color:#5b5b5b; }
.refund-menu li a span { display:block; padding-top:68px; }
.refund-menu li a:hover { }
.refund-menu ul li:hover, .refund-menu ul li.active { color:#5b5b5b; /*background:#ccc;*/ border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/* Start Risk */
.refund-menu li a span.active { color:#6190C2; }
/* End Risk */
.menupay { background: url(../images/icon-transaction-details.png) no-repeat center 2px; display:block; background-size:90px 60px; }
.menupay:hover, .menupay.active { background:url(../images/icon-transaction-details-h.png) no-repeat center 2px; display:block; background-size:90px 60px; }
.menuoffers { background:url(../images/icon-store-details.png) no-repeat center 2px; display:block; background-size:90px 60px; }
.menuoffers:hover, .menuoffers.active  { background:url(../images/icon-store-details-h.png) no-repeat center 2px; display:block; background-size:90px 60px; }
.menuloyalty { background:url(../images/icon-card-info.png) no-repeat center 2px; display:block; background-size:90px 60px; }
.menuloyalty:hover, .menuloyalty.active { background:url(../images/icon-card-info-h.png) no-repeat center 2px; display:block; background-size:90px 60px; }
.menufind { background:url(../images/icon-customer-info2.png) no-repeat center 2px; display:block; background-size:90px 60px; }
.menufind:hover, .menufind.active { background:url(../images/icon-customer-info2-h.png) no-repeat center 2px; display:block; background-size:90px 60px; }
/* Start Risk */

.menuvelocity { background:url(../images/velocity-icon.png) no-repeat center 2px; display:block; background-size:90px 60px; }
.menuvelocity:hover, .menuvelocity.active  { background:url(../images/velocity-icon-active.png) no-repeat center 2px; display:block; background-size:90px 60px; }

.menunetwork { background:url(../images/network-icon.png) no-repeat center 2px; display:block; background-size:90px 60px; }
.menunetwork:hover, .menunetwork.active  { background:url(../images/network-icon-active.png) no-repeat center 2px; display:block; background-size:90px 60px; }
/* End Risk */	
.searchby { background: url(../images/iicon-searchby.png) no-repeat center 2px; display:block; background-size:60px 40px; }
.searchby:hover, .searchby.active { background:url(../images/icon-searchby-h.png) no-repeat center 2px; display:block; background-size:60px 40px; }
.orderby { background:url(../images/icon-orderby.png) no-repeat center 2px; display:block; background-size:60px 40px; }
.orderby:hover, .orderby.active  { background:url(../images/icon-orderby-h.png) no-repeat center 2px; display:block; background-size:60px 40px; }

.tooltip { margin:0px; padding:0px; }
.toparrow { position:relative; margin-left:12%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow2 { position:relative; margin-left:36%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow3 { position:relative; margin-left:61.5%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow4 { position:relative; margin-left:86%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow5 { position:relative; margin-left:14%; width:44px; height:19px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow6 { position:relative; margin-left:46%; width:44px; height:19px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow7 { position:relative; margin-left:78%; width:44px; height:19px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.tooltipbg { margin-top:-6px; padding:20px 2%; position:relative; background:#606b7c url(../images/tooltipbg.jpg) top repeat-x; z-index:3; }
.tooltipleft { float:left; width:60%; margin:0px 3%; padding:0px; }
.tooltipright { float:right; width:32%; margin-top:45px; padding:0px; text-align:center; }

.signup3 { margin:0px; padding:15px 0 0 0; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(76, 76, 76, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1);
}
.butrefund { padding:0px; margin:5px 0px 15px 4%; }
.butrefund a { width:150px; padding:5px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }
.butrefund a:focus {text-decoration:none;text-shadow: 0 0 6px #ffffff;}
.personalinfo input.text6 { width:85%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 5px top no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.userimg2 { width:100%;  margin:0px 0px 0px 3.5%;  }

/* Viewall Transaction
========================================= */
.topspace { height:0px; }
.filter2 { float:right; height:18px; margin:-30px 2.5% 0px 0px; margin-right: 1%; font-size:18px; color:#fff; padding:0px 0px 0px 35px; text-decoration:none; background-image:url(../images/icon-filter1.png); background-repeat:no-repeat; background-position: 0 0; }
.filter1 { float:right; height:18px; width:22px; margin:-30px 2.5% 0px 0px; font-size:18px; color:#fff; padding:0px 0px 0px 35px; text-decoration:none; background-image:url(../images/icon-filter1.png); background-repeat:no-repeat; background-position: 0 0; }
#addStoreDiv{margin-top: 34px}
/* .addStore { float:right; height:27px; width:auto; margin: -34px 10px 0 0;background-position: 0px 0px; font-size:18px; color:#535353; padding:0px 0px 0px 35px; text-decoration:none; background-image:url(../images/icon_plus-blue.png); background-repeat:no-repeat; } */
.ticketid { margin:0 0 10px 0; padding:5px 0.5% 0px 0.5%; background:#fff; border:1px solid #6190c2; z-index:1; position:relative;  -moz-box-shadow: 1px 3px 3px #868686; -webkit-box-shadow: 1px 3px 3px #868686; box-shadow: 1px 3px 3px #868686; }
.ticketidtable { width:100%; margin:0; padding:0; }
.tickettable { width:100%; margin:0; padding:0; border-collapse: collapse; }
.tickettable td { margin:0; border:0; padding:0px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#6190c2; }
.tickettable td.totalamt { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; line-height:normal; color:#3a74b3; }
.tickettable td.totalamt2 { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; line-height:normal; color:#3a74b3; }
.tickettable td.totalamtsup { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; line-height:normal; color:#6190c2; }
.tickettable td.cardspace { float:left; padding-top:-10px; position:absolute; width:25px; }
.tickettable td a { font-weight:normal; color:#6190c2; text-decoration:underline;  }

.ticketiddetail { width:100%; margin:-10px 0 20px 0; padding:5px 0; background:#ccc; z-index:1; -moz-box-shadow: 1px 3px 3px #868686; -webkit-box-shadow: 1px 3px 3px #868686; box-shadow:1px 3px 3px #868686; }
.ticketiddetailtable { width:100%; margin:0; padding:0; border-collapse: collapse; }
.ticketiddetailtable td { margin:0; border:0; border-right:1px solid #447ab6; padding:5px 10px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#2f2e2c; }
.ticketiddetailtable td.bordernone { border:none; padding:5px 0px; }
.ticketiddetailtable td.borderall { border:none; }
.ticketiddetailtable td.borderblue { padding:0px; border-bottom:1px solid #447ab6; }
.pageno { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#3a74b3; }

#grid .k-pager-wrap {
    background: none repeat scroll 0 0 #3A74B3;
    margin-top: 10px;
    padding: 6px 8px;
}

/* View All filter Popup
========================================= */
#signupContact12 { display:none; width:50%; position:absolute; background:#fff; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; /*box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000;*/ } 
.view-all-filter { margin:0p auto; padding:20px;  padding-top:0px; }
.btnpopup { padding:0px; margin:20px 0px 5px 4%; float: left;}
.btnpopup a { width:150px; padding:5px 0px; float: right;  margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }
.btnpopup a.disabled { width:150px; padding:5px 25px; margin-right:15px; background:#749dc9; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fcfffd; text-align:center; text-decoration:none; }

.butapply  { float:left; display:block; width:162px; height:50px;  padding:0px; margin:5px 0px 15px 5%; background:url(../images/btn_apply_normal.png) no-repeat; background-size:162px 50px; text-align:center; }
.butapply a { display:block; width:162px; height:40px; padding-top:10px; margin:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#5b5b5b; text-decoration:none; }
.butapply.disable { float:left; display:block; width:162px; height:50px;  padding:0px; margin:5px 0px 15px 4%; background:url(../images/btn_apply_pressed.png) no-repeat; background-size:162px 50px; text-align:center; }

.butaddfilter  { float:left; display:block; width:162px; height:50px; padding:0px; margin:5px 0px 15px 4%; background:url(../images/btn_apply_normal.png) no-repeat; background-size:162px 50px; text-align:left; }
.butaddfilter img { float:left; padding:5px 5px 0 0;}
.butaddfilter a { display:block; width:147px; height:40px; padding:5px 0 0 15px; margin:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#5b5b5b; line-height: 20px; text-decoration:none; }
.signup4 { margin-top:15px; padding:15px 0 0 0; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(76, 76, 76, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1);
}
/* Top Menu */	
.menuicon { position: relative; padding:0px; margin:-28px 0px 0px 0px; float:right; }
.menuicon ul { padding:0px; margin:0px; list-style:none; border:0; }
.menuicon li { float:right; margin:0px 8px; padding:0px 0px; }
.menuicon li a { margin:0px; padding:0px 2px; text-decoration:none; }

.pageno2 { float:left; width:40%; height:36px; margin:2px 0% 17px 5%; padding:5px 6px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; }
.spaceli { height: 77px; }
.spaceli2 { height: 70px; }

/* Loss Prevention
========================================= */
.hor-zebra td.borderbottom3 { width:100%; padding:5px 0px; border-bottom:1px solid #ccc; }

/* Start Report Summary
========================================= */
.filterreport {
    background: none repeat scroll 0 0 #f4f4f4;
    margin: 20px 0 30px;
    padding: 0;
    width: 99.8%;
}
.reportcolA { float:right; width:20%; margin:0px; } 
.reportcolB .Col1 { float:left; width:40%; margin:0px; padding:0px 0px; } 
.reportcolB .Col2 { float:left; width:15%; height:20px; margin:40px 0 0 0; padding:0px 0px; font-size:18px; color:#3a74b3; text-align:center; } 
.reportcolB .Col3 { float:left; width:40%; margin:0px; padding:0px 0px; background:#ff0000; } 
.reportcolC { float:left; width:15%; margin:0px;} 

.reportcolB {
    float: right;
    margin-bottom: -20px !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    width: 65%;
}

.dateinfo { margin:0px 0 0 0; padding:0px; }
.dateinfo ul { margin:0px; padding:0px; list-style:none; }
.dateinfo li {
    background: none repeat scroll 0 0 #f2f2f2;
    border: medium none;
    display: block;
    margin: 0;
    padding: 0;
}
.dateinfo label { float: left; width:27%; margin:13px 5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#5b5b5b; text-align:right; }
.dateinfo input.text3 { width:50%; height:24px; margin:5px 0% 5px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 5px top no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.customers { width:100%; margin-bottom: -10px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif;  border:1px solid #dbdbde; border-collapse:collapse; }
.customers td, .customers th { font-size:16px; border:1px solid #dbdbde; padding:3px 7px; }
.customers th { font-size:16px; text-align:left; padding:3px 7px; padding-bottom:4px; background:#f5f5f5; color:#5b5b5b; }
.customers tr.alt td { color:#5b5b5b; font-weight:normal; background:#f9f9f9; }
.customers tr.alt .storeid, td.storeid { color:#3a74b3; font-weight:normal; }
.exportprint { float: right; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 35px; font-weight: normal; /*  margin: 15px -80px 0; */ /* width:220px; */ }
.text-center { text-align:center !important; width:16%; margin-left: 100px}
.text-blue { color:#3A74B3 !important; }


/* Start Report 
========================================= */
/* Start Menu  */
.submenu { margin:40px 0px 0px 0px; padding:0px; border-bottom:1px solid #c2c2c2; z-index:-1; }
.subnav {  padding:0px 0 0 0; margin-top:-40px; position: absolute; z-index:1; }
.subnav ul { list-style:none; padding:0px 0px; margin-left:10px; }
.subnav li { float:left; padding:0px; margin-right:-1px; color:#444; background:#f4f4f5; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;  }
.subnav li a { float:left; margin-top:-1px; font:normal 14px Arial, Helvetica, sans-serif; color:#444; display:block; padding:10px 15px; border:1px solid #c2c2c2; text-decoration:none; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }
.subnav li a:hover { color:#3a74b3; background:#fff; text-decoration:none; }
.subnav li a.active { margin-top:-6px; padding-top:15px; text-decoration:none; color:#3a74b3; background:#fff; border-bottom:1px solid #fff; }

.services-content { font:normal 13px Arial, Helvetica, sans-serif; }
.topics { float:left; width:40%; margin:10px 3% 0px 3%; padding:10px 10px 10px 10px; cursor:pointer; }
.topicsdiv { border-bottom:1px solid #036297; text-decoration:none; }
.topicshead { width:65%; height:55px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#3A74B3; padding-bottom:3px; margin:0px; text-decoration:none; }
/* .topics p { font:normal 13px Arial, Helvetica, sans-serif; color:#111; margin-top:8px; line-height:16px;} */
/* .topics:hover, .topics.active { margin:10px 3% 0px 3%; padding:9px 9px 5px 9px; border:1px solid #4384c5; text-decoration:none; background:url(../images/img1.png) right bottom no-repeat; 
	-webkit-box-shadow: 0 4px 4px #999; -moz-box-shadow: 0 4px 4px #999; box-shadow: 0 4px 4px #999;
} */
/* Icon Menu */	
.iconmenu { padding:0px; margin:-60px 0px 0px 0px; float:right; }
.iconmenu ul { padding:0px; margin:0px; list-style:none; border:0; }
.iconmenu li { float:right; margin:0px; padding:0px 0px; }
.iconmenu li a { margin:0px; padding:0px 5px; text-decoration:none; }

.sales22 { float:left; width:46%; margin:30px 2%; padding:0; }
.producthead3 { margin:0 auto; width:30%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.producthead4 { margin:0 auto; width:30%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.reconciliation_graph img { margin:0px 0px; padding:2% 5%; width:88.8%; text-align:center; }

/* Raju */
#signupContact11 { display:none; position:absolute; width:90%; background:#ffffff; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.signinpopup-close_trans_viewall { background:url(../images/close_x.png) no-repeat; width:43px; height:39px; padding:0px;cursor:pointer; position:absolute; right:-21px; top:-20px; }
.view-all-main-wrapper { border:1px solid #d4d4d4; }

.view-all-main-wrapper table { border-collapse: collapse; }
.view-all-main-wrapper table th { background:#ebebeb; color:#3a74b3; }
.view-all-main-wrapper table th a { text-decoration:none; }
.view-all-main-wrapper table th, .view-all-main-wrapper table td { border:1px solid #d4d4d4; }
.view-all-main-wrapper table td { padding:8px; }
.view-all-main-wrapper table td a { color:#646464; }

.salespopup_view-all { margin:0; padding:10px 10px; width:98%; }
.alternet-bg { background:#f7f7f8; }
.view-all-table-wrapper { overflow: auto; }
.view-all-pagination { float:left; width:50%;/*background:#ebebeb;*/ }
.view-all-pagination ul { padding:10px 0 10px 0;  margin-left:10px; }
.view-all-pagination ul li { float:left; margin:0 10px; }
.view-all-pagination ul li a { text-decoration:none; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.view-all-pagination ul li a.active { border-radius:25px; padding:2px 7px; color:#3a74b3; background:#fff; }
.pagination_left_page-arrow { padding:10px 12px; margin:-10px -20px -10px -10px; background:url(../images/pagination_left_page-arrow.png) 0 7px no-repeat;}
.pagination_left2_page-arrow { padding:10px 12px; margin:-10px; background:url(../images/pagination_left2_page-arrow.png) 0 7px no-repeat;}
.pagination_right_page-arrow { padding:10px 12px; margin:-10px; background:url(../images/pagination_right_page-arrow.png) 0 7px no-repeat;}
.text-right { text-align:right; }
.pagination_right2_page-arrow { padding:10px 12px; margin:-10px; background:url(../images/pagination_right2_page-arrow.png) 0 7px no-repeat; }
.pagination_left_page-arrow:hover, .pagination_left_page-arrow.active { padding:10px 12px; margin:-10px -20px -10px -10px; background:url(../images/pagination_left_page-arrow_active.png) 0 7px no-repeat; }
.pagination_left2_page-arrow:hover, .pagination_left2_page-arrow.active { padding:10px 12px; margin:-10px; background:url(../images/pagination_left2_page-arrow-active.png) 0 7px no-repeat; }
.pagination_right_page-arrow:hover, .pagination_right_page-arrow.active { padding:10px 12px; margin:-10px; background:url(../images/pagination_right_page-arrow_active.png) 0 7px no-repeat; }
.pagination_right2_page-arrow:hover, .pagination_right2_page-arrow.active { padding:10px 12px; margin:-10px; background:url(../images/pagination_right2_page_active-arrow.png) 0 7px no-repeat; }
.text-right { text-align:right; }
.item-counters { float:left; width:30%; color:#fff; padding:10px 0 10px 0; }
.perpage { float:right; width:19.5%; color:#fff; padding:10px 0.5% 10px 0; text-align:right; }


/* sorting */
.sorting-wrapper {background:#fff; border:1px solid #d4d4d4; box-shadow:0 0 2px #000000; width:150px;}
.sorting-wrapper ul li {border-bottom:1px solid #d4d4d4; padding-left:5px;  line-height:35px;}
.sorting-wrapper ul li a {color:#646464;  text-decoration:none;}
.sorting-wrapper ul li:hover a {color:#fff;  text-decoration:none;}
.sort {background:url(../images/sorting-sprite.png) 0 7px no-repeat; float: left; height: 25px; width: 25px;}
.sort-ascending {background-positon:0 7px;}
.sort-dcending {background-position: 0 -27px;}
.sort-columns {background-position:0 -59px;}
.sort-filter {background-position:0 -97px;}

.sorting-wrapper ul li:hover {background:#3a74b3;}

.sorting-wrapper ul li:hover .sort-ascending {background-position: 0 -135px;}
.sorting-wrapper ul li:hover .sort-dcending {background-position: 0 -170px;}
.sorting-wrapper ul li:hover .sort-columns {background-position: 0 -202px;}
.sorting-wrapper ul li:hover .sort-filter {background-position: 0 -240px;}

/* Transaction Details -- Raju
========================================= */
.transaction-status-wrapper{ margin:px 0px; padding:0px; font:normal 23px Arial, Helvetica, sans-serif; color:#3A74B3; text-align:left;}
.approved-code-no  {float:right; margin:5px 0px 5px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:35px; color:#3A74B3; }
.total-amount {float:right; margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:35px; color:#3A74B3; }
.colK-transaction {float:left; width:0.1%; margin:0%; height:346px; border:0; border-left:1px solid #586171; }
.colK-transaction2 {float:left; width:0.1%; margin:0%; height:425px; border:0; border-left:1px solid #586171; }
.colJ-transaction { float:left; width:0.1%; margin:0%; height:265px; border:0; border-left:1px solid #586171; }
.border_bot_none{border-bottom:none!important;}
.padding_0 {padding:0px;}
.paddingbot_10 {padding-bottom: 10px;}
.text_blue td {color:#3A74B3;}
.border-bottom { margin:0; border:0; border-bottom:1px solid #ccc; padding:3px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#2f2e2c; }
.print { float: right; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 35px; font-weight: normal; margin: 5px 0 0; width:181px; }
.icon-export { background:url(../images/icon-export.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important;}
.icon-export_pdf{ background:url(../images/pdf-export.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important; cursor: pointer;}
.icon-export_receipt-enable{ background:url(../images/icon-receipt.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3a74b3 !important; cursor: pointer;}
.icon-export_receipt{ background:url(../images/icon-receipt.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3a74b3 !important; cursor: pointer;}
/* .icon-export_receipt{ background:url(../images/icon-receipt.png) center 0 no-repeat !important;title:Cheking Receipt Availability; width:23px; height:50px; padding: 32px 5px 0 !important; color:#555555!important; cursor: pointer;} */
.icon-print { background:url(../images/icon-printer.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important; cursor: pointer;}
.icon-email{background:url(../images/icon-email.png) center 0 no-repeat !important; width:23px; height:50px; padding: 29px 0 0 5px !important; color:#3A74B3!important;}
/* .textbox-disable { background:#f4f4f4!important; color:#3A74B3!important; } */
.textbox-disable { background:#d2d2d2!important; color:#3A74B3!important; }
.icon-export_pdf1{ background:url(../images/pdf-export.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important; cursor: pointer;}


/*----- Raju -----*/

/* Start VT_sales.html & transaction-details.html*/

.name-textbox{width:88.3%!important;}

/* End VT_sales.html& transaction-details.html */



/* Start sales.html */

.transation-icons { float:left; margin:0px 10px 0px 0px;}

/* End sales.html */

/*  Start Raju 2 May 2014 */
.account-infor-user-name { font-size:18px; }
.text-color { color:#3a74b3; }
.user-logo { float:right; width:155px; height:auto; border:1px solid #ccc; text-align:center; padding:6px; margin-bottom:1%}
.user-logo img { width:145px; }
.personalinfo .corporate-name { width:85%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3a74b3; vertical-align: middle; }
.personalinfo li.col2_password  { float:left; width:47.5%; margin:0px 0 0 2.5%; padding:0px; }
.text-address-line {box-shadow: 0 0; width:88.5%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.conditions { }
.conditions ul { margin:0px; padding:0; }
.conditions ul li { margin:0px; padding:0; display:block; color:#5b5b5b;  margin: 0 0 0 5%; }
.conditions ul li.active { color:#228d36; }
.personalinfo .col2_password input.text {  width:80%; }
.colF-myprofile-height { float:left; width:0.1%; margin:0%; height:566px; border:0; border-left:1px solid #586171; }
.notification { float:right; width:15px; padding:11px 3px 5px; }
.notification img.display-none { display:none; }
.notification img.active { display:block; }
.notification img { width:100%; }
.transaction-note-text { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; padding: 13px 2%; 3px; color:#2F2E2C; height:66px; overflow: auto; }
.borderblueright-transaction-note-left { float:right; width:61%; margin:0px; padding:0px 1%; border-left:1px solid #ccc; border-bottom:3px solid #3a74b3;  }
.borderblueright-transaction-note-right { float:left; width:34.8%; margin:0px; padding:0px 1%; border-bottom:3px solid #3a74b3; }
.transation-note-user img { float:left; margin-right:5px; }
.addnote-wrapper { margin: 15px 0 15px 4%; }
.addnote-textarea { width:85%; height:150px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.addnote-left-text-wrapper { height:24px; padding:5px 6px; font-size:14px; color:#3e3e3e; text-align:right; }
.add-note-wrapper { margin:0 1% 0.5%; }

.td-height td {height:25px; padding-top:13px!important;}
.user-new-wrapper {padding-top:10px; padding-bottom:10px;}

/* Start Report 
========================================= */
/* Start Menu  */
.submenu { margin:40px 0px 0px 0px; padding:0px; border-bottom:1px solid #c2c2c2; z-index:-1; }
.subnav {  padding:0px 0 0 0; margin-top:-40px; position: absolute; z-index:1; }
.subnav ul { list-style:none; padding:0px 0px; margin-left:10px; }
.subnav li { float:left; padding:0px; margin-right:-1px; color:#444; background:#f4f4f5; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;  }
.subnav li a { float:left; margin-top:-1px; font:normal 14px Arial, Helvetica, sans-serif; color:#444; display:block; padding:10px 15px; border:1px solid #c2c2c2; text-decoration:none; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }
.subnav li a:hover { color:#3a74b3; background:#fff; text-decoration:none; }
.subnav li a.active { margin-top:-6px; padding-top:15px; text-decoration:none; color:#3a74b3; background:#fff; border-bottom:1px solid #fff; }

.services-content { font:normal 13px Arial, Helvetica, sans-serif; }
.topics { float:left; width:40%; margin:10px 3% 3px 3%; padding:10px 10px 10px 10px; cursor:pointer; }
.topicsdiv { border-bottom:1px solid #036297; text-decoration:none; }
.topicshead { width:65%; height:55px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color:#3A74B3; padding-bottom:3px; margin:0px; text-decoration:none; }
.topics p { font:normal 13px Arial, Helvetica, sans-serif; color:#111; margin-top:8px; line-height:16px; height:32px}
/* .topics:hover, .topics.active { margin:10px 3% 3px 3%; padding:10px 10px 10px 10px; border:1px solid #4384c5; text-decoration:none; background:url(../images/img1.png) right bottom no-repeat; 
	-webkit-box-shadow: 0 4px 4px #999; -moz-box-shadow: 0 4px 4px #999; box-shadow: 0 4px 4px #999;
} */
.topics:hover/*, .topics.active*/ { 
    margin: 10px 3% 3px 3%; 
    padding: 10px; 
    text-decoration: none;
    background:url(../images/img1.png) right bottom no-repeat;
    -webkit-box-shadow: 0 -4px 4px #999, 0 4px 4px #999; 
    -moz-box-shadow: 0 -4px 4px #999, 0 4px 4px #999; 
    box-shadow: 0 -4px 4px #999, 0 4px 4px #999;
}
/* Icon Menu */	
.iconmenu { padding:0px; margin:-60px 0px 0px 0px; float:right; }
.iconmenu ul { padding:0px; margin:0px; list-style:none; border:0; }
.iconmenu li { float:right; margin:0px; padding:0px 0px; }
.iconmenu li a { margin:0px; padding:0px 5px; text-decoration:none; }

#menu { padding:0; margin:0; list-style:none; }
#menu li { float:left; margin-left:1px; padding-top:2px; }
#menu li a { display:block; height:38px; line-height:38px; padding:0 20px 0 0; float:left; background:#f4f4f5; color:#000; text-decoration:none; }
#menu li a:hover { background:#fff; margin-top:0px; height:40px; }


/* Raju */ 
.viewall-table th { border: 0 none; color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 8px; text-align:left;   border:1px solid #dbdbde; border-collapse:collapse; background:#f5f5f6;  }
.viewall-table td { color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 8px; border-right:1px solid #dbdbde; border-collapse: collapse; }
.viewall-table td a { color:#3a74b3; text-decoration:underline; }
.viewall-transaction-detials-expanded { border:1px solid #ccc; background:#fff; padding:3px; }
.viewall-transaction-detials-tabel { width:100%; cellspacing:0; background:#fff; }
.viewall-transaction-detials-tabel td { padding: 6px 8px; }
.viewall-transaction-detials-tabel td  { border:0px solid #dbdbde; border-collapse:collapse; font-style:italic; }
.viewall-transaction-detials-tabel td.textbold { font-weight:bold; font-style:normal; }
.expand-table-wrapper { background:#f7f7f8; border:1px solid #dbdbde; padding:50px 10px 10px 10px; margin: 5px 0 5px 0; }
.expand-table-wrapper ul { border-bottom:0px solid #dbdbde; }
.expand-table-wrapper ul li { float:left; position:absolute; margin-top:-39px; width:150px; border:1px solid #dbdbde; border-bottom:0px solid #dbdbde; background:inherit; border-radius:5px 5px 0px 0;  text-align:center; padding:10px 10px; }.view-all-transaction-alternage-td-bg-color, .tabel-td-bg  { background:#f7f7f8; }
.tabel-last-td-bg  { background:#f9f9f9 url(../images/viewall_transaction_table-right-sidebg.jpg) right top repeat-y; }
.border_none { border:none !important; }
.txt-right { text-align:right; }
.margin_top_0 { margin-top:0; }
.padding_left_right_none { padding:8px 0 !important; }
.viewall-table .amount{ color: #3A74B3; }
.tabel-tr-bg  { background:#e4e3e3; }
/* Raju 6 April 2014- Avatar */
.avatar-mailwrapper {  }
.avatar-mailwrapper ul { margin: 30px 5px; padding:0; }
.avatar-mailwrapper ul li { float: left; list-style: none; margin: 0px 5px 5px; padding:0;  }

.salespopup li.bigtext { margin:0; padding:25px 0px	; font-size: 24px; text-align: center; }
.salespopup li.bigtext1 { margin:0; padding:25px 0px	; font-size: 45px; text-align: center; }
/* .bigtext{font-size: 45px; } */
.bigtext_timeout{font-size: 26px !important; list-style:outside none none !important;  padding-bottom: 2%; }
#preloaderAnimation
{
	position: relative;
	top: 35%;
	left: 35%;
	background-color:  #5b6475;
	opacity: 0.94;
	filter: alpha(opacity=70);
}

#preloaderAnimation2
{
	position: relative;
	top: 35%;
	left: 35%;
	background-color:  #5b6475;
	opacity: 0.94;
	filter: alpha(opacity=70);
}

#preLoaderDiv,#preLoaderDiv2
{
	position: fixed;
	_position: absolute;
	_top:expression(eval(document.body.scrollTop));
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1001;
}


#preLoaderDiv,#preLoaderDiv2
{
	background-color: #5b6475;
	opacity: 0.50;
	filter: alpha(opacity=70);
}

#preloaderAnimationTxn
{
	position: relative;
	top: 35%;
	left: 35%;
		background-color:  #5b6475;
	opacity: 0.94;
	filter: alpha(opacity=70);
}

#preLoaderDivTxnProcess
{
	position: fixed;
	_position: absolute;
	_top:expression(eval(document.body.scrollTop));
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1001;
	display:none;
}

#preLoaderDivTxnProcess
{
	background-color: #5b6475;
	opacity: 0.50;
	filter: alpha(opacity=70);
	display:none;
}






/* spend by ticket CSS 23 June 2014 */
.select-brand-main-wrapper { text-align:right; margin:10px 20px 10px 0; }
.select-brand1-wrapper { float:right; margin-left: 2%; }
.select-brand1 { float:left; width:72px; line-height:33px; text-align:left;}
.select-brand2-wrapper { float:right; }
.select-brand2 {float:left; width:90px; line-height:33px; text-align:left;}
.select-box { width: 200px; float:left; }

.viewall-transaction-detials-expanded .viewall-transaction-detials-tabel td {
    border-width: 0;
    line-height: 1.2em;
    color: #5b5b5b;
}
.viewall-table td {
    color: #5b5b5b;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: 0;
}
.viewall-transaction-detials-tabel td.textbold {
    color: #5b5b5b;
    font-style: normal;
    font-weight: bold;
}
#grid .k-grid-header .k-with-icon .k-link, .grid th span {
color: #5b5b5b;
}
.k-master-row > td {
    color: #5b5b5b;
}


@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.k-grid-header {
    padding-right: 0 !important;
  }
  

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}  
  
}
/* Princy_test code starts here*/
.img_top{ padding-top: 9px;}
nav li .view { background: url("../images/Header_icon/VT_normal.png") no-repeat scroll center 10px / 32px auto ; border-radius: 50px; border:2px solid #ffffff; height: 50px; line-height: 50px !important;
    text-indent: -10000px; width: 50px; margin-top: 5px;}
nav li .view:hover {  background: url("../images/Header_icon/VT_pressed.png") no-repeat scroll center 10px / 30px auto #7d8491; border-radius: 50px; height: 50px;   width: 50px; }
nav li .view.active {  background: url("../images/Header_icon/VT_pressed.png") no-repeat scroll center 10px / 30px auto #ffffff;border-radius: 50px;height: 50px;   width: 50px; }


nav li .star { background: url("../images/Header_icon/reward_normal.png") no-repeat scroll center 12px / 40px auto ; border-radius: 50px; border:2px solid #ffffff; height: 50px; line-height: 50px !important;
    text-indent: -10000px; width: 50px; margin-top: 5px;}
nav li .star:hover {  background: url("../images/Header_icon/reward_pressed.png") no-repeat scroll center 12px / 38px auto #7d8491; border-radius: 50px; height: 50px;   width: 50px; }
nav li .star.active {  background: url("../images/Header_icon/reward_pressed.png") no-repeat scroll center 12px / 38px auto #ffffff;border-radius: 50px;height: 50px;   width: 50px; }


nav li .reporte { background: url("../images/Header_icon/report_normal.png") no-repeat scroll center 8px / 26px auto ; border-radius: 50px; border:2px solid #ffffff; height: 50px; line-height: 50px !important;
    text-indent: -10000px; width: 50px; margin-top: 5px;}
nav li .reporte:hover {  background: url("../images/Header_icon/report_pressed.png") no-repeat scroll center 8px / 25px auto #7d8491; border-radius: 50px; height: 50px;   width: 50px; }
nav li .reporte.active {  background: url("../images/Header_icon/report_pressed.png") no-repeat scroll center 8px / 25px auto #ffffff;border-radius: 50px;height: 50px;   width: 50px; }


nav li .lock { background: url("../images/Header_icon/LP_normal.png") no-repeat scroll center 10px / 24px auto ; border-radius: 50px; border:2px solid #ffffff; height: 50px; line-height: 50px !important;
   /*  text-indent: -10000px; */ z-index: 1000; width: 50px; margin-top: 5px;}
nav li .lock:hover {  background: url("../images/Header_icon/LP_pressed.png") no-repeat scroll center 10px / 23px auto #7d8491; border-radius: 50px; height: 50px;   width: 50px; }
nav li .lock.active {  background: url("../images/Header_icon/LP_pressed.png") no-repeat scroll center 10px / 23px auto #ffffff;border-radius: 50px;height: 50px;   width: 50px; }



nav li .skunew { background: url("../images/Header_icon/SKU_normal.png") no-repeat scroll center 11px / 30px auto ; border-radius: 50px; border:2px solid #ffffff; height: 50px; line-height: 50px !important;
    text-indent: -10000px; width: 50px; margin-top: 5px;}
nav li .skunew:hover {  background: url("../images/Header_icon/SKU_pressed.png") no-repeat scroll center 11px / 29px auto #7d8491; border-radius: 50px; height: 50px;   width: 50px; }
nav li .skunew.active {  background: url("../images/Header_icon/SKU_pressed.png") no-repeat scroll center 11px / 29px auto #ffffff;border-radius: 50px;height: 50px;   width: 50px; }



nav li .usericon { background: url("../images/Header_icon/User_config_normal.png") no-repeat scroll center 11px / 37px auto ; border-radius: 50px; border:2px solid #ffffff; height: 50px; line-height: 50px !important;
    text-indent: -10000px; width: 50px; margin-top: 5px;}
nav li .usericon:hover {  background: url("../images/Header_icon/User_config_pressed.png") no-repeat scroll center 11px / 36px auto #7d8491; border-radius: 50px; height: 50px;   width: 50px; }
nav li .usericon.active {  background: url("../images/Header_icon/User_config_pressed.png") no-repeat scroll center 11px / 36px auto #ffffff;border-radius: 50px;height: 50px;   width: 50px; }


nav li .basket { background: url("../images/Header_icon/eshop_normal.png") no-repeat scroll center 11px / 37px auto ; border-radius: 50px; border:2px solid #ffffff; height: 50px; line-height: 50px !important;
    text-indent: -10000px; width: 50px; margin-top: 5px;}
nav li .basket:hover {  background: url("../images/Header_icon/eshop_pressed.png") no-repeat scroll center 11px / 36px auto #7d8491; border-radius: 50px; height: 50px;   width: 50px; }
nav li .basket.active {  background: url("../images/Header_icon/eshop_pressed.png") no-repeat scroll center 11px / 36px auto #ffffff;border-radius: 50px;height: 50px;   width: 50px; }

nav li .state-management { background: url("../images/stateManagement/Header_icon/icon_state-management.png") no-repeat scroll center 11px / 37px auto ; border-radius: 50px; border:2px solid #ffffff; height: 50px; line-height: 50px !important;
    text-indent: -10000px; width: 50px; margin-top: 5px;}
nav li .state-management:hover {  background: url("../images/stateManagement/Header_icon/icon_state-management_pressed.png") no-repeat scroll center 11px / 36px auto #7d8491; border-radius: 50px; height: 50px;   width: 50px; }
nav li .state-management.active {  background: url("../images/stateManagement/Header_icon/icon_state-management_pressed.png") no-repeat scroll center 11px / 36px auto #ffffff;border-radius: 50px;height: 50px;   width: 50px; }




/* Princy_test_code ends here*/

/* Started Added CSS by Satyendra for SKU Management */

/* Raju CSS start- 19 June 2014 */
/* Department
========================================= */
.SKU-wrapper { padding-top: 20px; }
.SKU-tab {  }
.SKU-tab ul { width:98%; margin:0 auto; height:40px; }
.SKU-tab ul li { float:left; width:49.3%; height: 40px; border-radius:8px 8px 0 0; text-align:center;  margin-right:0.3%; }
.SKU-tab ul li:hover, .SKU-tab ul li.active { background:url("../images/header_menu_bg.png") repeat-x left top; }
.SKU-tab ul li:hover a { color:#ffffff; }
.SKU-tab ul li a { color:#ffffff; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; color: #5b5b5b; line-height:40px; text-decoration:none; }
.SKU-tab ul li.active a { color:#ffffff; }
.SKUmanagement-submenu { background:url("../images/subheader_menu_bg.png") repeat-x left bottom; }
.SKUmanagement-submenu ul { width:98%; padding-left:2%; margin:0; height:40px; }
.SKUmanagement-submenu ul li { float:left; text-align: center; height: 40px; border-radius:none;  display:block; width:auto; margin: 0 3%;}
.left-arrow { position: absolute; left:0; top:8px; width:30px; color:#ffffff; font-size: 20px; font-weight: bold; }
.right-arrow { position: absolute; right:0; top:8px; width:30px; color:#ffffff; font-size: 20px; font-weight: bold; }
.SKUmanagement-submenu ul li a { float:left;  color:#ffffff; line-height: 40px; height:37px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; color:#ffffff; padding:0 5px; }
.SKUmanagement-submenu ul li a.active, .SKUmanagement-submenu ul li a:hover  { border-bottom:3px solid #33a8dd; height:37px; padding:0 5px; }
.SKUmanagement-submenu ul.tab2 { float:left; width: 70%; padding:0 2%; position: relative;  }
.SKU-product { min-height: 250px;  padding-bottom: 1%;}
.SKU-product ul {  }
.SKU-product ul li { width:23%; margin: 1%; }
.product-box-wrapper { height: 100px; background:#ff0000; }
/* Raju CSS start- 19 June 2014 */


/* Princy CSS for SKU management start- 20 June 2014 */
.box1{ width:100%; margin-top:1%; min-height:260px;}
.graybox_sku{ width:23%; float:left; margin:1% 0 1% 1%; height:100%vh; background-color:#b3b3b3; min-height:250px; position:relative; z-index:0; }
.graybox_inner{ width:96%; min-height:175px; background-color:#989898; margin-top:2%; margin-left:2%;}
.products_bg{ width:23%; float:left; margin:1% 0 1% 1%; height:100%vh; background-color:#fefefe; min-height:250px; border:2px solid #eeeeee; position:relative; z-index:0; }
.bluebox_inner{ width:96%; min-height:175px; background-color:#3A74B3; margin-top:2%; margin-left:2%;font-size:30px; color:#ffffff; line-height:175px; text-align:center; }
/* Raju Css Start 23 June 2014 */
.graybox_sku-button-wrapper{ width:80%; left:10%; top: 40%; color:#FFFFFF;font-size: 20px; background-color:#3a74b3; height:50px; position:absolute; z-index:0; line-height:21px; padding-top:10px; }
.graybox_sku-button-wrapper a { color:#fff; text-decoration: none; }
.graybox_sku-button-wrapper img { float: left; margin:5px 15px 15px; }
.products_bg:hover .products_bg_over { background:url(../images/hover-bg.png) repeat top left; width: 100%; min-height:250px; left:0; top:0; position: absolute; z-index:1000; }
.products_bg .products_bg_menu { display:none; }
.products_bg:hover .products_bg_menu { background: #3a74b3; height: 40px; width: 60%; left:20%; top:40%; position: absolute; z-index:1200; display:block; text-align:center; }
.products_bg .products_bg_menu ul { padding: 3px 0; }
.products_bg .products_bg_menu ul li { float:left; width:46%; text-align: center; height: 30px;}
.products_bg .products_bg_menu ul li.addSKU { float:left; width:75%; text-align: center; height: 30px; }
.products_bg .products_bg_menu ul li.addSKU a { color:#ffffff; text-decoration:none; font-size:18px; line-height:38px; }
.products_bg .products_bg_menu ul li.addSKU img { float:left; margin:-3px 15% 0;}
.products_bg .products_bg_menu ul li.border-right-white { border-right:1px solid #fff; }
.products_bg .products_bg_menu img.view { margin:-3px 3px;}
.products_bg .products_bg_menu img { margin:-3px 3px;}
.products_bg .white_inner { background-color: #ffffff; color: #c43b95; font-size: 30px; line-height: 40px; margin-left: 2%; margin-top: 5%; min-height: 125px; text-align: center; width: 96%; }
/* Raju Css End 23 June 2014 */

.redbox_inner{ width:96%; min-height:117px; padding-top:57px; background-color:#3DAAFD; margin-top:2%; margin-left:2%; font-size:30px; color:#ffffff;text-align:center; }
.redbox_gap{ width:100%; min-height:3%;}
.darkbluebox_inner{ width:96%; min-height:175px; background-color:#C43B95; margin-top:2%; margin-left:2%; font-size:30px; color:#ffffff;text-align:center;line-height:175px;}
.purple_inner{ width:96%; min-height:175px; background-color:#F88B39; margin-top:2%; margin-left:2%; font-size:30px; color:#ffffff;text-align:center;line-height:175px;}
.orange_inner{ width:96%; min-height:175px; background-color:#836853; margin-top:2%; margin-left:2%; font-size:30px; color:#ffffff;text-align:center;line-height:175px;}
.yellow_inner{ width:96%; min-height:175px; background-color:#3AB388; margin-top:2%; margin-left:2%; font-size:30px; color:#ffffff;text-align:center;line-height:175px;}
.items{ font-size:18px; text-indent:3%; line-height:30px;}
.products_dtls{ font-size:14px; text-indent:3%; line-height:25px;}

.main_categories { float:left; width:21%; background: none repeat scroll 0 0 #f5f5f5; border-right: 2px solid; }
.categories{ width:75%; float:left; border-bottom: 1px solid #eeeeee; padding-bottom:2%; margin-left: 3%;}
.categories2{ width:75%; float:left;  padding-bottom:2%; margin-left: 3%;}
.categories_title{ color: #3a74b3; font-size: 22px; line-height: 35px; padding-top: 2%; /*text-indent: 5%;*/}
.categories ul{ margin:auto; line-height:25px; width:80%;}
.categories ul li { list-style-type:none;}
.categories ul li a { color:#000; text-decoration:none;}
.categories ul li a:hover { font-weight:bold; color:#000;}
.categories ul li.active a {font-weight:bold; }

.SKU-product2 { height: 100vh; padding-bottom: 0.2%;}
.brand_input { font-size:12px; padding:2%; width:100%;}
.range_input { width:80%}
.brand_scroll { width:90%; height:133px; overflow-y:scroll; margin-top: 3%; font-size:14px;}
.brand_scroll label { margin-left:2px; color:#999; }
.viewallbrands{ border-top: 1px solid #eeeeee; float: left;font-weight: bold; height: 50px; margin-left: 3%;  padding-top: 4%; position: relative; width: 75%; }

.price { width:100%; min-height:75px; position:relative; padding-left:3%; float:left; } 
.size { width:100%; min-height:200px; position:relative; padding-left:3%; float:left; } 
.size_box { width:40px; height:40px; background-color:#ffffff; border:2px solid #dddddd; margin:1%; text-align:center; font-weight:bold; font-size:14px; }
.products_display { width: 75%; float: right; }
.clothing_bg { float:left;  width: 30%; margin:1% 0 1% 1%; background-color: #fefefe; border: 2px solid #c43b95; border-radius: 5px; min-height: 190px; position: relative; z-index: 0; }


/* Raju Css Start 23 June 2014 */
.clothing_bg:hover .clothing_bg_over { background:url(../images/hover-bg.png) repeat top left; height: 190px; width: 100%; left:0; top:0; position: absolute; z-index:1000; }
.clothing_bg_menu { display:none; }
.clothing_bg:hover .clothing_bg_menu { background: #3a74b3; height: 40px; width: 60%; left:20%; top:40%; position: absolute; z-index:1100; display:block; text-align:center; }
.clothing_bg_menu ul { padding: 5px 0; }
.clothing_bg_menu ul li { float:left; width:49%; text-align: center; height: 30px; }
.clothing_bg_menu ul li.border-right-white { border-right:1px solid #fff; }
.clothing_bg_menu img.view { margin-top:-3px; }
.clothing_bg_menu img { margin:0px 3px;}
.white_inner { background-color: #ffffff; color: #c43b95; font-size: 30px; line-height: 40px; margin-left: 2%; margin-top: 5%; min-height: 125px; text-align: center; width: 96%; }
/* Raju Css End 23 June 2014 */

.gray_bg_product{ background-color: #5A6372; width: 96%; line-height: 45px; margin-left: 2%; color: #ffffff; font-size: 28px; text-align: center;}
.box2 { margin-top: 1%; min-height: 197px; width: 100%; }
.categories_clothingtitle { color: #3a74b3; font-size: 25px; line-height: 35px; padding-top: 2%; text-indent: 1%; font-weight: bold; letter-spacing: -1px; }

.addsku { float:left; width:21%; margin:5px 2% 0 0; background:url("../images/subheader_menu_bg.png") repeat-x left top; font-size: 24px; height: 25px; line-height:30px; text-indent: 1%; color:#ffffff; border-right:1px solid #2da3dd; }

/* Add Department
========================================= */
.department { margin:20px 20px 40px 20px; padding:0px; border: 2px solid #535353; }
.departmentselect { border: 2px solid #3a74b3; }
.department-head { height:40px; margin-bottom:20px; padding:0px 2%; border-bottom: 1px solid #cacaca; }
.department-head-text { float:left; margin-top:8px; font-size:22px; color:#3a74b3; }
.department-center-head { margin:8px 0; font-size:22px; color:#3a74b3; text-decoration:underline; text-align:center; }

.department-left { float:left; width:17%; margin:0px 2%; padding:0px; }
.department-img { margin:0px 0px 10px 0px; height:125px; padding-top:75px; background-color:#d3d3d3; border:1px solid #7e7e7e; text-align:center; font-size:24px; color:#a4a4a4; }
.btnuploadimg { font-size:18px; text-align:center; }
.btnuploadimg a { color:#535353; text-decoration:none; }
.butdivleft {  margin:8px 0px; padding:0px 0x; background:#3a74b3; font-weight:normal; font-size:18px; text-align:center; display:block; }
.butdivleft a { color:#fff; padding:5px 0; text-decoration:none; display:block; }
	
.department-right { float:right; width:78.9%; margin:0px; padding:0px; border-left: 1px solid #cacaca; }
/*  Raju Start CSS- Add department Submenu */
.department-menu { }
.department-menu ul { width:96%; margin:0 auto; margin-bottom:25px; height:40px; border-bottom:1px solid #3a74b3; padding: 0 2%; }
.department-menu ul li { float:left; width:47.3%; height: 40px; text-align:center; margin-right: 3%; }
.department-menu ul li.maring-right-none { margin-right:0px; }
.department-menu ul li a { float:left; text-align: center; line-height: 40px; width:99%; height:37px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size:22px; font-weight:normal; color: #535353; padding:0 5px; text-decoration:none; }
.department-menu ul li a.active, .department-menu ul li a:hover { border-bottom:3px solid #3a74b3; height:37px; color:#3a74b3; font-weight: bold; }
/*  Raju End CSS- Add department Submenu */

.productdetails { margin:0px 2% 20px 2%;; padding:0px; position:relative; border-bottom:1px solid #cacaca; }
.productdetails2 { margin:0px 2% 20px 2%;; padding:0px; position:relative; }
.personalinfo input.text22 { float:left; width:38%; height:24px; margin:2px 5px 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.personalinfo li.col21 { float:left; width:45%; margin:0px 2.5% 0 2.5%; paddng:0px; }
.personalinfo li.col22 { margin:0px 0 15px 5%; padding:0px; font-size:20px; }
.colspace { height:90px; }
.personalinfo .infinput { margin:-15px 0% 20px 5%; padding:0px; font-size:12px; }
.personalinfo .colorimg { margin:0px 2.5% 0 4.5%; paddng:0px; }
.butdivadd { padding:0px; margin:10px 0px 0px 4%; }
.butdivadd a { width:150px; padding:5px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }

/* SKU Detail
========================================= */
.sku-detail { margin:20px 20px 40px 20px; padding-top:20px; border:1px solid #bfbfbf; background:#f5f5f5; }
.sku-detail-left { float:left; width:17%; margin:0px 2%; padding:0px; }
.sku-detail-right { float:right; width:79%; margin:0px; padding:0px; }
.img-darkbluebox_inner { margin:0px 0px 10px 0px; height:100px; padding-top:60px; background-color:#C43B95; border:4px solid #fff; text-align:center; font-size:40px; color:#fff;
box-shadow:5px 5px 5px 0px #878787; -moz-box-shadow:5px 5px 5px 0px #878787; -webkit-box-shadow:5px 5px 5px 0px #878787; }
.iteminfo { margin:0px 5.5% 10px 5%; padding:10px; height:50px; color:#8a8a8a; border:1px solid #bfbfbf; background:#e2e2e2; }
.iteminfo label { font-size:18px; font-weight:normal; }
.leftspace { float:left; margin-left:5%; }
.lastmodnfo { float:left; margin:35px 0 10px 5px; padding:0px; }
.lastmodnfo label { color:#3a74b3; }
.skuhead { font-size:24px; font-weight:normal; height:40px; margin-top:20px; text-indent:2%; border-bottom:1px solid #3a74b3; color:#3a74b3; } 

/* End Added CSS by Satyendra for SKU Management */

/*Added by Hari for User Management*/
/* User List
========================================= */
.userlist-table th { color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight:bold; margin: 0; padding: 8px; border:1px solid #dbdbde; border-collapse:collapse; background:#f5f5f6;  }
.userlist-table td { color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 8px 10px; border-right:1px solid #dbdbde; border-collapse: collapse; }
.userlist-table td a { color:#3a74b3; text-decoration:none; }
.userlist-transaction-detials-expanded { border:1px solid #ccc; }
.userlist-transaction-detials-tabel { width:100%; cellspacing:0; background:#fff; }
.userlist-transaction-detials-tabel td  { padding: 5px 8px; border:0px solid #dbdbde; border-collapse:collapse; }
.userlist-transaction-detials-tabel td.border-right   { padding: 5px 8px; border-right:1px solid #dbdbde; border-collapse:collapse; }
.userlist-transaction-detials-tabel td.text-bold { font-weight:bold; }
.listexpand-table-wrapper { background:#f7f7f8; border:1px solid #dbdbde; padding:50px 10px 10px 10px; margin: 5px 0 5px 0; }
.listexpand-table-wrapper ul { border-bottom:0px solid #dbdbde; }
.listexpand-table-wrapper ul li { float:left; position:absolute; margin-top:-39px; width:150px; border:1px solid #dbdbde; border-bottom:0px solid #dbdbde; background:#fff; border-radius:5px 5px 0px 0;  text-align:center; font-weight:bold; padding:10px 10px; }
.view-all-transaction-alternage-td-bg-color, .tabel-td-bg  { background:#f7f7f8; }

/* Add User
========================================= */
.lockimg2 { float:right; margin:-5px;  }	
.infotext2 { float:left; margin:10px 0px 5px -25px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:24px; color:#535353; }
.coluser { float:left; width:47%; margin:1% 2.8% 0% 0%; }
.personalinfo input.text44 { width:16%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; text-align:center; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* input[type=checkbox].css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
input[type=checkbox].css-checkbox + label.css-label { padding-left:20px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; } */
.vlad{background-image:url(../images/vlad.png);}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg { padding-left:25px; margin-bottom: 20px; height:20px; display:inline-block; line-height:20px; background-repeat:no-repeat; background-position: 0 0; font-size:18px; vertical-align:middle; cursor:pointer; }
input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg { background-position: 0 -20px; }
.personalinfo input.text11 { float:left; width:64.5%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; border-right:none; border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; }
.inputicon { margin:2px 0px 0px 0px; }

/*Ended by Hari for User Management*/

/* Added by Rahul P for Department  */
.SKU-wrapper { padding-top: 20px; }
.SKU-tab {  }
.SKU-tab ul { width:98%; margin:0 auto; height:40px; }
.SKU-tab ul li { float:left; width:49.3%; height: 40px; border-radius:8px 8px 0 0; text-align:center;  margin-right:0.3%; }
.SKU-tab ul li:hover, .SKU-tab ul li.active { background:url("../images/header_menu_bg.png") repeat-x left top; }
.SKU-tab ul li:hover a { color:#ffffff; }
.SKU-tab ul li a { color:#ffffff; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; color: #5b5b5b; line-height:40px; text-decoration:none; }
.SKU-tab ul li.active a { color:#ffffff; }
.SKUmanagement-submenu { background:url("../images/subheader_menu_bg.png") repeat-x left bottom; }
.SKUmanagement-submenu ul { width:98%; padding-left:2%; margin:0; height:40px; }
.SKUmanagement-submenu ul li { float:left; text-align: center; height: 40px; border-radius:none;  display:block; width:auto; margin: 0 3%;}
.left-arrow { position: absolute; left:0; top:8px; width:30px; color:#ffffff; font-size: 20px; font-weight: bold; }
.right-arrow { position: absolute; right:0; top:8px; width:30px; color:#ffffff; font-size: 20px; font-weight: bold; }
.SKUmanagement-submenu ul li a { float:left;  color:#ffffff; line-height: 40px; height:37px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; color:#ffffff; padding:0 5px; }
.SKUmanagement-submenu ul li a.active, .SKUmanagement-submenu ul li a:hover  { border-bottom:3px solid #33a8dd; height:37px; padding:0 5px; }
.SKUmanagement-submenu ul.tab2 { float:left; width: 70%; padding:0 2%; position: relative;  }
.SKU-product { min-height: 250px;  padding-bottom: 1%;}
.SKU-product ul {  }
.SKU-product ul li { width:23%; margin: 1%; }
.product-box-wrapper { height: 100px; background:#ff0000; }

/* Add Department
========================================= */
.department { margin:20px 20px 40px 20px; padding:0px; border: 2px solid #535353; }
.departmentselect { border: 2px solid #3a74b3; }
.department-head { height:40px; margin-bottom:20px; padding:0px 2%; border-bottom: 1px solid #cacaca; }
.department-head-text { float:left; margin-top:8px; font-size:22px; color:#3a74b3; }
.department-center-head { margin:8px 0; font-size:22px; color:#3a74b3; text-decoration:underline; text-align:center; }

.department-left { float:left; width:17%; margin:0px 2%; padding:0px; }
.department-img { margin:0px 0px 10px 0px; height:125px; padding-top:75px; background-color:#d3d3d3; border:1px solid #7e7e7e; text-align:center; font-size:24px; color:#a4a4a4; }
.btnuploadimg { font-size:18px; text-align:center; }
.btnuploadimg a { color:#535353; text-decoration:none; }
.butdivleft {  margin:8px 0px; padding:0px 0x; background:#3a74b3; font-weight:normal; font-size:18px; text-align:center; display:block; }
.butdivleft a { color:#fff; padding:5px 0; text-decoration:none; display:block; }
	
.department-right { float:right; width:78.9%; margin:0px; padding:0px; border-left: 1px solid #cacaca; }
.department-menu { }
.department-menu ul { width:96%; margin:0 auto; margin-bottom:25px; height:40px; border-bottom:1px solid #3a74b3; padding: 0 2%; }
.department-menu ul li { float:left; width:47.3%; height: 40px; text-align:center; margin-right: 3%; }
.department-menu ul li.maring-right-none { margin-right:0px; }
.department-menu ul li a { float:left; text-align: center; line-height/* Ended By Neha */



/* new header menu 21 june */
.topmenu2 ul { margin:0px; padding:0px; list-style-type:none; }
.topmenu2 li { display:inline; margin:0px; }
.topmenu2 li a { float:left; margin:18px 22px 0px 22px; display:inline; text-decoration:none; }
.topmenu2 li a.vt-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/vt-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.rewards-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/outage.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reports-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/reports-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.outage-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/outage.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.utility-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/stplUtility.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reprocess-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/ReprocessTransaction.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.lost-prevention-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/lost-prevention-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.statemanagement-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/stateManagement/Header_icon/icon_state-management.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.sku-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/sku-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.user-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/user-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.eshop-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/eshop-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a:hover { background-position: 0 -67px; border-bottom:3px solid #32a5de;  }
.topmenu2 li a:active, .topmenu2 li a.active { background-position: 0 -134px; border-bottom:3px solid #32a5de; }
.topmenu2 li a.reconcilation-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/reconcile-icon.png); background-repeat:no-repeat; background-position: 0 0; }
height:37px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size:22px; font-weight:normal; color: #535353; padding:0 5px; text-decoration:none; }
.department-menu ul li a.active, .department-menu ul li a:hover { border-bottom:3px solid #3a74b3; height:37px; color:#3a74b3; font-weight: bold; }
/* Ended by Rahul P for Department  */

/* Added By Neha */
/* #dateTimeDiv { float: left; margin: 0 -101px 3px 5.1%; padding: 0;width: 44.7%;} */
/* Ended By Neha */

	

/* new header menu 21 june */
.topmenu2 ul { margin:0px; padding:0px; list-style-type:none; }
.topmenu2 li { display:inline; margin:0px; }
.topmenu2 li a { float:left; margin:18px 22px 0px 22px; display:inline; text-decoration:none; }
.topmenu2 li a.vt-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/vt-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.rewards-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/rewards-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.outage-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/outage.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.utility-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/stplUtility.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reprocess-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/ReprocessTransaction.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reports-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/reports-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.lost-prevention-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/lost-prevention-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.statemanagement-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/stateManagement/Header_icon/icon_state-management.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.sku-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/sku-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.user-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/user-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.eshop-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/eshop-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a:hover { background-position: 0 -67px; border-bottom:3px solid #32a5de;  }
.topmenu2 li a:active, .topmenu2 li a.active { background-position: 0 -134px; border-bottom:3px solid #32a5de; }
.topmenu2 li a.reconcilation-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/reconcile-icon.png); background-repeat:no-repeat; background-position: 0 0; }

/* Start Risk */
.topmenu2 li a.risk-menu-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/risk-menu-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.tooltip_risk {
	display:none;
	position: absolute;
	border:1px solid #3a74b3;
	background-color:#3a74b3;
	border-radius:5px;
	padding:20px;
	color:#fff;
	font-size:10px Arial;
	font-weight:normal;
	z-index:10000;
}

/* End Risk */
/* Start Raju 20 aug 2014 */
.button1 { 
	float:right; width: 88px; height: 37px; border: 1px solid #909090;  margin: -1px 0 0 0px; text-align: center; padding: 5px 0 0 0; cursor: pointer;  
	border-radius: 5px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; 
	background:-moz-linear-gradient(center top , #3a74b3, #3f7fc4); 
	background: -webkit-gradient(linear, center top, center bottom, from(#3a74b3), to(#3f7fc4)); 
	}
.button1:hover, .button1.selected { 
	border: 1px solid #909090; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
	background:-moz-linear-gradient(center top , #3a74b3, #3f7fc4); 
	background: -webkit-gradient(linear, center top, center bottom, from(#3a74b3), to(#3f7fc4));  	
	box-shadow: 0px 0px 10px #3a74b3; -moz-box-shadow:0px 0px 10px #3a74b3; -webkit-box-shadow:0px 0px 10px #3a74b3;
}
.button1:active { 
	border: 1px solid #909090; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
	background:-moz-linear-gradient(center top , #d4ced2, #ada9a8); 
	background: -webkit-gradient(linear, center top, center bottom, from(#d4ced2), to(#ada9a8)); 	
	box-shadow: 0px 0px 10px #3a74b3; -moz-box-shadow:0px 0px 10px #3a74b3; -webkit-box-shadow:0px 0px 10px #3a74b3;
}

/* End Raju 20 aug 2014 */
/* Added By Ashish */
.buttontrack1 { 
	width:180px; height: 42px; overflow: hidden; margin: 0; float: left; cursor: pointer;
	border-radius: 5px; border: 1px solid #909090; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	background:-moz-linear-gradient(center top , #fdfdfd, #e8e8e8); 
	background: -webkit-gradient(linear, center top, center bottom, from(#fdfdfd), to(#e8e8e8)); 
}
.buttontrack1 h2 { float:left; width:88px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#484848; text-align: center; margin: 13px 0px; padding:0px;  }

.buttontrack2 { 
	width:180px; height: 42px; overflow: hidden; margin: 0; float: left; cursor: pointer;
	border-radius: 5px; border: 1px solid #909090; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	background:-moz-linear-gradient(center top , #fdfdfd, #e8e8e8); 
	background: -webkit-gradient(linear, center top, center bottom, from(#fdfdfd), to(#e8e8e8)); 
	display:none;
}
.buttontrack2 h2 { float:left; width:88px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#484848; text-align: center; margin: 13px 0px; padding:0px;  }

.lockimg3 {
    float: right;
    margin: -5px;
}
/* Ended By Ashish */



/* Added By Neha */
/* #dateTimeDiv { float: left; margin: 0 -101px 3px 5.1%; padding: 0;width: 44.7%;} */
/* Ended By Neha */

	

/* new header menu 21 june */
.topmenu2 ul { margin:0px; padding:0px; list-style-type:none; }
.topmenu2 li { display:inline; margin:0px; }
.topmenu2 li a { float:left; margin:18px 10px 0px 10px; display:inline; text-decoration:none; }
.topmenu2 li a.vt-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/vt-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.rewards-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/rewards-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reports-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/reports-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.outage-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/outage.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.utility-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/stplUtility.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reprocess-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/ReprocessTransaction.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.lost-prevention-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/lost-prevention-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.statemanagement-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/stateManagement/Header_icon/statemanagement-header-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.sku-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/sku-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.user-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/user-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.eshop-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/eshop-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a:hover { background-position: 0 -67px; border-bottom:3px solid #32a5de;  }
.topmenu2 li a:active, .topmenu2 li a.active { background-position: 0 -134px; border-bottom:3px solid #32a5de; }

.topmenu2 li a.risk-menu-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/risk-menu-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a:hover { background-position: 0 -67px; border-bottom:3px solid #32a5de;  }
.topmenu2 li a:active, .topmenu2 li a.active { background-position: 0 -134px; border-bottom:3px solid #32a5de; }



.errorClass{
	text-align:center; width:100%; position:absolute; left:0; top:0; line-height:32px; height:0px;
}






/* Final Permission page css starts here*/


.table_title {
    color: #3A74B3;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 22px !important;
    margin: 10px 0 5px;
}


.viewall-table2 th {
    background: none repeat scroll 0 0 #F5F5F6;
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    color: #5B5B5B;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
    text-align: left;
}


.viewall-table2 td {
    border-collapse: collapse;
    border: 1px solid #DBDBDE;
    /*color: #3A74B3;*/
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
}

.viewall-table2 td a {
    color: #3A74B3;
    text-decoration: underline;
    word-wrap: break-word !important;
}
.defaultpermission {
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    height: 18px;
    margin:-41px 174px 0;
    text-decoration: none;
    width: 176px;
}

.allpermission {
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    height: 18px;
    margin:-41px -5px 0;
    text-decoration: none;
    width: 167px;
}



.bodyheadbg_permission {
    background: none repeat scroll 0 0 #3A74B3;
    padding: 6px 8px;
}



.inputpermission {
    border: 1px solid #9A9A9A;
    /* border-radius: 5px; */
    color: #8A8A8A;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 24px;
    margin: 5px 0 5px 5%;
    padding: 5px 6px;
    vertical-align: middle;
    width: 14%;
}

.role { font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;}

.padd_lft{ padding-left: 1%;}
.padd_rgt{ padding-right:0.4%;}




.chkbox_perm{ width: 20px;}
.chkbox ul { margin:0px; padding:0px; list-style-type:none; }
.chkbox li { display:inline;  margin: -61px 4px 0; }
.chkbox li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkbox li a.chkd { height: 38px; width:39px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -14px -0px;  margin-top: 2px; margin-right: -7px;}
.chkbox li a:active, .chkbox li a.active { background-position: -55px -41px;  margin-top: 0px;  }


.chkbox_perm_blue{ width: 20%; padding-left : 40%}
.chkboxblue ul { margin:0px; padding:0px; list-style-type:none; }
.chkboxblue li { display:inline;  margin: -61px 4px 0; }
.chkboxblue li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkboxblue li a.chkdblue {  height: 38px; width:39px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -7px -6px;  margin-top: 0px; }
.chkboxblue li a:active, .chkboxblue li a.active {  background-position: -7px -49px; }
.chkboxblue li a.deactive {  background-position: -7px -93px !important; }
.chkboxblue li a:active.CheckedError, .chkboxblue li a.active.CheckedError { background-image:url(../images/checkbox-sprite3-tick.png); background-position: 0px 0px;}
.chkboxblue li a:live.UncheckedError, .chkboxblue li a.live.UncheckedError { background-image:url(../images/checkbox-sprite4-blank.png); background-position: 0px 0px;}
/* .chkboxparentblue{ width: 20%; padding-left : 40%} */


.chkboxparentblue{ margin:0px; padding:0px; list-style-type:none; }
.chkboxparentblue { display:inline;  margin: -61px 4px 0; }
.chkboxparentblue  a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkboxparentblue  a.chkdparentblue {  height: 34px; width:20px;/*text-indent:-10000px;*/ background:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -18px -14px;  margin-top: -1px; z-index: 1;}
.chkboxparentblue  a:active, .chkboxparentblue a.active {  background-position: -18px -57px; }
.chkboxparentblue  a.deactive {  background-position: -7px -49px !important; }
.chkboxparentblue a.dott{background:url(../images/checkbox-sprite3.png) left -4px no-repeat; position: absolute; z-index: 1; margin-top: 2px; margin-left: -2px;  width: 30px;}

.Default_chkbox_perm{ width: 20px;}
.Default_chkbox ul { margin:0px; padding:0px; list-style-type:none; }
.Default_chkbox li { display:inline;  margin: -61px 4px 0; }
.Default_chkbox li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.Default_chkbox li a.Default_chkd { height: 38px; width:39px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -14px -0px;  margin-top: 2px; margin-right: -7px;}
.Default_chkbox li a:active, .Default_chkbox li a.active { background-position: -55px -41px;  margin-top: 0px;  }




/* Final permission page css ends here */ 

/*for red message*/
 .msg_red_new {float: left;  height: 25px;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 100% !important;
    z-index: 1000;
}

.footernew {
    background-color: #f5f5f5;
    bottom: 0;
    height: 60px;
    position: absolute;
    width: 100%;
}
    .reportcolC .k-select .k-icon,  .k-button-group .k-tool-icon {
    background-repeat: no-repeat;
    background: url("../images/icon-blue_downarrow.png");
    border-color: transparent;
    display: inline-block;
    font-size: 0;
    height: 9px;
    line-height: 3.6em;
    margin-top: 20px;
    overflow: hidden;
    text-align: center;
    width: 13px;
}


/* Reversal -- Princy
========================================= */

.bodyheadbg_new { background: none repeat scroll 0 0 #3a74b3; margin-top: 10px; padding: 6px 0px;}

.reversal_graph { padding-top:20px; padding-bottom:10px; text-align:center; }

.total_amt {border-left: 3px solid #9932cc; height: 47px;  padding-left: 8px; width: 22%; float:left; margin-right:3%; }
.total_amt_txt { font-size:15pt; color:#333333; border-bottom:1px solid #333;}
.total_count {border-left: 3px solid #1bb8fa; height: 47px;  padding-left: 8px; width: 22%; float:left; margin-right:3%; }
.total_count_txt { font-size:15pt; color:#333333; border-bottom:1px solid #333;}
.count{ font-size:14pt;}
.rev_title { width:40%; float:left; font-size:15pt; color:#333333; }

.icon_zoom{  width:5%; float:right;}
.info_head_rev {  border-color: -moz-use-text-color -moz-use-text-color #d1d1d1;  border-image: none; border-style: none none solid; border-width: 0; bottom: 0; margin: 20px 0;  padding: 0 5%;}
.signup_rev {  background: none repeat scroll 0 0 #fbfbfb;  border: 1px solid #d1d1d1; border-radius: 5px; box-shadow: 0 3px 1px 0 rgba(163, 163, 163, 1); margin: 0; padding: 0;  position: relative;}
.heading {color: #333333; float: left;  font-size: 15pt; width: 100%; line-height: 40px;/* border-bottom: 1px solid #3A74B3;*/ margin-bottom: 1%;}
.main_container { /*height:430px;*/ padding:0 5%;}
/* Raju 10 Nov 14 */
.invisible {visibility: hidden;}
.dateinfo li { background: none repeat scroll 0 0 #fff; border: medium none; display: block; margin: 0px; padding: 0; }
.deligence_graph-wrapper { margin:1.5%; }
.personalinfo li.col9  { float:left; width:27.7%; margin:0 2.5%; padding:0px; }

/* Inactive Store */
.close-days { float:left; height: 35px; margin:10px 0 5px 6.2%;  padding:0px; width: 27%;}
.close-days img { float: left;}
.close-date {float:left; font-weight: bold; margin: 6px 7px 0;}
.close-date-day {float:left; margin: 6px 0 0;}
.viewall-transaction-detials-expanded{min-height: 20px}


/* Access Module - 26th Dec 2014*/
.filter_new { background: none repeat scroll 0 0 #f7f7f8; height: 49px; margin: 0; padding: 0; width: 97.9%; margin-top:1%; margin-bottom:1%; border-top:1px solid #dddddd; border-bottom:2px solid #ebebeb; padding-left:2%;} 
.filter_new1 { background: none repeat scroll 0 0 #f7f7f8; height: auto; margin: 0; padding: 0 0 14px 2%; width: 97.9%; margin-top:1%; margin-bottom:1%; border-top:1px solid #dddddd; border-bottom:2px solid #ebebeb; } 
.filter_new2 { background: none repeat scroll 0 0 #f7f7f8; height: auto; margin: 0; padding: 0 0 14px 2%; width: 97.9%;  border-top:1px solid #dddddd;  } 
.grp_name{ font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 20px; color:#333333;}
.grp_name label { margin:0; width:25%; clear:left; /*display:block;*/ padding:1px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#535353; }
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height: 24px; margin: 5px 0 4px 44px; padding: 5px 6px; vertical-align: middle; width: 80%;}

.input_width{ width:76.5% !important; margin-left: 8% !important;}

.inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height: 24px; margin: 5px 0 5px 2%; padding: 5px 6px; vertical-align: middle; width: 24%;}
.revenue_graph_access { background: none repeat scroll 0 0 #f6f6f6; margin-bottom: 20px; padding: 0; width: 100%; border-top:1px solid #dddddd; border-bottom:2px solid #ebebeb; height:280px;}


#multinav ul {/*margin:0;*/ padding:0; list-style-type:none;   margin: 11% 12% 0; }
#multinav ul li { display: inline; /*IE 6*/}
#multinav ul li a { display:block; background:#3a74b3; width:150px; text-decoration:none; padding:8px/*padding for top, bottom*/ 0px /*padding for left, right*/; border-bottom:6px solid #eeeeee; border-top:1px solid #cccccc; /*border-left:5px solid #333333;*/ color:#ffffff; text-align:center;}
#multinav ul li a:hover { border-left-color:#0099FF; color:#ffffff; background:#3a74b3; }


.sel_box{/* width:25%;*/ float:left; height:inherit;}
.sel_bx_width{ width:490px; height:230px;}
.innr_box_sel{ width:98%; float:right;}
 
 select option{ font-size:12px; line-height:25px}
.myprofile_new { margin: 0;   /*padding-left: 70px;*/ padding-top: 15px;}
.selecttext_new { float:left; margin:-50px 0 0 47px; padding:5px 35px 5px 5px; /*top:3px;*/ position: absolute; border:1px solid #9a9a9a; height:19px; background:#f7f7f8 url(../images/icon-close.png) right no-repeat; background-position: 100% center; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; 5px; }
.selecttext_new2 { float:left; margin:-77px 0 0 47px; padding:5px 35px 5px 5px; /*top:3px;*/ position: absolute; border:1px solid #9a9a9a; height:19px; background:#f7f7f8 url(../images/icon-close.png) right no-repeat; background-position: 100% center; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; 5px; }
.selecttext_new3 { float:left; margin:-77px 0 0 175px; padding:5px 35px 5px 5px; /*top:3px;*/ position: absolute; border:1px solid #9a9a9a; height:19px; background:#f7f7f8 url(../images/icon-close.png) right no-repeat; background-position: 100% center; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; 5px; }
.country_multibox { line-height:45px; padding-top:2px; padding-bottom:2px;}

.left_access{ width:50%; float:left;}
.right_access{ width:100%; float:left;}

.personalinfo textarea{   background: none repeat scroll 0 0 #fff;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    color: #8a8a8a;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    /*height: 24px;*/ resize:none;
    margin: 2px 0 17px 5%;
    padding: 5px 6px;
    vertical-align: middle;
    width: 85%; 
    }
    
 .textarea_custom{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    color: #8a8a8a;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    /*height: 24px;*/ resize:none;
    margin: 2px 0 17px 0% !important;
    padding: 5px 6px;
    vertical-align: middle;
    width: 85%; 
    }
    
.grid thead th a.k-link,.grid th span  {
	font-weight: bold;	
}
.grid .k-pager-sizes,.grid .k-pager-info , .grid .k-link, span.k-label{
color : white
}
.grid a.gridLink{
	text-decoration:underline;
	cursor:pointer;
	color : #5b5b5b;
}
.grid tbody tr{
	color : #5b5b5b;
}

.ticketidtable .viewall-table td { border: 1px solid #DBDBDE!important; }
.search-wrapper {float:left; margin-left:1%;}
.margn_top_5 { margin-top:5px; }
.padding_top_15 {padding:7px 0px;}
.add-store-text { float:right; margin-right:1%; padding-top:8px!important; }
.add-store-text a { font-size:16px; color:#5B5B5B; text-decoration:none; line-height:25px;}
.add-store-text img { float:left; margin-right:10px; }


/* User Module - 28th Jan 2015*/
.close_popup_new {  background:url(../images/close_x.png) no-repeat; width:43px; height:39px;  padding:0px;cursor:pointer; position:absolute; right:-22px; top:-20px; }
.padding-left-10 {padding-left:10px;}
.text-box-disable { background:none!important; border:0px!important; color:#3A74B3!important; margin-bottom:10px!important;}
.password-conditions2 { margin:22px 0 0 15px; float: left; margin-bottom: 20px; width: 195px; }
.password-conditions2.secondpopup { margin:84px 0 0 15px; float: left; margin-bottom: 20px; width: 195px; }
.password-conditions2 ul li {display:block;  }
.salespopup2 {margin-top:10px; padding-bottom:10px;}
.salespopup2 ol { float: left; list-style: none outside none; margin: 0; padding: 0; width: 290px; }
.buttons a { padding:5px 20px; margin-right:10px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }
.buttons a:focus {text-decoration:none;}
.border2 { padding:10px; margin:0px 0px 30px 0psalespopup; border-top:1px solid #3a74b3; }
.margin_top_10 {margin-top: 10px!important;}
.password-conditions2.secondpopup { margin:33px 0 0 15px; float: left; margin-bottom: 20px; width: 195px; }




.adduserpopup {width:550px; height:490px; overflow:auto;}
.border_adduser { border-top: 1px solid #3A74B3; padding: 10px 5%; margin:5px 0 10px 0; }
/* Start Risk */

.refund-menu ul li:hover span {color:#6190c2;}
.refund-menu ul li .active span {color:#6190c2;}
.clear_new { clear:both;}
.risk_tooltip { margin:0px 0 10px 0; padding:0px ; }
.risk_tooltip .info_head { margin:0px 0px 20px; }

.bin-range-wrapper { margin:30px 0 20px; }
.binrange-table {  margin:15px 1.5% 0; padding:0 0 30px 0; }.filter1.risk-advance-filter { width:122px; }
.binrange-table .ticketid {padding: 5px 0.5%;}
.personalinfo.address_Verification {width:100%;}
.address_Verification li {float:left;}
.address_Verification li.risk-title {width:32%; padding-top:28px;}
.address_Verification li.risk-title img {margin-right:5px;}
.address_Verification li.risk-input {width:30%;}
.address_Verification li.risk-question-mark {width:3%;}
.address_Verification li.risk-question-mark img { margin-left: -12px;  margin-top: 14px;}
  
.address_Verification li.risk-input .selecttext{ left:19px; top:27px;} 
.address_Verification li.risk-input img.rangebar{margin:2px 0 17px 5%; width: 88%;}
.address_Verification li.setbin {width:30%; padding-top:28px;}
.address_Verification li.risk-plus-icon {width:5%;}
.address_Verification li.risk-plus-icon img {margin-top:10px;}

.address_Verification li input.negative-amt { color:#ff0000;}

.IP-title-wrapper { margin:0px 0 20px; padding:0px 0; bottom:0; border:0; border-bottom:1px solid #d1d1d1; } 
.address_Verification li.IP-title { float:left; padding-top: 0px;  width: 60%; }
.address_Verification .infotext {margin-left: 2.5%; margin-right: 2.5%;}
.blank-div { float: left; width:70%; }

.risk-input .kendo-select { width:85%; min-height:32px; margin:2px 0% 17px 5%; padding:2px 0px 0; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.risk-input .kendo-select .k-multiselect.k-header {border:none;}
.risk-input .kendo-select .k-multiselect {border-radius: 0px;  margin:0;}
.risk-input .kendo-select .k-multiselect-wrap {min-height:1.04em; color:#8a8a8a;}
.risk-input .kendo-select .k-input {color:#8a8a8a; margin-top:2px; font-size:15px;}
.risk-input .kendo-select .k-button {color:#5b5b5b;}
.slider-img-wrapper {margin-left:5%;}
.visible-hidden {visibility: hidden;} 
.flag_red{ float:right; margin-right:4%;}

.binrange-table.cursor_none table.tickettable a { cursor:inherit;}
.deny-flag-transaction-ft {font-size:19px;}

/* 26 May 15 */
.add-button { float:right; width:40px; margin-left: 2.5%; margin-right: 2.5%; }
.add-ip { margin:10px 0 0; padding:5px 20px 10px 20px; width:320px; color:##8a8a8a; }
.add-ip input.text { color:#8a8a8a; }
.margin_bot_0 { margin-bottom:0;}



/* End Risk */

/* Start Bulk Approval Transaction */

.bulk-approval-wrapper { font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;  font-size: 18px; }
.bulk-approval-wrapper table { margin:10px 0 20px; }
.bulk-approval-wrapper table td.approval-title { font-size:18px;  }
.bulk-note {margin:0 0 20px; font-size:16px;}
.bulk-approval-wrapper table td.total-transction-text { color: #3a74b3; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 18px; }
.bulk-approval-wrapper table td.processed-successfully-text { color: #6bc681; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 18px; }
.bulk-approval-wrapper table td.failed-text { color: #e77260; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 18px; }

/* End Bulk Approval Transaction */

/* added by princy _ pop up 20 Feb 2015 */

.left_menu_new { width:26%; float:left; height:auto;  border-right:5px solid #dedede; min-height:479px;}
.right_menu { width:71%; float:right;}




.hgt_lft_new { height:410px; margin-bottom:15px; overflow-y:scroll;}
.hgt_lft_new2 { min-height:250px;}


.filter_day2{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 25px;
    margin: 0 0 20px;
    padding: 5px 2%;
    width: 94%;
}


.filter_day2 a { text-decoration:none; color:#535353;}


.fil_col { color:#3a74b3;   font-size: 18px; line-height: 30px;}


<!-- -->
.salespopupp2 {
    margin: 0;
    padding: 5px 20px;
    width: 460px;
}
.salespopupp2 ol {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.salespopupp2 li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: block;
    margin: 0;
    padding: 0;
}
.salespopupp2 li.buttons {
    margin: 5px 0;
}
.salespopupp2 li.buttons a:focus{text-decoration:none;text-shadow: 0 0 6px #ffffff;} 
.salespopup2 li.buttons a:focus{text-decoration:none;text-shadow: 0 0 6px #ffffff;} 
.salespopupp2 label {
    clear: left;
    color: #535353;
    display: block;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 1px 0;
    width: 96%;
}
.salespopupp2 input.text {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 25px;
    margin: 0 0 20px;
    padding: 5px 2%;
    width: 92%;
}
.salespopupp2 textarea.reporttextarea {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dedede;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 3px 0 15px;
    padding: 5px 2%;
    width: 56%;
}
.salespopupp2 textarea {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 3px 0 23px;
    padding: 5px 2%;
    resize: none;
    width: 96%;
}
.salespopupp2 li.buttons {
    margin: 10px 0 30px;
    padding: 0;
}
.salespopupp2 li.border {
    border-bottom: 1px solid #3a74b3;
    padding: 0;
}
.salespopupp2 li.buttons a {
    background: none repeat scroll 0 0 #3a74b3;
    color: #fff;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-right: 10px;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
}
.state_wrapper {
    position: relative;
}
.selecttext {
    background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 19px;
    margin: 0 0 0 5px;
    padding: 5px 35px 5px 5px;
    position: absolute;
    top: 28px;
}
.salespopup2 li.bigtext {
    font-size: 24px;
    margin: 0;
    padding: 25px 0;
    text-align: center;
}

.checkboxx {
    font-size: 18px;
    margin: 0;
    padding: 12px 0;
    text-align: center;
	width:50%;
	text-align:left;
	float:left
}


.bar_n { width:100%; height:94px; border-bottom:#d4d3d3 2px solid; }
.chk_bx {  width:100%; position:relative; height:auto; background-image:url(../images/bar.png); background-repeat:repeat-x;}
.dte { background-image:url("../images/icon-calendar.png") !important; background-repeat:no-repeat !important; background-position:right !important; background-size:21px 24px !important;}
<!-- -->

.ca-menu {
    margin: 0 auto;
    padding: 0;
}
.ca-menu li {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    display: block;
    height: 50px;
    margin-bottom: 4px;
    overflow: hidden;
	 margin-left: -19px; line-height:50px;
	 padding-top:3px;
	 padding-bottom:1px;
	 }
.ca-menu li:last-child {
    margin-bottom: 0;
}
.ca-menu li a {
    color: #3a74b3;
    display: block;
    float: right;
    height: 100%;
    position: relative;
    text-align: left; font-size:15px;  color:#535353; text-decoration:none;
    width: 94%;
}
.ca-icon {
    font-family: "WebSymbolsRegular",cursive;
    font-size: 20px;
    left: 20px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 1px #333;
    transition: all 300ms linear 0s;
    width: 90px;
}
.ca-content {
    height: 60px;
    left: 120px;
    position: absolute;
    top: 20px;
}
.ca-main {
    font-size: 16px;
    transition: all 300ms linear 0s;
}
.ca-sub {
    color: #666;
    font-size: 14px;
    transition: all 300ms linear 0s;
}
.ca-menu li:hover {
    background-color: #e2e2e2;
    background-image:url("../images/arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #3a74b3;
    border-right: 5px solid #3a74b3;
    border-top: 3px solid #a4a4a4;
	padding-top:0px;
	padding-bottom:0px;
}
.ca-menu li:hover .ca-icon {
    font-size: 16px;
    text-shadow: 0 0 1px #fff004;
}
.ca-menu li:hover .ca-main {
    color: #3a74b3;
    font-size: 16px;
}
.ca-menu li:hover .ca-sub {
    color: #3a74b3;
    font-size: 16px;
}
.ca-menu li:active {
    color: #3a74b3;
    font-size: 16px;
}

.cal1 { width:48%; float:left;}
.cal2 { width:48%; float:right;}

.sel { border:none; background:none; width:100%; font-size:14px;}

/* Schedule */ 

.select-input {
    background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 19px;
    margin: 0 0 5px 5px;
    padding: 5px 35px 5px 5px;

    top: 28px;
}

.input-dropdown-wrapper {background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    min-height: 25px;
    margin: 0 0 20px;
    padding: 5px 2% 0 2%;
    width: 92%;}


/* footer start*/
 #footWrap {
    /*background: url("../images/footerbg2.jpg") repeat-x scroll left top #4282c2;*/
    /* background: -moz-linear-gradient(0deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%); ff3.6+
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(43,87,146,1)), color-stop(56%, rgba(67,132,197,1)), color-stop(100%, rgba(43,87,146,1))); safari4+,chrome
background: -webkit-linear-gradient(0deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%); safari5.1+,chrome10+
background: -o-linear-gradient(0deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%); opera 11.10+
background: -ms-linear-gradient(0deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%); ie10+
background: linear-gradient(90deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%); w3c
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b5792', endColorstr='#2b5792',GradientType=1 ); ie6-9
box-shadow:    inset 0 5px 5px #2f5d8b;
-moz-box-shadow:    inset 0 5px 5px #2f5d8b;
-webkit-box-shadow: inset 0 5px 5px #2f5d8b;
box-shadow:        inset 0 5px 5px #2f5d8b; */
    height: auto;
    background-color:#fff;
    margin: 0;
  height:auto;
  float:left;
  width:100%;   
}
#footer {    /*background: url("../images/footerbg2.png") no-repeat scroll center top;*/ /* background: -moz-linear-gradient(0deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%);  *//* ff3.6+ */
/* background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(43,87,146,1)), color-stop(56%, rgba(67,132,197,1)), color-stop(100%, rgba(43,87,146,1))); safari4+,chrome
background: -webkit-linear-gradient(0deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%); safari5.1+,chrome10+
background: -o-linear-gradient(0deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%); opera 11.10+
background: -ms-linear-gradient(0deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%); ie10+
background: linear-gradient(90deg, rgba(43,87,146,1) 0%, rgba(67,132,197,1) 56%, rgba(43,87,146,1) 100%); w3c
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b5792', endColorstr='#2b5792',GradientType=1 ); ie6-9
box-shadow:    inset 0 5px 5px #2f5d8b;
-moz-box-shadow:    inset 0 5px 5px #2f5d8b;
-webkit-box-shadow: inset 0 5px 5px #2f5d8b;
 *//* box-shadow:        inset 0 5px 5px #2f5d8b; */   padding:0px 0px 0px;    text-align: left; height:auto;   min-height:100px; max-height:172px;  width:100%;}
#footer p{margin-top:24px; padding:0; font-family:"MyriadProRegular",Arial,Helvetica,sans-serif; font-size:16px; color:#000; margin-left:0px}
.footlogo{ margin:14px 5px 0 0; margin-left:0px;}
.socialicon{ margin: 10px 10px 0 0;    padding: 0; margin-right:0px; }
.socialicon h1{display:block; margin:0; padding:0; font-size:14px; font-weight:400; color:#fff}
.socialicon ul{margin:0; padding:0; list-style-type:none; float:right;}
.socialicon li{display:inline; margin:0; padding:0}
.socialicon li a{float:left; margin:2px 5px 11px 0; display:inline; text-decoration:none}
.socialicon li a.twitter{width:24px; height:24px; text-indent:-10000px; background-image:url(../images/twitter.png); background-repeat:no-repeat; background-position:0 0; background-size:24px}
.socialicon li a.facebook{width:24px; height:24px; text-indent:-10000px; background-image:url(../images/facebook.png); background-repeat:no-repeat; background-position:0 0; background-size:24px}
.socialicon li a.linkedin{width:24px; height:24px; text-indent:-10000px; background-image:url(../images/linkedin.png); background-repeat:no-repeat; background-position:0 0; background-size:24px}
.socialicon li a.googleplus{width:24px; height:24px; text-indent:-10000px; background-image:url(../images/googleplus.png); background-repeat:no-repeat; background-position:0 0; background-size:24px}
.socialicon li a.aurusincblog{width:24px; height:24px; text-indent:-10000px; background-image:url(../images/wordpress-aurusincblog.png); background-repeat:no-repeat; background-position:0 0; background-size:24px}
.socialicon li a.youtube{width:24px; height:24px; text-indent:-10000px; background-image:url(../images/youtube.png); background-repeat:no-repeat; background-position:0 0; background-size:24px}
.socialicon li a:hover{background-position:0 -24px}
.paymentcards{  margin:3px 0 0 7px; float:left;}
.paymentcards h5{ text-align:center;  color:#fff; font-weight:normal; padding:0px; margin:6px 0 3px; font-size: 100%;}
.paymentcards ul{margin:0; padding:0; list-style-type:none}
.paymentcards li{margin:0; padding:0 0px; display:inline-block}
.paymentcards li img{margin:0; padding:0 1px;}
.foot_lo_social{ float:right;}
.pull-right { float: right !important;}
.pull-left { float: left !important;}

/* added cards by nitin  */
.copyrights{ width:37%; float:left; margin-left:10px; }
@media screen and (min-width:320px) and (max-width:767){
.logo{margin:0; float:none}
#footer p { margin-top:5px; width:100% !important; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:12px; color:#fff;  text-align:center; }

.socialicon { margin: 0 10px 0 0; padding: 0;}
.mobil-border { border-bottom: 1px solid #528ac2;    text-align: center;}
.socialicon h1 { color: #fff; display: block; font-size: 14px; font-weight: 400; margin: 0; padding: 0; text-align: left;
}
}
@media screen and (min-width:320px) and (max-width:480px){
.logo{margin:0; float:none}
.mobil-border{ border-bottom:1px solid #528ac2; text-align:center;}
.foot_lo_social { float: none; width: 100%;}
.footlogo { margin: 21px 5px 0 9px; }
.paymentcards{ width:100%; margin: 3px 1%; float:none;}
.paymentcards li img { margin-bottom: 5px; margin-top: 0;}
#footer p { margin-top:5px; width:100% !important; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; color:#fff;  text-align:center; }
.copyrights { float: left; width: 100%;}
.socialicon { margin: 0 10px 0 0; padding: 0;}
.pull-right { float: right !important;}
.pull-left { float: left !important;}
}
@media screen and (min-width:320px) and (max-width:767px){ 
.copyrights { float: none; margin-left: 10px;    width: 100%; text-align:center;}
.paymentcards { float: none; margin: 14px 0 2px; width: 100%; text-align:center;}
.foot_lo_social{ float:none; width: 100%;	text-align:center;}
}

@media screen and (min-width:768px) and (max-width:950px){ .paymentcards li img{ width:100%; margin-top:8px;}}
@media screen and (min-width:951) and (max-width:2000){.paymentcards li img{ width:100%; margin-top:8px; max-width:100%;}}

@media screen and (min-width:768px) and (max-width:1024px){
.paymentcards { float: left; margin: 0px 0px 0px 0px; text-align: center; width:36%;  }
.paymentcards ul{margin:0; padding:0; list-style:none}
.paymentcards li{margin:0; padding:0 0px; display:inline-block}
#footer p { margin-top:5px; width:100% !important; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; height: 35px; text-align:center; }
.footlogo { margin: 29px 5px 0 0;}
.copyrights { float: left; padding-top: 2%; width: 25%;}}
/* End Footer */

.approvedcard-amt {font-size:20px; font-weight:normal; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;}
.approvedcard-amt ol li {margin:18px 0;}
/*Device Management */

.topmenu2 li a.dm-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/Devicemgt.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.ticketingSys-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/DepotModule.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.CampaignSurvey-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/Survey-icon.png); background-repeat:no-repeat; background-position: 0 0; }

.topmenu2 li a.dm-icon-new { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/asset_management_icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a:hover { background-position: 0 -67px; border-bottom:3px solid #32a5de;  }
.dev_title {color:#485158; font-size:25px; text-align: center; line-height: 65px; border-bottom: 2px solid #3B74B3;}
.dev_arr {
    border-color: #3B74B3 transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    height: 0;
    margin-left: 50%;
    width: 0;
}
.desc { font-size: 18px; color: #454545; line-height: 25px;  padding-bottom: 2%;}
.desc span {color: #3B74B3;}
.mg_top1 { margin-top: 2%}

.icon-csv { background:url(../images/CSV-export.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important;}
.icon-sum { background:url(../images/Summary.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important;}
.icon-graph { background:url(../images/Graph.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important;}
.icon-expor { background:url(../images/export.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important; font-size:18px;}
.icon-userr { background:url(../images/export.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 38px 0 !important; color:#3A74B3!important;}
.personalinfo li.col5_n  { float:left; width:19.9%; margin:0px 0% 0 0%; padding:0px; }
.scrollableDiligenceFilter:hover { overflow-y: auto!important; }
.icon-storeGroupUpload { background:url(../images/file-upload.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important;}
.icon-storeGroupUI { background:url(../images/store-select.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important;}

/* advance
===================================== */
.refund-menu1 { width:99%; margin:20px 0% 5px 1%; padding:0px; }
.refund-menu1 ul { margin:0px; padding:0px; list-style:none; }
.refund-menu1 li { width:23%; margin:0px 1% 0px 1%; padding:0px; float:left; }
.refund-menu1 li.iconwidth { width:30%; margin:0px 1% 0px 1%; padding:0px; float:left; border-right: 1px solid #3a74b3;  }
.refund-menu1 li.bordernone { border-right: 0px solid #3a74b3;  }
.refund-menu1 li a { float:left; width:100%; padding:0px 0%; line-height:3px; display:block; font-size:20px; text-align:center; text-decoration:none; color:#5b5b5b; }
.refund-menu1 li a span { display:block; padding-top:56px; }
.refund-menu1 li a:hover { }
.refund-menu1 ul li:hover, .refund-menu ul li.active { color:#5b5b5b; /*background:#ccc;*/ border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.add_fav {float: right; width: 100%;}
.add_fav1 {float: left;  margin-top: 1%;  width: 50%;}

.fav_fil { background: url(../images/fav.png) no-repeat center 2px; display:block; background-size:60px 40px; }
.fav_fil:hover, .fav_fil.active { background:url(../images/fav_h.png) no-repeat center 2px; display:block; background-size:60px 40px; }
hr { background-color: #3A74B3; color: #3A74B3; margin-top:3%; margin-bottom: 3%;}


/* .textfields { padding:0px; margin:-12px 0 -11px 2%;float: left;width: 58%;}
.textfields a {
    background: #3a74b3 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-left: 15%;
    margin-right: 21px;
    margin-top: -9%;
    padding: 4px 5px;
    text-align: center;
    text-decoration: none;
    width: 150px;
} */
#filtername,#dfiltername{
	height: 17px; margin-left: 27%;margin-top: -4%; border-radius: 0 !important; width: 33%;
	
}

.filter_nw {height: 17px; margin-left: 27%;margin-top: -4%; border-radius: 0 !important; width: 33%;}
.arr_permission_title {
	margin-left: -44px; 
	position: absolute; 
	margin-top: 6px;
    
}
.addcorpuserpopup
{
 height: 283px;
}
/* Recognized Device
===================================== */
.body_bg1{ margin:0 auto; padding:0; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }
.body_bg2{ margin:0 auto; padding:0; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }
.emptyGridMessage{ margin: 15px 0 0px 0; text-align: center; vertical-align: middle; font-weight:bold; font-style:normal; font-size:18px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; color:#5b5b5b;}
/* Card Bin Filter CSS Start*/
.cardbingridclass{
	margin: 0 5%;
    position: relative;
    width: 90%;
}

.cardbingridclass .k-grid-toolbar {
    background: #3a74b3 none repeat scroll 0 0 !important;
/*     margin-top: 10px; */
}

.cardbingridclass .k-grid-toolbar a
{
    background: none repeat scroll 0 0;
    color: #ffffff !important;
    margin-top: 0 !important;
    font-color: white !important;
}

.cardbingridclass .k-grid-pager{
	background: #3a74b3 none repeat scroll 0 0 !important;
}

.cardbingridclass .k-button {
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 95%;
}

.cardbingridclass .k-pager-wrap > .k-pager-numbers .k-state-selected {
    background-color: #3a74b3;
    border-color: #3a74b3;
    min-width: 2em;
}
.cardbingridclass .k-pager-wrap > .k-pager-numbers .k-state-selected {
    background: #ffffff none repeat scroll 0 0;
    color: #3a74b3;
}

.cardbingridclass .k-pager-wrap > .k-link {
    background: #ffffff none repeat scroll 0 0;
}
.cardbingridclass .k-link:link, #grid .k-link:visited, .cardbingridclass .k-nav-current.k-state-hover {
    color: #ffffff;
}

.cardbingridclass .k-button, .k-textbox, .k-timepicker {
    margin-top: 0 !important;
}

/* Card Bin Filter CSS End */

/* VT sale Middle line height */
.colK.middle_line {height:578px}
.colK-transaction2.middle_line_transaction2 {height:578px}

.bill_info_box_height {min-height:78px}


.personalinfo li.col_lh_side {float: left;   margin: 0 2% 0 4%;    padding: 0;    width: 44%;}
.personalinfo li.col_rh_side {float: left;   margin: 0 4% 0 2%;    padding: 0;    width: 44%;}




.personalinfo li.col_lh_side label, .personalinfo li.col_rh_side label  {
    color: #5b5b5b; display: block; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 18px; font-weight: normal; margin: 0 ; padding: 0; width: 100%;}
 
 
.personalinfo li.col_lh_side  input.text, .personalinfo li.col_rh_side input.text { background: #fff none repeat scroll 0 0; border: 1px solid #9a9a9a; border-radius: 5px; box-shadow: 0 0;
color: #8a8a8a; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height: 25px; margin: 2px 0 17px 0%; padding: 5px 2%; vertical-align: middle;
width: 96%;}

.personalinfo li.col_lh_side .countryState, .personalinfo li.col_rh_side .countryState  { margin-left: 0px; margin-top: 2px; width: 100%;}

.personalinfo li.col4_lh { float: left;   margin: 0 2% 0 4%;    padding: 0;    width: 20%;}
.personalinfo li.col4_rh { float: left;   margin: 0 0% 0 2%;    padding: 0;    width: 20%;}

.personalinfo li.col4_lh label, .personalinfo li.col4_rh label {
    color: #5b5b5b; display: block; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 18px; font-weight: normal; margin: 0 ; padding: 0; width: 100%;}

.personalinfo li.col4_lh input.text, .personalinfo li.col4_rh input.text { background: #fff none repeat scroll 0 0; border: 1px solid #9a9a9a; border-radius: 5px; box-shadow: 0 0;
color: #8a8a8a; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; height: 25px; margin: 2px 0 17px 0%; padding: 5px 2%; vertical-align: middle;
width: 96%;}

.personalinfo li.col4_lh .countryState, .personalinfo li.col4_rh .countryState  { margin-left: 0px; margin-top: 2px; width: 100%;}

/* CSS Raju 6 March 2018 */
header.help_header {position: fixed; width: 100%; top:0; z-index:10000;}
.help_header_space {height:91px; width:100px;}

#sidebar-wrapper.helpmenu {  bottom: 0; top:91px;}
ul.sidebar-nav.helpmenulist {padding-bottom: 180px;}
.footer_space{
	height:80px;
}
.footer_allign{
	position: fixed;
	bottom: 0; 
	z-index: 100000;
}

/* Start Survey page */

.topmenu2 li a.sc-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/Survey-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a:hover { background-position: 0 -67px; border-bottom:3px solid #32a5de;  }
.topmenu2 li a:active, .topmenu2 li a.active { background-position: 0 -134px; border-bottom:3px solid #32a5de; }
.survey_questiion_wrapper { margin:0px; padding:0px; position:relative;}
.survey_questiion_wrapper_bottom_line{border-bottom:1px solid #d1d1d1;  padding: 10px; padding-bottom: 15px;}
.survey_btn{margin: 30px 0px 30px 3.8%;}

.colI.survey_right_col {
    float: left;
    width: 47.8%;
    margin: 1% 0% 0% -0%;
}

.personalinfo li.col4.survey_time {
	position: relative;
    float: left;
    width: 18.6%;
    margin: 0px 0% 0 3.8%;
    padding: 0px;
}

.personalinfo li.col4.survey_time span.dollor_symbol{
padding: 0% 0%;
position: absolute; top:42%; left: 0;
font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
color: #5b5b5b;}

.personalinfo li.col4.survey_time .text_n{width: 82%;
height: 24px;
margin: 2px 0% 17px 9%;}
.personalinfo li.col span.add_question_char_limit, .personalinfo li.col2 span.add_question_char_limit{font-size:14px ; color:#5b5b5b; font-style: italic;}
.personalinfo input.text_n.anserbox {
    width: 72%;
    height: 24px;
    margin: 2px 0% 17px 0%;}

.personalinfo input.text_n { width:85%; height:24px; margin:2px 0% 17px 0%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.personalinfo input.text_sur { box-shadow: 0 0; width:82%; height:25px; margin:2px 0% 2px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

/* End Survey Page */
 .butdiv a .usermngmnt  {
    background: none repeat scroll 0 0 #3A74B3;
    color: #FFFFFF;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-right: 15px;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}
.cursor { cursor:pointer;}
.personalinfo input.text_sur { box-shadow: 0 0; width:82%; height:25px; margin:2px 0% 2px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.dollor_symbol_amount{    float: left; width: 27px; margin: 10px 0 0 0;   padding: 0;}
.personalinfo li.col4.survey_time .text_n2 {width: 55%; height: 24px; margin: 2px 0% 17px 0%;}

.crd_bin_Plus{float:right;margin-top:3%;margin-right:-12%}

.signupPan { margin:0px; padding:0px; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:20%;
	box-shadow:0px 3px 1px 0px rgba(163, 163, 163, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1);
}
/* Refund 9 March 18 */
.refund_next_btn{ padding: 0 0 0 3%; margin: 20px 0px 0px 1%; height: 60px;}
/*Survey Changes*/
.info_head_surv {
    margin: 10px 0;
    padding: 0px 3%;
    bottom: 0;
    border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
    border-bottom: 1px solid #d1d1d1;
    float:left;
    width:94%;
}
.infotext_surv {
    float: left;
    margin: 10px 0px 5px 0px;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #535353;
}
.col_h{}
.survey_questiion_wrapper label{    
 width: 90%;
    display: block;
    margin: 0% 0%;
    padding: 0% 0%;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    color: #5b5b5b;
}

.personalinfo input.text_surveys {
    box-shadow: 0 0;
    width: 88%;
    height: 25px;
    margin: 2px 0% 2px 0%;
    padding: 5px 6px;
    border: #9bb9cc 1px solid;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #8a8a8a;
    vertical-align: middle;
    border: 1px solid #9a9a9a;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.col333{    float: left;
    width: 45%;
    margin: 0px 2.5% 0 1.2% !important;
    padding: 0px;
}




.dropdownWrapper .k-dropdown {
    width: 100% !important;
    margin: 2px 0% 17px 0%!important;
    padding: 0;
    border-radius: 5px;
    background: #fff;
    border-color: #8A8A8A;
    border: 1px solid #9a9a9a !important;
}
.survey_right_col .personalinfo textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    color: #8a8a8a;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 24px;
    resize: none;
    margin: 2px 0 17px 0%;
    padding: 5px 6px;
    vertical-align: middle;
    width: 85%;
}

/* footer card icons sprite changes */
.card_icon_footer_sprite{background-image:url("../images/footer-cards.png");background-repeat:no-repeat;width:33px; height:23px;}
.visa_icon_footer{background-position:-24px -13px;}
.mastercard_footer{background-position:-75px -13px;}
.amex_icon_footer{background-position:-126px -13px;}
.discover_icon_footer{background-position:-176px -13px;}
.diner_icon_footer{background-position:-221px -13px;}
.jcb_icon_footer{background-position:-267px -13px;}
.gift_icon_footer{background-position:-24px -55px;}
.other_icon_footer{background-position:-75px -54px;}

.icons_sprite{background-image:url("../images/common_icons_sprite.png");background-repeat:no-repeat;}
.icon_timing{background-position:-235px -163px;width:22px;height:21px;}
.icon_ticket{background-position:-28px -223px;width:40px;height:21px;}
.icon_sale{background-position:-90px -159px;width:25px;height:30px;}
.icon_refund{background-position:-128px -154px;width:25px;height:30px;}
.icon_void1{background-position:-168px -163px;width:22px;height:22px;}
.icon_approved1{background-position:-17px -161px;width:28px;height:28px;}
.icon_declined{background-position:-52px -161px;width:28px;height:28px;}
.icon_date_time{background-position:-275px -163px;width:26px;height:20px;}
.icon_user2{background-position:-200px -164px;width:25px;height:20px;}
.icon_update{background-position:-101px -54px;width:30px;height:30px;}
.icon_edit2{background-position:-242px -53px;width:24px;height:24px;}
.icon_delete{background-position:-61px -59px;width:24px;height:24px;}
.icon_new_user2{background-position:-20px -59px;width:24px;height:24px;}
.icon_store_details_h{background-position:-285px -57px;width:30px;height:20px;}
.icon_swipe_pinpad{background-position:-93px -220px;width:20px;height:26px;}
.icon_update_grey{background-position:-101px -97px;width:30px;height:30px;}
.icon_edit2_grey{background-position:-242px -95px;width:24px;height:24px;}
.icon_delete_grey{background-position:-61px -98px;width:24px;height:24px;}
.icon_manage{background-position:-196px -53px;width:25px;height:30px;}
.icon_manage_grey{background-position:-196px -95px;width:25px;height:30px;}
.icon_store_details_grey {background-position: -239px -131px;width: 30px;height: 20px;}

.card_icon_sprite{background-image:url("../images/cards_icons_sprite.png");background-repeat:no-repeat;width:43px; height:29px;}
.icon_visacard{background-position:-13px -11px;}
.icon_mastercard{background-position:-216px -10px;}
.icon_amexcard{background-position:-267px -10px;}
.icon_discover1{background-position:-64px -11px;}
.icon_dinercard{background-position:-114px -11px;}
.icon_jcbcard{background-position:-165px -11px;}
.icon_giftcard1{background-position:-114px -56px;}
.icon_othercards{background-position:-165px -101px;}
.icon_plcccard{background-position:-216px -101px;}
.icon_cheque2{background-position:-267px -145px;}
.icon_NMcard{background-position:-165px -56px;}
.icon_BGcard{background-position:-216px -56px;}
.icon_cash{background-position:-165px -145px;}
.icon_food{background-position:-64px -101px;}
.icon_EWIC{background-position:-13px -145px;}
.icon_Fleet{background-position:-267px -101px;}
.Voyager{background-position:-64px -56px;}
.Wex{background-position:-13px -56px;}
.icon_paper_check{background-position:-114px -101px;}
.icon_ECA_check{background-position:-114px -145px;}
.icon_credit{background-position:-13px -101px;}
.icon_debit{background-position:-64px -145px;}
.icon_giftcard{background-position: -114px -190px;}
.icon_ebt{background-position:-13px -190px;}
.icon_fsa{background-position:-64px -190px;}
.icon_prepaid{background-position:-165px -190px;}
.icon_epptender{background-position:-216px -189px;}
.icon_eppcard{background-position:-267px -189px;}
.icon_storedcard{background-position:-13px -238px;}
.icon_stored_card{background-position: -216px -145px;}
.icon_Routex_International{background-position: -216px -589px;}
.icon_Routex_Partner{background-position: -268px -589px;}
.icon_IGNO{background-position: -216px -538px;}
.icon_DKV{background-position: -165px -538px;}
.icon_UTA{background-position: -13px -589px;}
.icon_upi{background-position: -63px -589px;}
.icon_kotakUpi{background-position: -115px -589px;}
.icon_cbccard{background-position:-63px -238px;}
.icon_interac{background-position:-115px -238px;}
.icon_hsa{background-position:-166px -238px;}
.icon_cupcard{background-position:-268px -56px;}
.icon_wallet {background-position: -13px -288px;}
.icon_alternatePayments {background-position: -64px -288px;}
.icon_FleetCard {background-position: -165px -288px;}
.icon_fleetOneCard {background-position: -114px -288px;}
.icon_fleetWildCard {background-position: -215px -288px;}
.icon_ebtOtc {background-position: -267px -288px;}
.icon_visaPay{background-position: -13px -339px;}
.icon_flexa{background-position: -63px -339px;}
.icon_masterPass{background-position: -114px -339px;}
.icon_amexExpress{background-position: -166px -339px;}
.icon_payPal{background-position: -215px -339px;}
.icon_aliPay{background-position: -267px -339px;}
.icon_shopRunner{background-position: -13px -389px;}
.icon_applePay{background-position: -64px -389px;}
.icon_chasePay{background-position: -115px -389px;}
.icon_googlePay{background-position: -165px -389px;}
.icon_affirm{background-position: -216px -389px;}
.icon_forrumaPay{background-position: -216px -437px;}
.icon_sezzle{background-position: -268px -389px;}
.icon_aftrePay{background-position: -13px -436px;}
.icon_kapaPay{background-position: -62px -437px;}
.icon_venmo{background-position: -114px -437px;}
.icon_samsaungPay{background-position: -165px -437px;}
.icon_amazonPay{background-position: -164px -489px;}
.icon_trustly{background-position: -269px -437px;}
.icon_cardPresent{background-position: -13px -489px;}
.icon_cardNoPresent{background-position: -64px -489px;}
.icon_weChatPay{background-position: -114px -489px;}
.icon_goodYear {background-position: -215px -489px;}
.icon_driveCard {background-position: -269px -489px;}
.icon_paze {background-position: -64px -538px;}
.icon_shoppay{background-position: -114px -538px;}
.all_report_tab_icons{background-image:url("../images/reportHeaderIcons/report_icons_sprite.png");background-repeat:no-repeat;width:30px;}
.all_report_tab_icons_active{background-image:url("../images/reportHeaderIcons/report_icons_sprite.png");background-repeat:no-repeat;width:30px;}
.icon_report_analytical{background-position:-7px -8px;}
.icon_report_transaction{background-position:-454px -8px;}
.icon_report_recon{background-position:-325px -8px;}
.icon_report_asset{background-position:-68px -8px;}
.icon_report_plcc_app{background-position:-262px -8px;}
.icon_report_cardno_management{background-position:-135px -8px;}
.icon_report_feedback{background-position:-746px -8px;}
.icon_report_operational{background-position:-746px -8px;}
.icon_report_custom{background-position:-197px -8px;}
.icon_report_analytical_active{background-position:-8px -51px;}
.icon_report_transaction_active{background-position:-454px -51px;}
.icon_report_recon_active{background-position:-325px -51px;}
.icon_report_asset_active{background-position:-68px -51px;}
.icon_report_plcc_app_active{background-position:-262px -51px;}
.icon_report_cardno_management_active{background-position:-135px -51px;}
.icon_report_feedback_active{background-position:-746px -51px;}
.icon_report_operational_active{background-position:-746px -51px;}
.icon_report_custom_active{background-position:-197px -51px;}
.icon_tools_active{background-position:-505px -52px;}
.icon_next_active{background-position:-124px -218px;width:30px;}
.icon_report_surveySummary_active {background-position: -553px -51px;}
.icon_report_surveySpendByTicket_active {background-position: -596px -51px;}
.icon_report_surveyTrend_active {background-position: -692px -51px;}
.icon_report_surveyStoreComparison_active {background-position: -641px -51px;}
.icon_voucher{background-position:-13px -538px;}
.icon_report_surveyTransaction_active {background-position: -805px -51px;}
.icon_report_export_report{background-position:-849px -9px;}
.icon_report_export_report_active{background-position:-849px -51px;}

.all_status_icons_sprite{background-image:url("../images/status_icon_sprite.png");background-repeat:no-repeat;width:30px; height:30px;}
.icon_report_export_inprocess{background-position:-4px -14px;}
.icon_report_export_hold{background-position:-38px -14px;}
.icon_report_export_create{background-position:-72px -14px;}
.icon_report_export_complete{background-position:-106px -14px;}

.survey_right_col .k-multiselect.k-header {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    color: #8a8a8a;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 36px auto;
    margin: 2px 0% 17px 0%;
    vertical-align: middle;
    width: 91%;
}

.survey_date_rule {
    width: 88%;
    margin:  0%;
    padding: 0;
    background: none;
        background-image: none;
        margin: 0px !important;
}

.survey_date_main_box .k-state-default, .survey_date_main_box .k-select {
    padding: 0px 0 0 0 !important;
}

.dropdownWrapper .k-multiselect.k-header {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    color: #8a8a8a;
    font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 36px auto;
    margin: 2px 0% 17px 0% !important;
    vertical-align: middle;
    width: 100%;
}

.myprofile .grid .k-dropdown .k-input, .grid .k-dropdown .k-state-focused .k-input {
    border: medium none;
    font-weight: bold;
    height: 26px;
    vertical-align: middle;
   
}


.myprofile .k-multiselect-wrap, .k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 5px;
    background: #fff;
  
}

.survey_date_main_box .k-state-default, .survey_date_main_box .k-select {
    padding: 0px 0 0 0;
    border-radius: 5px  !important;
      -moz-border-radius: 5px  !important;
        -webkit-border-radius: 5px  !important;
    background: #fff;
   
}




.survey_date_main_box .survey_date_rule {
    width: 96% !important;
    margin: 2px 0% 17px 5%;
    padding: 0;
    background: none;
        background-image: none;
}
.dropdownWrapper .k-dropdown {
   
    margin: 2px 0% 17px 5%;
    padding: 0px !important;
    border-radius: 5px!important;
    background: #fff;
    border-color: none;
  
}

.dropdownWrapper .k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {

    border-width: 0px;
     border-radius: 5px!important;
      -moz-border-radius: 5px!important;
       -webkit-border-radius: 5px!important;

}
.addSurveyQue_1{ position:absolute; right: -20px; top:30px;}
.k-pager-wrap > .k-link > .k-icon {
    margin-top: -2px; color: #000 !important;
}
.plusSignicons { margin-left: 20px; position: absolute;  top: 49px;}
.dele_edit{    margin-top: 5px;    margin-left: 7px;
    padding: 0px;
    vertical-align: top;}
    .delesur{margin-top: 9px;}
    .survey-icons-30{ width:30px; height:30px;}

.marb5{margin-bottom:5px !important;}

    
    
.infoNote{
overflow: auto;
padding-left: 5px;
height: 55px;
background: #ffffff;
border: 1px solid #cccccc;
}

@charset "UTF-8";
@media screen and (min-width:481px) and (max-width: 650px) {
/* All CSS will go here */
/*html, body { overflow-x: hidden; }*/
.menumob {
    margin-left: -2px;
}

.menu-toggle { display: none; }
#contentwrap { background: #e8e8e9; }

#contentwrap { 
  position: absolute;
  top: 0;
  left: 0;
  width:100%; margin:0% 0%;
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
  display:block;
}
.top-bar { /*position: absolute;*/ width: 98.5%; z-index: 5; display:block; font-style:bold; font-size:1em; }
.top-bar label { display: block; width: 98.5%; position: inherit; 
  padding: 5px 5px 0px 5px;
  color: #fff;
  background: #586271; border-bottom:3px solid #485058;
  font-size: 2.2em;
  text-align: left;
}
.top-bar label span{
	padding: 5px 0px 0px 0px;
	font-size: 0.9em;
	display: block;
	position:absolute;
	top: 0px; 
	left:40px;
	display:block;
}
#menu-toggle:checked ~ #contentwrap {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(250px,0,0);
  -moz-transform: translate3d(250px,0,0);
  -ms-transform: translate3d(250px,0,0);
  -o-transform: translate3d(250px,0,0);
  transform: translate3d(250px,0,0);
  display:block;
}
#menu-toggle ~ #contentwrap {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  display:block;
}
.mobmenu { margin:0px; display:block; }
nav { position: fixed; top:0; left:0%; height: 100%; background: #3c4451; z-index: 0; width:80%; overflow-y: scroll;  }
nav ul { list-style: none; margin:0px; padding:0px; }
nav ul li a { color: #fff; display: block; margin:0px; padding:0px; font-size:16px;  text-decoration: none; line-height: 2.6em; overflow: hidden; border-bottom: 1px solid #2d333d; }
nav ul li { width:100%; height:auto; margin:0px; padding:0px; background: none; border-top: 1px solid #3c4451; }
nav ul li img { height:18px; margin:0 5px; }
nav ul li:hover a { cursor: pointer; background: #5d6676; }
nav ul ul li a { color: #eee; padding: 0 5px 0 45px; margin: 0; } 
nav ul ul li a:hover { background: #90478A; }
/* nav {
    -webkit-overflow-scrolling: touch;
} */
}

@media screen and (max-width: 480px) {
/* All CSS will go here */
/*html, body { overflow-x: hidden; }*/
.menumob {
    margin-left: -2px;
}
.menu-toggle { display: none; }
#contentwrap { background: #e8e8e9; }

#contentwrap { 
  position: absolute;
  top: 0;
  left: 0;
  width:100%; margin:0% 0%;
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
  display:block;
}
.top-bar { /*position: absolute;*/ width: 98.5%; z-index: 5; display:block; font-style:bold; font-size:1em; }
.top-bar label { display: block; width: 98.5%; position: inherit; 
  padding: 5px 5px 0px 5px;
  color: #fff;
  background: #586271; border-bottom:3px solid #485058;
  font-size: 2.2em;
  text-align: left;
}
.top-bar label span{
	padding: 5px 0px 0px 0px;
	font-size: 0.9em;
	display: block;
	position:absolute;
	top: 0px; 
	left:40px;
	display:block;
}
#menu-toggle:checked ~ #contentwrap {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(250px,0,0);
  -moz-transform: translate3d(250px,0,0);
  -ms-transform: translate3d(250px,0,0);
  -o-transform: translate3d(250px,0,0);
  transform: translate3d(250px,0,0);
  display:block;
}
#menu-toggle ~ #contentwrap {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  display:block;
}

.mobmenu { margin:0px; display:block; }
nav { position: fixed; top:0; left:0%; height: 100%; background: #3c4451; z-index: 0; width:80%;  overflow-y: scroll;  }
nav ul { list-style: none; margin:0px; padding:0px; }
nav ul li a { color: #fff; display: block; margin:0px; padding:0px; font-size:16px;  text-decoration: none; line-height: 2.6em; overflow: hidden; border-bottom: 1px solid #2d333d; }
nav ul li { width:100%; height:auto; margin:0px; padding:0px; background: none; border-top: 1px solid #3c4451; }
nav ul li img { height:18px; margin:0 5px; }
nav ul li:hover a { cursor: pointer; background: #5d6676; }
nav ul ul li a { color: #eee; padding: 0 5px 0 45px; margin: 0; } 
nav ul ul li a:hover { background: #90478A; }
/* nav {
    -webkit-overflow-scrolling: touch;
} */
}

@media screen and (min-width:1270px) and (max-width:1290px)  {
.myprofile_new {   margin: 0; padding-left: 5%; padding-top: 15px;}
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: normal; height: 24px; margin: 5px 0 4px 14px; padding: 5px 6px; vertical-align: middle; width: 68.5%; }
.grp_name label { clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.left_access { float: left; width: 50%;}
.selecttext_new { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: 0 0 0 127px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new label {clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.input_width {  width: 66.5% !important;  margin-left: 7.4% !important;}
.margin_lft_input{ margin-left:8% !important;}
.selecttext_new_2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px;float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px;  margin: 0 0 0 86px;  padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new input.text { background: none repeat scroll 0 0 #ffffff; border: 1px solid #9a9a9a; border-radius: 5px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 25px; margin:0 75px 20px; padding: 5px 2%; width: 45.5%;}

/* .textfields {width:90% !important; margin-top:1%;} */

.text_ind {  text-indent: 127px;}

 .cards_mrg {
    margin-left: 55px!important;	
    margin-top: 0 !important;
}

.personalinfo li.col5 {width:23 !important%}
.personalinfo label { width: 95% !important; }
.paymentMode {margin-left: 16px !important; }
	}
	
@media screen and (min-width:1291px){
	
	 .cards_mrg {
    margin-left: 128px!important;
    margin-top: 0 !important;
}
	
}

@media screen and (min-width:768px) and (max-width:1265px) {
	#modal{ margin-left: 30%; } 
	/* .textfields {width:90% !important;} */
	
	.add_fav label {   font-size: 16px !important;
    margin-top: 8px !important;
    width: 37% !important; float}
    
   .add_fav input { width:50% !important; float:right !important;	} 
   .add_fav a {  float: left;
    font-size: 14px !important;
    margin-left: 15px !important;
    margin-top: 0 !important; } 
    
    .cards_mrg {
    margin-left: 32px!important;
    margin-top: 0 !important;
}


}
@media screen and (min-width:1300px) and (max-width:1500px) {
/* .textfields {width:90% !important;} */
	
.add_fav label {   font-size: 16px !important;
    margin-top: 8px !important;
    width: 37% !important; float}
    
.add_fav input { width:50% !important; float:right !important;	} 
.add_fav a {  float: left;
    font-size: 14px !important;
    margin-left: 15px !important;
    margin-top: 0 !important; } 
    
    
.add_fav label {
    float: left;
    font-size: 16px !important;
    margin-top: 8px !important;
    width: 17% !important;
}

.add_fav input {
        float: left !important;
    height: 18px !important;
    margin-left: 21px !important;
    margin-top: 0 !important;
    width: 42% !important;
}


.add_fav a {
     float: left !important;
    font-size: 16px !important;
    margin-left: 15px;
    margin-top: 0 !important;
    padding: 5px !important;
}

/* .textfields a {
    background: #3a74b3 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-left: 41%;
    margin-right: -86px;
    margin-top: -11%;
    padding: 4px 5px;
    text-align: center;
    text-decoration: none;
    width: 150px;
} */
    #urightStore{
    margin-left: 3px; margin-right: 88px; margin-top: -6px; width: 15px;
    }
    #uwrongStore{
    margin-right: 88px;margin-left:88px ;  margin-top: -41px; width: 15px;
    }
    #urightStored{
   /* margin-right: 88px;margin-left:88px ;  margin-top: -41px; width: 15px;*/
    }
    #uwrongStored{
   /* margin-right: 88px;margin-left:88px ;  margin-top: -41px; width: 15px;*/
    }
 .filter_nw {height: 17px; margin-left: 27%;margin-top: -4%; border-radius: 0 !important; width: 33%;}
 
  .cards_mrg {
    margin-left: 32px!important;
    margin-top: 0 !important;
}
.personalinfo li.col5 {width:23 !important%}
.personalinfo label { width: 109% !important; }
.paymentMode {margin-left: 16px !important; }
.pay_mode {
    margin-left: 10px !important;
    text-align: right;
}
.colE { float:left; width:44.8%; margin:1.5%; }
}
		

@media screen and (max-width:320px)	{
		
#menu-toggle:checked ~ #contentwrap {display: block; margin-left: -19%; transform: translate3d(250px, 0px, 0px);}	

/*access module */

.grp_name{ font-size: 16px;}
select option {  font-size: 12px; line-height: 25px;}
.sel_bx_width { height: 150px;  width: 290px;}


.myprofile_new {   margin: 0; padding-left: 5%; padding-top: 15px;}
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: normal; height: 24px; margin: 5px 0 4px 14px; padding: 5px 6px; vertical-align: middle; width: 49%; }

.grp_name label { clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}

.left_access { float: left; width: 100%;}

.selecttext_new { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: 0 0 0 127px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}

.salespopup_new label {clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.input_width {  width: 40.5% !important;}

.margin_lft_input{ margin-left:24% !important;}


.selecttext_new_2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px;float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px;  margin: 0 0 0 127px;  padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}

.salespopup_new input.text { background: none repeat scroll 0 0 #ffffff; border: 1px solid #9a9a9a; border-radius: 5px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 25px; margin: 0 73px 20px; padding: 5px 2%; width: 39.5%;}


/*  added by princy*/

.left_menu_new {
    border-right: 5px solid #dedede;
    float: left;
    height: auto;
    min-height: 479px;
    width: 15%;
}

.ca-menu li a {
    color: #535353;
    display: block;
    float: right;
    font-size: 10px;
    height: 100%;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 94%;
}

.right_menu {
    float: left;
    width: 41%;
}

.checkboxx {
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
    text-align: left;
    width: 80%;
}

.selecttext {
    background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 10px;
    margin: 2px 0 0 5px;
    padding: 7px 35px 7px 5px;
    position: absolute;
}
.selecttext {
    background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 19px;
    margin: 0 0 0 5px;
    padding: 5px 35px 5px 5px;
    position: absolute;
    top: 28px;
}
.selecttext {
    background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8;
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 19px;
    margin: -3px 0 0 5px;
    padding: 5px 35px 5px 5px;
    position: absolute;
    top: 28px;
}

.cal1 {
    float: left;
    width: 98%;
}

.cal2 {
    float: right;
    width: 98%;
}

.filter_day2 {
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.bar_n {
    border-bottom: 2px solid #d4d3d3;
    height: 55px;
    width: 100%;
}

.salespopupp2 label {
    clear: left;
    color: #535353;
    display: block;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 1px 0;
    width: 96%;
}
.salespopupp2 input.text {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 19px;
    margin: 0 0 11px;
    padding: 5px 2%;
    width: 92%;
}

.checkboxx {
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 5px 0;
    text-align: left;
    width: 80%;
}

.salespopupp2 textarea {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dedede;
    border-radius: 5px;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 3px 0 23px;
    padding: 5px 2%;
    resize: none;
    width: 94%;
}


} 


@media screen and (max-width:250px)
{
/*access module */

.grp_name{ font-size: 16px;}
select option {  font-size: 12px; line-height: 25px;}
.sel_bx_width { height: 150px;  width: 290px;}	
	
	
.hor-zebra td {
    border-color: #CCCCCC;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 10px !important;
    font-weight: normal;
    margin: 0;
    padding: 3px 4px;
}	


.hor-zebra td .cardsale {
    float: left;
    height: 35px;
    margin: 7px 5px 0 0;
    width: 46%;
}


.hor-zebra td .totalamt {
    color: #3A74B3;
    float: right;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px !important;
    font-weight: normal;
    line-height: normal;
    padding: 10px 0;
}



.cardtable td {
    color: #FFFFFF;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px !important;
    font-weight: normal;
    margin: 0;
    padding: 1px 4px;
}


.close-days {height: 26px; margin: 10px 0 5px 1%; width: 49%; }


	}





@media screen and (max-width:1300px){

.myprofile_new {   margin: 0; padding-left: 5%; padding-top: 15px;}
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: normal; height: 24px; margin: 5px 0 4px 14px; padding: 5px 6px; vertical-align: middle; width: 68.5%; }
.grp_name label { clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.left_access { float: left; width: 50%;}
.selecttext_new { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: -50px 0 0 31px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.selecttext_new2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: -64px 0 0 31px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}

.salespopup_new label {clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.input_width {  width: 66.5% !important;  margin-left: 9.4% !important;}
.margin_lft_input{ margin-left:10% !important;}
.selecttext_new_2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px;float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px;  margin: 0 0 0 86px;  padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new input.text { background: none repeat scroll 0 0 #ffffff; border: 1px solid #9a9a9a; border-radius: 5px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 25px; margin:0 75px 20px; padding: 5px 2%; width: 45.5%;}



	
.allpermission {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    height: 18px;
    margin: -40px 11px 0;
    text-decoration: none;
    width: 141px;
}

.chkbox_perm{ width: 20px;}
.chkbox ul { margin:0px; padding:0px; list-style-type:none; }
.chkbox li { display:inline;  margin: -61px 4px 0; }
.chkbox li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkbox li a.chkd { height: 38px; width:39px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -14px -0px;  margin-top: -1px; }
.chkbox li a:active, .chkbox li a.active { background-position: -55px -44px;  margin-top: 0px;  }





.chkbox_perm_blue{ width: 20px;}
.chkboxblue ul { margin:0px; padding:0px; list-style-type:none; }
.chkboxblue li { display:inline;  margin: -61px 4px 0; }
.chkboxblue li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkboxblue li a.chkdblue { margin-left:35px; height: 38px; width:31px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -6px -7px;  margin-top: 0px; }
.chkboxblue li a:active, .chkboxblue li a.active {  background-position: -14px -50px;   margin-top: 0px;  margin-left:43px; }	
	
	
	}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (min-width:960px) and (max-width: 1024px) {
	
html { -webkit-text-size-adjust:none; }


/* access module*/
.sel_bx_width {
    height: 230px;
    width: 360px;
}

.myprofile_new {   margin: 0; padding-left: 5%; padding-top: 15px;}
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: normal; height: 24px; margin: 5px 0 4px 14px; padding: 5px 6px; vertical-align: middle; width: 68.5%; }
.grp_name label { clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.left_access { float: left; width: 100%;}
.selecttext_new { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px; margin: -50px 0 0 25px; padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.selecttext_new2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px; margin: -66px 0 0 25px; padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}

.salespopup_new label {clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;} 
.input_width {  width: 66.5% !important;  margin-left: 10% !important;}
.margin_lft_input{ margin-left:10% !important;}
.selecttext_new_2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px;float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px;  margin: 0 0 0 127px;  padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new input.text { background: none repeat scroll 0 0 #ffffff; border: 1px solid #9a9a9a; border-radius: 5px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 25px; margin:0 75px 20px; padding: 5px 2%; width: 66.5%;}



.transaction-note-text {
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: normal;
    height: 66px;
    padding: 10px 5% 34px 0;
}


.personalinfo label {
    color: #5B5B5B;
    display: block;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: normal;
    margin: 0 5%;
    padding: 0;
    width: 97%;
}

.hor-zebra td {border-color:#CCCCCC; border-style: none solid none none; border-width: 0 1px 0 0; color: #2F2E2C; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;
    font-weight: normal; margin: 0; padding: 3px 8px;}

.dateinfo label {
float: left;
width: 34%;
margin: 13px 5%;
padding: 0% 0%;
font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
color: #5b5b5b;
text-align: right;
}

.nav-wrapper {
    float: left;
    width: 67%;
}

.topmenu2 ul { margin:0px; padding:0px; list-style-type:none; }
.topmenu2 li { display:inline; margin:0px; }
.topmenu2 li a { float:left; margin:18px 5px 0px 6px; display:inline; text-decoration:none; }
.topmenu2 li a.vt-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/vt-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.rewards-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/rewards-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reports-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/reports-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.outage-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/outage.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.utility-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/stplUtility.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reprocess-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/ReprocessTransaction.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.lost-prevention-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/lost-prevention-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.sku-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/sku-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.user-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/user-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.eshop-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/eshop-icon.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a:hover { background-position: 0 -67px; border-bottom:3px solid #32a5de;  }
.topmenu2 li a:active, .topmenu2 li a.active { background-position: 0 -134px; border-bottom:3px solid #32a5de; }


/* Final permisssion page css starts here */ 

.viewall-table2 td {
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
}


.table_title {
    color: #3A74B3;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 15px !important;
    margin: 10px 0 5px;
}


.viewall-table2 th {
    background: none repeat scroll 0 0 #F5F5F6;
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    color: #5B5B5B;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
    text-align: left;
}


.allpermission {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    height: 18px;
    margin: -40px 11px 0;
    text-decoration: none;
    width: 141px;
}

.chkbox_perm{ width: 20px;}
.chkbox ul { margin:0px; padding:0px; list-style-type:none; }
.chkbox li { display:inline;  margin: -61px 4px 0; }
.chkbox li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkbox li a.chkd { height: 38px; width:39px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -14px -0px;  margin-top: -1px; }
.chkbox li a:active, .chkbox li a.active { background-position: -55px -44px;  margin-top: 0px;  }





.chkbox_perm_blue{ width: 20px;}
.chkboxblue ul { margin:0px; padding:0px; list-style-type:none; }
.chkboxblue li { display:inline;  margin: -61px 4px 0; }
.chkboxblue li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkboxblue li a.chkdblue { margin-left:19px; height: 38px; width:31px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -6px -7px;  margin-top: 0px; }
.chkboxblue li a:active, .chkboxblue li a.active {  background-position: -14px -50px;   margin-top: 0px;  margin-left:27px; }


}

@media screen and (min-width:801px) and (max-width:959px)
{
	
	.myprofile_new {   margin: 0; padding-left: 5%; padding-top: 15px;}
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: normal; height: 24px; margin: 5px 0 4px 14px; padding: 5px 6px; vertical-align: middle; width: 68.5%; }
.grp_name label { clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.left_access { float: left; width: 100%;}
.selecttext_new { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: 0 0 0 127px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new label {clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.input_width {  width: 66.5% !important;  margin-left: 12% !important;}
.margin_lft_input{ margin-left:12% !important;}
.selecttext_new_2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px;float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px;  margin: 0 0 0 127px;  padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new input.text { background: none repeat scroll 0 0 #ffffff; border: 1px solid #9a9a9a; border-radius: 5px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 25px; margin:0 75px 20px; padding: 5px 2%; width: 66.5%;}



.allpermission {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    height: 18px;
    margin: -40px 11px 0;
    text-decoration: none;
    width: 141px;
}

.chkbox_perm{ width: 20px;}
.chkbox ul { margin:0px; padding:0px; list-style-type:none; }
.chkbox li { display:inline;  margin: -61px 4px 0; }
.chkbox li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkbox li a.chkd { height: 38px; width:39px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -14px -0px;  margin-top: -1px; }
.chkbox li a:active, .chkbox li a.active { background-position: -55px -44px;  margin-top: 0px;  }





.chkbox_perm_blue{ width: 20px;}
.chkboxblue ul { margin:0px; padding:0px; list-style-type:none; }
.chkboxblue li { display:inline;  margin: -61px 4px 0; }
.chkboxblue li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkboxblue li a.chkdblue { margin-left:6px; height: 38px; width:31px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -6px -7px;  margin-top: 0px; }
.chkboxblue li a:active, .chkboxblue li a.active {  background-position: -14px -50px;   margin-top: 0px;  margin-left:14px; }

	
.nav-wrapper {
    float: left;
    width: 64%;
}

.topmenu2 ul { margin:0px; padding:0px; list-style-type:none; }
.topmenu2 li { display:inline; margin:0px; }
.topmenu2 li a { float:left; margin:18px 5px 0px 6px; display:inline; text-decoration:none; background-position: 0 2px; }
.topmenu2 li a.vt-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/vt-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.rewards-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/rewards-icon.png); background-repeat:no-repeat; background-position: 0 0;background-size:50px;  }
.topmenu2 li a.reports-icon { height:47px; width:50px;text-indent:-10000px; background-image:url(../images/Header_icon/reports-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.outage-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/outage.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.utility-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/stplUtility.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reprocess-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/ReprocessTransaction.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.lost-prevention-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/lost-prevention-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.sku-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/sku-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.user-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/user-icon.png); background-repeat:no-repeat; background-position: 0 0;  background-size:50px; }
.topmenu2 li a.eshop-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/eshop-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }


.topmenu2 li a.statemanagement-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/stateManagement/Header_icon/statemanagement-header-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.risk-menu-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/risk-menu-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.dm-icon{ height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/Devicemgt.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.dm-icon-new{ height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/asset_management_icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.sc-icon{ height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/Survey-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.ticketingSys-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/DepotModule.png); background-repeat:no-repeat; background-position: 0 0;  background-size:50px; }
.topmenu2 li a.CampaignSurvey-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/Survey-icon.png); background-repeat:no-repeat; background-position: 0 0;  background-size:50px; }

.topmenu2 li a:hover { background-position: 0 -110px; border-bottom:3px solid #32a5de; height: 67px  }
.topmenu2 li a:active, .topmenu2 li a.active { background-position: 0 -110px; border-bottom:3px solid #32a5de; height: 67px }

.user-wrapper {
    background: url("../images/menu-seperater_vline.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: right;
    height: 79px;
    margin: 7px -3px 0 0;
    padding: 0 4px;
    width: 137px;
}


.user-name-wrapper {
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    text-align: center;
    width: 93px;
}

/* Final permisssion page css starts here */ 

.viewall-table2 td {
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
}


.table_title {
    color: #3A74B3;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 15px !important;
    margin: 10px 0 5px;
}


.viewall-table2 th {
    background: none repeat scroll 0 0 #F5F5F6;
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    color: #5B5B5B;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
    text-align: left;
}

	}

@media screen and (min-width: 768px) and (max-width:800px) {
	

html { -webkit-text-size-adjust:none; }

/* access module starts here*/
.sel_bx_width { height: 230px;   width: 265px;}
.grp_name{ font-size: 18px;}
.myprofile_new {   margin: 0; padding-left: 5%; padding-top: 15px;}
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: normal; height: 24px; margin: 5px 0 4px 14px; padding: 5px 6px; vertical-align: middle; width: 66%; }
.grp_name label { clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.left_access { float: left; width: 100%;}
.selecttext_new { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: -46px 0 0 21px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.selecttext_new2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: -64px 0 0 21px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new label {clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.input_width {  width: 64.5% !important;  margin-left: 13% !important;}
.margin_lft_input{ margin-left:13% !important;}
.selecttext_new_2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px;float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px;  margin: 0 0 0 132px;  padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new input.text { background: none repeat scroll 0 0 #ffffff; border: 1px solid #9a9a9a; border-radius: 5px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 25px; margin:0 75px 20px; padding: 5px 2%; width: 64.5%;}


.bulk-popup {width:60%;}
.ticketidtable { margin:10px 0 20px !important;  }

/* */

.fl { float:left; margin:0px; padding:0px; }
.fr { float:right; margin:0px; padding:0px; }
.wrapper { width:96%; margin:0% 2%; padding:0px;  }
/* Start Menu  */
/* Start Menu  */
.menu { margin:20px 0px 0px 0px; padding:0px; }
.topnav { font:normal 14px Arial, Helvetica, sans-serif; float:left; padding:0px 0 0 0; margin:0; }
.topnav ul { list-style:none; padding:0px 0px; margin:0; }
.topnav li { float:left; padding:0px; margin-right:10px; color:#fff; background:#3a74b3; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;  }
.topnav li a { float:left; color:#fff; display:block; padding:10px 15px; text-decoration:none; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; }
.topnav li a:hover { color:#3a74b3; background:#fff; text-decoration:none; }
.topnav li a.active { text-decoration:none; color:#3a74b3; background:#fff; }

.weekday { float:right; margin-top:12px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; ; font-size:18px; color:#535353; }
/* EndMenu */

/* Start Body */
.sales { float:left; width:27%; margin:30px 2%; padding:0; }
.total-value{ border-left: 3px solid #3A74B3; padding-left: 8px; height: 65px;}
.saleshead { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; margin-top:10px; color:#535353; border-bottom:1px solid #555e6d; }
.salessubhead { margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353;  }
.salescount { float:left; margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:25px; color:#535353; }
sup.supmargin { top:4px; margin-top:0px; font-size:14px; position: relative; }
sup { margin-top:0px; font-size:14px; position: relative; }
.salesup { float:left; margin:10px 0px 0px 20px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353; }
.salesup img { width:24px; }

.filter { margin:0px; padding:0px; background:#f7f7f8; height:36px; width:99.8%; }
.advance_filter { float:right; font-size:14px; color:#3a74b3; padding:10px 0 8px 35px; background:#ededee url(../images/icon_advance1.png) left -2px no-repeat; background-position: 10px; background-size:18px; text-decoration:none; }
.filter_day { float:left; font-size:14px; color:#3a74b3; padding:10px 25px 8px 25px; background:#ededee url(../images/icon-blue_downarrow.png) right no-repeat; background-position: 90% center; text-decoration:none; }
.sales_graph img { margin:0px; padding:0px; background:#fff; width:99.6%; }

.chart { margin:10px 0; padding:10px 0px; width:100%; background:#535353 url(../images/chart_bg.png) left top repeat-x; }
.piechart { float:left; width:30.5%; padding:5px 1% 0px 1%; border-right:1px solid #fff; }
.piechartleft { float:left; width:40%; margin:15px 0 0 0%;  padding:0px; }
.piechartright { float:right; width:55%; padding-right:0%; }
.cardtable { width:100%; margin:0; padding:0; border-collapse: collapse; }
.cardtable th { margin:0px; padding:0px 4px; border:0; border-bottom:1px solid #59bbec; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.cardtable td { margin:0px; padding:1px 4px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }

.border-right { border-right:none; margin:0px; }
.transdiv { margin:20px 0px 40px 0px; padding:0px; }
.transactiontable { width:48%; margin:0px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

.hor-zebra { width:100%; margin:0; padding:0; border-collapse: collapse; }
.hor-zebra th { margin:0px; padding: 3px 4px 3px 4px; background:#3a74b3; }
.hor-zebra th .transhead { float:left; padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.hor-zebra th img { height:26px; margin:0px 3px 0px 0px; }
.hor-zebra .viewall { float:right; height:16px; margin-top:6px; padding:0px 28px 0px 0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; background: url(../images/icon-right_arrow_circle.png) right no-repeat; background-position:90% 0px; background-size:16px; color:#fff; text-decoration:none; }
.hor-zebra td { margin:0; border:0; border-right:1px solid #ccc; padding:3px 4px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#2f2e2c; }
.hor-zebra td .totalamt { float:left; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; line-height:normal; color:#3a74b3; padding:3px 0px; }
.hor-zebra td .totalamtsup { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:normal; color:#2f2e2c; margin:0px 0px 0px 5px; }
.hor-zebra td.borderbottom { padding:0px 8px; border-bottom:1px solid #ccc; }
.hor-zebra td.borderbottom2 { padding:0px 8px; border-bottom:1px solid #ccc; border-right:0px solid #ccc; }
.hor-zebra td.bordernone { border:none; padding:5px 0px; }
.hor-zebra td.bordernone2 { border:none; padding:0px 8px; }
.hor-zebra td.bordernone3 { border:none; padding:0px 0px 0px 0px; }
.hor-zebra td.borderblue { padding:0px 8px; border-bottom:2px solid #3a74b3; }
.hor-zebra td .cardsale { float:right; margin:7px 5px 0px 0px; }
.hor-zebra td .cardsale img { width:30px; margin:-3px 0px 0px 0px; }
.hor-zebra td .cardicon { float:left; margin:5px 10px 0px 0px; }
.hor-zebra td .cardsale img { width:30px; margin:-3px 0px 0px 0px; }
.hor-zebra td .cardsale2 { float:right; margin:0px 0px 0px 0px; }
.hor-zebra td .cardsale3 { float:right; margin:5px 10px 0px 0px; }
.hor-zebra td .cardsale3 img { height:8px; margin:0px 0px 0px 0px; }
.hor-zebra td .cardsale4 { float:right; font-size:14px; margin:23px 10px 0px 0px; color:#3a74b3; }
.hor-zebra td.red { color:#e8735d; }
.hor-zebra td.textblue1 { font-weight:normal; font-size:18px; color:#3a74b3; }
.hor-zebra td.textblue2 { padding:10px 8px; font-weight:normal; font-size:13px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td.textblue3 { padding:8px 18px; margin-right:10px; font-weight:normal; font-size:16px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td .event { float:left; padding:20px 0px; font-weight:normal; font-size:18px; line-height:normal; color:#3a74b3; }

.transhead2 { width:99%; padding: 0px 0px 0px 1%; margin:0px; background:#3a74b3; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.transhead2 img { height:30px; margin:0px 3px 0px 0px; }
.borderblueright { float:left; width:48%; margin:0px; padding:0px 1%; border-right:2px solid #3a74b3; border-bottom:3px solid #3a74b3; }
.borderblueright2 { float:left; width:47.8%; margin:0px; padding:0px 1%; border-bottom:3px solid #3a74b3; }

.salespopupp2 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 5px;
    width: 95%;
}


/* Start Footer */
#footWrap { margin:0px; background: url(../images/footerbg2.jpg) left top repeat-x; }
#footer { height:44px; padding:8px 0px; margin-left:15px; text-align:left; background: url(../images/footerbg2.png) center top no-repeat; }
#footer p { margin-top:15px; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size: 110%; color:#fff; }
.footlogo { float:right; margin:-34px 25px 0px 0px;  }

.socialicon  { float:right; position: relative; margin:-52px 10px 0px 0px; padding:0px; list-style-type:none;  }
.socialicon h1 { display:block; margin:0px; padding:0px; font-size:14px; font-weight:normal; color:#fff; }
.socialicon ul { margin:0px; padding:0px; list-style-type:none; }
.socialicon li { display:inline; margin:0px; padding:0px; }
.socialicon li a { float:left; margin:2px 8px 19px 0px; display:inline; text-decoration:none; }
.socialicon li a.twitter { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/twitter.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px; }
.socialicon li a.facebook { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/facebook.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px;  }
.socialicon li a.linkedin { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/linkedin.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px; }
.socialicon li a.googleplus { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/googleplus.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px; }
.socialicon li a.aurusincblog { width:24px; height:24px; text-indent:-10000px; background-image:url(../images/wordpress-aurusincblog.png); background-repeat:no-repeat; background-position: 0 0; background-size:24px; }
.socialicon li a:hover { background-position: 0 -24px; }

.analytic-reware-table-box1 {width:15.5%;}
.analytic-reware-table-box2 {width:15%;} 
.analytic-reware-table-box3 {width:10%;} 
/* End Footer */

/* Popup
========================================= */
#signupContact { display:none; position:fixed; _position:absolute;  padding:5px 5%; width:90%; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.signinpopup-close { float:right; background:url(../images/close_x.png) no-repeat; width:38px; margin:-19px -10px 0px 96.5%; padding:0px;cursor:pointer; position:absolute;}
#backgroundPopup { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #000; z-index:100000; }

/********** Popup form **********/
.popuphead { padding: 4px 0px 4px 20px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#fff; background:#3a74b3; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.salespopup { margin:0; padding:5px 5%; width:90%; }
.salespopup ol { margin:0; padding:0; list-style:none;}
.salespopup li { margin:0; padding:0; background:none; border:none; display:block;}	
.salespopup li.buttons { margin:5px 0 5px 0;}
.salespopup label { margin:0; width:98%; clear:left; display:block; padding:1px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#535353; }
.salespopup input.text { width:96%; border:1px solid #dedede; margin:0px 0px 15px 0px; padding:5px 2%; height:21px; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.salespopup textarea { width:96%; border:1px solid #dedede; margin:3px 0; padding:5px 2%; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; }
.salespopup li.buttons { padding:0px; margin:10px 0px 15px 0px; }
.salespopup li.border { padding:0px; margin:0px 0px 15px 0px; border-bottom:1px solid #3a74b3; }
.salespopup li.buttons a { padding:5px 20px; margin-right:10px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; text-align:center; text-decoration:none; }
.state_wrapper { position:relative; }
.selecttext { float:left; margin:-5px 0px 0px 5px; padding:7px 35px 7px 5px; position: absolute; border:1px solid #9a9a9a; height:10px; background:#f7f7f8 url(../images/icon-close.png) right no-repeat; background-position: 100% center; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; }
.clrli { padding:0px; margin:0px 0px -30px 0px; position: absolute; }

/* Start SKU Purchase
========================================= */
.revenue_graph { margin-bottom:20px; padding:0px; width:100%; background:#f6f6f6; -moz-box-shadow: inset 0 2px 4px 1px #9c9c9c; -webkit-box-shadow: inset 0 2px 4px 1px #9c9c9c; box-shadow: inset 0 2px 4px 1px #9c9c9c; } 
.combinations { width:99.8%; margin:0px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

/* Start colorpicker Menu  */
.colorpicker { float:right; padding:0px; margin-right:10px; border:0; }
.colorpicker ul { list-style:none; padding:0px 0px; margin:0;  }
.colorpicker li { float:left; padding:10px 10px 5px 10px; border-bottom:1px solid #3a74b3; margin-right:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#535353; }
.colorpicker li img { padding-right:2px; width:30px; }
/* Endcolorpicker Menu */

.colA { float:left; width:49.8%; }
.colB { float:left; width:0.1%; }
.colC { float:right; width:49.8%; }
.colD { float:left; width:0.1%; margin-top:50px; height:250px; border:0; border-left:1px solid #fff; }
.colE { float:left; width:46.8%; margin:0 1.5%; }
.colF { float:left; width:0.1%; margin:0%; height:430px; border:0; border-left:1px solid #586171; }
.colG { float:left; width:0.1%; margin-top:20px; height:200px; border:0; border-left:1px solid #fff; }

.colAleft { float:left; width:45%; margin:35px 5% 0 5%; padding:0px; }
.colAright { float:right; width:35%;  margin:20px 5% 0 0%; }

.piechart_today { margin:0 auto; margin-top:25px; margin-bottom:18px; padding:0px; text-align:center; }
.piechart_weektoday { margin:0 auto; margin-top:75px; margin-bottom:40px; padding:0px; text-align:center; }
.piecharthead  { margin-bottom:15px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3a74b3; text-align:center; }
.line-blue { margin:75px 0px 0px 0px; padding:0px; width:1px; height:193px; border:0; border-left:1px solid #3a74b3; text-align:center; }
.producthead { margin:0 auto; width:44%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.producthead2 { margin:0 auto; width:52%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.productheadbottom { margin:0 auto; margin-bottom:10px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; }

/* Start Settlement and Rewards
========================================= */
.settlement_graph { width:98%; margin:0 auto; margin-top:20px; padding-bottom:10px; text-align:center; }

.campaign_graph { width:97%; margin:0 auto; margin-bottom:-15px; padding:20px 0px 10px 0px; text-align:center; }

.tophead { margin:0px; padding:15px 0px 0px 0px;  }
.title { float:left; margin:5px 0 5px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#5b6474; }
.add_campaign { float:right; width:100px; padding:5px 8px 5px 24px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#3a74b3; background:url(../images/icon_plus.png) left  no-repeat; background-position: 0px 3px; background-size:20px; text-decoration:none; }

/* Top Menu */	
.imgmenu { padding:0px; margin:0px 0px 0px 0px; float:right; }
.imgmenu ul { padding:0px; margin:0px; list-style:none; border:0; }
.imgmenu li { float:right; margin-top:2px; padding:0px 0px; }
.imgmenu li img { width:22px; height:22px; }
.imgmenu li a { margin:0px; padding:0px 2px; text-decoration:none; }

/* My Profile
========================================= */
.welcome { margin:20px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:18px; color:#535353; }
.star { font-size:14px; color:#ff0000; }
.bodyheadbg { margin-top:3px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.bodyhead { padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#fff; }
.bodyhead img { width:22px; }
.myprofile { margin:0px; padding:20px 1% 20px 1%; }

.signup { margin:0px; padding:0px; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(163, 163, 163, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1);
}
.personalinfo { margin:0px; padding:0px; text-align:left; }
.personalinfo ul { margin:0px; padding:0px; list-style:none; }
.personalinfo li { margin:0px; padding:0px; background:none; border:none; display:block; }
.personalinfo li.col2  { float:left; width:45%; margin:0px 2.5% 0 2.5%; padding:0px; }
.personalinfo li.col4  { float:left; width:18.8%; margin:0px 0% 0 5% ; padding:0px; }
.personalinfo li.address  { margin-right:50px; padding:0px; float:left; }

.personalinfo input.text { width:80%; height:21px; margin:0px 1% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text2 { width:38%; height:21px; margin:0px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text3 { width:38%; height:21px; margin:0px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 2px no-repeat;  background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.signup2 { margin:0px; padding-top:15px; bottom:0; background:#efefef; border:0; border-top:1px solid #d1d1d1; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; z-index:111; }
.info_head { margin:20px 0; padding:0px 5%; bottom:0; border:0; border-bottom:1px solid #d1d1d1; } 
.infotext { float:left; margin:10px 0px 12px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:20px; color:#535353; }
.userimg { float:right; margin:-15px 0px 0px 0px;  }
.lockimg { float:left; width:18px; margin:5px 0px 0px 25px;  }	
.infoicon { width:18px; margin:0px 0px 0px 2px; padding-top:0px;  }	
.infoicon2 { position:absolute; margin:0px 0px 0px 5px; padding-top:0px; top:20px; }	

.butdiv { padding:0px; margin:30px 0px 30px 4%; }
.butdiv a { width:150px; padding:10px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; text-align:center; text-decoration:none; }

.editicon { float:right; height:26px; width:26px; margin:-30px 2.5% 0px 0px; }

.menudropdown { float:right; margin-top:10px; padding:0px; border:1px solid #c0c0c0; }
.menudropdown li { list-style:none; border-bottom:1px solid #c0c0c0; }
.menudropdown li a { display:block; color:#525252; background:#fff; width:140px; padding:7px 13px 7px 13px; margin:0 0 0px 0; font-weight:normal; font-size:14px; text-decoration:none; }	
.menudropdown li a:hover { background: #3a74b3; color: #fff;  }
.addlogo { width:111px; height:111px; position:absolute; margin:2px 0% 17px 2%; border: #9bb9cc 1px solid; vertical-align: middle; border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.addlogo img { margin:25px 13px;  }
.profile-photo { float:right; height:55px; width:55px; margin:-10px -5px 8px 0px; text-indent:-10000px; background-image:url(../images/profile-photo.png); background-repeat:no-repeat; background-position: 0 0; }
.profile-photo:hover, .profile-photo.active { background-position: 0 -55px; }
.profile-photo-drop { float:right; position:absolute; margin:-28px 2% 0 0%; right: 0; z-index: 12; }
.top-arrow-drop { margin:0px 0px -17px 76%;  }

.auth-capture-dt { float: right; font-size: 16px; margin-top: 0px; text-align: right; width: 320px; }

/* Raju */
#signupContact11 { display:none; position:absolute; width:90%; background:#ffffff; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.signinpopup-close_trans_viewall { background:url(../images/close_x.png) no-repeat; width:43px; height:39px; padding:0px;cursor:pointer; position:absolute; right:-21px; top:-20px; }
.view-all-main-wrapper { border:1px solid #d4d4d4; }

.view-all-main-wrapper table { border-collapse: collapse; }
.view-all-main-wrapper table th { background:#ebebeb; color:#3a74b3; }
.view-all-main-wrapper table th a { text-decoration:none; }
.view-all-main-wrapper table th, .view-all-main-wrapper table td { border:1px solid #d4d4d4; }
.view-all-main-wrapper table td { padding:8px; }
.view-all-main-wrapper table td a { color:#646464; }

.salespopup_view-all { margin:0; padding:10px 10px; width:98%; }
.alternet-bg { background:#f7f7f8; }
.view-all-table-wrapper { overflow: auto; }
.view-all-pagination {height:60px; }
.view-all-pagination ul li { float:left; margin:0 3px; }
.view-all-pagination ul { padding:20px 0 0 0; width:250px; margin-left:10px; }
.view-all-pagination ul li a { text-decoration:none; font-size:13px;  }
.view-all-pagination ul li a.active { border-radius:25px; padding:3px 6px; color:#fff; color: #3a74b3; }
.pagination_left_page-arrow { background:url(../images/pagination_left_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_left2_page-arrow { background:url(../images/pagination_left2_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_right_page-arrow { background:url(../images/pagination_right_page-arrow.png) 0 7px no-repeat; padding:12px; }
.text-right { text-align:right; }
.pagination_right2_page-arrow { background:url(../images/pagination_right2_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_left_page-arrow:hover, .pagination_left_page-arrow.active { background:url(../images/pagination_left_page-arrow_active.png) 0 7px no-repeat; padding:12px; }
.pagination_left2_page-arrow:hover, .pagination_left2_page-arrow.active { background:url(../images/pagination_left2_page-arrow-active.png) 0 7px no-repeat; padding:12px; }
.pagination_right_page-arrow:hover, .pagination_right_page-arrow.active { background:url(../images/pagination_right_page-arrow_active.png) 0 7px no-repeat; padding:12px; }
.pagination_right2_page-arrow:hover, .pagination_right2_page-arrow.active { background:url(../images/pagination_right2_page_active-arrow.png) 0 7px no-repeat; padding:12px; }
.text-right { text-align:right; }
.item-counters { float:right; width:100px; }


/* added by princy - starts - 10-july-2014*/

/* Start Navigation */
.nav-wrapper { float:left; width:360px; }
nav { }
nav ul { padding-top:12px; }
nav ul li { float:left; height:79px;  padding:0 8px; }
nav ul li.vline_none { background:none; }
nav ul li div { text-align:center; display:block; line-height:32px; }
nav ul li a { font-size:19px; text-shadow:2px 0 2px #030303; color:#ffffff; text-decoration:none; }
/*nav ul .menu-icon { height:32px; margin-top:5px; }*/

nav ul .menu-title-wrapper { height:68px;}
nav ul .menu-title-wrapper:hover, nav ul .active { border-bottom:3px solid #33a8dd; }
/* End Navigation */

/* Princy_test code starts here*/
.img_top{ padding-top: 9px;}

nav li .view { background: url("../images/Header_icon/VT_normal.png") no-repeat scroll center 5px / 24px auto ; border-radius: 50%; border:2px solid #ffffff; height: 30px; line-height: 50px !important;
    text-indent: -10000px; width: 30px; margin-top: 5px;}
nav li .view:hover {  background: url("../images/Header_icon/VT_pressed.png") no-repeat scroll center 5px / 24px auto #7d8491; border-radius: 50%; height: 30px;   width: 30px; }
nav li .view.active {  background: url("../images/Header_icon/VT_pressed.png") no-repeat scroll center 5px / 24px auto #ffffff;border-radius: 50%;height: 30px;   width: 30px; }


nav li .star { background: url("../images/Header_icon/reward_normal.png") no-repeat scroll center 6px / 31px  auto ; border-radius: 50%; border:2px solid #ffffff; height: 30px; line-height: 50px !important;
    text-indent: -10000px; width: 30px; margin-top: 5px;}
nav li .star:hover {  background: url("../images/Header_icon/reward_pressed.png") no-repeat scroll center 6px / 31px  auto #7d8491; border-radius: 50%; height: 30px;   width: 30px; }
nav li .star.active {  background: url("../images/Header_icon/reward_pressed.png") no-repeat scroll center 6px / 31px  auto #ffffff;border-radius: 50%;height: 30px;   width: 30px; }


nav li .reporte { background: url("../images/Header_icon/report_normal.png") no-repeat scroll center 4px / 17px  auto ; border-radius: 50%; border:2px solid #ffffff; height: 30px; line-height: 50px !important;
    text-indent: -10000px; width: 30px; margin-top: 5px;}
nav li .reporte:hover {  background: url("../images/Header_icon/report_pressed.png") no-repeat scroll center 4px / 17px  auto #7d8491; border-radius: 50%; height: 30px;   width:30px; }
nav li .reporte.active {  background: url("../images/Header_icon/report_pressed.png") no-repeat scroll center 4px / 17px  auto #ffffff;border-radius: 50%;height: 30px;   width: 30px; }



nav li .lock { background: url("../images/Header_icon/LP_normal.png") no-repeat scroll center 3px / 20px auto ; border-radius: 50%; border:2px solid #ffffff; height: 30px; line-height: 50px !important;
    text-indent: -10000px; width: 30px; margin-top: 5px;}
nav li .lock:hover {  background: url("../images/Header_icon/LP_pressed.png") no-repeat scroll center 3px / 20px auto #7d8491; border-radius: 50%; height: 30px;   width: 30px; }
nav li .lock.active {  background: url("../images/Header_icon/LP_pressed.png") no-repeat scroll center 3px / 20px auto #ffffff;border-radius: 50%;height: 30px;   width: 30px; }



nav li .skunew { background: url("../images/Header_icon/SKU_normal.png") no-repeat scroll center 4px / 21px auto ; border-radius: 50%; border:2px solid #ffffff; height: 30px; line-height: 50px !important;
    text-indent: -10000px; width: 30px; margin-top: 5px;}
nav li .skunew:hover {  background: url("../images/Header_icon/SKU_pressed.png") no-repeat scroll center 4px / 21px auto #7d8491; border-radius: 50%; height: 30px;   width: 30px; }
nav li .skunew.active {  background: url("../images/Header_icon/SKU_pressed.png") no-repeat scroll center 4px / 21px auto #ffffff;border-radius: 50%;height: 30px;   width: 30px; }



nav li .usericon { background: url("../images/Header_icon/User_config_normal.png") no-repeat scroll center 3px / 28px auto ; border-radius: 50%; border:2px solid #ffffff; height: 30px; line-height: 50px !important;
    text-indent: -10000px; width: 30px; margin-top: 5px;}
nav li .usericon:hover {  background: url("../images/Header_icon/User_config_pressed.png") no-repeat scroll center 3px / 28px auto #7d8491; border-radius: 50%; height: 30px;   width: 30px; }
nav li .usericon.active {  background: url("../images/Header_icon/User_config_pressed.png") no-repeat scroll center 3px / 28px auto #ffffff;border-radius: 50%;height: 30px;   width: 30px; }


nav li .basket { background: url("../images/Header_icon/eshop_normal.png") no-repeat scroll center 3px / 29px auto ; border-radius: 50%; border:2px solid #ffffff; height: 30px; line-height: 50px !important;
    text-indent: -10000px; width: 30px; margin-top: 5px;}
nav li .basket:hover {  background: url("../images/Header_icon/eshop_pressed.png") no-repeat scroll center 3px / 29px auto #7d8491; border-radius: 50%; height: 30px;   width: 30px; }
nav li .basket.active {  background: url("../images/Header_icon/eshop_pressed.png") no-repeat scroll center 3px / 29px auto #ffffff;border-radius: 50%;height: 30px;   width: 30px; }







/* Princy_test_code ends here*/

/* added by princy - ends - 10-july-2014*/

/* View all transaction page added on  -  Princy - 4-July-2014*/


.filter1 { background-image: url("../images/icon-filter1.png"); background-position: 0 0;  background-repeat: no-repeat; color: #FFFFFF;  float: right; font-size: 18px; height: 18px;
    margin: -20px 2.5% 0 0; padding: 0 0 0 35px; text-decoration: none; width: 22px;}



.filter_day {
    background: url("../images/icon-blue_downarrow.png") no-repeat scroll 90% center #EDEDEE;
    color: #3A74B3;
    float: left;
    font-size: 14px;
    padding: 10px 22px 8px;
    text-decoration: none;
    width: 65px;
}


.dateinfo li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    display: block;
    margin: 0 0 5px;
    padding: 0;
}


.dateinfo label {
    color: #5B5B5B;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 6px 4%;
    padding: 0;
    text-align: right;
    width: 43%;
}


.dateinfo input.text3 {
    background: url("../images/icon-calendar.png") no-repeat scroll right 5px top #FFFFFF;
    border: 1px solid #9A9A9A;
    border-radius: 5px;
    color: #8A8A8A;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 24px;
    margin: 5px 0 6px 5%;
    padding: 5px 6px;
    vertical-align: middle;
    width: 83%;
}


.view-all-pagination ul li {
    float: left;
    margin: 0 8px;
}


.hor-zebra td .totalamt {
    color: #3A74B3;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    padding: 3px 0;
}


.hor-zebra td .cardsale {
    float: left;
    margin: 7px 5px 0 0;
}


.borderblueright {
    border-bottom: 3px solid #3A74B3;
    border-right: 2px solid #3A74B3;
    float: left;
    margin: 0;
    padding: 0 1%;
    width: 47.8%;
}

.personalinfo label { width:95%; display:block; margin:0% 5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#5b5b5b; }
.personalinfo li.col4  { float:left; width:19.8%; margin:0px 0% 0 3.5% ; padding:0px; }
.plus-minus {background-image: url("../images/icon-plus-minus.png");background-position: 0 0;background-repeat: no-repeat; float: right; height: 26px; margin: -23px 2.5% 0 0; text-indent: -10000px;
    width: 26px;}
    
    
.transaction-note-text {
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 53px;
    overflow-y: scroll;
    padding: 7px 5% 18px 0;
}


.colG {
   
    border-color: #FFFFFF;
   
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    float: left;
    height: 200px;
    margin-top: 20px;
    width: 96%;
}


.btnviewall {
    background: url("../images/icon-right_arrow_circle.png") no-repeat scroll 90% center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    float: right;
    font-family: "MyriadProSemibold",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 20px;
    margin-top: -19px;
    padding: 0 35px 0 0;
    text-decoration: none;
}

.nav-wrapper {
    float: left;
    width: 61%;
}

.topmenu2 ul { margin:0px; padding:0px; list-style-type:none; }
.topmenu2 li { display:inline; margin:0px; }
.topmenu2 li a { float:left; margin:18px 2px 0px 0px; display:inline; text-decoration:none; background-position: 0 2px; }
.topmenu2 li a.vt-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/vt-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.rewards-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/rewards-icon.png); background-repeat:no-repeat; background-position: 0 0;background-size:50px;  }
.topmenu2 li a.reports-icon { height:47px; width:50px;text-indent:-10000px; background-image:url(../images/Header_icon/reports-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.outage-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/outage.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.utility-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/stplUtility.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.reprocess-icon { height:67px; width:60px; text-indent:-10000px; background-image:url(../images/Header_icon/ReprocessTransaction.png); background-repeat:no-repeat; background-position: 0 0; }
.topmenu2 li a.lost-prevention-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/lost-prevention-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.sku-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/sku-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.user-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/user-icon.png); background-repeat:no-repeat; background-position: 0 0;  background-size:50px; }
.topmenu2 li a.eshop-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/eshop-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.statemanagement-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/stateManagement/Header_icon/statemanagement-header-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.risk-menu-icon { height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/risk-menu-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.dm-icon{ height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/Devicemgt.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.dm-icon-new{ height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/asset_management_icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.sc-icon{ height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/Survey-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.ticketingSys-icon{ height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/DepotModule.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }
.topmenu2 li a.CampaignSurvey-icon{ height:47px; width:50px; text-indent:-10000px; background-image:url(../images/Header_icon/Survey-icon.png); background-repeat:no-repeat; background-position: 0 0; background-size:50px;  }



.topmenu2 li a:hover { background-position: 0 -110px; border-bottom:3px solid #32a5de; height: 67px  }
.topmenu2 li a:active, .topmenu2 li a.active { background-position: 0 -110px; border-bottom:3px solid #32a5de; height: 67px }

.user-wrapper {
    background: url("../images/menu-seperater_vline.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: right;
    height: 79px;
    margin: 7px -3px 0 0;
    padding: 0 2px;
    width: 105px;
}


.user-name-wrapper {
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    text-align: center;
    width: 76px;
}

.user-menu-wrapper {
    float: left;
    margin: 45px 0 0 -8px;
    text-align: center;
    width: 37px;
}







/* Final permisssion page css starts here */ 

.viewall-table2 td {
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
}


.table_title {
    color: #3A74B3;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 15px !important;
    margin: 10px 0 5px;
}


.viewall-table2 th {
    background: none repeat scroll 0 0 #F5F5F6;
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    color: #5B5B5B;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
    text-align: left;
}



.allpermission {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    height: 18px;
    margin: -40px 11px 0;
    text-decoration: none;
    width: 141px;
}

.chkbox_perm{ width: 20px;}
.chkbox ul { margin:0px; padding:0px; list-style-type:none; }
.chkbox li { display:inline;  margin: -61px 4px 0; }
.chkbox li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkbox li a.chkd { height: 38px; width:39px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -14px -0px;  margin-top: -1px; }
.chkbox li a:active, .chkbox li a.active { background-position: -55px -44px;  margin-top: 0px;  }





.chkbox_perm_blue{ width: 20px;}
.chkboxblue ul { margin:0px; padding:0px; list-style-type:none; }
.chkboxblue li { display:inline;  margin: -61px 4px 0; }
.chkboxblue li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkboxblue li a.chkdblue { margin-left:6px; height: 38px; width:31px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -6px -7px;  margin-top: 0px; }
.chkboxblue li a:active, .chkboxblue li a.active {  background-position: -14px -50px;   margin-top: 0px;  margin-left:14px; }

.close-days {margin: 10px 0 5px 4.2%; width: 29%; }


.wrapper-dropdown-3 .dropdown {
    background: #596372 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    left: 0;
    list-style: outside none none;
    margin-left: -282px !important;
    position: absolute;
    right: 0;
    top: 150%;
    transition: all 0.5s ease-in 0s;
    width: 650px !important;
}

.wrapper-dropdown-3 .dropdown::before {
    border-color: rgba(0, 0, 0, 0.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    right: 307px !important;
    width: 0;
}

.wrapper-dropdown-3 .dropdown::after {
    border-color: #596372 transparent;
    border-style: solid;
    border-width: 0 13px 13px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    right: 307px !important;
    width: 0;
}



}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (min-width:581px) and (max-width: 680px) {
/* disable webkit text size adjust (for iPhone) */
html { -webkit-text-size-adjust:none; }



/* access module*/
.sel_bx_width {
    height: 230px;
    width: 188.8px;
}

.inputpermission_access { width:59%;}
.grp_name {font-size: 18px;}
/*.selecttext_new{top: 27px;}*/
select option { font-size: 12px; line-height: 25px;}

.myprofile_new {   margin: 0; padding-left: 5%; padding-top: 15px;}
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: normal; height: 24px; margin: 5px 0 4px 14px; padding: 5px 6px; vertical-align: middle; width: 51%; }
.grp_name label { clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.left_access { float: left; width: 100%;}
.selecttext_new { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: -46px 0 0 17px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.selecttext_new2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: -65px 0 0 17px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new label {clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.input_width {  width: 50.5% !important;  margin-left: 20% !important;}
.margin_lft_input{ margin-left:20% !important;}
.selecttext_new_2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px;float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px;  margin: 0 0 0 127px;  padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new input.text { background: none repeat scroll 0 0 #ffffff; border: 1px solid #9a9a9a; border-radius: 5px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 25px; margin:0 75px 20px; padding: 5px 2%; width: 50.5%;}

.bulk-popup {width:80%;}
.ticketidtable { margin:10px 0 20px !important;  }


/* Used for Header
========================================= */
#display1 { display:none; }
#display2 { display:block; }
#footer {
    background: url("../images/footerbg2.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 40px;
    padding: 9px 0;
    text-align: center;
}
header { 
	margin:0px; padding:0px; height:42px; 
	background:#596272;
	border-bottom:3px solid #464d54; 
}
header .middle { float:left; margin:0px 0px 0px 10px; padding:7px 0px; font:bold 24px "Arial Black", Gadget, sans-serif; color:#fff; text-align:center; }

/* Top Menu */	
.topmenu { padding:0px; margin:0px; float:right; height:42px; }
.topmenu ul { padding:0px; margin:0px; list-style:none; border:0; float:right; }
.topmenu li { float:left; margin:0px; padding:5px 3px; }
.topmenu li img { width:30px; margin-top:5px; }
.topmenu li a { margin:0px; padding:7px 8px; text-decoration:none; }

.fl { margin-bottom:10px; padding:0px; }
.fr { margin:0px; padding:0px; }
.wrapper { width:96%; margin:0% 2%; padding:0px; }
/* Start Menu  */
.menu { margin:20px 0px 0px 0px; padding:0px; }
.topnav { font:normal 11px Arial, Helvetica, sans-serif; float:left; padding:0px 0 0 0; margin:0; }
.topnav ul { list-style:none; padding:0px 0px; margin:0; }
.topnav li { float:left; padding:0px; margin-right:3px; color:#fff; background:#3a74b3; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;  }
.topnav li a { float:left; color:#fff; display:block; padding:5px 5px; text-decoration:none; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; }
.topnav li a:hover { color:#3a74b3; background:#fff; text-decoration:none;  }
.topnav li a.active { text-decoration:none; color:#3a74b3; background:#fff; }

.weekday { float:right; margin-top:3px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:14px; color:#535353; }

.sales { width:90%; margin:5% 5%; padding:0; clear: both; }
.saleshead { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353; border-bottom:1px solid #555e6d; }
.salessubhead { margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353;  }
.salescount { float:left; margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:25px; color:#535353; }
sup.supmargin { top:4px; margin-top:0px; font-size:14px; position: relative; }
sup { margin-top:0px; font-size:14px; position: relative; }
.salesup { float:left; margin:10px 0px 0px 20px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353; }
.salesup img { width:24px; }

.filter { margin:0px; padding:0px; background:#f7f7f8; height:33px; width:99.4%; }
.advance_filter { float:right;  font-size:12px; color:#3a74b3; padding:10px 0 10px 35px; background:#ededee url(../images/icon_advance1.png) left -2px no-repeat; background-position: 10px; background-size:18px; text-decoration:none; }
.filter_day { float:left;  font-size:12px; color:#3a74b3; padding:10px 25px; background:#ededee url(../images/icon-blue_downarrow.png) right no-repeat; background-position: 90% center; text-decoration:none; }
.sales_graph img { margin:0px; padding:0px; background:#fff; width:99.4%; }

.chart { margin:10px 0; padding:0px 0px 10px 0px; width:100%; background:#535353 url(../images/chart_bg.png) left top repeat-x; }
.piechart { width:90%; padding:5px 5% 10px 5%; border:0; border-bottom:1px solid #fff; }
.piechartleft { float:left; width:40%; margin:15px 0 0 0%;  padding:0px; }
.piechartright { float:right; width:55%; padding-right:0%; }
.cardtable { width:100%; margin:0; padding:0; border-collapse: collapse; }
.cardtable th { margin:0px; padding:0px 4px; border:0; border-bottom:1px solid #59bbec; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.cardtable td { margin:0px; padding:1px 4px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }

.border-right { border-right:none; border-bottom:none; margin:0px 5% 0px 0px; }
.transdiv { margin:20px 0px 10px 0px; padding:0px; }
.transactiontable { width:100%; /*width:470px;*/ margin:0px 0px 10px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

.hor-zebra { width:100%; margin:0; padding:0; border-collapse: collapse; }
.hor-zebra th { margin:0px; padding: 3px 4px 3px 4px; background:#3a74b3; }
.hor-zebra th .transhead { float:left; padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#fff; }
.hor-zebra th img { height:26px; margin:0px 3px 0px 0px; }
.hor-zebra .viewall { float:right; height:16px; margin-top:6px; padding:0px 28px 0px 0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; background: url(../images/icon-right_arrow_circle.png) right no-repeat; background-position:90% 0px; background-size:16px; color:#fff; text-decoration:none; }
.hor-zebra td { margin:0; border:0; border-right:1px solid #ccc; padding:3px 4px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#2f2e2c; }
.hor-zebra td .totalamt { float:left; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; line-height:normal; color:#3a74b3; padding:3px 0px; }
.hor-zebra td .totalamtsup { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:normal; color:#2f2e2c; margin:0px 0px 0px 5px; }
.hor-zebra td.borderbottom { padding:0px 8px; border-bottom:1px solid #ccc; }
.hor-zebra td.borderbottom2 { padding:0px 8px; border-bottom:1px solid #ccc; border-right:0px solid #ccc; }
.hor-zebra td.bordernone { border:none; padding:5px 0px; }
.hor-zebra td.bordernone2 { border:none; padding:0px 8px; }
.hor-zebra td.bordernone3 { border:none; padding:0px 0px 0px 0px; }
.hor-zebra td.borderblue { padding:0px 8px; border-bottom:2px solid #3a74b3; }
.hor-zebra td .cardsale { float:right; margin:7px 5px 0px 0px; }
.hor-zebra td .cardsale img { width:30px; margin:-3px 0px 0px 0px; }
.hor-zebra td .cardsale2 { float:right; margin:0px 0px 0px 0px; }
.hor-zebra td .cardsale3 { float:right; margin:5px 10px 0px 0px; }
.hor-zebra td .cardsale3 img { height:8px; margin:0px 0px 0px 0px; }
.hor-zebra td .cardsale4 { float:right; font-size:14px; margin:23px 10px 0px 0px; color:#3a74b3; }
.hor-zebra td.red { color:#e8735d; }
.hor-zebra td.textblue1 { font-weight:normal; font-size:18px; color:#3a74b3; }
.hor-zebra td.textblue2 { padding:10px 8px; font-weight:normal; font-size:13px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td.textblue3 { padding:8px 18px; margin-right:10px; font-weight:normal; font-size:16px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td .event { float:left; padding:20px 0px; font-weight:normal; font-size:18px; line-height:normal; color:#3a74b3; }

.transhead2 { width:99%; padding: 0px 0px 0px 1%; margin:0px; background:#3a74b3; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.transhead2 img { height:26px; margin:0px 3px 0px 0px; }
.borderblueright { width:98%; margin:0px; padding:0px 1%; border:0px; border-bottom:2px solid #3a74b3; }
.borderblueright2 { width:97.8%; margin:0px; padding:0px 1%; border:0px; border-bottom:2px solid #3a74b3; }

.close-days {height: 26px;margin: 10px 0 5px 3%; width: 47%;}

.salespopupp2 { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 5px; padding-left: 20px; padding-right: 10px; padding-top: 5px; width: 95%;}


/* Start Footer */
#footWrap { margin:0px; background: url(../images/footerbg2.jpg) left top repeat-x; }
#footer { height:44px; padding:9px 0px 0px 10px; margin-left:0px; text-align:left; background: url(../images/footerbg2.png) center top no-repeat; }
#footer p { margin-top:5px; width:45%; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; height: 35px; }
.footlogo { float:right; text-align: right; width:75px; margin:-16px 5px 10px 0px; }


.socialicon  { float:right; position: relative; margin:-40px 5px 15px 0px; padding:0px; list-style-type:none;  }
.socialicon h1 { display:none; margin:0px; padding:0px; font-size:12px; font-weight:normal; color:#fff; }
.socialicon ul { margin:0px; padding:0px; list-style-type:none; }
.socialicon li { display:inline; margin:0px; padding:0px; }
.socialicon li a { float:left; margin:2px 4px 0px 0px; display:inline; text-decoration:none; }
.socialicon li a.twitter { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/twitter.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon li a.facebook { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/facebook.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px;  }
.socialicon li a.linkedin { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/linkedin.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon li a.googleplus { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/googleplus.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon li a.aurusincblog { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/wordpress-aurusincblog.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon li a:hover { background-position: 0 -18px; }


#footWrap2 { margin:0px; background: url(../images/footerbg2.jpg) left top repeat-x; }
#footer2 { height:26px; padding:9px 0px 0px 10px; margin-left:0px; text-align:left; background: url(../images/footerbg2.png) center top no-repeat; }
#footer2 p { margin-top:5px; width:45%; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
.footlogo2 { float:right; width:75px; margin:-25px 5px 0px 0px; }

.socialicon2  { float:right; position: relative; margin:-42px 5px 0px 0px; padding:0px; list-style-type:none;  }
.socialicon2 h1 { margin:0px; padding:0px; font-size:12px; font-weight:normal; color:#fff; }
.socialicon2 ul { margin:0px; padding:0px; list-style-type:none; }
.socialicon2 li { display:inline; margin:0px; padding:0px; }
.socialicon2 li a { float:left; margin:2px 4px 19px 0px; display:inline; text-decoration:none; }
.socialicon2 li a.twitter { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/twitter.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon2 li a.facebook { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/facebook.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px;  }
.socialicon2 li a.linkedin { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/linkedin.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon2 li a.googleplus { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/googleplus.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon2 li a.aurusincblog { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/wordpress-aurusincblog.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon2 li a:hover { background-position: 0 -18px; }
/* End Footer */

/* Popup
========================================= */
#signupContact { display:none; position:fixed; _position:absolute;  padding:5px 5%; width:90%; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.signinpopup-close { float:right; background:url(../images/close_x.png) no-repeat; width:38px; margin:-19px -10px 0px 92.5%; padding:0px;cursor:pointer; position:absolute;}
#backgroundPopup { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #000; z-index:100000; }

/********** Popup form **********/
.popuphead { padding: 4px 0px 4px 20px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#fff; background:#3a74b3; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.salespopup { margin:0; padding:5px 5%; width:90%; }
.salespopup ol { margin:0; padding:0; list-style:none;}
.salespopup li { margin:0; padding:0; background:none; border:none; display:block;}	
.salespopup li.buttons { margin:5px 0 5px 0;}
.salespopup label { margin:0; width:98%; clear:left; display:block; padding:1px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#535353; }
.salespopup input.text { width:96%; border:1px solid #dedede; margin:0px 0px 15px 0px; padding:5px 2%; height:21px; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.salespopup textarea { width:96%; border:1px solid #dedede; margin:3px 0; padding:5px 2%; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; }
.salespopup li.buttons { padding:0px; margin:10px 0px 15px 0px; }
.salespopup li.border { padding:0px; margin:0px 0px 15px 0px; border-bottom:1px solid #3a74b3; }
.salespopup li.buttons a { padding:5px 20px; margin-right:10px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; text-align:center; text-decoration:none; }
.state_wrapper { position:relative; }
.selecttext { float:left; margin:-5px 0px 0px 5px; padding:7px 35px 7px 5px; position: absolute; border:1px solid #9a9a9a; height:10px; background:#f7f7f8 url(../images/icon-close.png) right no-repeat; background-position: 100% center; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; }
.clrli { padding:0px; margin:0px 0px -30px 0px; position: absolute; }

/* Start Bulk Approval Transaction */
.bulk-approval-wrapper {  }
.bulk-popup .bulk-approval-wrapper { margin:10px 0 0px !important;  }
.bulk-approval-wrapper table td.approval-title { font-size:16px;  }
.bulk-popup .bulk-approval-wrapper table td span.total-transction-text { color: #3a74b3!important; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 18px; }
.bulk-popup .bulk-approval-wrapper table td span.processed-successfully-text { color: #6bc681!important; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 18px; }
.bulk-popup .bulk-approval-wrapper table td span.failed-text { color: #e77260!important; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size:18px; }
.bulk-note {margin:0 0 20px; font-size:14px;}

/* End Bulk Approval Transaction */

/* Start SKU Purchase
========================================= */
.revenue_graph { margin-bottom:20px; padding:0px; width:100%; background:#f6f6f6; -moz-box-shadow: inset 0 2px 4px 1px #9c9c9c; -webkit-box-shadow: inset 0 2px 4px 1px #9c9c9c; box-shadow: inset 0 2px 4px 1px #9c9c9c; } 
.combinations { width:99.8%; margin:0px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

/* Start colorpicker Menu  */
.colorpicker { float:right; padding:0px; margin-right:10px; border:0; }
.colorpicker ul { list-style:none; padding:0px 0px; margin:0;  }
.colorpicker li { float:left; padding:8px 5px 2px 5px; border-bottom:1px solid #3a74b3; margin-right:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353; }
.colorpicker li img { padding-right:2px; width:15px; }
/* Endcolorpicker Menu */

.colA { width:94%; padding:5px 1% 10px 5%; margin-top:-10px; }
.colB { width:100%; height:10px; margin:0px; }
.colC { width:100%; }
.colD { width:94%; height:10px; margin:0px 3%; border:0; border-bottom:1px solid #fff; }
.colE { width:97%; margin:0 1.5%; }
.colF { width:100%; margin:5% 0%; height:1px; border:0; border: 0px; border-bottoom:1px solid #ff0000; }
/*.colG { width:94%; height:10px; margin:0px 3%; border:0; border-bottom:1px solid #fff; }*/

.colAleft { float:left; width:40%; margin:25px 0% 0 0%;  padding:0px; }
.colAright { float:right; width:50%; margin-left:5%; }

.piechart_today { margin:25px 0px 0px 0px; padding:0px; text-align:center; }
.piechart_weektoday { margin:10px 0px 0px 0px; padding:0px; text-align:center; }
.piecharthead  { margin:0px; padding:10px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3a74b3; text-align:center; }
.line-blue { width:80%; height:1px; margin:0px 10%; border:0; border-bottom:1px solid #3a74b3;  }
.producthead { margin:0 auto; margin-top:15px; width:55%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.producthead2 { margin:0 auto; margin-top:10px; width:65%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.productheadbottom { margin:0 auto; margin-bottom:10px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; }

/* Start Settlement and Rewards
========================================= */
.settlement_graph { width:98%; margin:0 auto; margin-top:20px; padding-bottom:10px; text-align:center; }

.campaign_graph { width:97%; margin:0 auto; margin-bottom:-15px; padding:20px 0px 10px 0px; text-align:center; }

.tophead { margin:0px; padding:15px 0px 0px 0px;  }
.title { float:left; margin:5px 0 5px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#5b6474; }
.add_campaign { float:right; width:100px; padding:5px 8px 5px 24px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#3a74b3; background:url(../images/icon_plus.png) left  no-repeat; background-position: 0px 3px; background-size:20px; text-decoration:none; }

/* Top Menu */	
.imgmenu { padding:0px; margin:0px 0px 0px 0px; float:right; }
.imgmenu ul { padding:0px; margin:0px; list-style:none; border:0; }
.imgmenu li { float:right; margin-top:2px; padding:0px 0px; }
.imgmenu li img { width:22px; height:22px; }
.imgmenu li a { margin:0px; padding:0px 2px; text-decoration:none; }

/* My Profile
========================================= */
.welcome { margin:20px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:18px; color:#535353; }
.star { font-size:14px!important; color:#ff0000!important; }
.bodyheadbg { margin-top:3px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.bodyhead { padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#fff; }
.bodyhead img { width:30px; }
.myprofile { margin:0px; padding:20px 1% 20px 1%; }

.signup { margin:0px; padding:0px; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(163, 163, 163, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1);
}
.personalinfo { margin:0px; padding:0px; text-align:left; }
.personalinfo ul { margin:0px; padding:0px; list-style:none; }
.personalinfo li { margin:0px; padding:0px; background:none; border:none; display:block; }
.personalinfo li.col2  { float:left; width:46%; margin:0px 2.5% 0 2.5%; padding:0px; }
.personalinfo li.col4  { float:left; width:18.8%; margin:1% 0% 0 5% ; padding:0px; }
.personalinfo li.address  { margin-right:50px; padding:0px; float:left; }
.personalinfo label { width:88%; display:block; margin:0% 5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#5b5b5b; }
.personalinfo input.text { width:80%; height:21px; margin:0px 3% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text2 { width:38%; height:21px; margin:0px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text3 { width:38%; height:21px; margin:0px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 2px no-repeat;  background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.signup2 { margin:0px; padding-top:15px; bottom:0; background:#efefef; border:0; border-top:1px solid #d1d1d1; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; z-index:111; }
.info_head { margin:15px 0; padding:0px 5%; bottom:0; border:0; border-bottom:1px solid #d1d1d1; } 
.infotext { float:left; margin:5px 0px 5px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:20px; color:#535353; }
.userimg { float:right; margin:-15px 0px 0px 0px;  }
.lockimg { float:left; width:35px; margin:5px 0px 0px 10px;  }	
.infoicon { width:18px; margin:0px 0px 0px 2px; padding-top:0px;  }	

.butdiv { padding:0px; margin:30px 0px 30px 4%; }
.butdiv a { width:150px; padding:10px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; text-align:center; text-decoration:none; }

.editicon { float:right; height:26px; width:26px; margin:-23px 2.5% 0px 0px; }

.menudropdown { float:right; margin-top:10px; padding:0px; border:1px solid #c0c0c0; position:relative; z-index:111; }
.menudropdown li { list-style:none; border-bottom:1px solid #c0c0c0; }
.menudropdown li a { display:block; color:#525252; background:#fff; width:140px; padding:7px 13px 7px 13px; margin:0 0 0px 0; font-weight:normal; font-size:14px; text-decoration:none; }	
.menudropdown li a:hover { background: #3a74b3; color: #fff;  }
.addlogo { width:111px; height:111px; position:absolute; margin:2px 0% 17px 2%; border: #9bb9cc 1px solid; vertical-align: middle; border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.addlogo img { margin:25px 13px;  }
.profile-photo { float:right; height:55px; width:55px; margin:-15px 0px 0px 0px; text-indent:-10000px; background-image:url(../images/profile-photo.png); background-repeat:no-repeat; background-position: 0 0; }
.profile-photo:hover, .profile-photo.active { background-position: 0 -55px; }
.profile-photo-drop { float:right; position:absolute; margin:-20px 2% 0 0%; right: 0; z-index: 12; }
.top-arrow-drop { margin:0px 0px -17px 70%;  }

/* VT Sales
========================================= */
.vtsalesheadbg { margin:0px 0px; padding:10px 0 0 0px; background:#fff; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }
.bodyheadbg2 { margin-top:20px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.bodyheadbgreboot { margin-top:20px; padding: 6px 8px 6px 8px; background:#a3a0a0; }
.colG { /*float:left;*/ width:97%; /*height:180px;*/ margin:0 1.5%; clear:both; height:auto; }
.colH { float:left; width:100%; margin:5% 0% 0% 0%; }
.colI { float:left; width:100%; margin:1% 0% 0% 0%; }
.colJ { /*float:left;*/ width:0.1%; margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.colK { /*float:left;*/ width:0.1%; margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.personalinfo span.bluetext { display:block; margin:10px	5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#3a74b3; }
.personalinfo2 { height:30px; }
.personalinfo li.col3  { float:left; width:70%; margin:0px 2.5% 0 1.1%; padding:0px; }
.personalinfo li.col5  { float:left; width:20%; margin:0px 2.5% 0 0%; padding:0px; }
.personalinfo li.col6  { float:left; width:55%; margin:0px 0% 0 0%; padding:0px; }
.personalinfo li.col7  { float:left; width:98%; margin:0px 0% 0 0%; padding:0px; }
.personalinfo input.text4 { float:left; width:35%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text5 { width:85%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-search.png) right 5px  no-repeat; background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }.personalinfo input.text7 { float:left; width:40%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; text-align: right; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.personalinfo li.secure  { float:right; margin:5px 3% 0 0%; padding-top:30px; background:url(../images/icon-lock.png) top center no-repeat; background-size:28px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#5b5b5b; }

.checkbox { float:right; margin:15px -10px 0px 0px; font-size: 11px; }
.css-checkbox { margin:-15px 0px 0px 5px; padding:0; border:0; }

.plus-minus { float:right; height:22px; width:22px; margin:-20px 2.5% 0px 0px;  background-image:url(../images/icon-plus-minus.png); background-repeat:no-repeat; background-position: 0 0; }
.plus-minus:hover, .plus-minus.active { background-position: 0 -22px; background-size:20px; }

.cards ul { margin-bottom:0px; padding:0px; list-style-type:none; }
.cards li { float:left; display:inline; margin:19px 0px 10px 5px; padding:0px; }
.cards li.visa { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/visa.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.mastercard { width:28px; height:20px;	text-indent:-10000px; background-image:url(../images/mastercard.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.amex { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/amex.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.discover { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/discover.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.giftcard { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/gift-card.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.active { background-position: 0 -20px; }

/* VT Void
========================================= */
.butnext { padding:0px; margin:30px 0px 0px 0%; }
.btnviewall { float:right; height:20px; margin-top:-27px; padding:0px 35px 0px 0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; background: url(../images/icon-right_arrow_circle.png) right no-repeat; background-position: 90% center; color:#fff; text-decoration:none; }
.recent-transaction { margin:0px; padding:0px; border-bottom:3px solid #3a74b3;  }
.transamt { float:right; text-align:right; width:18%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; line-height:normal; color:#3a74b3; padding:5px 10px; }
.transsale { float:left; margin:10px 10px 0px 0px; font-size:18px; }
.transsale img { float:right; margin:-5px 0px 0px 0px; font-size:20px; }
.time { float:left; margin:10px 0 0px 10px; font-size:14px; }
.time img { float:left; width:20px; margin:0px;  }
.transdetails { width: 100%; margin:0px; padding:0px; border-top:1px solid #d6d6d6; overflow:auto;  }
.bottomspace { margin:0px; padding:0px; height:40px; }
.bottomspace1 { margin:0px; padding:0px; height:10px; }
.cardicon2 { float:left; margin:6px 0px 0px 10px; }
.cardicon2 img { float:left; width: 24px; }
.scroll { width:560px; margin: 0; padding: 0;  }
/* VT Refund
========================================= */
.refund-menu { width:99%; margin:10px 0% 5px 1%; padding:0px; }
.refund-menu ul { margin:0px; padding:0px; list-style:none; }
.refund-menu li { width:23%; margin:0px 1% 0px 1%; padding:0px; float:left; }
.refund-menu li.iconwidth { width:47%; margin:0px 1% 0px 1%; padding:0px; float:left; border-right: 1px solid #3a74b3;  }
.refund-menu li.bordernone { border-right: 0px solid #3a74b3;  }
.refund-menu li a { float:left; width:100%; padding:0px 0%; display:block; font-size:14px; text-align:center; text-decoration:none; color:#5b5b5b; line-height:18px; }
.refund-menu li a span { display:block; padding-top:45px; }
.refund-menu li a:hover { }
.refund-menu ul li:hover, .refund-menu ul li.active { color:#5b5b5b; /*background:#ccc;*/ border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }


.menupay { background: url(../images/icon-transaction-details.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menupay:hover, .menupay.active { background:url(../images/icon-transaction-details-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuoffers { background:url(../images/icon-store-details.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuoffers:hover, .menuoffers.active  { background:url(../images/icon-store-details-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuloyalty { background:url(../images/icon-card-info.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuloyalty:hover, .menuloyalty.active { background:url(../images/icon-card-info-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menufind { background:url(../images/icon-customer-info2.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menufind:hover, .menufind.active { background:url(../images/icon-customer-info2-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.searchby { background: url(../images/iicon-searchby.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.searchby:hover, .searchby.active { background:url(../images/icon-searchby-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.orderby { background:url(../images/icon-orderby.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.orderby:hover, .orderby.active  { background:url(../images/icon-orderby-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }

.tooltip { margin:0px; padding:0px; }
.toparrow { position:relative; margin-left:5%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow2 { position:relative; margin-left:30%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow3 { position:relative; margin-left:55.5%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow4 { position:relative; margin-left:80%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow5 { position:relative; margin-left:22%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow6 { position:relative; margin-left:71%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }

.tooltipbg { margin-top:-6px; padding:20px 2%; position:relative; background:#606b7c url(../images/tooltipbg.jpg) top repeat-x; z-index:3; }
.tooltipleft { float:left; width:70%; margin:0px 3%; padding:0px; }
.tooltipright { float:right; width:22%; margin-top:75px; padding:0px; text-align:center; }
.tooltipright img { width:100px; }

.signup3 { margin:0px; padding:15px 0 0 0; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(76, 76, 76, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1);
}
.butrefund { padding:0px; margin:0px 0px 10px 4%; }
.butrefund a { width:150px; padding:5px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }
.personalinfo input.text6 { width:80%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 2px top no-repeat; background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.userimg2 { width:100%;  margin:0px 0px 0px 3.5%;  }


/* Raju */
#signupContact11 { display:none; position:absolute; width:90%; background:#ffffff; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.signinpopup-close_trans_viewall { background:url(../images/close_x.png) no-repeat; width:43px; height:39px; padding:0px;cursor:pointer; position:absolute; right:-21px; top:-20px; }
.view-all-main-wrapper { border:1px solid #d4d4d4; }

.view-all-main-wrapper table { border-collapse: collapse; }
.view-all-main-wrapper table th { background:#ebebeb; color:#3a74b3; }
.view-all-main-wrapper table th a { text-decoration:none; }
.view-all-main-wrapper table th, .view-all-main-wrapper table td { border:1px solid #d4d4d4; }
.view-all-main-wrapper table td { padding:8px; }
.view-all-main-wrapper table td a { color:#646464; }
.salespopup_view-all { margin:0; padding:10px 10px; max-width:93%; }
.alternet-bg { background:#f7f7f8; }
.view-all-table-wrapper { overflow: auto; }

.view-all-pagination {height:60px; }
.view-all-pagination ul li{ float:left; margin:0 3px; }
.view-all-pagination ul { padding:20px 0 0 0; width:250px; margin-left:10px; }
.view-all-pagination ul li a { text-decoration:none; font-size:13px;  }
.view-all-pagination ul li a.active { border-radius:25px; padding:3px 6px; color:#fff; color: #3a74b3; }
.pagination_left_page-arrow { background:url(../images/pagination_left_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_left2_page-arrow { background:url(../images/pagination_left2_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_right_page-arrow { background:url(../images/pagination_right_page-arrow.png) 0 7px no-repeat; padding:12px; }
.text-right { text-align:right; }
.pagination_right2_page-arrow { background:url(../images/pagination_right2_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_left_page-arrow:hover, .pagination_left_page-arrow.active { background:url(../images/pagination_left_page-arrow_active.png) 0 7px no-repeat; padding:12px; }
.pagination_left2_page-arrow:hover, .pagination_left2_page-arrow.active { background:url(../images/pagination_left2_page-arrow-active.png) 0 7px no-repeat; padding:12px; }
.pagination_right_page-arrow:hover, .pagination_right_page-arrow.active { background:url(../images/pagination_right_page-arrow_active.png) 0 7px no-repeat; padding:12px; }
.pagination_right2_page-arrow:hover, .pagination_right2_page-arrow.active { background:url(../images/pagination_right2_page_active-arrow.png) 0 7px no-repeat; padding:12px; }
.text-right { text-align:right; }
.item-counters { float:right; width:100px; }

/*.colJ-transaction, .colK-transaction, .colK-transaction2 { width:100%; margin:5% 0%; height:1px; border:0; border: 0px; border-bottoom:1px solid #ff0000; }*/

/* Transaction Details -- Raju
========================================= */
.transaction-status-wrapper { margin:20px 0px; padding:0px; font:normal 20px Arial, Helvetica, sans-serif; color:#3A74B3; text-align:center;}
.transaction-status-wrapper img { width:24px; }
.approved-code-no  {float:right; margin:5px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:22px; color:#3A74B3; }
.total-amount {float:right; margin:3px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#3A74B3; }
.colK-transaction { margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.colK-transaction2 { margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.colJ-transaction { margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.border_bot_none{border-bottom:none!important;}
.padding_0 {padding:0px;}
.paddingbot_10 {padding-bottom: 10px;}
.text_blue td {color:#3A74B3;}
.border-bottom { margin:0; border:0; border-bottom:1px solid #ccc; padding:3px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#2f2e2c; }
.print { float: right; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size:14px; font-weight: normal; margin: 0px 0 0; width:108px; }
.icon-export { background:url(../images/icon-export.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important;}
.icon-print { background:url(../images/icon-printer.png) center 0 no-repeat !important; width:12px; height:25px; padding: 32px 5px 0 !important; background-size:45px 30px; color:#3A74B3!important;}
.icon-email{background:url(../images/icon-email.png) center 0 no-repeat !important; width:12px; height:25px; padding: 32px 0px 0 5px!important; background-size:45px 30px; color:#3A74B3!important;}
.textbox-disable { background:#f4f4f4!important; color:#3A74B3!important; }


/*----- Raju -----*/

/* Start VT_sales.html & transaction-details.html*/

.name-textbox{width:88.3%!important;}

/* End VT_sales.html& transaction-details.html */



/* Start sales.html */

.transation-icons { float:left; margin:0px 10px 0px 0px;}

/* End sales.html */

/*  Start Raju 2 May 2014 */
.account-infor-user-name { font-size:18px; }
.text-color { color:#3a74b3; }
.user-logo { float:right; width:105px; height:17px; border:1px solid #ccc; text-align:center; padding:6px; }
.user-logo img { width:95px;  }
.personalinfo .corporate-name { width:85%; height:24px; position:relative; z-index:1; margin:2px 0% 10px 3%; padding:5px 6px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3a74b3; vertical-align: middle; }
.personalinfo li.col2_password  { float:left; width:47.5%; margin:0px 0 0 2.5%; padding:0px; }
.text-address-line { width:88.5%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.password-conditions { position: absolute; right: 0; }
.password-conditions ul { margin:0px; padding:0; font-size: 11px;  }
.password-conditions ul li { margin:0px; padding:0; display:block; color:#5b5b5b;  margin: 0 0 0 5%; }
.password-conditions ul li.active { color:#228d36; }
.personalinfo .col2_password input.text {  width:80%; }
.colF-myprofile-height { float:left; width:0.1%; margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.notification { position: relative; margin: -48px -12px 0 0; width:12px; }
.notification img.display-none { display:none; }
.notification img.active { display:block; }
.notification img { width:100%; }
/*.transaction-note-text { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; padding: 13px 2%; 3px; color:#2F2E2C; height:66px; }*/
.borderblueright-transaction-note-left { float:right; width:51%; margin:0px; padding:0px 1%; border-left:1px solid #ccc; border-bottom:3px solid #3a74b3; overflow: auto;  }
.borderblueright-transaction-note-right { float:left; width:43.8%; margin:0px; padding:0px 1%; border-bottom:3px solid #3a74b3; }
.transation-note-user img { float:left; margin-right:5px; }
.addnote-wrapper { margin: 15px 0 15px 4%; }
.addnote-textarea { width:85%; height:150px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.addnote-left-text-wrapper { height:24px; padding:5px 6px; font-size:14px; color:#3e3e3e; text-align:right; }
.add-note-wrapper { margin:0 1% 0.5%; }



/* Raju 5 April 2014- view-all transaction */

.viewall-table th { border: 0 none; color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 8px; text-align:left;   border:1px solid #dbdbde; border-collapse:collapse; background:#f5f5f6;  }
.viewall-table td { color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 8px; border-right:1px solid #dbdbde; border-collapse: collapse; }
.viewall-table td a { color:#3a74b3; text-decoration:underline; }
.viewall-transaction-detials-expanded { border:1px solid #ccc; }
.viewall-transaction-detials-tabel { width:100%; cellspacing:0; background:#fff; }
.viewall-transaction-detials-tabel td { padding: 5px 8px; }
.viewall-transaction-detials-tabel td  { border:1px solid #dbdbde; border-collapse:collapse;  }
.expand-table-wrapper { background:#f7f7f8; border:1px solid #dbdbde; padding:10px 10px; margin: 5px 0; }
.expand-table-wrapper ul { border-bottom:0px solid #dbdbde; }
.expand-table-wrapper ul li { float:left; width:150px; border:1px solid #dbdbde; background:#fff; border-radius:5px 5px 0px 0;  text-align:center; padding:10px 10px; }
.view-all-transaction-alternage-td-bg-color, .tabel-td-bg  { background:#f7f7f8; }
.tabel-last-td-bg  { background:#f9f9f9 url(../images/viewall_transaction_table-right-sidebg.jpg) right top repeat-y; }
.border_none { border:none !important; }
.txt-right { text-align:right; }
.margin_top_0 { margin-top:0; }
.padding_left_right_none { padding:8px 0 !important; }
.viewall-table .amount{ color: #3A74B3; }



/* Raju 6 April 2014- Avatar */
.avatar-mailwrapper {  }
.avatar-mailwrapper ul { margin: 30px 5px; padding:0; }
.avatar-mailwrapper ul li { float: left; list-style: none; margin: 0px 5px 5px; padding:0;  }


/*Added by princy*/


.viewall-table th {
    background: none repeat scroll 0 0 #F5F5F6;
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    color: #5B5B5B;
    font-size: 13.5px;
    font-weight: normal;
    margin: 0;
    padding: 3px;
    text-align: left;
}


.viewall-table td {
    border-collapse: collapse;
    border-right: 1px solid #DBDBDE;
    color: #5B5B5B;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
}

.colG {
  
    border-color:  #FFFFFF;
   
    border-style: none none solid;
    border-width: 0 0 1px;
    height: 160px;
    margin: 0 3%;
    width: 94%;
}


.colE {
    float: left;
    margin: 0 1.5%;
    width: 97%;
}


.colJ {
    
    border-color:  #586171;
    border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}


.colK {
    
    border-color:  #586171;
    border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}
.colK.middle_line {
    height: 25px;
}

.colK-transaction2.middle_line_transaction2 {
    height: 25px;
}

.colF-myprofile-height {
    
    border-color: #586171;
   
    border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}



.reportcolB {
    float: right;
    margin: 42px 0 0;
    padding: 0;
    width: 65%;
}

.reportcolB .Col1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 98.98%;
}



.inputpermission {
    border: 1px solid #9A9A9A;
    border-radius: 5px;
    color: #8A8A8A;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 20px;
    margin: 5px 0 5px 5%;
    padding: 5px 6px;
    vertical-align: middle;
    width: 43%;
}


.allpermission {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    height: 18px;
    margin: -40px 11px 0;
    text-decoration: none;
    width: 141px;
}

.chkbox_perm{ width: 20px;}
.chkbox ul { margin:0px; padding:0px; list-style-type:none; }
.chkbox li { display:inline;  margin: -61px 4px 0; }
.chkbox li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkbox li a.chkd { height: 38px; width:39px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -14px -0px;  margin-top: -1px; }
.chkbox li a:active, .chkbox li a.active { background-position: -55px -44px;  margin-top: 0px;  }





.chkbox_perm_blue{ width: 20px;}
.chkboxblue ul { margin:0px; padding:0px; list-style-type:none; }
.chkboxblue li { display:inline;  margin: -61px 4px 0; }
.chkboxblue li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkboxblue li a.chkdblue { margin-left:-1px; height: 38px; width:31px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -6px -7px;  margin-top: 0px; }
.chkboxblue li a:active, .chkboxblue li a.active {  background-position: -14px -50px;   margin-top: 0px;  margin-left:7px; }


.wrapper-dropdown-3 .dropdown {
    background: #596372 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    left: 0;
    list-style: outside none none;
    margin-left: -232px !important;
    position: absolute;
    right: 0;
    top: 150%;
    transition: all 0.5s ease-in 0s;
    width: 550px !important;
}

.wrapper-dropdown-3 .dropdown::before {
    border-color: rgba(0, 0, 0, 0.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    right: 257px !important;
    width: 0;
}

.wrapper-dropdown-3 .dropdown::after {
    border-color: #596372 transparent;
    border-style: solid;
    border-width: 0 13px 13px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    right: 257px !important;
    width: 0;
}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (min-width: 480px) and (max-width:580px) {

/* disable webkit text size adjust (for iPhone) */
html { -webkit-text-size-adjust:none; }


/* Access module*/
.sel_bx_width {
     height: 198px;
    width: 139px;
}
select option {
    font-size: 12px;
    line-height: 25px;
}

#multinav ul {
    list-style-type: none;
    margin: 11% 7% 0;
    padding: 0;
}
.grp_name{ font-size:18px;}
.inputpermission_access { width: 56%;}
.filter_new1 {margin: 3% 0;}
/*.selecttext_new{top: 28px;}*/

.myprofile_new {   margin: 0; padding-left: 5%; padding-top: 15px;}
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: normal; height: 24px; margin: 5px 0 4px 14px; padding: 5px 6px; vertical-align: middle; width: 51%; }
.grp_name label { clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.left_access { float: left; width: 100%;}
.selecttext_new { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: -46px 0 0 22px;padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}

.selecttext_new2 {background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px; margin: -65px 0 0 21px; padding: 6px 24px 1px 5px; position: absolute; }
.personalinfo textarea{ width: 81%;}

.salespopup_new label {clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.input_width {  width: 50.5% !important;  margin-left: 20% !important;}
.margin_lft_input{ margin-left:20% !important;}
.selecttext_new_2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px;float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px;  margin: 0 0 0 127px;  padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new input.text { background: none repeat scroll 0 0 #ffffff; border: 1px solid #9a9a9a; border-radius: 5px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 25px; margin:0 75px 20px; padding: 5px 2%; width: 50.5%;}



/* Used for Header
========================================= */
#display1 { display:none; }
#display2 { display:block; }

header { 
	margin:0px; padding:0px; height:42px; 
	background:#596272;
	border-bottom:3px solid #464d54; 
}
header .middle { float:left; margin:0px 0px 0px 10px; padding:7px 0px; font:bold 24px "Arial Black", Gadget, sans-serif; color:#fff; text-align:center; }

/* Top Menu */	
.topmenu { padding:0px; margin:0px; float:right; height:42px; }
.topmenu ul { padding:0px; margin:0px; list-style:none; border:0; float:right; }
.topmenu li { float:left; margin:0px; padding:5px 3px; }
.topmenu li img { width:30px; margin-top:5px; }
.topmenu li a { margin:0px; padding:7px 8px; text-decoration:none; }

.fl { margin-bottom:10px; padding:0px; }
.fr { margin:0px; padding:0px; }
.wrapper { width:96%; margin:0% 2%; padding:0px; }
/* Start Menu  */
.menu { margin:20px 0px 0px 0px; padding:0px; }
.topnav { font:normal 11px Arial, Helvetica, sans-serif; float:left; padding:0px 0 0 0; margin:0; }
.topnav ul { list-style:none; padding:0px 0px; margin:0; }
.topnav li { float:left; padding:0px; margin-right:3px; color:#fff; background:#3a74b3; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;  }
.topnav li a { float:left; color:#fff; display:block; padding:5px 5px; text-decoration:none; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; }
.topnav li a:hover { color:#3a74b3; background:#fff; text-decoration:none;  }
.topnav li a.active { text-decoration:none; color:#3a74b3; background:#fff; }

.weekday { float:right; margin-top:3px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:14px; color:#535353; }

.sales { width:90%; margin:5% 5%; padding:0; clear: both; }
.total-value{ border-left: 3px solid #3A74B3; margin-left: 0%; padding-left: 8px; height: 65px; width: 92%;}
.saleshead { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#535353; border-bottom:1px solid #555e6d; margin-top:10px; }
.salessubhead { margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353;  }
.salescount { float:left; margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:25px; color:#535353; }
sup.supmargin { top:4px; margin-top:0px; font-size:14px; position: relative; }
sup { margin-top:0px; font-size:14px; position: relative; }
.salesup { float:left; margin:10px 0px 0px 20px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353; }
.salesup img { width:24px; }

/* Start Bulk Approval Transaction */
.bulk-popup {width:80%;}
.bulk-popup .bulk-approval-wrapper { margin:10px 0 0px !important;  }
.bulk-approval-wrapper table td.approval-title { font-size:14px;  }
.bulk-popup .bulk-approval-wrapper table td span.total-transction-text { color: #3a74b3!important; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; }
.bulk-popup .bulk-approval-wrapper table td span.processed-successfully-text { color: #6bc681!important; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; }
.bulk-popup .bulk-approval-wrapper table td span.failed-text { color: #e77260!important; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size:14px; }
.bulk-note {margin:0 0 20px; font-size:14px;}
/* End Bulk Approval Transaction */

.filter { margin:0px; padding:0px; background:#f7f7f8; height:33px; width:99.4%; }
.advance_filter { float:right;  font-size:12px; color:#3a74b3; padding:10px 0 10px 35px; background:#ededee url(../images/icon_advance1.png) left -2px no-repeat; background-position: 10px; background-size:18px; text-decoration:none; }
.filter_day { float:left;  font-size:12px; color:#3a74b3; padding:10px 25px; background:#ededee url(../images/icon-blue_downarrow.png) right no-repeat; background-position: 90% center; text-decoration:none; }
.sales_graph img { margin:0px; padding:0px; background:#fff; width:99.4%; }

.chart { margin:10px 0; padding:0px 0px 10px 0px; width:100%; background:#535353 url(../images/chart_bg.png) left top repeat-x; }
.piechart { width:90%; padding:5px 5% 10px 5%; border:0; border-bottom:1px solid #fff; }
.piechartleft { float:left; width:40%; margin:15px 0 0 0%;  padding:0px; }
.piechartright { float:right; width:55%; padding-right:0%; }
.cardtable { width:100%; margin:0; padding:0; border-collapse: collapse; }
.cardtable th { margin:0px; padding:0px 4px; border:0; border-bottom:1px solid #59bbec; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.cardtable td { margin:0px; padding:1px 4px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }

.border-right { border-right:none; border-bottom:none; margin:0px 5% 0px 0px; }
.transdiv { margin:20px 0px 10px 0px; padding:0px; }
.transactiontable { width:100%; /*width:470px;*/ margin:0px 0px 10px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

.hor-zebra { width:100%; margin:0; padding:0; border-collapse: collapse; }
.hor-zebra th { margin:0px; padding: 3px 4px 3px 4px; background:#3a74b3; }
.hor-zebra th .transhead { float:left; padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#fff; }
.hor-zebra th img { height:26px; margin:0px 3px 0px 0px; }
.hor-zebra .viewall { float:right; height:16px; margin-top:6px; padding:0px 28px 0px 0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; background: url(../images/icon-right_arrow_circle.png) right no-repeat; background-position:90% 0px; background-size:16px; color:#fff; text-decoration:none; }
.hor-zebra td { margin:0; border:0; border-right:1px solid #ccc; padding:3px 4px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#2f2e2c; }
.hor-zebra td .totalamt { float:left; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; line-height:normal; color:#3a74b3; padding:3px 0px; }
.hor-zebra td .totalamtsup { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:normal; color:#2f2e2c; margin:0px 0px 0px 5px; }
.hor-zebra td.borderbottom { padding:0px 8px; border-bottom:1px solid #ccc; }
.hor-zebra td.borderbottom2 { padding:0px 8px; border-bottom:1px solid #ccc; border-right:0px solid #ccc; }
.hor-zebra td.bordernone { border:none; padding:5px 0px; }
.hor-zebra td.bordernone2 { border:none; padding:0px 8px; }
.hor-zebra td.bordernone3 { border:none; padding:0px 0px 0px 0px; }
.hor-zebra td.borderblue { padding:0px 8px; border-bottom:2px solid #3a74b3; }
.hor-zebra td .cardsale { float:right; margin:7px 5px 0px 0px; }
.hor-zebra td .cardsale img { width:30px; margin:-3px 0px 0px 0px; }
.hor-zebra td .cardsale2 { float:right; margin:0px 0px 0px 0px; }
.hor-zebra td .cardsale3 { float:right; margin:5px 10px 0px 0px; }
.hor-zebra td .cardsale3 img { height:8px; margin:0px 0px 0px 0px; }
.hor-zebra td .cardsale4 { float:right; font-size:14px; margin:23px 10px 0px 0px; color:#3a74b3; }
.hor-zebra td.red { color:#e8735d; }
.hor-zebra td.textblue1 { font-weight:normal; font-size:18px; color:#3a74b3; }
.hor-zebra td.textblue2 { padding:10px 8px; font-weight:normal; font-size:13px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td.textblue3 { padding:8px 18px; margin-right:10px; font-weight:normal; font-size:16px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td .event { float:left; padding:20px 0px; font-weight:normal; font-size:18px; line-height:normal; color:#3a74b3; }

.transhead2 { width:99%; padding: 0px 0px 0px 1%; margin:0px; background:#3a74b3; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.transhead2 img { height:26px; margin:0px 3px 0px 0px; }
.borderblueright { width:98%; margin:0px; padding:0px 1%; border:0px; border-bottom:2px solid #3a74b3; }
.borderblueright2 { width:97.8%; margin:0px; padding:0px 1%; border:0px; border-bottom:2px solid #3a74b3; }

.by-card-type { color: #fff; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0 auto 10px; padding: 0 2%; text-align: left; padding-top: 10px; }
.right-graph {margin-top: 10px;}
.by-transaction-type {width: 95%; font-size: 16px;}
.discrepancies .text2 {width: 95%; font-size: 16px;}

.close-days {height:26px; margin: 10px 0 5px 6.2%; width: 43%;}
.close-date {margin: 6px 7px 0;}
.close-date-day {margin: 6px 0 0;}


/* Start Footer */
#footWrap { margin:0px; background: url(../images/footerbg2.jpg) left top repeat-x; }
#footer { height:40px; padding:9px 0px; text-align:center; background: url(../images/footerbg2.png) center top no-repeat; }
#footer p { margin-top:5px; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
/* End Footer */

/* Popup
========================================= */
#signupContact { display:none; position:fixed; _position:absolute;  padding:5px 5%; width:90%; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.signinpopup-close { float:right; background:url(../images/close_x.png) no-repeat; width:38px; margin:-19px -10px 0px 92.5%; padding:0px;cursor:pointer; position:absolute;}
#backgroundPopup { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #000; z-index:100000; }

/********** Popup form **********/
.popuphead { padding: 4px 0px 4px 20px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#fff; background:#3a74b3; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.salespopup { margin:0; padding:5px 5%; width:90%; }
.salespopup ol { margin:0; padding:0; list-style:none;}
.salespopup li { margin:0; padding:0; background:none; border:none; display:block;}	
.salespopup li.buttons { margin:5px 0 5px 0;}
.salespopup label { margin:0; width:98%; clear:left; display:block; padding:1px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#535353; }
.salespopup input.text { width:96%; border:1px solid #dedede; margin:0px 0px 15px 0px; padding:5px 2%; height:21px; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.salespopup textarea { width:96%; border:1px solid #dedede; margin:3px 0; padding:5px 2%; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; }
.salespopup li.buttons { padding:0px; margin:10px 0px 15px 0px; }
.salespopup li.border { padding:0px; margin:0px 0px 15px 0px; border-bottom:1px solid #3a74b3; }
.salespopup li.buttons a { padding:5px 20px; margin-right:10px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; text-align:center; text-decoration:none; }
.state_wrapper { position:relative; }
.selecttext { float:left; margin:-5px 0px 0px 5px; padding:7px 35px 7px 5px; position: absolute; border:1px solid #9a9a9a; height:10px; background:#f7f7f8 url(../images/icon-close.png) right no-repeat; background-position: 100% center; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; }
.clrli { padding:0px; margin:0px 0px -30px 0px; position: absolute; }


.salespopupp2 {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 5px;
    width:94%;
}


/* Start SKU Purchase
========================================= */
.revenue_graph { margin-bottom:20px; padding:0px; width:100%; background:#f6f6f6; -moz-box-shadow: inset 0 2px 4px 1px #9c9c9c; -webkit-box-shadow: inset 0 2px 4px 1px #9c9c9c; box-shadow: inset 0 2px 4px 1px #9c9c9c; } 
.combinations { width:99.8%; margin:0px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

/* Start colorpicker Menu  */
.colorpicker { float:right; padding:0px; margin-right:10px; border:0; }
.colorpicker ul { list-style:none; padding:0px 0px; margin:0;  }
.colorpicker li { float:left; padding:8px 5px 2px 5px; border-bottom:1px solid #3a74b3; margin-right:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353; }
.colorpicker li img { padding-right:2px; width:15px; }
/* Endcolorpicker Menu */

.colA { width:94%; padding:5px 1% 10px 5%; margin-top:-10px; }
.colB { width:100%; height:10px; margin:0px; }
.colC { width:100%; }
.colD { width:94%; height:10px; margin:0px 3%; border:0; border-bottom:1px solid #fff; }
.colE { width:97%; margin:0 1.5%; }
.colF { width:100%; margin:5% 0%; height:1px; border:0; border: 0px; border-bottoom:1px solid #ff0000; }
/*.colG { width:94%; height:10px; margin:0px 3%; border:0; border-bottom:1px solid #fff; }*/

.colAleft { float:left; width:40%; margin:25px 0% 0 0%;  padding:0px; }
.colAright { float:right; width:50%; margin-left:5%; }

.piechart_today { margin:25px 0px 0px 0px; padding:0px; text-align:center; }
.piechart_weektoday { margin:10px 0px 0px 0px; padding:0px; text-align:center; }
.piecharthead  { margin:0px; padding:10px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3a74b3; text-align:center; }
.line-blue { width:80%; height:1px; margin:0px 10%; border:0; border-bottom:1px solid #3a74b3;  }
.producthead { margin:0 auto; margin-top:15px; width:55%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.producthead2 { margin:0 auto; margin-top:10px; width:65%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.productheadbottom { margin:0 auto; margin-bottom:10px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; }

/* Start Settlement and Rewards
========================================= */
.settlement_graph { width:98%; margin:0 auto; margin-top:20px; padding-bottom:10px; text-align:center; }

.campaign_graph { width:97%; margin:0 auto; margin-bottom:-15px; padding:20px 0px 10px 0px; text-align:center; }

.tophead { margin:0px; padding:15px 0px 0px 0px;  }
.title { float:left; margin:5px 0 5px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#5b6474; }
.add_campaign { float:right; width:100px; padding:5px 8px 5px 24px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#3a74b3; background:url(../images/icon_plus.png) left  no-repeat; background-position: 0px 3px; background-size:20px; text-decoration:none; }

/* Top Menu */	
.imgmenu { padding:0px; margin:0px 0px 0px 0px; float:right; }
.imgmenu ul { padding:0px; margin:0px; list-style:none; border:0; }
.imgmenu li { float:right; margin-top:2px; padding:0px 0px; }
.imgmenu li img { width:22px; height:22px; }
.imgmenu li a { margin:0px; padding:0px 2px; text-decoration:none; }

/* My Profile
========================================= */
.welcome { margin:20px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:18px; color:#535353; }
.star { font-size:14px!important; color:#ff0000!important; }
.bodyheadbg { margin-top:3px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.bodyhead { padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#fff; }
.bodyhead img { width:30px; }
.myprofile { margin:0px; padding:20px 1% 20px 1%; }

.signup { margin:0px; padding:0px; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(163, 163, 163, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1);
}
.personalinfo { margin:0px; padding:0px; text-align:left; }
.personalinfo ul { margin:0px; padding:0px; list-style:none; }
.personalinfo li
.viewall-table2 td {
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
} { margin:0px; padding:0px; background:none; border:none; display:block; }
.personalinfo li.col2  { float:left; width:46%; margin:0px 2.5% 0 2.5%; padding:0px; }
.personalinfo li.col4  { float:left; width:18.8%; margin:1% 0% 0 5% ; padding:0px; }
.personalinfo li.address  { margin-right:50px; padding:0px; float:left; }
.personalinfo label { width:88%; display:block; margin:0% 5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#5b5b5b; }
.personalinfo input.text { width:80%; height:21px; margin:0px 3% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text2 { width:38%; height:21px; margin:0px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text3 { width:38%; height:21px; margin:0px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 2px no-repeat;  background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.signup2 { margin:0px; padding-top:15px; bottom:0; background:#efefef; border:0; border-top:1px solid #d1d1d1; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; z-index:111; }
.info_head { margin:15px 0; padding:0px 5%; bottom:0; border:0; border-bottom:1px solid #d1d1d1; } 
.infotext { float:left; margin:5px 0px 5px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:20px; color:#535353; }
.userimg { float:right; margin:-15px 0px 0px 0px;  }
.lockimg { float:left; width:35px; margin:5px 0px 0px 10px;  }	
.infoicon { width:18px; margin:0px 0px 0px 2px; padding-top:0px;  }	

.butdiv { padding:0px; margin:30px 0px 30px 4%; }
.butdiv a { width:150px; padding:10px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; text-align:center; text-decoration:none; }

.editicon { float:right; height:26px; width:26px; margin:-23px 2.5% 0px 0px; }

.menudropdown { float:right; margin-top:10px; padding:0px; border:1px solid #c0c0c0; position:relative; z-index:111; }
.menudropdown li { list-style:none; border-bottom:1px solid #c0c0c0; }
.menudropdown li a { display:block; color:#525252; background:#fff; width:140px; padding:7px 13px 7px 13px; margin:0 0 0px 0; font-weight:normal; font-size:14px; text-decoration:none; }	
.menudropdown li a:hover { background: #3a74b3; color: #fff;  }
.addlogo { width:111px; height:111px; position:absolute; margin:2px 0% 17px 2%; border: #9bb9cc 1px solid; vertical-align: middle; border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.addlogo img { margin:25px 13px;  }
.profile-photo { float:right; height:55px; width:55px; margin:-15px 0px 0px 0px; text-indent:-10000px; background-image:url(../images/profile-photo.png); background-repeat:no-repeat; background-position: 0 0; }
.profile-photo:hover, .profile-photo.active { background-position: 0 -55px; }
.profile-photo-drop { float:right; position:absolute; margin:-20px 2% 0 0%; right: 0; z-index: 12; }
.top-arrow-drop { margin:0px 0px -17px 70%;  }


.auth-capture-dt { float: right; font-size: 15px; margin-top: 5px; text-align: right; width: 303px; }

/* VT Sales
========================================= */
.vtsalesheadbg { margin:0px 0px; padding:10px 0 0 0px; background:#fff; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }
.bodyheadbg2 { margin-top:20px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.bodyheadbgreboot { margin-top:20px; padding: 6px 8px 6px 8px; background:#a3a0a0; }
.colG { /*float:left;*/ width:97%; /*height:180px;*/ margin:0 1.5%; clear:both; height:auto; }
.colH { float:left; width:100%; margin:5% 0% 0% 0%; }
.colI { float:left; width:100%; margin:1% 0% 0% 0%; }
.colJ { /*float:left;*/ width:0.1%; margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.colK { /*float:left;*/ width:0.1%; margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.personalinfo span.bluetext { display:block; margin:10px	5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#3a74b3; }
.personalinfo2 { height:30px; }
.personalinfo li.col3  { float:left; width:70%; margin:0px 2.5% 0 1.1%; padding:0px; }
.personalinfo li.col5  { float:left; width:20%; margin:0px 2.5% 0 0%; padding:0px; }
.personalinfo li.col6  { float:left; width:55%; margin:0px 0% 0 0%; padding:0px; }
.personalinfo li.col7  { float:left; width:98%; margin:0px 0% 0 0%; padding:0px; }
.personalinfo input.text4 { float:left; width:35%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text5 { width:85%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-search.png) right 5px  no-repeat; background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }.personalinfo input.text7 { float:left; width:40%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; text-align: right; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.personalinfo li.secure  { float:right; margin:5px 3% 0 0%; padding-top:30px; background:url(../images/icon-lock.png) top center no-repeat; background-size:28px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#5b5b5b; }

.checkbox { float:right; margin:15px -10px 0px 0px; font-size: 11px; }
.css-checkbox { margin:-15px 0px 0px 5px; padding:0; border:0; }

.plus-minus { float:right; height:22px; width:22px; margin:-20px 2.5% 0px 0px;  background-image:url(../images/icon-plus-minus.png); background-repeat:no-repeat; background-position: 0 0; }
.plus-minus:hover, .plus-minus.active { background-position: 0 -22px; background-size:20px; }

.cards ul { margin-bottom:0px; padding:0px; list-style-type:none; }
.cards li { float:left; display:inline; margin:19px 0px 10px 5px; padding:0px; }
.cards li.visa { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/visa.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.mastercard { width:28px; height:20px;	text-indent:-10000px; background-image:url(../images/mastercard.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.amex { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/amex.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.discover { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/discover.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.giftcard { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/gift-card.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.active { background-position: 0 -20px; }

/* VT Void
========================================= */
.butnext { padding:0px; margin:30px 0px 0px 0%; }
.btnviewall { float:right; height:20px; margin-top:-27px; padding:0px 35px 0px 0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; background: url(../images/icon-right_arrow_circle.png) right no-repeat; background-position: 90% center; color:#fff; text-decoration:none; }
.recent-transaction { margin:0px; padding:0px; border-bottom:3px solid #3a74b3;  }
.transamt { float:right; text-align:right; width:18%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; line-height:normal; color:#3a74b3; padding:5px 10px; }
.transsale { float:left; margin:10px 10px 0px 0px; font-size:18px; }
.transsale img { float:right; margin:-5px 0px 0px 0px; font-size:20px; }
.time { float:left; margin:10px 0 0px 10px; font-size:14px; }
.time img { float:left; width:20px; margin:0px;  }
.transdetails { width: 100%; margin:0px; padding:0px; border-top:1px solid #d6d6d6; overflow:auto;  }
.bottomspace { margin:0px; padding:0px; height:40px; }
.bottomspace1 { margin:0px; padding:0px; height:10px; }
.cardicon2 { float:left; margin:6px 0px 0px 10px; }
.cardicon2 img { float:left; width: 24px; }
.scroll { width:560px; margin: 0; padding: 0;  }
/* VT Refund
========================================= */
.refund-menu { width:99%; margin:10px 0% 5px 1%; padding:0px; }
.refund-menu ul { margin:0px; padding:0px; list-style:none; }
.refund-menu li { width:23%; margin:0px 1% 0px 1%; padding:0px; float:left; }
.refund-menu li.iconwidth { width:47%; margin:0px 1% 0px 1%; padding:0px; float:left; border-right: 1px solid #3a74b3;  }
.refund-menu li.bordernone { border-right: 0px solid #3a74b3;  }
.refund-menu li a { float:left; width:100%; padding:0px 0%; display:block; font-size:14px; text-align:center; text-decoration:none; color:#5b5b5b; line-height:18px; }
.refund-menu li a span { display:block; padding-top:45px; }
.refund-menu li a:hover { }
.refund-menu ul li:hover, .refund-menu ul li.active { color:#5b5b5b; /*background:#ccc;*/ border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }


.menupay { background: url(../images/icon-transaction-details.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menupay:hover, .menupay.active { background:url(../images/icon-transaction-details-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuoffers { background:url(../images/icon-store-details.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuoffers:hover, .menuoffers.active  { background:url(../images/icon-store-details-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuloyalty { background:url(../images/icon-card-info.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuloyalty:hover, .menuloyalty.active { background:url(../images/icon-card-info-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menufind { background:url(../images/icon-customer-info2.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menufind:hover, .menufind.active { background:url(../images/icon-customer-info2-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.searchby { background: url(../images/iicon-searchby.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.searchby:hover, .searchby.active { background:url(../images/icon-searchby-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.orderby { background:url(../images/icon-orderby.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.orderby:hover, .orderby.active  { background:url(../images/icon-orderby-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }

.tooltip { margin:0px; padding:0px; }
.toparrow { position:relative; margin-left:5%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow2 { position:relative; margin-left:30%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow3 { position:relative; margin-left:55.5%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow4 { position:relative; margin-left:80%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow5 { position:relative; margin-left:22%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow6 { position:relative; margin-left:71%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }

.tooltipbg { margin-top:-6px; padding:20px 2%; position:relative; background:#606b7c url(../images/tooltipbg.jpg) top repeat-x; z-index:3; }
.tooltipleft { float:left; width:70%; margin:0px 3%; padding:0px; }
.tooltipright { float:right; width:22%; margin-top:75px; padding:0px; text-align:center; }
.tooltipright img { width:100px; }

.signup3 { margin:0px; padding:15px 0 0 0; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(76, 76, 76, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1);
}
.butrefund { padding:0px; margin:0px 0px 10px 4%; }
.butrefund a { width:150px; padding:5px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }
.personalinfo input.text6 { width:80%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 2px top no-repeat; background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.userimg2 { width:100%;  margin:0px 0px 0px 3.5%;  }


/* Raju */
#signupContact11 { display:none; position:absolute; width:90%; background:#ffffff; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.signinpopup-close_trans_viewall { background:url(../images/close_x.png) no-repeat; width:43px; height:39px; padding:0px;cursor:pointer; position:absolute; right:-21px; top:-20px; }
.view-all-main-wrapper { border:1px solid #d4d4d4; }

.view-all-main-wrapper table { border-collapse: collapse; }
.view-all-main-wrapper table th { background:#ebebeb; color:#3a74b3; }
.view-all-main-wrapper table th a { text-decoration:none; }
.view-all-main-wrapper table th, .view-all-main-wrapper table td { border:1px solid #d4d4d4; }
.view-all-main-wrapper table td { padding:8px; }
.view-all-main-wrapper table td a { color:#646464; }
.salespopup_view-all { margin:0; padding:10px 10px; max-width:93%; }
.alternet-bg { background:#f7f7f8; }
.view-all-table-wrapper { overflow: auto; }

.view-all-pagination { height:60px; }
.view-all-pagination ul li{ float:left; margin:0 3px; }
.view-all-pagination ul { padding:20px 0 0 0; width:250px; margin-left:10px; }
.view-all-pagination ul li a { text-decoration:none; font-size:13px;  }
.view-all-pagination ul li a.active { border-radius:25px; padding:3px 6px; color:#fff; color: #3a74b3; }
.pagination_left_page-arrow { background:url(../images/pagination_left_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_left2_page-arrow { background:url(../images/pagination_left2_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_right_page-arrow { background:url(../images/pagination_right_page-arrow.png) 0 7px no-repeat; padding:12px; }
.text-right { text-align:right; }
.pagination_right2_page-arrow { background:url(../images/pagination_right2_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_left_page-arrow:hover, .pagination_left_page-arrow.active { background:url(../images/pagination_left_page-arrow_active.png) 0 7px no-repeat; padding:12px; }
.pagination_left2_page-arrow:hover, .pagination_left2_page-arrow.active { background:url(../images/pagination_left2_page-arrow-active.png) 0 7px no-repeat; padding:12px; }
.pagination_right_page-arrow:hover, .pagination_right_page-arrow.active { background:url(../images/pagination_right_page-arrow_active.png) 0 7px no-repeat; padding:12px; }
.pagination_right2_page-arrow:hover, .pagination_right2_page-arrow.active { background:url(../images/pagination_right2_page_active-arrow.png) 0 7px no-repeat; padding:12px; }
.text-right { text-align:right; }
.item-counters { float:right; width:100px; }



/*.colJ-transaction, .colK-transaction, .colK-transaction2 { width:100%; margin:5% 0%; height:1px; border:0; border: 0px; border-bottoom:1px solid #ff0000; }*/

/* Transaction Details -- Raju
========================================= */
.transaction-status-wrapper { margin:20px 0px; padding:0px; font:normal 20px Arial, Helvetica, sans-serif; color:#3A74B3; text-align:center;}
.transaction-status-wrapper img { width:24px; }
.approved-code-no  {float:right; margin:5px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:22px; color:#3A74B3; }
.total-amount {float:right; margin:3px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#3A74B3; }
.colK-transaction { margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.colK-transaction2 { margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.colJ-transaction { margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.border_bot_none{border-bottom:none!important;}
.padding_0 {padding:0px;}
.paddingbot_10 {padding-bottom: 10px;}
.text_blue td {color:#3A74B3;}
.border-bottom { margin:0; border:0; border-bottom:1px solid #ccc; padding:3px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#2f2e2c; }
.print { float: right; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size:14px; font-weight: normal; margin: 0px 0 0; width:108px; }
.icon-export { background:url(../images/icon-export.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important;}
.icon-print { background:url(../images/icon-printer.png) center 0 no-repeat !important; width:12px; height:25px; padding: 32px 5px 0 !important; background-size:45px 30px; color:#3A74B3!important;}
.icon-email{background:url(../images/icon-email.png) center 0 no-repeat !important; width:12px; height:25px; padding: 32px 0px 0 5px!important; background-size:45px 30px; color:#3A74B3!important;}
.textbox-disable { background:#f4f4f4!important; color:#3A74B3!important; }


/*----- Raju -----*/

/* Start VT_sales.html & transaction-details.html*/

.name-textbox{width:88.3%!important;}

/* End VT_sales.html& transaction-details.html */



/* Start sales.html */

.transation-icons { float:left; margin:0px 10px 0px 0px;}

/* End sales.html */

/*  Start Raju 2 May 2014 */
.account-infor-user-name { font-size:18px; }
.text-color { color:#3a74b3; }
.user-logo { float:right; width:105px; height:17px; border:1px solid #ccc; text-align:center; padding:6px; }
.user-logo img { width:95px;  }
.personalinfo .corporate-name { width:85%; height:24px; position:relative; z-index:1; margin:2px 0% 10px 3%; padding:5px 6px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3a74b3; vertical-align: middle; }
.personalinfo li.col2_password  { float:left; width:47.5%; margin:0px 0 0 2.5%; padding:0px; }
.text-address-line { width:88.5%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.password-conditions { position: absolute; }
.password-conditions ul { margin:0px; padding:0; font-size: 11px;  }
.password-conditions ul li { margin:0px; padding:0; display:block; color:#5b5b5b;  margin: 0 0 0 5%; }
.password-conditions ul li.active { color:#228d36; }
.personalinfo .col2_password input.text {  width:80%; }
.colF-myprofile-height { float:left; width:0.1%; margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.notification { position: relative; margin: -48px -12px 0 0; width:12px; }
.notification img.display-none { display:none; }
.notification img.active { display:block; }
.notification img { width:100%; }
/*.transaction-note-text { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; padding: 13px 2%; 3px; color:#2F2E2C; height:66px; }*/
.borderblueright-transaction-note-left { float:right; width:51%; margin:0px; padding:0px 1%; border-left:1px solid #ccc; border-bottom:3px solid #3a74b3; overflow: auto;  }
.borderblueright-transaction-note-right { float:left; width:43.8%; margin:0px; padding:0px 1%; border-bottom:3px solid #3a74b3; }
.transation-note-user img { float:left; margin-right:5px; }
.addnote-wrapper { margin: 15px 0 15px 4%; }
.addnote-textarea { width:85%; height:150px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.addnote-left-text-wrapper { height:24px; padding:5px 6px; font-size:14px; color:#3e3e3e; text-align:right; }
.add-note-wrapper { margin:0 1% 0.5%; }



/* Raju 5 April 2014- view-all transaction */

.viewall-table th { border: 0 none; color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 8px; text-align:left;   border:1px solid #dbdbde; border-collapse:collapse; background:#f5f5f6;  }
.viewall-table td { color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 8px; border-right:1px solid #dbdbde; border-collapse: collapse; }
.viewall-table td a { color:#3a74b3; text-decoration:underline; }
.viewall-transaction-detials-expanded { border:1px solid #ccc; }
.viewall-transaction-detials-tabel { width:100%; cellspacing:0; background:#fff; }
.viewall-transaction-detials-tabel td { padding: 5px 8px; }
.viewall-transaction-detials-tabel td  { border:1px solid #dbdbde; border-collapse:collapse;  }
.expand-table-wrapper { background:#f7f7f8; border:1px solid #dbdbde; padding:10px 10px; margin: 5px 0; }
.expand-table-wrapper ul { border-bottom:0px solid #dbdbde; }
.expand-table-wrapper ul li { float:left; width:150px; border:1px solid #dbdbde; background:#fff; border-radius:5px 5px 0px 0;  text-align:center; padding:10px 10px; }
.view-all-transaction-alternage-td-bg-color, .tabel-td-bg  { background:#f7f7f8; }
.tabel-last-td-bg  { background:#f9f9f9 url(../images/viewall_transaction_table-right-sidebg.jpg) right top repeat-y; }
.border_none { border:none !important; }
.txt-right { text-align:right; }
.margin_top_0 { margin-top:0; }
.padding_left_right_none { padding:8px 0 !important; }
.viewall-table .amount{ color: #3A74B3; }



/* Raju 6 April 2014- Avatar */
.avatar-mailwrapper {  }
.avatar-mailwrapper ul { margin: 30px 5px; padding:0; }
.avatar-mailwrapper ul li { float: left; list-style: none; margin: 0px 5px 5px; padding:0;  }


/* View all trasaction page css added by princy - 4-jul-2014 */

.ticketidtable { margin: 0; padding: 0;  width: 100%;}


.viewall-table{ margin: 0; padding: 0; width: 100%;}
.mobileview {width: 700px;}
.analytic-reware-table-box1 {width:12.5%;}
.analytic-reware-table-box2 {width:15%;} 
.viewall-table tr{ width:80%;}

.tickettable td.totalamtsup { color: #6190C2;  font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; line-height: 29px;}

.tickettable td { border: 0 none; color: #6190C2; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; margin: 0; padding: 0 5px;}

.tickettable td.totalamt {color: #3A74B3; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 15px; font-weight: normal; line-height: normal;}


.ticketiddetailtable td {
    border-color: #447AB6;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 4px 13px;
}

.personalinfo li.col2 {
    float: left;
    margin: 0 2.5%;
    padding: 0;
    width: 46%;
}

.filter1 {
    background-image: url("../images/icon-filter1.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    height: 18px;
    margin: -22px 5.5% 0 0;
    padding: 0 0 0 35px;
    text-decoration: none;
    width: 22px;
}

.view-all-pagination {float: left; width: 56%;}

.view-all-pagination ul li { float: left; margin: 0 8px;}


.subnav li a { border: 1px solid #C2C2C2; border-radius: 5px 5px 0 0; color: #444444; display: block; float: left; font: 12px Arial,Helvetica,sans-serif; padding: 10px 2px; text-decoration: none;}

.topics {cursor: pointer; float: left; margin: 10px 3% 0; padding: 10px; width: 90%;}
.producthead3 {border-color: #59BBEC; border-style: none none solid; border-width: 0 0 1px; color: #FFFFFF; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 22px;
    font-weight: normal; line-height: 44px; margin: 0 auto; padding-top: 6px; text-align: center; width: 57%;}
.producthead4 {border-color: #59BBEC; border-style: none none solid; border-width: 0 0 1px; color: #FFFFFF; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 22px;
    font-weight: normal; line-height: 44px; margin: 0 auto; padding-top: 6px; text-align: center; width: 57%;}


.reportcolB { float: right; margin: 42px 0 0; padding: 0; width: 65%;}

.dateinfo label { color: #5B5B5B; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal;  margin: 6px 4%; padding: 0; text-align: right; width: 61%;}


.reportcolB .Col2 { color: #3A74B3; float: left; font-size: 18px; height: 20px; margin: 19px 104px 14px; padding: 0; text-align: center; width: 15%;}

.reportcolB .Col1 { float: left; margin: 0; padding: 0; width: 98.98%;}

.dateinfo label {color: #5B5B5B; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 6px 4%; padding: 0; text-align: justify;
    width: 61%;}
    


.customers {border: 1px solid #DBDBDE; border-collapse: collapse;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; margin-bottom: 0; width: 100%; }
.result{ overflow-x: scroll; }


.xs-col1 { width:10%;}
.xs-col2 { width:15%;}
.xs-col { width:5%;}


.viewall-table td { border-collapse: collapse;  border-right: 1px solid #DBDBDE; color: #5B5B5B;font-size: 11.3px; font-weight: normal;  margin: 0; padding: 4px 1px 6px;}


.expand-table-wrapper {background: none repeat scroll 0 0 #F7F7F8;border: 1px solid #DBDBDE; margin-top: 35px; padding: 4px;}


.viewall-transaction-detials-tabel td.textbold {font-style: normal;font-weight: bold; text-align: left;}


.password-conditions {
    float: right;
    margin-left: 48%;
    position: absolute;
}

.customers th {
font-size: 12px !important;
text-align: left;
padding: 3px 3px;
padding-bottom: 4px;
background: #f5f5f5;
color: #5b5b5b;
}

.customers td, .customers th {
font-size: 12px !important;
border: 1px solid #dbdbde;
padding: 3px 2px;
}



.transaction-note-text {
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 46px;
    padding: 9px 7px 17px 1px;
}


.refund-menu li a {
    color: #5B5B5B;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

.personalinfo li.col2 {
    float: left;
    margin: 0 2.5%;
    padding: 0;
    width: 88%;
}

.menuoffers {
    background: url("../images/icon-store-details.png") no-repeat scroll center 2px / 45px 30px rgba(0, 0, 0, 0);
    display: block;
}

.menupay:hover, .menupay.active {
    background: url("../images/icon-transaction-details-h.png") no-repeat scroll center 2px / 45px 30px rgba(0, 0, 0, 0);
    display: block;
}

.menuloyalty {
    background: url("../images/icon-card-info.png") no-repeat scroll center 2px / 45px 30px rgba(0, 0, 0, 0);
    display: block;
}

.menufind {
    background: url("../images/icon-customer-info2.png") no-repeat scroll center 2px / 45px 30px rgba(0, 0, 0, 0);
    display: block;
}


.tooltipright {
    float: right;
    margin-top: 75px;
    padding: 0;
    text-align: center;
    width: 22%;
}
.transamt {
    color: #3A74B3;
    float: right;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    padding: 5px 10px;
    text-align: right;
    width: 12%;
}

#footer p {
    color: #FFFFFF;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0;
    width: 50%;
}


.hor-zebra td .totalamt {
    color: #3A74B3;
    float: right;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    padding: 3px 0;
}


.hor-zebra td .cardsale {
    float: left;
    margin: 7px 5px 0 0;
}


.viewall-table th {
    background: none repeat scroll 0 0 #F5F5F6;
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    color: #5B5B5B;
    font-size: 13.5px;
    font-weight: normal;
    margin: 0;
    padding: 3px;
    text-align: left;
}
.colG {
  
    border-color:  #FFFFFF;
   
    border-style: none none solid;
    border-width: 0 0 1px;
    height: 300px;
    margin: 0 3%;
    width: 94%;
}


.colE {
    float: left;
    margin: 0 1.5%;
    width: 97%;
}


.colJ {
    
    border-color:  #586171;
    border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}


.colK {
    
    border-color:  #586171;
    border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}

.viewall-table2 td {
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
}

.viewall-table2 th {
    border-collapse: collapse;
    color: #5B5B5B;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

.table_title {
    color: #3A74B3;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px !important;
    margin: 10px 0 5px;
}



.inputpermission {
    border: 1px solid #9A9A9A;
    border-radius: 5px;
    color: #8A8A8A;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 20px;
    margin: 5px 0 5px 5%;
    padding: 5px 6px;
    vertical-align: middle;
    width: 43%;
}




.allpermission {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    height: 18px;
    margin: -40px 11px 0;
    text-decoration: none;
    width: 141px;
}

.chkbox_perm{ width: 20px;}
.chkbox ul { margin:0px; padding:0px; list-style-type:none; }
.chkbox li { display:inline;  margin: -61px 4px 0; }
.chkbox li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkbox li a.chkd { height: 38px; width:39px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -14px -0px;  margin-top: -1px; }
.chkbox li a:active, .chkbox li a.active { background-position: -55px -44px;  margin-top: 0px;  }





.chkbox_perm_blue{ width: 20px;}
.chkboxblue ul { margin:0px; padding:0px; list-style-type:none; }
.chkboxblue li { display:inline;  margin: -61px 4px 0; }
.chkboxblue li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkboxblue li a.chkdblue { margin-left:-13px; height: 38px; width:31px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -6px -7px;  margin-top: 0px; }
.chkboxblue li a:active, .chkboxblue li a.active {  background-position: -14px -50px;   margin-top: 0px;  margin-left:-5px; }

.wrapper-dropdown-3 .dropdown {
    background: #596372 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    left: 0;
    list-style: outside none none;
    margin-left: -112px !important;
    position: absolute;
    right: 0;
    top: 150%;
    transition: all 0.5s ease-in 0s;
    width: 319px !important;
}

.wrapper-dropdown-3 .dropdown::before {
    border-color: rgba(0, 0, 0, 0.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    right: 150px !important;
    width: 0;
}

.wrapper-dropdown-3 .dropdown::after {
    border-color: #596372 transparent;
    border-style: solid;
    border-width: 0 13px 13px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    right: 150px !important;
    width: 0;
}

.sales_popup {
    float: left;
    width: 98.3% !important;
}


}




@media screen  and (max-width:479px){
	
/* disable webkit text size adjust (for iPhone) */
html { -webkit-text-size-adjust:none; }

/* Used for Header
========================================= */
#display1 { display:none; }
#display2 { display:block; }

header { 
	margin:0px; padding:0px; height:42px; 
	background:#596272;
	border-bottom:3px solid #464d54; 
}
header .middle { float:left; margin:0px 0px 0px 10px; padding:7px 0px; font:bold 24px "Arial Black", Gadget, sans-serif; color:#fff; text-align:center; }

/* Top Menu */	
.topmenu { padding:0px; margin:0px; float:right; height:42px; }
.topmenu ul { padding:0px; margin:0px; list-style:none; border:0; float:right; }
.topmenu li { float:left; margin:0px; padding:5px 3px; }
.topmenu li img { width:30px; margin-top:5px; }
.topmenu li a { margin:0px; padding:7px 8px; text-decoration:none; }

.fl { margin-bottom:10px; padding:0px; }
.fr { margin:0px; padding:0px; }
.wrapper { width:96%; margin:0% 2%; padding:0px; }
/* Start Menu  */
.menu { margin:20px 0px 0px 0px; padding:0px; }
.topnav { font:normal 11px Arial, Helvetica, sans-serif; float:left; padding:0px 0 0 0; margin:0; }
.topnav ul { list-style:none; padding:0px 0px; margin:0; }
.topnav li { float:left; padding:0px; margin-right:3px; color:#fff; background:#3a74b3; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;  }
.topnav li a { float:left; color:#fff; display:block; padding:5px 5px; text-decoration:none; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; }
.topnav li a:hover { color:#3a74b3; background:#fff; text-decoration:none;  }
.topnav li a.active { text-decoration:none; color:#3a74b3; background:#fff; }

.weekday { float:right; margin-top:3px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:14px; color:#535353; }

.sales { width:90%; margin:5% 5%; padding:0; clear: both; }
.total-value{ border-left: 3px solid #3A74B3; margin-left: 0%; padding-left: 8px; height: 65px; width: 92%;}
.saleshead { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; margin-top: 10px; font-size:16px; color:#535353; border-bottom:1px solid #555e6d; }
.auth-capture-dt { float: right; font-size: 12px; margin-top: 0px; text-align: right;width: 120px;}
.saleshead { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#535353; border-bottom:1px solid #555e6d; }
.salessubhead { margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353;  }
.salescount { float:left; margin:10px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:25px; color:#535353; }
sup.supmargin { top:4px; margin-top:0px; font-size:14px; position: relative; }
sup { margin-top:0px; font-size:14px; position: relative; }
.salesup { float:left; margin:10px 0px 0px 20px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353; }
.salesup img { width:24px; }


.filter { margin:0px; padding:0px; background:#f7f7f8; height:33px; width:99.4%; }
.advance_filter { float:right;  font-size:12px; color:#3a74b3; padding:10px 0 10px 35px; background:#ededee url(../images/icon_advance1.png) left -2px no-repeat; background-position: 10px; background-size:18px; text-decoration:none; }
.filter_day { float:left;  font-size:12px; color:#3a74b3; padding:10px 25px; background:#ededee url(../images/icon-blue_downarrow.png) right no-repeat; background-position: 90% center; text-decoration:none; }
.sales_graph img { margin:0px; padding:0px; background:#fff; width:99.4%; }
.filter2 {margin-top: 10px;}
.chart { margin:10px 0; padding:0px 0px 10px 0px; width:100%; background:#535353 url(../images/chart_bg.png) left top repeat-x; }
.piechart { width:90%; padding:5px 5% 10px 5%; border:0; border-bottom:1px solid #fff; }
.piechartleft { float:left; width:40%; margin:15px 0 0 0%;  padding:0px; }
.piechartright { float:right; width:55%; padding-right:0%; }
.cardtable { width:100%; margin:0; padding:0; border-collapse: collapse; }
.cardtable th { margin:0px; padding:0px 4px; border:0; border-bottom:1px solid #59bbec; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.cardtable td { margin:0px; padding:1px 4px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }

.border-right { border-right:none; border-bottom:none; margin:0px 5% 0px 0px; }
.transdiv { margin:20px 0px 10px 0px; padding:0px; }
.transactiontable { width:100%; /*width:470px;*/ margin:0px 0px 10px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

.hor-zebra { width:100%; margin:0; padding:0; border-collapse: collapse; }
.hor-zebra th { margin:0px; padding: 3px 4px 3px 4px; background:#3a74b3; }
.hor-zebra th .transhead { float:left; padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#fff; }
.hor-zebra th img { height:26px; margin:0px 3px 0px 0px; }
.hor-zebra .viewall { float:right; height:16px; margin-top:6px; padding:0px 28px 0px 0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; background: url(../images/icon-right_arrow_circle.png) right no-repeat; background-position:90% 0px; background-size:16px; color:#fff; text-decoration:none; }
.hor-zebra td { margin:0; border:0; border-right:1px solid #ccc; padding:3px 4px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#2f2e2c; }
.hor-zebra td .totalamt { float:left; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; line-height:normal; color:#3a74b3; padding:3px 0px; }
.hor-zebra td .totalamtsup { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:normal; color:#2f2e2c; margin:0px 0px 0px 5px; }
.hor-zebra td.borderbottom { padding:0px 8px; border-bottom:1px solid #ccc; }
.hor-zebra td.borderbottom2 { padding:0px 8px; border-bottom:1px solid #ccc; border-right:0px solid #ccc; }
.hor-zebra td.bordernone { border:none; padding:5px 0px; }
.hor-zebra td.bordernone2 { border:none; padding:0px 8px; }
.hor-zebra td.bordernone3 { border:none; padding:0px 0px 0px 0px; }
.hor-zebra td.borderblue { padding:0px 8px; border-bottom:2px solid #3a74b3; }
.hor-zebra td .cardsale { float:right; margin:7px 5px 0px 0px; }
.hor-zebra td .cardsale img { width:30px; margin:-3px 0px 0px 0px; }
.hor-zebra td .cardsale2 { float:right; margin:0px 0px 0px 0px; }
.hor-zebra td .cardsale3 { float:right; margin:5px 10px 0px 0px; }
.hor-zebra td .cardsale3 img { height:8px; margin:0px 0px 0px 0px; }
.hor-zebra td .cardsale4 { float:right; font-size:14px; margin:23px 10px 0px 0px; color:#3a74b3; }
.hor-zebra td.red { color:#e8735d; }
.hor-zebra td.textblue1 { font-weight:normal; font-size:18px; color:#3a74b3; }
.hor-zebra td.textblue2 { padding:10px 8px; font-weight:normal; font-size:13px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td.textblue3 { padding:8px 18px; margin-right:10px; font-weight:normal; font-size:16px; color:#3a74b3; background: url(../images/td_topborder.png) left top repeat-x; }
.hor-zebra td .event { float:left; padding:20px 0px; font-weight:normal; font-size:18px; line-height:normal; color:#3a74b3; }

.transhead2 { width:99%; padding: 0px 0px 0px 1%; margin:0px; background:#3a74b3; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; }
.transhead2 img { height:26px; margin:0px 3px 0px 0px; }
.borderblueright { width:98%; margin:0px; padding:0px 1%; border:0px; border-bottom:2px solid #3a74b3; }
.borderblueright2 { width:97.8%; margin:0px; padding:0px 1%; border:0px; border-bottom:2px solid #3a74b3; }

/* Start Footer */
#footWrap { margin:0px; background: url(../images/footerbg2.jpg) left top repeat-x; }
#footer {  padding:9px 0px 0px 10px; margin-left:0px; text-align:left; background: url(../images/footerbg2.png) center top no-repeat; }
#footer p { margin-top:5px; width:45%; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
.footlogo { float:right; text-align: right; width:75px; margin:-16px 5px 10px 0px; }

.socialicon  { float:right; position: relative; margin:-40px 5px 15px 0px; padding:0px; list-style-type:none;  }
.socialicon h1 { display:none; margin:0px; padding:0px; font-size:12px; font-weight:normal; color:#fff; }
.socialicon ul { margin:0px; padding:0px; list-style-type:none; }
.socialicon li { display:inline; margin:0px; padding:0px; }
.socialicon li a { float:left; margin:2px 4px 0px 0px; display:inline; text-decoration:none; }
.socialicon li a.twitter { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/twitter.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon li a.facebook { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/facebook.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px;  }
.socialicon li a.linkedin { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/linkedin.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon li a.googleplus { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/googleplus.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon li a.aurusincblog { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/wordpress-aurusincblog.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon li a:hover { background-position: 0 -18px; }


#footWrap2 { margin:0px; background: url(../images/footerbg2.jpg) left top repeat-x; }
#footer2 { height:26px; padding:9px 0px 0px 10px; margin-left:0px; text-align:left; background: url(../images/footerbg2.png) center top no-repeat; }
#footer2 p { margin-top:5px; width:45%; padding:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
.footlogo2 { float:right; width:75px; margin:-25px 5px 0px 0px; }

.socialicon2  { float:right; position: relative; margin:-42px 5px 0px 0px; padding:0px; list-style-type:none;  }
.socialicon2 h1 { margin:0px; padding:0px; font-size:12px; font-weight:normal; color:#fff; }
.socialicon2 ul { margin:0px; padding:0px; list-style-type:none; }
.socialicon2 li { display:inline; margin:0px; padding:0px; }
.socialicon2 li a { float:left; margin:2px 4px 19px 0px; display:inline; text-decoration:none; }
.socialicon2 li a.twitter { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/twitter.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon2 li a.facebook { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/facebook.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px;  }
.socialicon2 li a.linkedin { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/linkedin.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon2 li a.googleplus { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/googleplus.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon2 li a.aurusincblog { width:18px; height:18px; text-indent:-10000px; background-image:url(../images/wordpress-aurusincblog.png); background-repeat:no-repeat; background-position: 0 0; background-size:18px; }
.socialicon2 li a:hover { background-position: 0 -18px; }
/* End Footer */

/* Popup
========================================= */
#signupContact { display:none; position:fixed; _position:absolute;  padding:5px 5%; width:90%; background:#f1f1f1; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.signinpopup-close { float:right; background:url(../images/close_x.png) no-repeat; width:38px; margin:-19px -10px 0px 92.5%; padding:0px;cursor:pointer; position:absolute;}
#backgroundPopup { display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #000; z-index:100000; }

/********** Popup form **********/
.popuphead { padding: 4px 0px 4px 20px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#fff; background:#3a74b3; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.salespopup { margin:0; padding:5px 5%; width:90%; }
.salespopup ol { margin:0; padding:0; list-style:none;}
.salespopup li { margin:0; padding:0; background:none; border:none; display:block;}	
.salespopup li.buttons { margin:5px 0 5px 0;}
.salespopup label { margin:0; width:98%; clear:left; display:block; padding:1px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#535353; }
.salespopup input.text { width:96%; border:1px solid #dedede; margin:0px 0px 15px 0px; padding:5px 2%; height:21px; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.salespopup textarea { width:96%; border:1px solid #dedede; margin:3px 0; padding:5px 2%; background:#ffffff; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; }
.salespopup li.buttons { padding:0px; margin:10px 0px 15px 0px; }
.salespopup li.border { padding:0px; margin:0px 0px 15px 0px; border-bottom:1px solid #3a74b3; }
.salespopup li.buttons a { padding:5px 20px; margin-right:10px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; text-align:center; text-decoration:none; }
.state_wrapper { position:relative; }
.selecttext { float:left; margin:-5px 0px 0px 5px; padding:7px 35px 7px 5px; position: absolute; border:1px solid #9a9a9a; height:10px; background:#f7f7f8 url(../images/icon-close.png) right no-repeat; background-position: 100% center; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; }
.clrli { padding:0px; margin:0px 0px -30px 0px; position: absolute; }

/* Start SKU Purchase
========================================= */
.revenue_graph { margin-bottom:20px; padding:0px; width:100%; background:#f6f6f6; -moz-box-shadow: inset 0 2px 4px 1px #9c9c9c; -webkit-box-shadow: inset 0 2px 4px 1px #9c9c9c; box-shadow: inset 0 2px 4px 1px #9c9c9c; } 
.combinations { width:99.8%; margin:0px 0px; padding:0px 0px; border:1px solid #c3c7cb; background:#FFF; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }

/* Start colorpicker Menu  */
.colorpicker { float:right; padding:0px; margin-right:10px; border:0; }
.colorpicker ul { list-style:none; padding:0px 0px; margin:0;  }
.colorpicker li { float:left; padding:8px 5px 2px 5px; border-bottom:1px solid #3a74b3; margin-right:0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#535353; }
.colorpicker li img { padding-right:2px; width:15px; }
/* Endcolorpicker Menu */

.colA { width:94%; padding:5px 1% 10px 5%; margin-top:-10px; }
.colB { width:100%; height:10px; margin:0px; }
.colC { width:100%; }
.colD { width:94%; height:10px; margin:0px 3%; border:0; border-bottom:1px solid #fff; }
.colE { width:97%; margin:0 1.5%; }
.colF { width:100%; margin:5% 0%; height:1px; border:0; border: 0px; border-bottoom:1px solid #ff0000; }
/*.colG { width:94%; height:10px; margin:0px 3%; border:0; border-bottom:1px solid #fff; }*/

.colAleft { float:left; width:40%; margin:25px 0% 0 0%;  padding:0px; }
.colAright { float:right; width:50%; margin-left:5%; }

.piechart_today { margin:25px 0px 0px 0px; padding:0px; text-align:center; }
.piechart_weektoday { margin:10px 0px 0px 0px; padding:0px; text-align:center; }
.piecharthead  { margin:0px; padding:10px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3a74b3; text-align:center; }
.line-blue { width:80%; height:1px; margin:0px 10%; border:0; border-bottom:1px solid #3a74b3;  }
.producthead { margin:0 auto; margin-top:15px; width:55%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.producthead2 { margin:0 auto; margin-top:10px; width:65%; padding-bottom:2px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; border:0; border-bottom:1px solid #59bbec; text-align:center; }
.productheadbottom { margin:0 auto; margin-bottom:10px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; }

/* Start Settlement and Rewards
========================================= */
.settlement_graph { width:98%; margin:0 auto; margin-top:20px; padding-bottom:10px; text-align:center; }

.campaign_graph { width:97%; margin:0 auto; margin-bottom:-15px; padding:20px 0px 10px 0px; text-align:center; }

.tophead { margin:0px; padding:15px 0px 0px 0px;  }
.title { float:left; margin:5px 0 5px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#5b6474; }
.add_campaign { float:right; width:100px; padding:5px 8px 5px 24px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#3a74b3; background:url(../images/icon_plus.png) left  no-repeat; background-position: 0px 3px; background-size:20px; text-decoration:none; }

/* Top Menu */	
.imgmenu { padding:0px; margin:0px 0px 0px 0px; float:right; }
.imgmenu ul { padding:0px; margin:0px; list-style:none; border:0; }
.imgmenu li { float:right; margin-top:2px; padding:0px 0px; }
.imgmenu li img { width:22px; height:22px; }
.imgmenu li a { margin:0px; padding:0px 2px; text-decoration:none; }

/* My Profile
========================================= */
.welcome { margin:20px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:18px; color:#535353; }
.star { font-size:14px!important; color:#ff0000!important; }
.bodyheadbg { margin-top:3px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.bodyhead { padding: 0px 0px 0px 5px; margin:0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#fff; }
.bodyhead img { width:30px; }
.myprofile { margin:0px; padding:20px 1% 20px 1%; }

.signup { margin:0px; padding:0px; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(163, 163, 163, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(163, 163, 163, 1);
}
.personalinfo { margin:0px; padding:0px; text-align:left; }
.personalinfo ul { margin:0px; padding:0px; list-style:none; }
.personalinfo li { margin:0px; padding:0px; background:none; border:none; display:block; }
.personalinfo li.col2  { float:left; width:46%; margin:0px 2.5% 0 2.5%; padding:0px; }
.personalinfo li.col4  { float:left; width:18.8%; margin:1% 0% 0 5% ; padding:0px; }
.personalinfo li.address  { margin-right:50px; padding:0px; float:left; }
.personalinfo label { width:88%; display:block; margin:0% 5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#5b5b5b; }
.personalinfo input.text { width:80%; height:21px; margin:0px 3% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text2 { width:38%; height:21px; margin:0px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text3 { width:38%; height:21px; margin:0px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 2px no-repeat;  background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.signup2 { margin:0px; padding-top:15px; bottom:0; background:#efefef; border:0; border-top:1px solid #d1d1d1; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; z-index:111; }
.info_head { margin:15px 0; padding:0px 5%; bottom:0; border:0; border-bottom:1px solid #d1d1d1; } 
.infotext { float:left; margin:5px 0px 5px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:20px; color:#535353; }
.userimg { float:right; margin:-15px 0px 0px 0px;  }
.lockimg { float:left; width:35px; margin:5px 0px 0px 10px;  }	
.infoicon { width:18px; margin:0px 0px 0px 2px; padding-top:0px;  }	

.butdiv { padding:0px; margin:30px 0px 30px 4%; }
.butdiv a { width:150px; padding:10px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff; text-align:center; text-decoration:none; }

.editicon { float:right; height:26px; width:26px; margin:-23px 2.5% 0px 0px; }

.menudropdown { float:right; margin-top:10px; padding:0px; border:1px solid #c0c0c0; position:relative; z-index:111; }
.menudropdown li { list-style:none; border-bottom:1px solid #c0c0c0; }
.menudropdown li a { display:block; color:#525252; background:#fff; width:140px; padding:7px 13px 7px 13px; margin:0 0 0px 0; font-weight:normal; font-size:14px; text-decoration:none; }	
.menudropdown li a:hover { background: #3a74b3; color: #fff;  }
.addlogo { width:111px; height:111px; position:absolute; margin:2px 0% 17px 2%; border: #9bb9cc 1px solid; vertical-align: middle; border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.addlogo img { margin:25px 13px;  }
.profile-photo { float:right; height:55px; width:55px; margin:-15px 0px 0px 0px; text-indent:-10000px; background-image:url(../images/profile-photo.png); background-repeat:no-repeat; background-position: 0 0; }
.profile-photo:hover, .profile-photo.active { background-position: 0 -55px; }
.profile-photo-drop { float:right; position:absolute; margin:-20px 2% 0 0%; right: 0; z-index: 12; }
.top-arrow-drop { margin:0px 0px -17px 70%;  }

/* VT Sales
========================================= */
.vtsalesheadbg { margin:0px 0px; padding:10px 0 0 0px; background:#fff; -moz-box-shadow: inset -1px -1px 0 1px #b3b3b4; -webkit-box-shadow: inset -1px -1px 0 1px#b3b3b4; box-shadow: inset -1px -1px 0 1px #b3b3b4; }
.bodyheadbg2 { margin-top:20px; padding: 6px 8px 6px 8px; background:#3a74b3; }
.bodyheadbgreboot { margin-top:20px; padding: 6px 8px 6px 8px; background:#a3a0a0; }
.colG { /*float:left;*/ width:97%; /*height:180px;*/ margin:0 1.5%; clear:both; height:auto; }
.colH { float:left; width:100%; margin:5% 0% 0% 0%; }
.colI { float:left; width:100%; margin:1% 0% 0% 0%; }
.colJ { /*float:left;*/ width:0.1%; margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.colK { /*float:left;*/ width:0.1%; margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.personalinfo span.bluetext { display:block; margin:10px	5%; padding:0% 0%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#3a74b3; }
.personalinfo2 { height:30px; }
.personalinfo li.col3  { float:left; width:70%; margin:0px 2.5% 0 1.1%; padding:0px; }
.personalinfo li.col5  { float:left; width:20%; margin:0px 2.5% 0 0%; padding:0px; }
.personalinfo li.col6  { float:left; width:55%; margin:0px 0% 0 0%; padding:0px; }
.personalinfo li.col7  { float:left; width:98%; margin:0px 0% 0 0%; padding:0px; }
.personalinfo input.text4 { float:left; width:35%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.personalinfo input.text5 { width:85%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-search.png) right 5px  no-repeat; background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }.personalinfo input.text7 { float:left; width:40%; height:24px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; text-align: right; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }

.personalinfo li.secure  { float:right; margin:5px 3% 0 0%; padding-top:30px; background:url(../images/icon-lock.png) top center no-repeat; background-size:28px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#5b5b5b; }

.checkbox { float:right; margin:15px -10px 0px 0px; font-size: 11px; }
.css-checkbox { margin:-15px 0px 0px 5px; padding:0; border:0; }

.plus-minus { float:right; height:22px; width:22px; margin:-20px 2.5% 0px 0px;  background-image:url(../images/icon-plus-minus.png); background-repeat:no-repeat; background-position: 0 0; }
.plus-minus:hover, .plus-minus.active { background-position: 0 -22px; background-size:20px; }

.cards ul { margin-bottom:0px; padding:0px; list-style-type:none; }
.cards li { float:left; display:inline; margin:19px 0px 10px 5px; padding:0px; }
.cards li.visa { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/visa.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.mastercard { width:28px; height:20px;	text-indent:-10000px; background-image:url(../images/mastercard.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.amex { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/amex.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.discover { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/discover.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.giftcard { width:28px; height:20px; text-indent:-10000px; background-image:url(../images/gift-card.png); background-size:28px; background-repeat:no-repeat; background-position: 0 0; }
.cards li.active { background-position: 0 -20px; }

/* VT Void
========================================= */
.butnext { padding:0px; margin:30px 0px 0px 0%; }
.btnviewall { float:right; height:20px; margin-top:-27px; padding:0px 35px 0px 0px; font-family:"MyriadProSemibold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; background: url(../images/icon-right_arrow_circle.png) right no-repeat; background-position: 90% center; color:#fff; text-decoration:none; }
.recent-transaction { margin:0px; padding:0px; border-bottom:3px solid #3a74b3;  }
.transamt { float:right; text-align:right; width:18%; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; line-height:normal; color:#3a74b3; padding:5px 10px; }
.transsale { float:left; margin:10px 10px 0px 0px; font-size:18px; }
.transsale img { float:right; margin:-5px 0px 0px 0px; font-size:20px; }
.time { float:left; margin:10px 0 0px 10px; font-size:14px; }
.time img { float:left; width:20px; margin:0px;  }
.transdetails { width: 100%; margin:0px; padding:0px; border-top:1px solid #d6d6d6; overflow:auto;  }
.bottomspace { margin:0px; padding:0px; height:40px; }
.bottomspace1 { margin:0px; padding:0px; height:10px; }
.cardicon2 { float:left; margin:6px 0px 0px 10px; }
.cardicon2 img { float:left; width: 24px; }
.scroll { width:560px; margin: 0; padding: 0;  }
/* VT Refund
========================================= */
.refund-menu { width:99%; margin:10px 0% 5px 1%; padding:0px; }
.refund-menu ul { margin:0px; padding:0px; list-style:none; }
.refund-menu li { width:23%; margin:0px 1% 0px 1%; padding:0px; float:left; }
.refund-menu li.iconwidth { width:47%; margin:0px 1% 0px 1%; padding:0px; float:left; border-right: 1px solid #3a74b3;  }
.refund-menu li.bordernone { border-right: 0px solid #3a74b3;  }
.refund-menu li a { float:left; width:100%; padding:0px 0%; display:block; font-size:14px; text-align:center; text-decoration:none; color:#5b5b5b; line-height:18px; }
.refund-menu li a span { display:block; padding-top:45px; }
.refund-menu li a:hover { }
.refund-menu ul li:hover, .refund-menu ul li.active { color:#5b5b5b; /*background:#ccc;*/ border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }


.menupay { background: url(../images/icon-transaction-details.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menupay:hover, .menupay.active { background:url(../images/icon-transaction-details-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuoffers { background:url(../images/icon-store-details.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuoffers:hover, .menuoffers.active  { background:url(../images/icon-store-details-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuloyalty { background:url(../images/icon-card-info.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menuloyalty:hover, .menuloyalty.active { background:url(../images/icon-card-info-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menufind { background:url(../images/icon-customer-info2.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.menufind:hover, .menufind.active { background:url(../images/icon-customer-info2-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.searchby { background: url(../images/iicon-searchby.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.searchby:hover, .searchby.active { background:url(../images/icon-searchby-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.orderby { background:url(../images/icon-orderby.png) no-repeat center 2px; display:block; background-size:45px 30px; }
.orderby:hover, .orderby.active  { background:url(../images/icon-orderby-h.png) no-repeat center 2px; display:block; background-size:45px 30px; }

.tooltip { margin:0px; padding:0px; }
.toparrow { position:relative; margin-left:5%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow2 { position:relative; margin-left:30%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow3 { position:relative; margin-left:55.5%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow4 { position:relative; margin-left:80%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow5 { position:relative; margin-left:22%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }
.toparrow6 { position:relative; margin-left:71%; width:44px; height:25px; background:url(../images/top-arrow1.png) no-repeat; z-index:4; }

.tooltipbg { margin-top:-6px; padding:20px 2%; position:relative; background:#606b7c url(../images/tooltipbg.jpg) top repeat-x; z-index:3; }
.tooltipleft { float:left; width:70%; margin:0px 3%; padding:0px; }
.tooltipright { float:right; width:22%; margin-top:75px; padding:0px; text-align:center; }
.tooltipright img { width:100px; }

.signup3 { margin:0px; padding:15px 0 0 0; position:relative; background:#e4e4e4; border:1px solid #d1d1d1;  
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:0px 3px 1px 0px rgba(76, 76, 76, 1); -webkit-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1); -moz-box-shadow: 0px 3px 1px 0px rgba(76, 76, 76, 1);
}
.butrefund { padding:0px; margin:0px 0px 10px 4%; }
.butrefund a { width:150px; padding:5px 25px; margin-right:15px; background:#3a74b3; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#fff; text-align:center; text-decoration:none; }
.personalinfo input.text6 { width:80%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff url(../images/icon-calendar.png) right 2px top no-repeat; background-size:18px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.userimg2 { width:100%;  margin:0px 0px 0px 3.5%;  }


/* Raju */
#signupContact11 { display:none; position:absolute; width:90%; background:#ffffff; z-index:200000; padding:0px; font-size:13px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow: 5px 5px 5px #000; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; } 
.signinpopup-close_trans_viewall { background:url(../images/close_x.png) no-repeat; width:43px; height:39px; padding:0px;cursor:pointer; position:absolute; right:-21px; top:-20px; }
.view-all-main-wrapper { border:1px solid #d4d4d4; }

.view-all-main-wrapper table { border-collapse: collapse; }
.view-all-main-wrapper table th { background:#ebebeb; color:#3a74b3; }
.view-all-main-wrapper table th a { text-decoration:none; }
.view-all-main-wrapper table th, .view-all-main-wrapper table td { border:1px solid #d4d4d4; }
.view-all-main-wrapper table td { padding:8px; }
.view-all-main-wrapper table td a { color:#646464; }
.salespopup_view-all { margin:0; padding:10px 10px; max-width:93%; }
.alternet-bg { background:#f7f7f8; }
.view-all-table-wrapper { overflow: auto; }

.view-all-pagination {height:60px; }
.view-all-pagination ul li{ float:left; margin:0 3px; }
.view-all-pagination ul { padding:20px 0 0 0; width:250px; margin-left:10px; }
.view-all-pagination ul li a { text-decoration:none; font-size:13px; }
.view-all-pagination ul li a.active { border-radius:25px; padding:3px 6px; color:#fff; color: #3a74b3; }
.pagination_left_page-arrow { background:url(../images/pagination_left_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_left2_page-arrow { background:url(../images/pagination_left2_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_right_page-arrow { background:url(../images/pagination_right_page-arrow.png) 0 7px no-repeat; padding:12px; }
.text-right { text-align:right; }
.pagination_right2_page-arrow { background:url(../images/pagination_right2_page-arrow.png) 0 7px no-repeat; padding:12px; }
.pagination_left_page-arrow:hover, .pagination_left_page-arrow.active { background:url(../images/pagination_left_page-arrow_active.png) 0 7px no-repeat; padding:12px; }
.pagination_left2_page-arrow:hover, .pagination_left2_page-arrow.active { background:url(../images/pagination_left2_page-arrow-active.png) 0 7px no-repeat; padding:12px; }
.pagination_right_page-arrow:hover, .pagination_right_page-arrow.active { background:url(../images/pagination_right_page-arrow_active.png) 0 7px no-repeat; padding:12px; }
.pagination_right2_page-arrow:hover, .pagination_right2_page-arrow.active { background:url(../images/pagination_right2_page_active-arrow.png) 0 7px no-repeat; padding:12px; }
.text-right { text-align:right; }
.item-counters { float:right; width:100px; }

/*.colJ-transaction, .colK-transaction, .colK-transaction2 { width:100%; margin:5% 0%; height:1px; border:0; border: 0px; border-bottoom:1px solid #ff0000; }*/

/* Transaction Details -- Raju
========================================= */
.transaction-status-wrapper { margin:20px 0px; padding:0px; font:normal 20px Arial, Helvetica, sans-serif; color:#3A74B3; text-align:center;}
.transaction-status-wrapper img { width:24px; }
.approved-code-no  {float:right; margin:5px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-size:22px; color:#3A74B3; }
.total-amount {float:right; margin:3px 0px 0px 0px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:22px; color:#3A74B3; }
.colK-transaction { margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.colK-transaction2 { margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.colJ-transaction { margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.border_bot_none{border-bottom:none!important;}
.padding_0 {padding:0px;}
.paddingbot_10 {padding-bottom: 10px;}
.text_blue td {color:#3A74B3;}
.border-bottom { margin:0; border:0; border-bottom:1px solid #ccc; padding:3px 8px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; color:#2f2e2c; }
.print { float: right; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size:14px; font-weight: normal; margin: 0px 0 0; width:108px; }
.icon-export { background:url(../images/icon-export.png) center 0 no-repeat !important; width:23px; height:50px; padding: 32px 5px 0 !important; color:#3A74B3!important;}
.icon-print { background:url(../images/icon-printer.png) center 0 no-repeat !important; width:12px; height:25px; padding: 32px 5px 0 !important; background-size:45px 30px; color:#3A74B3!important;}
.icon-email{background:url(../images/icon-email.png) center 0 no-repeat !important; width:12px; height:25px; padding: 32px 0px 0 5px!important; background-size:45px 30px; color:#3A74B3!important;}
.textbox-disable { background:#f4f4f4!important; color:#3A74B3!important; }


/*----- Raju -----*/

/* Start VT_sales.html & transaction-details.html*/

.name-textbox{width:88.3%!important;}

/* End VT_sales.html& transaction-details.html */



/* Start sales.html */

.transation-icons { float:left; margin:0px 10px 0px 0px;}

/* End sales.html */

/*  Start Raju 2 May 2014 */
.account-infor-user-name { font-size:18px; }
.text-color { color:#3a74b3; }
.user-logo { float:right; width:105px; height:17px; border:1px solid #ccc; text-align:center; padding:6px; }
.user-logo img { width:95px;  }
.personalinfo .corporate-name { width:85%; height:24px; position:relative; z-index:1; margin:2px 0% 10px 3%; padding:5px 6px; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#3a74b3; vertical-align: middle; }
.personalinfo li.col2_password  { float:left; width:47.5%; margin:0px 0 0 2.5%; padding:0px; }
.text-address-line { width:88.5%; height:21px; margin:2px 0% 17px 5%; padding:3px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.password-conditions { position: absolute; }
.password-conditions ul { margin:0px; padding:0; font-size: 11px;  }
.password-conditions ul li { margin:0px; padding:0; display:block; color:#5b5b5b;  margin: 0 0 0 5%; }
.password-conditions ul li.active { color:#228d36; }
.personalinfo .col2_password input.text {  width:80%; }
.colF-myprofile-height { float:left; width:0.1%; margin:0%; height:25px; border:0; border-left:0px solid #586171; }
.notification { position: relative; margin: -48px -12px 0 0; width:12px; }
.notification img.display-none { display:none; }
.notification img.active { display:block; }
.notification img { width:100%; }
/*.transaction-note-text { font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; padding: 13px 2%; 3px; color:#2F2E2C; height:66px; }*/
.borderblueright-transaction-note-left { float:right; width:51%; margin:0px; padding:0px 1%; border-left:1px solid #ccc; border-bottom:3px solid #3a74b3; overflow: auto;  }
.borderblueright-transaction-note-right { float:left; width:43.8%; margin:0px; padding:0px 1%; border-bottom:3px solid #3a74b3; }
.transation-note-user img { float:left; margin-right:5px; }
.addnote-wrapper { margin: 15px 0 15px 4%; }
.addnote-textarea { width:85%; height:150px; margin:2px 0% 17px 5%; padding:5px 6px; border: #9bb9cc 1px solid; font-family:"MyriadProRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#8a8a8a; vertical-align: middle; 
border:1px solid #9a9a9a; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.addnote-left-text-wrapper { height:24px; padding:5px 6px; font-size:14px; color:#3e3e3e; text-align:right; }
.add-note-wrapper { margin:0 1% 0.5%; }



/* Raju 5 April 2014- view-all transaction */

.viewall-table th { border: 0 none; color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 8px; text-align:left;   border:1px solid #dbdbde; border-collapse:collapse; background:#f5f5f6;  }
.viewall-table td { color: #5b5b5b; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 8px; border-right:1px solid #dbdbde; border-collapse: collapse; }
.viewall-table td a { color:#3a74b3; text-decoration:underline; }
.viewall-transaction-detials-expanded { border:1px solid #ccc; }
.viewall-transaction-detials-tabel { width:100%; cellspacing:0; background:#fff; }
.viewall-transaction-detials-tabel td { padding: 5px 8px; }
.viewall-transaction-detials-tabel td  { border:1px solid #dbdbde; border-collapse:collapse;  }
.expand-table-wrapper { background:#f7f7f8; border:1px solid #dbdbde; padding:10px 10px; margin: 5px 0; }
.expand-table-wrapper ul { border-bottom:0px solid #dbdbde; }
.expand-table-wrapper ul li { float:left; width:150px; border:1px solid #dbdbde; background:#fff; border-radius:5px 5px 0px 0;  text-align:center; padding:10px 10px; }
.view-all-transaction-alternage-td-bg-color, .tabel-td-bg  { background:#f7f7f8; }
.tabel-last-td-bg  { background:#f9f9f9 url(../images/viewall_transaction_table-right-sidebg.jpg) right top repeat-y; }
.border_none { border:none !important; }
.txt-right { text-align:right; }
.margin_top_0 { margin-top:0; }
.padding_left_right_none { padding:8px 0 !important; }
.viewall-table .amount{ color: #3A74B3; }



/* Raju 6 April 2014- Avatar */
.avatar-mailwrapper {  }
.avatar-mailwrapper ul { margin: 30px 5px; padding:0; }
.avatar-mailwrapper ul li { float: left; list-style: none; margin: 0px 5px 5px; padding:0;  }

.by-card-type { color: #fff; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px; font-weight: normal; margin: 0 auto 10px; padding: 0 2%; text-align: left; padding-top: 10px; }
.right-graph {margin-top: 10px;}
.by-transaction-type {width: 95%; font-size: 16px;}
.discrepancies .text2 {width: 95%; font-size: 16px;}
	
#footer p {
    color: #FFFFFF;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0;
   /* width: 100%;*/
}
	.customers td, .customers th {
    border: 1px solid #DBDBDE;
    font-size: 12px;
    padding: 5px 7px;
}


.customers th {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #5B5B5B;
    font-size: 14px;
    padding: 0 4px;
    text-align: left;
}
	
	.filter_day {
    background: url("../images/icon-blue_downarrow.png") no-repeat scroll 90% center #EDEDEE;
    color: #3A74B3;
    float: left;
    font-size: 12px;
    padding: 10px;
    text-decoration: none;
    width: 69px;
}


.viewall-table th {
    background: none repeat scroll 0 0 #F5F5F6;
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    color: #5B5B5B;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 13.7px;
    font-weight: normal;
    margin: 0;
    padding: 5px;
    text-align: left;
}


.viewall-table td {
    border-collapse: collapse;
    border-right: 1px solid #DBDBDE;
    color: #5B5B5B;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
}
	
	
	.topics {
    cursor: pointer;
    float: left;
    margin: 10px 3% 0;
    padding: 10px;
    width:90%;
}

.topicshead {
    color: #3A74B3;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 55px;
    margin: 0;
    padding-bottom: 3px;
    text-decoration: none;
    width: 65%;
}

.subnav li a {
    border: 1px solid #C2C2C2;
    border-radius: 5px 5px 0 0;
    color: #444444;
    display: block;
    float: left;
    font: 11px Arial,Helvetica,sans-serif;
    padding: 13px 9px;
    text-decoration: none;
}

.producthead3 {border-color: #59BBEC; border-style: none none solid; border-width: 0 0 1px; color: #FFFFFF; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 22px;
    font-weight: normal; line-height: 44px; margin: 0 auto; padding-top: 6px; text-align: center; width: 57%;}
.producthead4 {border-color: #59BBEC; border-style: none none solid; border-width: 0 0 1px; color: #FFFFFF; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 22px;
    font-weight: normal; line-height: 44px; margin: 0 auto; padding-top: 6px; text-align: center; width: 57%;}
    
.reportcolB { float: right; margin: 42px 0 0; padding: 0; width: 65%;}
.reportcolB .Col2 { color: #3A74B3; float: left; font-size: 18px; height: 20px; margin: 19px 104px 14px; padding: 0; text-align: center; width: 15%;}

.reportcolB .Col1 { float: left; margin: 0; padding: 0; width: 98.98%;}

.dateinfo label {color: #5B5B5B; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 6px 4%; padding: 0; text-align: justify;
    width: 61%;}
    


.customers {border: 1px solid #DBDBDE; border-collapse: collapse;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; margin-bottom: 0; width: 100%; }
.result{ overflow-x: scroll; }


.xs-col1 { width:10%;}
.xs-col2 { width:15%;}
.xs-col { width:5%;}


.viewall-table td { border-collapse: collapse;  border-right: 1px solid #DBDBDE; color: #5B5B5B;font-size: 11.3px; font-weight: normal;  margin: 0; padding: 4px 1px 6px;}


.viewall-table th { background: none repeat scroll 0 0 #F5F5F6; border: 1px solid #DBDBDE;border-collapse: collapse; color: #5B5B5B; font-size: 13.5px;font-weight: normal; margin: 0;padding: 3px;
    text-align: left;}

.mobileview {width: 700px;}


.expand-table-wrapper {background: none repeat scroll 0 0 #F7F7F8;border: 1px solid #DBDBDE; margin-top: 35px; padding: 4px;}


.viewall-transaction-detials-tabel td.textbold {font-style: normal;font-weight: bold; text-align: left;}


.password-conditions {
    float: right;
    margin-left: 48%;
    position: absolute;
}

.customers th {
font-size: 12px !important;
text-align: left;
padding: 3px 3px;
padding-bottom: 4px;
background: #f5f5f5;
color: #5b5b5b;
}

.customers td, .customers th {
font-size: 12px !important;
border: 1px solid #dbdbde;
padding: 3px 2px;
}
	
.view-all-pagination ul li {
    float: left;
    margin: 0 10px;
}

.view-all-pagination {
    float: left;
    width: 100%;
}



.perpage {
    color: #FFFFFF;
    float: right;
    padding: 4px 0.5% 10px 0;
    text-align: right;
    width: 47.5%;
}


.butdiv a {
    background: none repeat scroll 0 0 #3A74B3;
    color: #FFFFFF;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-right: 3px;
    padding: 9px 19px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}


.exportprint {
    float: right;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 35px;
    font-weight: normal;
    margin: 5px 0 0;
    width: 175px;
}


.butdiv a {
    background: none repeat scroll 0 0 #3A74B3;
    color: #FFFFFF;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-right: 3px;
    padding: 9px 13px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}	
	
.hor-zebra td .cardsale {
    float: left;
    margin: 7px 5px 0 0;
}

.hor-zebra td .totalamt {
    color: #3A74B3;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    padding: 3px 0;
}


.hor-zebra td .totalamt2 {
    color: #3A74B3;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: normal;
    line-height: normal;
    padding: 3px 0;
}

.colE {
    margin: 0 1.5%;
    width: 97%;
}


.colK-transaction {
  
    border-color:#586171;
    border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}

.colG {
    clear: both;
    height: auto;
    margin: 0 1.5%;
    width: 97%;
}
.colJ-transaction {
   
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #586171;
    border-image: none;
    border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}


.colK-transaction2 {
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #586171;
    border-image: none;
    border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}


.transaction-note-text {
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 66px;
    padding: 22px 2%;
}


.border-bottom {
    
    border-color: #CCCCCC;
   overflow: auto;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 3px 8px;
}

.borderblueright-transaction-note-left {
    border-bottom: 3px solid #3A74B3;
    border-left: 1px solid #CCCCCC;
    float: right;
    margin: 0;
    width: 51%;
}

.hor-zebra td {
    
    border-color:#CCCCCC ;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 3px 4px;
}

	.borderblueright-transaction-note-right {
    border-bottom: 3px solid #3A74B3;
    float: left;
    margin: 0;
    padding: 0 1%;
    width: 42.8%;
}


.transaction-note-text {
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 46px;
    padding: 19px 7px 17px 1px;
}

.refund-menu li a {
    color: #5B5B5B;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}


.personalinfo li.col2 {
    float: left;
    margin: 0 2.5%;
    padding: 0;
    width: 88%;
}
.menuoffers {
    background: url("../images/icon-store-details.png") no-repeat scroll center 2px / 45px 30px rgba(0, 0, 0, 0);
    display: block;
}

.menupay:hover, .menupay.active {
    background: url("../images/icon-transaction-details-h.png") no-repeat scroll center 2px / 45px 30px rgba(0, 0, 0, 0);
    display: block;
}

.menuloyalty {
    background: url("../images/icon-card-info.png") no-repeat scroll center 2px / 45px 30px rgba(0, 0, 0, 0);
    display: block;
}

.menufind {
    background: url("../images/icon-customer-info2.png") no-repeat scroll center 2px / 45px 30px rgba(0, 0, 0, 0);
    display: block;
}

.tooltipright {
    float: right;
    margin-top: 75px;
    padding: 0;
    text-align: center;
    width: 22%;
}

.colG {
    clear: both;
    height: auto;
    margin: 0 1.5%;
    width: 97%;
}


.personalinfo li.col2 {
    float: left;
    margin: 0;
    padding: 0;
    width: 97%;
}



.transamt {
    color: #3A74B3;
    float: right;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: normal;
    line-height: normal;
    padding: 5px 10px;
    text-align: right;
    width: 28%;
}


.time {
    float: left;
    font-size: 13px;
    margin: 10px 0 0 10px;
    min-height: 35px;
}



.colK {
   
    border-color:  #586171;
 	 border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}

.colK.middle_line {
    height: 25px;
}

.colK-transaction2.middle_line_transaction2 {
    height: 25px;
}

.colJ {
   
    border-color: #586171;
    border-style: none none none solid;
    border-width: 0;
    float: left;
    height: 25px;
    margin: 0;
    width: 0.1%;
}


.hor-zebra td .totalamt {
    color: #3A74B3;
    float: right;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    padding: 3px 0;
}


.hor-zebra td .cardsale {
    float: left;
    margin: 7px 5px 0 0;
}


.myprofile {
    margin: 0;
    padding: 0px;
}



.ticketidtable { margin: 0; padding: 0;  width: 100%;}
.analytic-reware-table-box1 {width:12.5%;}
.analytic-reware-table-box2 {width:15%;} 



.viewall-table2 td {
    border: 1px solid #DBDBDE;
    border-collapse: collapse;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 8px;
}

.viewall-table2 th {
    border-collapse: collapse;
    color: #5B5B5B;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

.table_title {
    color: #3A74B3;
    float: left;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px !important;
    margin: 10px 0 5px;
}

.inputpermission {
    border: 1px solid #9A9A9A;
    border-radius: 5px;
    color: #8A8A8A;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    margin: 10px 0 12px 5%;
    padding: 5px 6px;
    vertical-align: middle;
    width: 24%;
}



.allpermission {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    height: 18px;
    margin: -40px 0 0;
    text-decoration: none;
    width: 136px;
}





.chkbox_perm{ width: 20px;}
.chkbox ul { margin:0px; padding:0px; list-style-type:none; }
.chkbox li { display:inline;  margin: -61px 4px 0; }
.chkbox li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkbox li a.chkd { height: 38px; width:29px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -14px -0px;  margin-top: -2px; }
.chkbox li a:active, .chkbox li a.active { background-position: -55px -44px;  margin-top: -1px;  }


.chkbox_perm_blue{ width: 20px;}
.chkboxblue ul { margin:0px; padding:0px; list-style-type:none; }
.chkboxblue li { display:inline;  margin: -61px 4px 0; }
.chkboxblue li a { float:left;  margin: -17px 4px 0; display:inline; text-decoration:none; }
.chkboxblue li a.chkdblue { margin-left:-13px; height: 38px; width:31px;/*text-indent:-10000px;*/ background-image:url(../images/checkbox-sprite.png); background-repeat:no-repeat;  background-position: -6px -7px;  margin-top: 0px; }
.chkboxblue li a:active, .chkboxblue li a.active {  background-position: -14px -50px;   margin-top: 0px;  margin-left:-5px; }




.tickettable td {
    border: 0 none;
    color: #6190C2;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}



.tickettable td.totalamtsup {
    color: #6190C2;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
}

/*.tickettable td.totalamtsup img{ width:18px;}*/

.tickettable td.totalamt {
    color: #3A74B3;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
}

.tickettable img{ width:18px;}


.ticketiddetailtable td {
    
    border-color:  #447AB6;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #2F2E2C;
    font-family: "MyriadProRegular",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px;
}




/*  access module section */

.sel_bx_width {height: 230px;  width: 340px;}
.salespopup_new { margin: 10px 0 0; width: 380px;}
.inputpermission_access { width:38%;}
#multinav ul { list-style-type: none; margin: 2% 27%; padding: 0;}
.filter_new1{ margin: 8% 0;}

.myprofile_new {   margin: 0; padding-left: 5%; padding-top: 15px;}
.grp_name .inputpermission_access { border: 1px solid #9a9a9a; border-radius: 5px; color: #8a8a8a;font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 16px;font-weight: normal; height: 24px; margin: 5px 0 4px 14px; padding: 5px 6px; vertical-align: middle; width: 49%; }
.grp_name label { clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.left_access { float: left; width: 100%;}
.selecttext_new { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal;height: 19px; margin: -45px 0 0 21px;padding: 6px 24px 1px 5px; position: absolute; /* top: 3px;*/}

.selecttext_new2 {background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px; float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px; margin: -65px 0 0 21px; padding: 6px 24px 1px 5px; position: absolute; }
.personalinfo textarea{ width: 81%;}

.salespopup_new label {clear: left; color: #535353; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 1px 0; width: 25%;}
.input_width {  width: 40.5% !important;}
.margin_lft_input{ margin-left:24% !important;}
.selecttext_new_2 { background: url("../images/icon-close.png") no-repeat scroll 100% center #f7f7f8; border: 1px solid #9a9a9a; border-radius: 5px;float: left; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 19px;  margin: 0 0 0 127px;  padding: 6px 24px 1px 5px; position: absolute; /*top: 3px;*/}
.salespopup_new input.text { background: none repeat scroll 0 0 #ffffff; border: 1px solid #9a9a9a; border-radius: 5px; font-family: "MyriadProRegular",Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; height: 25px; margin:0 75px 20px; padding: 5px 2%; width: 39.5%;}

	

.wrapper-dropdown-3 .dropdown {
    background: #596372 none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-weight: normal;
    left: 0;
    list-style: outside none none;
    margin-left: -112px !important;
    position: absolute;
    right: 0;
    top: 150%;
    transition: all 0.5s ease-in 0s;
    width: 319px !important;
}

.wrapper-dropdown-3 .dropdown::before {
    border-color: rgba(0, 0, 0, 0.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    right: 150px !important;
    width: 0;
}

.wrapper-dropdown-3 .dropdown::after {
    border-color: #596372 transparent;
    border-style: solid;
    border-width: 0 13px 13px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    right: 150px !important;
    width: 0;
}

.sales_popup {
    float: left;
    width: 98.3% !important;
}

.tiles{ width:100%!important; float:none!important;}
.tiles_recent{ width:100%!important; float:none!important;}
#speedo{ width:100%!important; float:none!important;}

	}
	
@media only screen and (min-width : 1200px) and (max-width : 1480px) {
.subnav li a {
    float: left;
    margin-top: -1px;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #444;
    display: block;
    padding: 10px 5px;
    border: 1px solid #c2c2c2;
    text-decoration: none;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    font-size: 12px;
}
}