/*Global payment Start*/
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat'); */

@import url("Montserrat.css");
/*Global payment End*/

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


/* REMOVE/HIDE DISCOUNT WIDGET */
.discountText{
display: none;
}
discount{
display: none;
}
#discMeter{
display: none;
}



body{
margin:0;
top:0;
padding:0;
font:12px Montserrat;
background-color:#c0c0c0;
}
.wrapper
{
margin:0 auto;
background-color:#FFFFFF;
}
td{
font:12px Montserrat;
color:#666666;
font-weight: lighter;
}
div, p, h1, h2, h3, h4, h5, h6, span, form, input, ul, li, img, a {
	margin:0;
	padding:0;
    text-align: left;
}

a img {
	border:0;
}
a {
	
	text-decoration:none;
}
a:hover {
	
	text-decoration:underline;
}
td .padding_left20
{
padding-left:20px !important;
}
td .padding_left30
{
padding-left:30px !important;
}
.padding_10{
padding:10px;
}
.paddingleft_15{
padding-left:15px;
}
.paddingtop_8{
padding-top:8px;
}
.paddingtop_5{
padding-top:5px;
}
.padding_right15{
padding-right:15px;
}

/* --------------------------------------------------------- Font Styles ---------------------------------------- */

.ord_gray_txt11{
font:11px;
color:#8F8F8F;
}

.ord_gray_txt{
font-size:12px;
color:#8F8F8F;
}


td .pink30_txt{
font-size:30px;
color:#e5004b;
}

.pink12_txt{
font:12px;
color:#e5004b;e5004b
}

.scroll_promo{
	overflow:scroll;
	width:580px;
	height:100px;
	border:1px solid #969696;
	overflow-x:hidden;
	}
	
.blk_main_heading24{
font:bold 24px;
color:#000000;
}

/* ------------------------------------------------------- Font Styles -------------------------------------------------- */

/* ----- Alignment Styles --------- */
.padding_right5{
padding-right:5px;
}


.padding_right10{
padding-right:10px;
}
.padding_right12{
padding-right:12px;
}


.padding_left20{
padding-left:20px;
}


.padding_right30{
padding-right:28px;
}

/* ----- Alignment Styles -------------- */







/*  ---- Form Element Styles ------ */
.input_border{
border:1px solid #969696;font-size:11px; color:#8a8a8a; padding-left:2px;
}

.input_textfield{
border:1px solid #969696; font-size:11px;
}


.radio_btn{
	height:10px;
}
label{
line-height:10px;
}
/*  ----  Form Element Styles ------ */







/* ------ Header Menu Styles ------------------ */
ul#header_nav{
margin:0;padding:0;
}

ul#header_nav li{
margin:0;padding:0;
display:inline;
padding:0px 2px;
color:#959595;
font:11px Montserrat;

}
ul#header_nav li a{
font:11px Montserrat;
color:#959595;
text-decoration:none;
}
ul#header_nav li a:hover{
text-decoration:underline;
}

.search{font:12px Montserrat;
color:#959595;
font-weight:bold; }

/* ------ Header Menu Styles ------------------ */





/* ------ Top Nav Styles ------------------ */
.menu_bg{
background:#e5004b url(../images/iom/menu_bg.gif) repeat-x;
}

#top_menu{
height:32px;
}

#top_menu td{
margin:0;
padding-bottom: 6px;
color:#FFFFFF;
font:12px Montserrat;
}

#top_menu  a{
text-decoration:none;
color:#FFFFFF;
}

#top_menu  a:hover{
text-decoration:underline;
}

/* ------ Top Nav Styles ------------------ */

/* ------------------- Content Styles ------- */

.place_an_order_tbl{
background:url(../images/iom/place_an_order_table_bg.gif) repeat-x;
}
/*--------------------------------pendingorders---------------------*/

/*---------------------button style-------------------------*/
p.button {
	background:url(../images/iom/btn_red_bgleft_2023.gif) no-repeat top left;
	float:right;
	padding:0px 3px 0 10px;
	margin:5px 0px 0 5px;
}
.buttonBg {
	background:url(../images/iom/btn_red_bgright_2023.gif) no-repeat top right;
	border:0;
	height:26px;
	color:#FFFFFF;
	padding:2px 22px 5px 15px;
	font-size:16px;
	font-weight: lighter;
	font-family:Montserrat;
	vertical-align:middle;
	cursor:pointer;
	width:0;
	overflow:visible;
}
input.buttonBg[class]{
    width: auto;
}
/*---------------------button style over-------------------------*/
td.content
{
padding:0px;
}
td.content_imp
{
padding:10px;
}

td.content h1
{
font-size:22px;
font-weight:bold;
padding:0px 0 10px 10px;
}
td.tbl_bgleft
{
background:url(../images/iom/tbl_header_bgleft_2023.gif) no-repeat left top;
width:33px;
height:45px;

}
td.tbl_bgmid
{
background:url(../images/iom/tbl_header_bgmid_2023.gif) repeat-x top;
}
td.tbl_bgright
{
background:url(../images/iom/tbl_header_bgright.gif) no-repeat right top;
width:40px;
height:45px;
}
table.alt_rows
{
border-bottom:solid 0px  #FFFFFF;
text-align: left;
}
table.alt_rows td
{
padding:2px;
text-align: left;
font: 12px  Montserrat; 
font-weight: lighter;  
}
tr.bgalt
{
background-color:#FFFFFF;

}
.border_right
{
border-right:solid 0px  #e1dfdf;
}
.border_left
{
border-left:solid 0px  #e1dfdf;
}

.border_top{border-top:solid 0px #b7b6b6;}

td.tbl_header
{
font-weight:bold;
color:#fff;
font-size:12px;
font-family: Montserrat;
}
.tbl_header_big
{
font-weight:bold;
color:#fff;
font-size:16px;
font-family: Montserrat;
}
.alt_rows td
{

}
td h2
{
font-size:12px;
font-weight:bold;
padding:10px;
}
p.contentfirst{
font-size:11px;
padding:20px 10px 0 10px;
}
p.contentlast{
font-size:11px;
padding:5px 10px 10px 10px;
}
/*------------------------------------------------------Line entry-------------------------------------------*/
/*-----------------------------------------------lineentry----------------------------------*/
.tbl_bannerorder
{
border:solid 1px #e5004b;
text-align:center;
font-size:12px;
margin-bottom:1px;
}
.bg_lightpink
{
border-right:solid 1px #e5004b;
border-top:solid 1px #e5004b;
background-color:#fdf6f6;
}
.bg_lightpinklast
{
border-right:none;
border-top:solid 1px #e5004b;
background-color:#fdf6f6;
}

ul.breadcrumb_line li
{
list-style-type:none;
display:inline;
}
ul.breadcrumb_line li a
{
float:left;
padding:2px 10px;
background:url(../images/iom/arrow_blackright2.gif) left no-repeat;
list-style-type:none;
text-decoration:underline;
color:#494848;

}
ul.breadcrumb_line li a:hover
{
	float:left;
	padding:2px 10px;
	background:url(../images/iom/arrow_redright.gif) left no-repeat;
	list-style-type:none;
	text-decoration:none;
	color:#9400ff;
	font-weight: lighter;
}
ul.breadcrumb_line li.active a
{
	float:left;
	padding:2px 10px;
	background:url(../images/iom/arrow_redright.gif) left no-repeat;
	list-style-type:none;
	text-decoration:underline;
	color:#666666;
	font-weight: lighter;
}
ul.breadcrumb_line li.active a:hover
{
	float:left;
	padding:2px 10px;
	background:url(../images/iom/arrow_redright.gif) left no-repeat;
	list-style-type:none;
	text-decoration:none;
	color:#9400ff;
	font-weight: lighter;
}
ul.nav_lineentry li a
{
float:left;
padding:0px 0px;
background:url(../images/iom/bg_menunormalright.gif) right no-repeat;
height:26px;
text-decoration:none;
color:#666666;
font-size:14px;
line-height:1.8;
text-align:center;
width:100px;
}

ul.nav_lineentry li.last a
{
background:none;
}
ul.nav_lineentry li a:hover
{
background:url(../images/iom/bg_menuactive.gif) left no-repeat;
color:#ffffff;
font-size:14px;
border-right:none;
text-decoration:none;
}
ul.nav_lineentry li.active a
{
background:url(../images/iom/bg_menuactive.gif) left no-repeat;
color:#ffffff;
font-size:14px;
text-decoration:none;
}
td .bg_nav
{
background:url(../images/iom/bg_menunormal.gif) left repeat-x;
border-bottom:#c3c1c1 solid 1px;
}
ul.nav_lineentry li 
{
list-style-type:none;
display:inline;

}
.tbl_bgpink
{
background:url(../images/iom/bg_pink.gif) repeat-x top #fff;
}
.padding_9
{
padding:9px;
}
.input_testacc
{
height:17px;
font-size:11px;
}
.tbl_header a
{
font-weight:bold;
color:#fff;
font-size:12px;
text-decoration:underline;
}
.tbl_lineentry
{
text-align:center;
}
.bg_ebeaea td
{
background-color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.font_bold
{
	font-family: Montserrat;
	font-size:12px;
	color:#e5004b;
font-weight:normal;
}

td.tbl_bgleft2
{
background:url(../images/iom/tbl_header_bgleft_2023.gif) no-repeat left top;
width:26px;
height:40px;

}
td.tbl_bgmid2
{
background:url(../images/iom/tbl_header_bgmid_2023.gif) repeat-x top;
}
td.tbl_bgright2
{
background:url(../images/iom/tbl_header_bgright_2023.gif) no-repeat right top;
width:26px;
height:40px;
}
td.tbl_bgleft3
{
background:url(../images/iom/tbl_header_bgleft3.gif) no-repeat bottom left;
width:23px;
height:26px;

}
td.tbl_bgmid3
{
background:url(../images/iom/tbl_header_bgmid3.gif) repeat-x bottom;
height:26px;
font: 12px  Montserrat;  
}
td.tbl_bgright3
{
background:url(../images/iom/tbl_header_bgright3.gif) no-repeat  bottom right;
width:26px;
height:30px;
}
div.div_table
{
height:250px;
overflow-y:scroll;
overflow-x:hidden;
float:left;
width:100%;

}
div.div_table_small
{
height:105px;
overflow-y:scroll;
overflow-x:hidden;
float:left;
width:100%;
}
.txt_prod{
width:60px;
}
.txt_qty{
width:30px;
font-size:11px;
}
.select_number{
width:30px;
}
.padding_bottom10
{
padding-bottom:10px;
}
.tbl_outerline
{
border:solid 1px #F9F9F9
}
.view a
{
	color:#e5004b;
	text-decoration:underline;
	font-weight:bold;
	font-size:11px;
}
p.buttonpink{
	background:url(../images/iom/btn_pink_bgleft_2023.gif) no-repeat top left;
	float:right;
	padding:0px 3px 0 10px;
	margin:5px 0px 3px 5px;
}
p.buttonpinkleft{
	background:url(../images/iom/btn_pink_bgleft_2023.gif) no-repeat top left;
	float:left;
	padding:0px 3px 0 10px;
	
}
.buttonBgpink {
	background:url(../images/iom/btn_pink_bgright_2023.gif) no-repeat top right;
	border:0;
	height:24px;
	padding:0 5px 0px 0px;
	font-size:12px;
	color:#e5004b;
	font-weight:bold;
	vertical-align:middle;
	cursor:pointer;
	width:0;
	overflow:visible;
	font-family:Montserrat;
}
input.buttonBgpink[class]{
    width: auto;
}
.buttonBgpinkcancel {
	background:url(../images/iom/btn_pink_bgrightcancel.gif) no-repeat top right;
	border:0;
	height:24px;
	padding:0 32px 0px 11px;
	font-size:11px;
	color:#F30;
	font-weight:bold;
	vertical-align:middle;
	cursor:pointer;
	width:0;
	overflow:visible;
}
input.buttonBgpinkcancel[class]{
    width: auto;
}
.bg_fff9f9
{
background-color:#EDEDED;
border:solid 1px #D4D4D4;
color: #FF6699;

}
.bg_fff9f9 td
{
color:#000000;
padding:3px !important;
font-family: Montserrat;
font-size:11px;
}
td.font_12
{
font-size:12px;
}
.border_bottomd7d1d1
{
border-bottom:solid #d7d1d1 1px;
}
.bor_outer{
border:solid 1px #d7d1d1
}

td.bor_outer {
    
    height: 50px;
}

.bg_f3f2f2
{
background-color:#f3f2f2;
}
.bg_cecdcd
{
background-color:#FFF;
}
td h3
{
font-size:22px;
font-weight:bold;
padding:0px;
color: #3ac5c3;  

text-align:center;
}
.font_small_caps
{
font-variant:small-caps;
}
.tbl_orderpack td
{
font-size:12px;
background-color: #fff;  
}
/*-----------------------------------line-entry---------------------------------------------------------*/
/*-----------------------------------add_customer---------------------------------------------*/
table .bg_f2f2f2
{
background-color:#FFFFFF;
border:solid 1px #acacac
}
table .bor_right
{
border-right:solid 1px #acacac;
}
.txt_day{
width:45px;
}
.red_txt
{
	color:#e5004b;
}

.tbl_notes
{
border:solid 1px #b6b6b6;
height:100px;
}
.tbl_bordergray
{
border:solid 1px #aaaaaa;
}
.bg_f5f3f4
{
background-color:#f5f3f4;
}
.padding_5
{
padding:5px;
}

/*--------------------------------add customer-------------------------------------------*/
/*----------------------------------------category---------------------------------------------*/
.bg_f2f0f0
{
background-color:#f2f0f0;
}
.bg_f2f0f0 a
{
color:#666666;
font-size:14px;
text-decoration:none;
padding-right:10px;
font-weight:bold;
font-family:Montserrat;
text-transform:capitalize;
}
.bg_f2f0f0 a:hover
{
	color:#e5004b;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	font-family:Montserrat;
	text-transform:capitalize;
}
.padding_3
{
padding:3px;
}
.bg_f2f0f0 td.active a
{
	color:#e5004b;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	font-family:Montserrat;
	text-transform:capitalize;
}
.border_rightstyle td {
border-right:solid 1px #767474;

}
.border_bottomgray{
border-bottom:solid 1px #c3c1c1;
}
.border_rightstyle td.last {
border-right:none;
}
.font13
{
font-size:13px;
}
.sort a
{
color:#000;
text-decoration:underline;
}
.sort a:hover
{
color:#000;
text-decoration:none;
}
.bg_efedee
{
background-color:#efedee;
}
.bg_leftfff
{
background:url(../images/iom/bg_leftfff.gif) no-repeat left;
width:30px;
height:25px;
}
.bg_rightfff
{
background:url(../images/iom/bg_rightfff.gif) no-repeat left;
width:30px;
height:25px;
}.bg_botleftfff
{
background:url(../images/iom/bg_bottomleft.gif) no-repeat left;
width:30px;
height:25px;
}
.bg_botrightfff
{
background:url(../images/iom/bg_bottomright.gif) no-repeat left;
width:30px;
height:25px;
}
.bg_midbottomfff
{
background:url(../images/iom/bg_midbottom.gif) repeat-x left;
height:25px;
}
.bg_midbottomfff1
{
background:url(../images/iom/bg_midbottom.gif) repeat-x left;
height:25px;
}
.bg_midtopfff
{
background:url(../images/iom/bg_midtop.gif) repeat-x left;
height:25px;
}
.prod_mid_bg
{
border-right:solid #dad9d9 1px;
border-left:solid 1px #dad9d9;
background:#fff;
}
.representive{
width:150px;
font-size:11px;
}
.choose_order{
width:116px;
font-size:11px;
}

td input.buttonBgorder {
	background:url(../images/iom/bg_addtoorder_2023.gif) no-repeat top right !important;
	border:0;
	height:21px;
	color:#ffffff;
	font-size:12px !important;
	font-weight:bold;
	cursor:pointer;
	width:121px;
	margin-top:5px;
	margin-left: -2px;
}

.font_cac9c9 a{
color:#7f7d7d;
font-weight:bold;
text-decoration:none;
}
ul.single_list li
{
list-style-type:none;
font-size:12px;
line-height:1.5;
padding-left:10px;
}
.colors
{
width:62px;
height:30px;
}
.border_bottomccc
{
border-bottom:#ccc solid 1px;
}
.bg_f2d4b5
{
background-color:#f2d4b5;
}
.bg_eec89f
{
background-color:#eec89f;
}

.bg_e9bb8a
{
background-color:#e9bb8a;
}

.bg_caa075
{
background-color:#caa075;
}

.bg_eacea8
{
background-color:#eacea8;
}

.bg_ceac87
{
background-color:#ceac87;
}
.bg_ae7c4e
{
background-color:#ae7c4e;
}
.bg_ac7346
{
background-color:#ac7346;
}
.font_14
{
font-size:14px;
}
td h4
{
font-size:15px;
font-weight:bold;
padding:3px;
}
.txt_qty3
{
width:25px;
}
/*---------------------------------------favorites8------------------------*/
h2.heading
{
font-size:17px;
font-weight:bold;
padding:0;
margin:0;
padding-bottom:10px;
color:#fff;
}
.txt_black a
{
text-decoration:none;
font-family: Montserrat;
font-size:12px;
 color:#000000;
}
.txt_black .active a
{
color:#000000;
text-decoration:none;
font-weight:bold;
font-family: Montserrat;
font-size:12px;

}
.bg_f6f4f4
{
background-color:f6f4f4;
border-right:solid 1px #ccc;
border-left:solid 1px #ccc;
}
.bg_e7e4e4
{
background-color:#e7e4e4;
border-right:solid 1px #d1d1d1;
border-left:solid 1px #d1d1d1;
}
bor_topgray
{
border-top:solid #d1d1d1 1px;
}
/*--------------------------------------------------------------------*/

/* ------ Footer Styles ------------------ */

.footer_menu td{
background: url(../images/iom/footer_bg.gif) repeat-x bottom;
height:32px;
color:#FFFFFF;
font:11px Montserrat;
padding-top:8px;

}

.footer_menu span a{
text-decoration:underline;
color:#FFFFFF;
font:11px Montserrat;

}




/* ------ Footer Styles ------------------ */
/* ------ indra ------------------ */

.table_bg{
background-color:#FFFFFF;
border-bottom:0px solid #bebdbd;
}

.tdcell_L{
padding:5px 10px 5px 20px;
border-left:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
}

.tdcell_R{
border-right:0px solid #FFFFFF;
}
.tdcell_B{
border-bottom:0px solid #FFFFFF;
}

.border_top_white{
border-top:0px solid #FFFFFF;
}

.border_white_r{
border-right:0px solid white;
}
label{
line-height:10px;
font:16px Montserrat;
}
a.ord_link{
text-decoration:none;
color:#000000;
font:12px Montserrat
}

.margin_left10{
margin-left:10px;
}


.inner_table_bg{
background:url(../images/iom/inner_table_bg_2020.gif) repeat-x;
}

.td_subheader_bg{
background:url(../images/iom/sub_heading_bg_2023.gif) no-repeat; width:214PX; height:32PX;
}

.sub_heading{
font:bold 12px Montserrat;
color:#FFFFFF;
line-height:20px;
}
.sub_heading1{
font-family:Montserrat;
color:#FFFFFF;
font-size:18px;
line-height:20px;
}
.dropshadow{
	text-shadow: 2px 2px 2px #000;opacity:.65
}
.dropshadow1{
		height: 1em;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
	
}
.hr_grey{
border-bottom:0px solid #FFFFFF;
}

#fast_order{
background:url(../images/iom/green_arrow_ico.gif) no-repeat 10% 10%;
}

#broucher{
background:url(../images/iom/broucher_ico.gif) no-repeat 10% 10%;
}

#category{
background:url(../images/iom/category_ico.gif) no-repeat 10% 10%;
}

#fav{
background:url(../images/iom/fav_ico.gif) no-repeat 10% 10%;
}

#promotion{
background:url(../images/iom/promotion_ico.gif) no-repeat 10% 10%;
}

ul#alert_list{
margin:0;
padding:0;
}

ul#alert_list li{
margin:0;
padding:0;
background:url(../images/iom/pink_arrow.gif) no-repeat 2% 45%;
padding:5px 0px 5px 15px;
list-style-type:none;
}

ul#alert_list li a{
text-decoration:underline;
color:#333333;
}


.td_top_border{
border-top:0px solid #bebdbd;
}
.td_left_border{
border-left:0px solid #F9F9F9;
}
.td_right_border{
border-right:0px solid #F9F9F9;
}

.table_footer_bg{
background-color:#8a8888;
}


table#inner_table td{
padding:5px 5px 5px 50px;
border-right:1px solid white;
}

table#inner_table td#promotion{
padding:5px 5px 5px 50px;
border-right:1px solid #bebdbd;
}


.blk_txt14{
font:14px Montserrat;
color:#000000;
}

.pink30_txt{
font:30px Montserrat;
color:#e5004b;
}

a.white_link{
color:#FFFFFF;
font:bold 12px Montserrat;
text-decoration:underline;
background:url(../images/iom/grey_arrow.gif) no-repeat 2% 50%;
padding:0px 10px;
}

.select_100{
width:120px;
margin-left:20px;
margin-top:3px;
margin-right:10px;
font:12px Montserrat;
}
.place_an_order_tbl1{
background:url(../images/iom/place_an_order_table_bg.gif) ;
}

/*  Ind newly added 25 8.00pm*/


.dashboard_innertbl_bg{
background:url(../images/iom/Dashboard_inner_tbl_bg.gif) repeat-x;
}


.pattern_bg{
background:url(../images/iom/pattern_bg.gif) repeat-x;
}

.grd_tbl_bg{
background:url(../images/iom/grd_tbl_bg.gif) repeat-x;
}

.pink12_SubHeading{
font:bold 12px Montserrat;
color:#e80079;
padding:1px 0px 1px 5px;
}

.padding_left5{
padding-left:5px;
}

.td_bot_border{
border-bottom:0px solid #F9F9F9;
vertical-align:top;
padding-bottom:5px;
}
.dash_pinkbg{
background-color:#fdf5fa;
}
.padding5{
padding:5px;
}

.padding2{
padding:2px;
}

.dash_italic_txt{
font-style:italic;
margin-left:15px;
}

a.dash_link{
background:url(../images/iom/dash_pink_arrow_ico.gif) no-repeat 0% 50%;
padding-left:20px;
color:#000000;
height:18px;
text-decoration:underline;
}

.padding_right20{
padding-right:20px;
}

.padding_top5{
padding-top:5px;
}

.plus_ico_bg{
background:url(../images/iom/plus_ico.gif) no-repeat 15% 50%;
}

ul#incentive_list{
margin:0;
padding:0;
}

ul#incentive_list li{
margin:0;
padding:0;
background:url(../images/iom/pink_arrow.gif) no-repeat 2% 20%;
padding-left:15px;
list-style-type:none;
}

a.ord_text10{
font-size:11px;
color:#000000;
font-weight:bold;
}

.grey_table_bg{
background-color:#e6e9ee;
border-bottom:1px solid #bebdbd;

}


.sub_heading_gray{
background:url(../images/iom/side_bar_greybg.gif);
height:21px;
}


.red_italic_txt{
	font-style:italic;
	color:#e5004b;
}

.margin_top10{
margin-top:10px;
}

ul#dash_right_bar_list{
margin:0px;
padding:0px;
list-style:none;
}
ul#dash_right_bar_list li{
padding:5px 10px;
background:url(../images/iom/blue_grey_arrow.gif) no-repeat 2% 15%;
}

.blue_grey_arrow_ico{
background:url(../images/iom/blue_grey_arrow.gif) no-repeat 7% 50%;
}

.red_dot_ico{
background:url(../images/iom/red_dot_arrow.gif) no-repeat 0% 50%;
padding:5px 15px;
}


a.grey_link{
color:#333333;
font:bold 12px Montserrat;
text-decoration:underline;
background:url(../images/iom/blue_grey_arrow.gif) no-repeat 2% 50%;
padding:0px 10px
}


/*  Indira STyles 3-26-09  */

.limited_offer_top_curve{
background:url(../images/iom/limited_offers_topcurve.gif) no-repeat 100% 0%;
}
.limited_offer_bot_curve{
background:url(../images/iom/limited_offers_botcurve.gif) no-repeat 100% 100%;
}

.limited_offers_bg{
background-color:#FFFFFF;
}

.pink15_txt{
font-size:15px;
font-weight:bold;
color:#e5004b;
}
.pink22_txt{
font-size:22px;
font-weight:bold;
color:#e5004b;
}
#limited_offers_tbl{
display:none;
}

#this_campaign_tbl{
display:none;
}

#my_dashboard{
display:block;
}

.padding_top10{
padding-top:10px;
}
/*  Indira Styles 03272009 */
.pop_main_header_txt{ 
	color:#000000;
	 font-size:18px; 
	 font-weight:bold;
	 line-height:30px;
	 font-family:Montserrat;
	 }
.close_btn{position:absolute;right:10;top:2;}
.pop_up_border{border:1px solid #666;}
.pop_up_selectbox_border{border:1px solid #284279}
body#pop_add_to_order{color:#33CC99 !important}
/* ------ popups ------------------ */


.font_14
{
font-size:22px;
}

.grey_bg_table{
background-color:#FFFFFF;
}

.ord_gray_txt_dark{
font-size:12px;
color:#636060;
}

.grey_table_bg1{
background-color:#e6e9ee;
}

ul#brochure_list_nav{
margin:0px;
padding:px;
}

ul#brochure_list_nav li{
margin:0px 0 0 3px;
background:url(../images/iom/broucher_navlist_left_curve.gif) no-repeat left top;
float:left;
list-style:none;
padding:0 0px 5px 0px;
color:#4071a9;!important
}

ul#brochure_list_nav li span{

display:block;float:left;
margin-left:6px;
background:url(../images/iom/broucher_navlist_bg.gif) repeat-x 0% 100%;
}

ul#brochure_list_nav li span a{
background:url(../images/iom/broucher_navlist_right_curve.gif) no-repeat 100% 100%;
display:block;
float:left;
height:19px;
margin-left:10px;
padding-right:23px;
color:#4071a9;
font-size:11px;
font-family: Georgia, "Times New Roman", Times, serif;
}

ul#brochure_list_nav li span span{
background:url(../images/iom/broucher_navlist_right_curve.gif) no-repeat 100% 100%;
display:block;
float:left;
height:19px;
margin-left:10px;
padding-right:23px;
}

ul#brochure_list_nav li input.img_input{
height:13px;

}

ul#brochure_list_nav li input.txt_input{
height:14px;
margin-left:15px;
margin-right:5px;
}

table#promo_table td{
padding:5px 5px 5px 30px;
font-size:12px;
background:url(../images/iom/arrow_redright.gif) no-repeat 2% 50%;
}

table#promo_table td.odd_row{
background-color:#e7e4e4;!important
}

table#promo_table td.even_row{
background-color:#f6f4f4;
}

table#promo_table a.discount_ico_bg{
background:url(../images/iom/discounted_purchase_promo_ico.gif) no-repeat 100% 50%;
padding-right:25px;
}

table#promo_table a.conditional_promo_ico_bg{
background:url(../images/iom/conditional_purchase_promo_ico.gif) no-repeat 100% 50%;
padding-right:25px;
}


div.promo_table
{
height:450px;
overflow-y:scroll;
float:left;
width:100%;
}

.promo_td_bot
{
border-bottom:solid 1px #cdcaca;
}

/*  Indira Styles 03272009 */
/* */
/* ------ popups ------------------ */
.bg_blue{background-image:url(../images/iom/pop_blue_bg.gif); height:auto; background-repeat:repeat-x;}
.pop_header{ color:#323638; font-size:14px; font-weight:bold; padding-top:10px;} 
.pop_closebtn{color:#8a8e8f; font-weight:bold; font-size:10px;}
.pop_border{border:1px #a3a3a3 solid;}
.pop_font{color:#323638; font-size:11px;}
.select_txt{font-size:11px;color:#323638; width:200PX;}
.padding_left10{padding-left:10;}
.padding_left2{padding-left:2;}

/* ------ popups ------------------ */


/*-------------------------------------------order_submitted-----------------------*/
.border_c77474
{
border:solid 1px #FFFFFF;
}
.bg_f4f1f1{
background-color:#f4f1f1;
border:solid 1px #bbb9b9;
}
.padding_20
{
padding:20px;
}
/*-----------------------------------------My Customers----------------------------*/
td input.buttonBgsearch {
	background:url(../images/iom/btn_search.gif) no-repeat top right;
	border:0;
	height:22px;
	color:#FFFFFF;
	padding:0 3px 2px 3px;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	width:73px;
}
.search_links a
{
padding-right:1px;
text-decoration:none;
font-size:12PX;
}
a.active
{
text-decoration:underline;
}
.my_customer td
{
font-size:12px;
}
.bg_ebeaea2
{
background-color:#F9F9F9;
}
.txt_fff
{
color:#fff;
}
.centre_align
{
margin:0 auto;
}

/* ------ Geeth ------------------ */

.orderbrochure_header{ line-height:30px;}
.orderbrochure_content{ height:30px;}
.error_alert{
	color:#e5004b;
	font-weight:bold;
	font-size:11px;
	height:30px;
}
.normal_blacklink{text-decoration:underline;color:#FF20A8D4; font-size:13px;}
.text_currency{width:25px;}
.text_date{width:55px;}
.mandatory_field{color:#FF0080; font-size:11px;}

/*-----31 march ----*/
.dicount_tbl_toplft
{
background:url(../images/iom/discount_top_left.gif) no-repeat top left;
width:12px;
height:28px;
}
.dicount_tbl_toprght
{
background:url(../images/iom/discount_top_right.gif) no-repeat top left;
width:12px;
height:28px;
}
.dicount_tbl_btmlft
{
background:url(../images/iom/discount_bottom_left.gif) no-repeat top left;
width:12px;
height:17px;
}
.dicount_tbl_btmrght
{
background:url(../images/iom/discount_bottom_right.gif) no-repeat top left;
width:12px;
height:17px;
}
.pad_top{margin-top:10px; width:329px;}
.bordr_pink{ border-top: 1px solid #f06e8c;}
.bordr_pink_bottom{ border-bottom: 1px solid #f06e8c;}
.bordr_pink_left{ border-left: 1px solid #f06e8c; line-height:30px;}
.bordr_pink_right{ border-right: 1px solid #f06e8c; line-height:30px;}
.sell_discount_txt{font-weight:bold; color:#000000; font-size:20px; font-family: Montserrat;}
.sell_discount_txt_nrml{color:#000000; font-size:20px; font-family: Montserrat; font-weight:100;}
.sell_bg{background-color:#fcf4f7;}
.discount_meter{border-top:1px solid #a2d29c; border-bottom:1px solid #8bc783; border-right:1px solid #8bc783; width:280px; background-color:#ebfce8; margin-top:5px;}
.discount_meter_rightbrdr{border-right:1px solid #dcdada; width:38px; color:#adacac; font-size:12px; font-weight:bold; padding-left:3px;}
.discount_meter_rightbrdr_green{border-right:1px solid #dcdada; width:90px;border-left:1px solid #8bc783; }
.discount_arrow{ background:#ffffff; width:110px; height:15px; vertical-align:top;}
.discount_seperator{ border-top:1px solid #fdcbd7; padding-top:7px;}
.popup_orderbrochure{ padding-right:25px; height:115px; vertical-align:bottom;}
.input_search_category{height:17px;font-size:11px;width:140px;}
.popup_search_hdr{color:#979797; font-size:22px; font-family:Tw Cen MT;}
.normal_orlink{text-decoration:underline;color:#000000; font-size:12px;}
.popup_results_outrbrdr{border:solid 1px #979797;}
.txtbox_txt{color:#7e7e80; font-size:11px;}
.div_fst_ordrtable
{height:230px;overflow-y:scroll;float:left;width:100%;}
/*-----31 march ----*/

/* ------ Geeth ------------------ */


/*----------------divya-----------------*/

.blk_txtbold12{
font:12px Montserrat;
color:#000000;
}
.campaignTblBG{
background-color:#f4f2f2;
}
.addBookmarkBG{
background-color:#e6e9ee;
padding:3px;
padding-right:5px;
color:#006699;
vertical-align:middle;
}
#campaignContent.td{
padding:15px;
}

.returnsDrop{
padding:0px 20px 5px 20px;
vertical-align:middle;
}

a.returnsSearch{
color:#222222;
font-size:11px;
text-decoration:underline;
vertical-align:middle;
font-weight:bold
}

.textBoxBlue{
width:120px;
border:1px solid #006699;
color:#444444;
font-size:11px;
}
.replacementDropBoxBlue{
width:80%;
border:1px solid #006699;
color:#444444;
font-size:11px;
}
.replacementDropBoxBlueSmall{
width:70%;
border:1px solid #006699;
color:#444444;
font-size:11px;
}
.replacementTextbox40{
width:40px;
border:1px solid #333333;
height:13px;
font:10px Montserrat;
}
.replacementTextbox{
width:30px;
border:1px solid #333333;
height:13px;
font:10px Montserrat;
}
.replacementTextboxSmall{
width:25px;
border:1px solid #333333;
height:13px;
font:10px Montserrat;
}
.replacementActive{
color:#666666;
height:20px;
}
.replacementInactive{
color:#aaaaaa;
height:20px;
}

#replacementsTbl{
height:200px;
overflow-y:scroll;
overflow-x:hidden;
margin-right:5px;
margin-left:4px;
}
.padding20{
padding:20px 20px 20px 20px;
}
.paddingRight15{
padding-right:20px;
}
.txt_arailgrey12{
color:#333333;
font:12px Montserrat;
}
.txt_arailgrey12bold{
color:#333333;
font:12px Montserrat;
font-weight:bold;
}
.returnsHead{
color:#333333;
font:16px Montserrat;
font-weight:bold;
}

.purpleText{
color:#916581;
font:12px Montserrat;
}
.bg_333333{
background-color:#333333
}
.white_txtBold{
font-size:12px;
color:#ffffff;
}
.border_leftWhite{
border-left:2px solid #ffffff;
}

.ord_gray_txt10{
font-size:10px;
color:#555;
}

/*----------------divya-----------------*/




/* ---- Indira Styles ----- */


.padding_left2{
padding-left:2px;
}
.select_200{
width:200px;
}

.red_txt2{
	color:#e5004b;
}

.padding_15{
padding:15px;
}

.paddingtop_15{
padding-top:15px;
}

.order_btnBg {
	background:url(../images/iom/order_btn.gif) no-repeat;
	border:0;
	height:18px;
	line-height:17px;
	color:#FFFFFF;
	padding:0 11px 0 8px;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	cursor:pointer;
}

.pink_bg{
background-color:#fcf4f7;
}


.add_to_order_btnBg {
	background:url(../images/iom/bg_addtoorder_2023.gif) no-repeat top right;
	border:0;
	height:21px;
	line-height:17px;
	color:#FFFFFF;
	margin:0px;
	font-size:11px !important;
	font-weight:bold;
	vertical-align:middle;
	cursor:pointer;
	width:121px;
}



.see_offer_btnBg {
	background:url(../images/iom/bg_addtoorder_2023.gif) no-repeat top right;
	border:0;
	height:21px;
	line-height:17px;
	color:#FFFFFF;
	margin:0px;
	font-size:11px !important;
	font-weight:bold;
	vertical-align:middle;
	cursor:pointer;
	width:121px;
}

.txt_11{
	font-size:11px;
}

.IO_pink_border_top{
border-top:1px solid #f06e8c;
}

.IO_pink_border_left{
border-left:1px solid #f06e8c;
}

.IO_pink_border_right{
border-right:1px solid #f06e8c;
}

.IO_pink_border_bot{
border-bottom:1px solid #f06e8c;
}

.blk_txt18{
font:18px Montserrat;
color:#000000;
}


.td_bottom_bg{
background:url(../images/iom/td_bottom_bg.gif) repeat-x;
}

.arrow_IO_gray{
background:url(../images/iom/arrow_io_gray.gif) no-repeat 5% 50%;
}

.dotted_line_bg{
background:url(../images/iom/dotted_bg1.gif) no-repeat 101% 0%;
}

.dotted_line_bg1{
background:url(../images/iom/dotted_bg1.gif) no-repeat -1% -5%;

}


.margin_top20{
margin-top:20px;
}

.padding_left15{
padding-left:15px;
}

.arrow_IO_gray_rev{
background:url(../images/iom/arrow_iorev_gray.gif) no-repeat  95% 50%;
}
.txt_maroon14{
	font:14px Montserrat;
	color:#e5004b;
}

.select_37{
width:37px;
}

.Io_table_header_bg{
background:url(../images/iom/IO_table_header_bg.gif) repeat-x;
}

/* ---- Indira Styles ----- */
/*---------------headerchange--------------------*/
.bg_darkblue
{
background:url(../images/iom/bg_darkblue.gif) repeat-y #035ab2 right; 
color:#fff;
font-size:12px;
}
.border_pink
{
border:solid 1px #b274b5;
}
.errorInputProdNR{  
 font: 11px  Montserrat; 
 background-color: #FF7474; 
 color: #000000; 
 border: 1px solid #646464;
 width: 45px;
 height: 15px;
}

/* Added for Discount Dashboard */
.discountUsed
{
 background-color: rgb(114,228,97);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
}

.discountRemaining
{
 background-color: rgb(244,254,235);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
}
.discountUsedRightBorder
{
 background-color: rgb(114,228,97);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
 border-right:solid 1px #e1dfdf
}

.discountRemainingRightBorder
{
 background-color: rgb(244,254,235);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
 border-right:solid 1px #e1dfdf
}
.discountUsedLeftBorder
{
 background-color: rgb(114,228,97);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
 border-left:solid 1px #66CC66
}

.discountRemainingLeftBorder
{
 background-color: rgb(244,254,235);
 border-top:solid 1px #66CC66;
 border-bottom:solid #66CC66 1px;
 border-left:solid 1px #66CC66
}
.fullWidth
{
 width: 100%
}
/* ------- Added for style guide changes MBPlus ----- */

.place_an_order_tbl2{
	/*background:url(../images/iom/place_an_order_table_bg.gif) repeat-x ;*/
	background: #ffffff
}
.padding_10_1{
padding-left:10px;
padding-right:10px;
}
.bg1_f2f0f0 a
{
color:#666666;
font-size:14px;
font: Montserrat;  
text-decoration:none;
padding-right:10px;
font-weight:lighter;
text-align:center;
  
}
td.active1 a
{
color:#FFFFFF;
font-size:15px;
text-decoration:none;
font-weight:normal;
text-align:center;
}
.border_bot_top_gray{
border-bottom:solid 1px #c3c1c1;
border-top:solid 1px #c3c1c1;
}

td.bg1_f2f0f0
{
background-color:#f2f0f0;
text-align:center;
width:15%;
}
td.bg2_f2f0f0
{
background-color:#636060;
text-align:center;
width:15%;
}
.sub_heading2{
font: bold 14px   Montserrat;
color:#FFFFFF;
font-weight: lighter;
line-height:15px;
}

td.mouseOver_bg
{
background-color:#636060;
font-size:13px;
text-decoration:none;
text-align:center;
width:15%;
}
td.mouseOver_txt a
{
color:#ffffff;
text-decoration:none
}
td.mouseOver_txt a:hover
{
color:#ffffff;
text-decoration:none
}
td.mouseOut_cell
{
color:#636060;
background-color:#f2f0f0;
font-size:13px;
text-decoration:none;
text-align:center;
width:15%;
}
.padding_dashboard
{
padding-left:5;
padding-right:5;
}
tr.bgaltwhite
{
background-color:#ffffff;

}
/*Category_style*/


.bg_f2f0f01
{
background-color:#f2f0f0;
}

.bg_f2f0f01 a
{
font-size:12px;
text-decoration:none;
font-family:Montserrat;
text-transform:capitalize;
}
.bg_f2f0f01 a:hover
{
	color:#e5004b;
	font-size:12px;
	text-decoration:none;
	font-family:Montserrat;
	font-weight:bold;
}
.bg_f2f0f01 td.active a
{
	color:#e5004b;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	font-family:Montserrat;
}
td.category_text
{
padding-left:5px;
padding-right:0px;
padding-top:1px;
padding-bottom:1px;
text-color:#000000;
font-size:12px;
text-decoration:none;
font-family:Montserrat;
	
}
ul.category_prodType
{
width:100%;
}
ul.category_prodType li a
{
color:#8F8F8F;
font-weight:bold;
font-size:13px;
font-family:Montserrat;
text-align:center;
}
ul.category_prodType li a:hover
{
	color:#e5004b;
	font-weight:bold;
	font-size:13px;
	font-family:Montserrat;
	text-align:center;
}
ul.category_prodType li.active_cat a
{
	color:#e5004b;
	font-weight:bold;
	font-size:13px;
	font-family:Montserrat;
	text-align:center;
}
.segmentHeader
{
padding-left:10px;
padding-top:10px;
font-size: 12px;
font-weight: bold;
font-style: inherit;
font-variant: small-caps;
font: Montserrat;
}
.tbl_outerline_cat
{
border-top:solid 2px #F9F9F9;
border-right:solid 1px #F9F9F9
}
td.tbl_outerline_top_bot
{
border-top:solid 2px #F9F9F9;
border-bottom:solid 2px #F9F9F9;
height:2px;
}
table.padding10
{
	padding-left:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
td.segments a
{
font-size: 12px;
font-style: inherit;
font: Montserrat;
text-transform:capitalize;
}
/*
td.segments_mouseOver a
{
	color:#000000;
	padding-left:10px;
font-size: 11px;
font-style: inherit;
font-variant: small-caps;
font: Montserrat;
}
td.segments_mouseOver a:hover
{
	color:#EF0ED5;
	padding-left:10px;
font-size: 11px;
font-style: inherit;
font-variant: small-caps;
font: Montserrat;
}
td.segments_mouseOut a
{
color:#000000;
padding-left:10px;
font-size: 11px;
font-style: inherit;
font-variant: small-caps;
font: Montserrat;
}
*/


/* Added Newly for Style Guide Issues*/
/*************************** Calendar - Start ***************************************/
.campaign_All{
	font-family: Montserrat;
	font-weight: bold;
	color:#e5004b;
}
.dueby_text{
	font-family:  Montserrat, sans-serif;
  	font-weight: lighter;
	color:#999999;
}
.daysLeft_text{
	font-family:  Montserrat, sans-serif;
  	font-weight: lighter;
	color:#e5004b;
	font-size:12px;
}
.accName_Text{
	font-family:  Montserrat, sans-serif;
  	font-weight: lighter;
	color:#e5004b;
	font-size:12px;

}
table.order_table
{
	color:#999999;
	font-size:12px;
	font-family:  Montserrat, sans-serif;
    font-weight: lighter;
	width:250px;
	
}
.acc_info_text
{
	font-family:  Montserrat, sans-serif;
	line-height: 12px;
	font-size:10px;
	color:#999999;
    font-weight: lighter;

}
/*************************** Calendar - End ***************************************/

/*************************** Search - Start ***************************************/
.search_imageText{
	font-size:12px;
	font-weight: bold;
	color:#6a696a;
	font-family: Montserrat;
	}
.search_defaultText{
	font-size:11px;
	font-family:  Montserrat, sans-serif;
	color:#8a8a8a;
	}
.search_GoImage{
	font-size:9px;
	font-family: Montserrat;
	color:#000000;
	}
/*************************** Search - End  ****************************************/

/*************************** Products Display - Start *************************************/
.bg_f5f3f4
{
background-color:#f5f3f4;
border-right:solid 1px #ccc;
border-left:solid 1px #ccc;
}
.bg_e8e4e3
{
background-color:#e8e4e3;
border-right:solid 1px #d1d1d1;
border-left:solid 1px #d1d1d1;
}
/************************** Products Display - End **********************************/

.box_action_text{
	font-family:Montserrat;
	font-size:12px;
	color:#a2a2a2;
	}
.saved_customer_name{
	font-size: 12px;
	font-family:Montserrat;
	color:#000000;
	line-height: 21px;
	
	}	
.order_methods_active{
	font-family: Montserrat;
	
}
.order_methods_inactive{
	font-family: Montserrat;
}
.order_method_campaign{
	font-family: Montserrat;
	font-size:16px;
	color:#e5004b;
	font-weight:lighter;
	}
.arial_bo Montserratld{
	font-family: Montserrat;
	font-weight: bold;
}
.font_24{
	font-size: 24px;
}
.font_30{
	font-size: 36px;
}
.font_12
{
	font-size:12px;
}
.line_height_12{
	line-height: 12px
}
.line_height_14{
	line-height: 14px
}
.color_e5004b{
	color:#e5004b;
}
.color_000000{
	color:#e5004b;
}
.color_cc0000{
	color:#e5004b;
}
table.placeAnOrder_image img{
	height:22px;
	width:22px;
	}



img.product_small
{
	border: none;
	width: 80px;
	height: 84px;
}

img.product_large
{
	border: none;
	width: 185px;
	height: 195px;
}

img.product_xl
{
	border: none;
	width: 474px;
	height: 500px;
}

img.shades
{
	border: none;
	width: 60px;
	height: 30px;
}

img.promo_overlay
{
	border: none;
	width: 60px;
	height: 63px;
}

img.transaction_button
{
	border: none;
	height: 17px;
}
.error_GOMAC{
 	font: 15px  Montserrat;
 	color: white;
	height: 15px;
	font-weight: bold;
}
div.offers_variants{
	width:100px;
}
div.offers_description{
	width:130px;
	overflow:hidden;
	height:70px;
  	margin-top:10px;
  	margin-bottom:5px;
}

.body_rule_box{
border-bottom:solid 1px  #000000;
border-top:solid 1px  #000000;
border-right:solid 1px  #000000;
border-left:solid 1px  #000000;
}

.bg_e8e4e3_top_bottom_border
{
	background-color:#e8e4e3;
	border-top:solid 1px #d1d1d1;
	border-bottom:solid 1px #d1d1d1;
}

.bg_e8e4e3_top_bottom_left_border
{
	background-color:#e8e4e3;
	border-top:solid 1px #d1d1d1;
	border-bottom:solid 1px #d1d1d1;
	border-left:solid 1px #d1d1d1;
}

.view_order a
{
	color:#e5004b;
	text-decoration:underline;
	font-weight:bold;
	font-size: 13px;
	vertical-align: middle;
}


.red
{
color:#F00;
}



.demo_title {
	background:#ec008c;
	color:#FFF;
	font-family: Montserrat;
	font-weight:border;
	font-size:14px;
	padding:3px 2px;
	margin-bottom:5px;
}


.demo_description {
	font-size: 12px !important;
	color:#666 !important;
	padding:5px;
}

.red_txt2 {
	background:#ec008c !important;
	color:#FFF !important;
	font-family: Montserrat;
	font-size:16px !important;
	padding:3px 10px !important;
	margin-top:15px !important;
}

.rightalign {
??? text-align: right;
}
.successmessage{
color: #ec008c;
font-family:  Montserrat;
font-size: 20px;
font-weight: bold;
text-decoration: none;
text-align:center;
}
.successheader1{
font-family:  Montserrat;
font-size: 16px;??? 
text-decoration: none;
text-align: center;
}
.successheader2{
font-family:  Montserrat;
font-size: 13px;
text-decoration: none;
text-align: center;
}


.highlightpink {
color: #EC008C;
}

/*Mailplan Elimination CR - Start*/
.pao_content1{
padding:5px;
}
.pao_content2{
	font-family: Montserrat;
	font-weight: bold;
	color:#e5004b;
}
/*Mailplan Elimination CR - End*/

.tab_pad_22
{
	padding:22px;
}

.pao_content3{
padding:5px;
}
.pao_content4{
	font-family: Montserrat;
	font-weight: bold;
	color:#e5004b;
}
.paddingTop{
	padding-top:20px
}

.tblRowHide{
display:none;
}
/*Automatic brochures */
.ui-dialog-buttonset .brchr_accept
{
	background:url(../images/iom/brchraccept.jpg) no-repeat 10% 10%;
    position: absolute;
    left:100px;
	height:22px;
	width:100px;
}
.ui-dialog-buttonset .brchr_reject
{
	background:url(../images/iom/brchrdecline.jpg) no-repeat 10% 10%;
	right:100px;
	height:22px;
	width:100px;
} 
/*Automatic brochures */  
td .padding_left20 {	
	padding-left: 20px !important;
	margin-left: 20px;
}
  
/*Epayment Start*/
.header_act_pay{
	background: #FFFFFF;
	box-shadow: inset 0px -1px 0px rgba(24, 24, 24, 0.16);
}

.header_pay_content{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #181818;
	margin-bottom: 2px;
    margin-top: 12px;
    /*margin-left: 30px;*/
}
.header_act_date{
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #707677;
	margin-bottom: 12px;
    margin-left: 30px;
}
.act_info{
	/* margin-top: 2px; */
    position: absolute;
}
.pay_tip_txt {
    /* visibility: hidden; */
    width: 250px;
    background-color: #FFFFFF;
    color: #707677;
    position: absolute;
    z-index: 1;
    /* top: 91%; */
    margin-left: -32px;
    margin-top: 28px;
    /* opacity: 0; */
    /* transition: opacity 0.3s; */
    /* border: 1px solid #E4EDED;
    box-sizing: border-box;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 4px; */
   /*  font-family: "Arial", Helvetica, sans-serif; */
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    /* line-height: 18px; */
    padding: 8px 12px;
    padding: 20px 25px 20px 20px;
    font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
    
    background: #FFFFFF;
	/* Background / Light II */

	border: 1px solid #E4EDED;
	box-sizing: border-box;
	/* Tooltip & Small Modal */

	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
    
}
.act_arrow{
	position: absolute;
    margin-top: 19px;
    transition: opacity 0.3s;
    z-index: 2;
  
}
.tip_close{
    /* position: absolute;
    margin-top: -39px;
    margin-left: 112px; */
    float: right;
}
.paytipshow{
	visibility: visible !important;
	opacity: 1 !important;
}
.pay_tip{
	visibility: hidden;
	opacity: 0;
}
.act_div_left{
    width: 48%;
    /* float: left; */
    /* margin: 10px 0px; */
    display: inline-block;
    float: left;
    /*margin-left: 26px;*/
    margin-top: 17px;
}
.act_div_right{
    /* margin-left: 220px; */
    /* padding: 0px 30px 24px 0px; */
    /* margin: 10px 0px; */
    display: inline-block;
}
.bal_sec_pay{
	padding: 16px 0px 0px;
}
.bal_lables{
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #181818;
	width: 160px;
}
.bal_vals{
   /* padding-left: 80px; */
}

.bal_toast{
	background: #F09F87;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}	
.bal_sec{
	border-collapse: collapse;
}
.bal_info_img{
	margin: 14px 12px 14px 14px;
}
.bal_close_img{
	margin: 14px 12px 14px 14px;
}
.due_header{
	font-family: Arial;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	align-items: center;
	text-align: center;
	color: #181818;
	padding-left: 55px;
    padding-right: 69px;
    width: 126px;
    
}
.next_due_lbl{
	font-family: Arial;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #181818;
	width: 160px;
	padding-top: 10px;
}
.next_due_date{
	font-family: Arial;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	/* text-align: left; */
	color: #181818;
	padding-top: 10px;
	/* padding-left: 37px; */
	/* width: 161px */
	
}
.due_amt_lab{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #181818;
	/* padding-top: 13px; */
	padding-top: 0px;
	width: 160px;
}
.due_date{
	border-collapse: collapse;
}
.bal_edit_img{
	position: absolute;
    margin-top: 3px;
}
.due_amt_tr{
	/* background: #FFFFFF; */
}
.amt_disp{
	font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #707677;
    width: 108px;
    border: 0;
    outline: none;
    /* margin-left: 10px; */
}
.due_amt_box{
    background: #FFFFFF;
    border: 1px solid #A2ACAE;
    box-sizing: border-box;
    border-radius: 4px;
    /* margin: -38px 64px 12px 7px; */
    padding-bottom: 11px;
    padding-top: 11px;
    padding-right: 29px;
}
/* .pay_opts_label{
	font-family: Arial;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	identical to box height
	
	text-transform: uppercase;
	
	color: #e5004b;
} */
.pay_opts_val{
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	width: 207px;
    position: relative;
    background: url(../images/epay/pay_down_arrow.png) no-repeat right;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    border-bottom: 1px solid #546264;
    padding: 0px 0px;
    outline: none;
    color: #546264;
    
}
.pay_opts_label{
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	/* font-size: 16px;
	line-height: 20px; */
	transform: translateY(128%);
	font-weight: normal;
    display: block;
    min-height: 1.2em;
    padding: 0px 2px 1px;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
    color: #546264;
    visibility: hidden;
}
.pay_opts_label.active {
   transform: translateY(0%);
   color: #e5004b !important;
   font-weight: 500 !important;;
	font-size: 12px !important;
	line-height: 15px !important;
	 visibility: visible;
    
}
.pay_opts_val.active{
	background: url(../images/epay/pay_up_arrow.png) no-repeat right !important;
}
.pay_th{
	border-collapse: collapse
}
.bal_due_tr{
	background: #F6F9F9;
}
.due_date_td{
	padding-right: 7px;
}
.due_amt_td{
	/* line-height: 95px; */
	/* padding-left: 18px; */
	padding-left: 20px;
	/* height:95px; */
	height:80px;
}
.bal_due_adj{
	padding-left: 14px;
}
.pay_tbl{
	padding: 17px 127px;
	background: rgba(162, 172, 174, 0.3);
	border-radius: 4px;
	align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-left: -4px;
    text-decoration: none !important;
	word-break: break-word;
    display: block;
    width: 107px;
    margin-top: -18px;
    text-align: center;
}
.pay_tbl.active{
    background: #e5004b;
    cursor: pointer;
}
.bal_due_td{
	/* padding-top: 10px; */
	padding-left: 13px;
}
.pay_error{
    position: absolute;
    margin-top: -23px;
    margin-left: 1px;
    text-transform: uppercase;
    color: #6D0854;
    display: none;
}

.pay_active{
    position: absolute;
    margin-top: -23px;
    margin-left: 1px;
    text-transform: uppercase;
    color: #6D0854;
    display: none;
}

.pay_error_cnt{
	position: absolute;
    margin-top:13px;
    margin-left:2px;
    color: #851168;
    display: none;
}
.due_amt_box.invalid{
	border: 1px solid #851168 !important;
	background: #f1ecf1 !important;
}

.amt_disp.invalid{
	background: #f1ecf1 !important;
}

.due_amt_box.infocus{
	background: #FFFFFF !important;
	border: 1px solid #e5004b !important;
}
.bal_edit_img.invalid{
	margin-top: 0px !important;
	margin-left: 4px;
}
.due_tip{
	visibility: hidden;
	opacity: 0;	
}
.duetipshow{
	visibility: visible !important;
	opacity: 1 !important;
}

.due_tip_txt {
    width: 250px;
    background-color: #FFFFFF;
    color: #707677;
    position: absolute;
    z-index: 1;
  	margin-left: -43px;
    margin-top: 46px;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    padding: 8px 12px;
    padding: 20px 25px 20px 20px;
    font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
    background: #FFFFFF;
	border: 1px solid #E4EDED;
	box-sizing: border-box;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
.due_arrow{
	position: absolute;
  	margin-top: 37px;
    transition: opacity 0.3s;
    z-index: 2;
    margin-left: -32px;
  
}
.due_close{
   /*  position: absolute;
    margin-top: -39px;
    margin-left: 35px; */
    float: right;
}

/* IE 10 and above Start*/
_:-ms-lang(x),.pay_opts_val{
	width: 210px !important;
    
}
_:-ms-lang(x), .bal_due_adj { 
	padding-left: 23px !important;
}
/* _:-ms-lang(x), .pay_tbl{
    margin-left: 3px !important;
} */
/* IE 10 and above End*/
/*Firefox only Start */
@-moz-document url-prefix(){
    .due_arrow{
	  	margin-top: -12px !important;
	    margin-left: 16px !important;
	}
    .due_tip_txt {
	  	margin-left: 6px !important;
	   	margin-top: -2px !important;
	}
    .actdue_arrow{
	  	margin-top: -12px !important;
	    margin-left: 16px !important;
	}
	.actdue_tip_txt {
		margin-left: 6px !important;
	   	margin-top: -2px !important;
	}
}
/*Firefox only End */

/*IE Edge Browser  */
@supports (-ms-ime-align:auto) {
    .due_arrow{
	  	margin-top: -12px !important;
	   margin-left: 16px !important;
	}
    .due_tip_txt {
	  	margin-left: 6px !important;
	   	margin-top: -2px !important;
	}
}
/*IE Edge Browser  */
/* .pay_opts_val option:hover {
      background-color: yellow;
    } */
/* .pay_opts_val option:checked {
      background-color: none;
    } */
/* .pay_opts_val select option {
    background-color: green;
    font-weight: bold;
    color: red;
}  */   

/* option:checked { color: red; } */

/* option:checked {
  background: yellow linear-gradient(0deg, red 0%, red 100%);
}
option:hover {
  background: yellow linear-gradient(0deg, red 0%, red 100%);
} */

.pay_land_sec{
	background: #FFFFFF;
	border: 1px solid #E4EDED;
	box-sizing: border-box;
	border-radius: 4px;
}
.payment_disp_sec{
	background: #FFFFFF;
	/* border: 1px solid #E4EDED; */
	box-sizing: border-box;
	/* border-radius: 4px; */
}
.payment_hd{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	background: #FFFFFF;
	/* box-shadow: 0px 1px 0px #E4EDED; */
	font-size: 20px;
	line-height: 28px;
	color: #181818;
	padding: 22px 0px 22px 22px;
}
.payment_due_sec{
	/* background: #FFFFFF; */
	border: 1px solid #E4EDED;
	/* box-sizing: border-box; */
	border-left: 0px;
    border-right: 0px;
}
.payment_due_hd{
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	background: #FFFFFF;
	/* box-shadow: 0px 1px 0px #E4EDED; */
	font-size: 18px;
	line-height: 26px;
	color: #181818;
	padding: 22px 0px 22px 22px;
}
.payment_due_dt{
	float: right;
    padding-right: 30px;
}
.payment_amt_sec{
	background: #FFFFFF;
	/* border: 1px solid #E4EDED; */
	box-sizing: border-box;
}
.payment_amt_hd{
	font-family: Arial;
    font-style: normal;
    font-weight: normal;
    background: #FFFFFF;
    /* box-shadow: 0px 1px 0px #E4EDED; */
    font-size: 18px;
    l/* ine-height: 26px; */
    color: #181818;
    padding: 18px 0px 18px 22px;
    background: #F6F9F9;
    font-weight: bold;
}
.payment_due_amt{
	float: right;
    padding-right: 30px;
}
.toast_sec{
	background: #1A8282;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.pay_success{
	padding: 15px 0px 15px 0px;
}
.pay_confirm_th{
	box-shadow: 0px 1px 0px #E4EDED;
	padding: 18px 0px 18px 18px;
}
.pay_cnfrm_hd{
	font-family: Arial;
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	/* font-size: 20px; */
	line-height: 36px;
	letter-spacing: -0.2px;
	color: #181818;
}

.pay_confirm_one{
    padding-left: 15px;
    /* float: left; */
    display: inline-block;
    position: absolute;
}
.pay_confirm_two{
	font-family: Arial;
    font-style: normal;
    font-weight: 500;
    /* font-size: 14px; */
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.2px;
    color: #FFFFFF;
    width: 90%;
    display: inline-block;
    margin-left: 41px;
}
.pay_confirm_three{
	/* float: right; */
    padding-right: 15px;
   /*  margin-top: -16px; */
   position: absolute;
   margin-top: 4px;
   display: inline-block;
}

.pay_confirm_row1{
	padding: 18px 0px 0px 18px;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
}

 .pay_confirm_row2{
	padding: 18px 0px 18px 18px;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
}

.pay_confirm_row3{
	padding: 18px 0px 18px 18px;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    background: #F6F9F9;
    color: #181818;
    font-weight: bold;
}

.pay_confirm_dt, .pay_confirm_id, .pay_confirm_amt{
	float: right;
    padding-right: 30px;
}
.cnfrm_sec_1{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	align-items: center;
	text-transform: uppercase;
	color: #e5004b;
	margin-left: 16px;
	display: inline-block;
    text-align: center;
    word-break: break-word;
    width: 92px;
}

.cnfrm_sec_2{
	border: 2px solid #e5004b;
	box-sizing: border-box;
	border-radius: 4px;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	align-items: center;
	text-transform: uppercase;
	padding: 17px 20px 17px 20px;
	text-decoration: none !important;
	color:#e5004b;
	margin-left: 135px;
    display: inline-block;
    width: 232px;
    text-align: center;
    word-break: break-word;
}

.cnfrm_sec_3{
	border: 2px solid #e5004b;
	box-sizing: border-box;
	border-radius: 4px;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	align-items: center;
	text-transform: uppercase;
	padding: 17px 20px 17px 20px;
	background: #e5004b;
	color: #FFFFFF;
	margin-left: 4px;
	text-decoration: none !important;
	display: inline-block;
    width: 262px;
    text-align: center;
    word-break: break-word;
}

.pay_bottom_sec{
	padding-top: 30px;
}

.toast_sec_er{
	background: #851168;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.pay_er_toast{
	padding: 15px 0px 15px 0px;
}
.pay_error_one{
    padding-left: 15px;
    /* float: left; */
    display: inline-block;
    position: absolute;
}
.pay_error_two{
	height: 20px;
	font-family: Arial;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.2px;
    color: #FFFFFF;
    
    display: inline-block;
    width: 90%;
    padding-left: 35px;
}
.pay_error_three{
	/* float: right;
    padding-right: 15px;
    margin-top: -16px; */
    display: inline-block;
    position: absolute;
    margin-top: 4px;
}


.toast_sec_otc{
	background: #F09F87;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.pay_success_otc{
	padding: 15px 0px 15px 0px;
}
.pay_confirm_one_otc{
    padding-left: 15px;
    /* float: left; */
    /* margin-top: 8px; */
    display: inline-block;
    position: absolute;
}
.pay_confirm_two_otc{
    font-family: Arial;
    font-style: normal;
    font-weight: 500;
    /* font-size: 14px; */
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.2px;
    color: #000000;
    display: inline-block;
    width: 90%;
    padding-left: 35px;;
}
.pay_confirm_three_otc{
    /* float: right; */
    /* padding-right: 15px; */
    margin-top: 2px;
    position: absolute;
    display: inline-block;
}
.otc_bottom_sec{
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center;
}
.otc_cnfrm_sec_1{
	border: 2px solid #e5004b;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-transform: uppercase;
    padding: 17px 20px 17px 20px;
    text-decoration: none !important;
}
.otc_cnfrm_sec_2{
	border: 2px solid #e5004b;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-transform: uppercase;
    padding: 17px 20px 17px 20px;
    background: #e5004b;
    color: #FFFFFF;
    margin-left: 20px;
    text-decoration: none !important;
}
.otc_pay_confirm_sec{
	margin-left: 50px;
    margin-right: 50px;
    margin-top:  50px;
    margin-bottom: 50px;
}

.otc_content1_txt{
	color: grey;
    font-weight: 250;
    font-size: 24px;
}

.otc_content2_txt{
	color: #898b8e;
    font-size: 18px;
    font-weight: normal;
}

.otc_content3_txt{
	color: #898b8e;
    font-size: 18px;
    font-weight: normal;
}
.otc_content2{
	margin-top: 20px;
}

.otc_content3{
	margin-top: 20px;
}
.otc_instrs{
	color: #e5004b;
	font-size: 18px;
    font-weight: normal;
}

.header_actbal_pay{
	background: #FFFFFF;
	box-shadow: inset 0px -1px 0px rgba(24, 24, 24, 0.16);
}
.header_actbal_content{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #181818;
	margin-bottom: 2px;
    margin-top: 12px;
    /* margin-left: 30px; */
}

.actbal_sec_pay{
	padding: 16px 0px 0px;
	width: 100%;
	margin-bottom: 18px;
}

.actbal_div_left{
    width: 44%;
    /* float: left; */
    /* margin: 10px 0px; */
    display: inline-block;
    float: left;
    margin-left: 26px;
    margin-top: 7px;
}

.actbal_lables{
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #181818;
	width: 160px;
}

.actbal_vals{
   /* padding-left: 80px; */
}


.actbal_div_right{
    /* margin-left: 220px; */
    /* padding: 0px 30px 24px 0px; */
    /* margin: 10px 0px; */
    display: inline-block;
}

.actbal_sec{
	border-collapse: collapse;
	width: 99%
}

.actbal_due_tr{
	background: #F6F9F9;
}

.actbal_due_td{
	padding-top: 10px;
	padding-left: 10px;
}

.next_actdue_lbl{
	font-family: Arial;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #181818;
	padding-bottom: 13px;
}

.next_actdue_date{
	font-family: Arial;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #181818;
	/* padding-left: 54px */;
	padding-bottom: 13px;
	width: 173px;
	
}

.bal_actdue_adj{
	padding-left: 14px;
}

.actdue_amt_lab{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #181818;
	padding-top: 0px;
}

.actdue_amt_td{
    text-align: right;
    padding-left: 54px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    padding-top: 0px;
    width: 152px;
}

.makepay_tbl{
	padding: 17px 128px;
	background: #e5004b;
	border-radius: 4px;
	align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-left: -3px;
    text-decoration: none !important;
    cursor:pointer;
	word-break: break-word;
    display: block;
    width: 107px;
    margin-top: -18px;
    text-align: center;
}

.makepay_tbl_inact{
	padding: 17px 128px;
	background: rgba(162, 172, 174, 0.3);
	border-radius: 4px;
	align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-left: -3px;
    text-decoration: none !important;
}

.makepay_btn_tr{
	margin-top: 22px;
}

.actpay_th{
	border-collapse: collapse;
	width: 99%;
}
.actbal_toast{
	background: #F09F87;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.actbal_info_img{
	margin: 14px 12px 14px 14px;
}
.actdue_tip{
	visibility: hidden;
	opacity: 0;	
}
.actdue_arrow{
	position: absolute;
  	margin-top: 37px;
    transition: opacity 0.3s;
    z-index: 2;
    margin-left: -32px;
  
}

.actdue_tip_txt {
    width: 250px;
    background-color: #FFFFFF;
    color: #707677;
    position: absolute;
    z-index: 1;
  	margin-left: -43px;
    margin-top: 46px;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    padding: 8px 12px;
    padding: 20px 25px 20px 20px;
    font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
    background: #FFFFFF;
	border: 1px solid #E4EDED;
	box-sizing: border-box;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

.actdue_close{
    /* position: absolute;
    margin-top: -39px;
    margin-left: 35px; */
    float: right;
}

.actdue_header{
	font-family: Arial;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	align-items: center;
	text-align: center;
	color: #181818;
	padding-left: 75px;
   padding-right: 58px;
   width: 127px;
    
}

.actbal_close_img{
	margin: 14px 12px 14px 14px;
}


.actdue_tipshow{
	visibility: visible !important;
	opacity: 1 !important;
}

.bal_refresh_er{
	margin-left: 25px;
    font-size: 14px;
}

.cur-fix{
	margin-left: 3px;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #707677;
    width: 82px;
    border: 0;
    outline: none;
}

/*Home Page Section Start*/
.home_pay_blk{
	background: #FFFFFF;
    border: 1px solid #E4EDED;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 20px;
}
.hm_actbal_hd{
	background: #FFFFFF;
	box-shadow: inset 0px -1px 0px #E4EDED;
}
.hm_actbal_hd_cnt{
	font-family: Arial;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	align-items: center;
	color: #181818;
	margin:8px 0px 3px 10px;
}
.hm_hd_act_date{
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #707677;
	margin:8px 0px 3px 10px;
}
.hm_act_info{
	margin-top: -4px;
	position: absolute;
}
.hm_act_lables {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    color: #181818;
}
.hm_bal_disp{
	margin-top: 15px;
    margin-bottom: 15px;
}
.hm_due_disp{
	margin-top: 15px;
    margin-bottom: 15px;
    background: #F6F9F9;
    padding: 12px 0px 12px 0px;
}
.hm_due_lmt_fs{
	font-weight: 500;
}
.hm_due_amt_fs{
	font-weight: bold;
}
.btn-width{
	min-width: 170px !important;
	font-family: Arial !important;
	outline: none;
}
.hm_btn_disp{
    padding: 0px 0px 5px 0px;
}
.hm_tip{
	visibility: hidden;
	opacity: 0;
}

.hm_act_arrow{
	position: absolute;
    margin-top: 18px;
    transition: opacity 0.3s;
    z-index: 2;
  
}

.hm_tip_txt {
    width: 250px;
    background-color: #FFFFFF;
    color: #707677;
    position: absolute;
    z-index: 1;
  	margin-left: -23px;
  	margin-top: 28px;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    padding: 8px 12px;
    padding: 20px 25px 20px 20px;
    font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
    background: #FFFFFF;
	border: 1px solid #E4EDED;
	box-sizing: border-box;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

.hm_tip_show{
	visibility: visible !important;
	opacity: 1 !important;
}

.hm_tip_close{
    /* position: absolute;
    margin-top: -39px;
    margin-left: 113px; */
    float: right;
}
/*Home Page Section End*/

.iframe_contents{
	height: 600px;
	margin-top: 30px;
}
.hm_tip_txt_span{
	width: 90%;
    float: left;
}
.act_tip_txt_span{
	width: 90%;
    float: left;
}
.actdue_tip_txt_span{
	width: 90%;
    float: left;
}
.baldue_tip_txt_span{
	width: 90%;
    float: left;
}

/*Pending pay start  */
.toast_sec_pnd{
	background: #F09F87;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}
.pay_success_pnd{
	padding: 15px 0px 15px 0px;
}
.pay_confirm_one_pnd{
    padding-left: 15px;
    /* float: left; */
    /* margin-top: 8px; */
    display: inline-block;
    position: absolute;
}
.pay_confirm_two_pnd{
    font-family: Arial;
    font-style: normal;
    font-weight: 500;
    /* font-size: 14px; */
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.2px;
    color: #000000;
    display: inline-block;
    width: 90%;
    padding-left: 35px;
}
.pay_confirm_three_pnd{
    /* float: right; */
    /* padding-right: 15px; */
    margin-top: 2px;
    position: absolute;
    display: inline-block;
}
.otc_bottom_pnd{
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center;
}
.otc_cnfrm_pnd_1{
	border: 2px solid #e5004b;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-transform: uppercase;
    padding: 17px 20px 17px 20px;
    text-decoration: none !important;
}
.otc_cnfrm_pnd_2{
	border: 2px solid #e5004b;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-transform: uppercase;
    padding: 17px 20px 17px 20px;
    background: #e5004b;
    color: #FFFFFF;
    margin-left: 20px;
    text-decoration: none !important;
}
.pnd_pay_confirm_sec{
	margin-left: 50px;
    margin-right: 50px;
    margin-top:  50px;
    margin-bottom: 50px;
}

.pnd_content1_txt{
	color: grey;
    font-weight: 250;
    font-size: 24px;
}

.pnd_content2_txt{
	color: #898b8e;
    font-size: 18px;
    font-weight: normal;
}

.pnd_content3_txt{
	color: #898b8e;
    font-size: 18px;
    font-weight: normal;
}
.pnd_content2{
	margin-top: 20px;
}

.pnd_content3{
	margin-top: 20px;
}
/*Pending pay End*/
.back_arw{
	font-weight: bold;
    font-size: 16px;
    /* line-height: 24px; */
    text-transform: uppercase;
    color: #e5004b;
    text-decoration:none !important;
}
.go_back{
	margin-left: 6px;
	cursor: pointer;
  	padding-top: 15px;
}

.back_arw_frame{
	font-weight: bold;
    font-size: 16px;
    /* line-height: 24px; */
    text-transform: uppercase;
    color: #e5004b;
    text-decoration:none !important;
}
.go_back_frame{
	margin-left: 6px;
}
.hm_pay_btn{
	background: #e5004b;
    color: white;
    cursor: pointer;
    padding-top: 13px;
    padding-bottom: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 11px;
	text-align: center;
    border-radius: 0.25rem;
}
.actSec_mt{
	margin-top: 20px;
}


.mkpay_tipshow{
	visibility: visible !important;
	opacity: 1 !important;
}

.mkpay_hd_date{
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #707677;
	margin-bottom: 12px;
    /*margin-left: 30px; */
}

.mkact_info{
	/* margin-top: 2px; */
    position: absolute;
}

.mkpay_tip{
	visibility: hidden;
	opacity: 0;
}

.mkact_arrow{
	position: absolute;
    margin-top: 19px;
    transition: opacity 0.3s;
    z-index: 2;
  
}



.mkpay_tip_txt {
    width: 250px;
    background-color: #FFFFFF;
    color: #707677;
    position: absolute;
    z-index: 1;
    margin-left: -32px;
    margin-top: 28px;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    padding: 8px 12px;
    padding: 20px 25px 20px 20px;
    font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
    background: #FFFFFF;
	border: 1px solid #E4EDED;
	box-sizing: border-box;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

.mkact_tip_txt_span{
	width: 90%;
    float: left;
}

.mktip_close{
    float: right;
}
.pay_btn_tbl{
	margin-top: 22px;
}
.btn.hm_inact_btn{
	background: rgba(162, 172, 174, 0.3) !important;
	cursor: default !important;
}

/*ATM-Section */
.list-unstyled{padding-left:0;list-style:none}

.atm-title {
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
	color: #181818;
	padding-top: 10px;
	padding-bottom: 5px;
}

.atm-subtitle {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #707677;
	padding-top: 5px;
	padding-bottom: 10px;
}

.pendingPayemnts {
    background: #F09F87;
}

.openPayemnts {
    background: #1A8282;
}

.pendingPayemnts,
.openPayemnts {
    text-align: left;
    border-radius: 20px;
    padding: 1px 8px;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    font-size: 16px;
	height: 28px;
}

.pendingPayemnts .info-tltp {
    color: #F09F87;
}

.openPayemnts .info-tltp {
    color: #1A8282;
}

.openPayemnts .info-tltp-c {
    display: block;
}

.info-tltp {
    width: 12px;
    height: 12px;
    /*background: #fff;*/
    font-size: 9px;
    line-height: 15px;
}

.info-tltp-c.small-tt {
	padding-left: 8px;
	padding-top: 7px;
}

.info-tltp-c {
    display: inline-block;
    position: relative;
    cursor: pointer;
	float: right;
	padding-top: 3px;
}

.info-tltp-c .info-tltp {
    width: 14px;
    height: 16px;
    border-radius: 10px;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
}

.atm-product__header-item {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #181818;
	vertical-align: middle;
	padding-top: 20px;
    padding-bottom: 20px;
	word-break: break-all;
	word-break: break-word;
}

.atm-product__table-item {
	padding-top: 20px;
    padding-bottom: 15px;
}

.w-15 {
	width: 15%;
}

.w-7 {
	width: 7%;
}

.text-six {
	font-size: 16px;
	padding-top: 3px;
}

.view-atm-product__header {
	background: #E4EDED;
	border: 1px solid #f6f6f9;
}

.view-atm-product__1 {
	background: #ffffff;
	border-bottom: solid 1px rgba(24 24 24 / 16%);
}

.view-atm-product__2 {
	background: #f6f6f9;
	border-bottom: solid 1px rgba(24 24 24 / 16%);
}

#ATM-section [type=radio]+label:after,
#ATM-section [type=radio]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}

#ATM-section .radio-pink-gap [type="radio"].with-gap:checked+label:before {
    border-color: #e5004b;
}

#ATM-section .radio-pink-gap [type="radio"]:checked+label:after {
    border-color: #e5004b;
    background-color: #e5004b;
}

#ATM-section [type=radio]+label, 
#ATM-section [type=checkbox]+label {
	padding-left: 20px;
}

#ATM-section [type=radio]+label:after, 
#ATM-section [type=radio]+label:before {
	margin: 0px;
	margin-left: 3.5px;
}

.img-height {
	height: 18px;
}

.d-inline-block{display:inline-block!important}

.w-18 {
	width: 18%;
}

.w-100 {
	width: 100%;
}

.atm-tb-blk{
	width: 100%;
}

.text-center{text-align:center!important}

.text-left{text-align:left!important}

.img-fluid{max-width:100%;height:auto}

.clomn--spaing {
	margin-top: 40px;
	border-bottom: solid 1px rgba(24 24 24 / 16%);
}

#ATM-section {
	margin-bottom: 10px;
	margin-top: 10px;
}

#ATM-section [type=radio]+label {
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}

#ATM-section [type=radio] {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

#ATM-section input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

#ATM-section ::after, ::before {
    box-sizing: border-box;
}

#ATM-section [type=radio]+label,
#ATM-section [type=checkbox]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
}

#ATM-section [type=radio].with-gap:checked+label:after {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}

#ATM-section [type=radio]:checked+label:after {
    border-color: #4285f4;
    background-color: #4285f4;
    z-index: 0;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

#ATM-section [type=radio]:not(:checked)+label:after, 
#ATM-section [type=radio]:not(:checked)+label:before {
    border-color: #000000;
}

#ATM-section [type=radio]:not(:checked)+label.pnd_radio:after, 
#ATM-section [type=radio]:not(:checked)+label.pnd_radio:before {
    border-color: #908989 !important;
}
/*Epayment End*/
.success-validBanner {
    background: #1A8282;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 20%);
}
.warning--spacing {
    margin-left: -5px;
    z-index: 1;
    position: absolute;
    margin-bottom: 20px;
    margin-top: 33px;
    width:900px;
   
}
.btn_style{
	height:20px;
}
.close_style{
	margin-right: 30px;
    float: right;
}
.text-center {
    text-align: center!important;
}
.closes_style{
	margin-left:75px;
}