/* -----------------------------------------------------------
	main stylesheet
----------------------------------------------------------- */

@font-face {
 font-family: 'Raspoutine Medium';
  src: url("../css/fonts/calibri.ttf");
}
html
{
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	height: 100%;	
	 font-family: calibri !important;
	font-size: 14px;
}
/*.body_bg{
	background: #d1d1d1 url("../images/background.png") repeat !important;
}*/

/* -----------------------------------------------------------
	images
----------------------------------------------------------- */

img
{
	border: none;
}

/* -----------------------------------------------------------
	anchors
----------------------------------------------------------- */

a
{
	color: #0066CC;
	text-decoration: none;
	cursor: pointer;
}

a:hover
{
	color: #000000;
	text-decoration: underline;
}

/* -----------------------------------------------------------
	headings
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
	color: #292929;
	font-weight: bold;
}

h1
{
	font-size: 22px;
}

h2
{
	font-size: 20px;
}

h3
{
	font-size: 18px;
}

h4
{
	font-size: 16px;
}

h5
{
	font-size: 14px;
}

h6
{
	font-size: 11px;
}

/* -----------------------------------------------------------
	lists
----------------------------------------------------------- */

ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ul.square { list-style-type: square; }
ol.lower-roman { list-style-type: lower-roman; }
ol.upper-roman { list-style-type: upper-roman; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.upper-alpha { list-style-type: upper-alpha; }
ol.decimal  { list-style-type: decimal; }

/* -----------------------------------------------------------
	colors
----------------------------------------------------------- */

div.color
{
	right: 0;
	margin: 116px 13px 0 0;
	padding: 0 4px 4px 4px;
	clear: both;
	overflow: hidden;
	position: absolute;
	background: #ffffff;
	border: 1px solid #cccccc;
}

div.color a
{
	margin: 4px 0 0 0;
	padding: 0;
	width: 20px;
	height: 20px;
	display: block;
}

div.color a.blue
{
	background: #376ea6;
}

div.color a.green
{
	background: #85924b;
}

div.color a.brown
{
	background: #9b6e42;
}

div.color a.purple
{
	background: #88528b;
}

div.color a.red
{
	background: #bd3220;
}

div.color a.greyblue
{
	background: #566e86;
}

/* -----------------------------------------------------------
	header
----------------------------------------------------------- */

#header
{
	
	margin: 0;
	/*padding: 10px 60px 0;*/
	background: #b0b0b0 url("../images/header_background.png") repeat;
	

}



/* -----------------------------------------------------------
	header -> logo
----------------------------------------------------------- */

#header #logo
{
	float: left;
}

#header #logo h1
{
	margin: 6px 0 10px 0;
	padding: 0;
	color: #ffffff;
	font-size: 22px;
}

#header #logo a
{
	color: #ffffff;
	text-decoration: none;
}

#header #logo a:hover
{
	color: #ffffff;
}

/* -----------------------------------------------------------
	header -> user
----------------------------------------------------------- */

#header ul#user
{
	margin: 0 0 30px 0;
	padding: 0;
	float: right;
}

#header ul#user li
{
	margin: 0;
	padding: 5px 12px 5px 12px;
	list-style: none;
	float: left;
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #a5a5a5;
}

#header ul#user li.first
{
	border-left: none;
}

#header ul#user li.last
{
	border-right: none;
}

#header ul#user li a
{
	color: #4e4e4e;
	font-weight: bold;
	text-decoration: none;
}

#header ul#user li a:hover
{
	color: #376ea6;
	text-decoration: underline;
}

#header ul#user li.highlight a
{
	color: #ffffff;
}

#header ul#user li.highlight a:hover
{
	color: #376ea6;
}

#header #header-inner
{
	margin: 0;
	padding: 0;
	height: 40px;
	clear: both;
	position: relative;
/*	background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;*/
	border-bottom: 6px solid #ffffff;
}

/* -----------------------------------------------------------
	header -> home
----------------------------------------------------------- */

#header #header-inner #home
{
	float: left;
}

#header #header-inner #home a
{
	margin: 0;
	padding: 0;
	height: 40px;
	width: 46px;
	display: block;
	background: url("../images/colors/blue/button_home.png");
	background-position: 0 0;
}

#header #header-inner #home a:hover
{
	background-position: 0 -40px;
}
/*sss*/
#nav_sub{height: 34px!important;}
#nav_main li ul li a{text-shadow: none!important;}
#nav_main li ul li{padding: 0!important;}
.alert.success{font-size: 15px !important;}
.box .header ._50_3 .sel_date_input{margin-top: -2.6px!important;}
.box .header ._50_3 .sel_date_btn{margin-top: -1px;}
#paging_grid .nodata_message{ font-size: 17px!important;}
.sidebar_menu_text{font-family: calibri!important;font-size: 16px!important;}
form{font-family: calibri!important;}
#comman_grid_div,#paging_grid{font-family: calibri;
    font-size: 14px;}
#comman_grid_div th,#paging_grid th{
	
    font-size: 15px!important;}
#paging_grid .actions{font-size: 14px!important;}	
	#nav_main > li a{font-size: 15px!important;text-shadow: none!important;}
#content_popup{overflow:hidden!important;}
#content_popup{ margin-left: 1%;
    margin-right: 1%;
    width: 98%;}
	#content_popup #main_content .grid_12 .header .save_btn{ 
    width: 9%;}
#btnprint1{width:24px;}
.box .header .back_btn h3
{font-weight:normal!important;
font-size: 19px!important;
font-family: calibri!important;
text-shadow: none!important;}
.box .header  h3{
	font-weight:normal!important;
	font-family: calibri!important;
	font-size: 16px!important;
	text-shadow: none!important;}
#chartdiv_sale{height: 150px;}
#btnsave
{
	height:25px!important;
	width:25px!important;
	margin-top:6px!important;	 
}
#main_content .grid_12 .header .save_btn{
	width: 6%;
	margin-left:0px;
}
.sidebar_img img{height: 24px;
    margin-top: 2px;
    width: 26px;}
#table-example_paginate a{text-decoration:none;}
#table-example_next img,#table-example_previous img{height:11px; width:11px;}
#table-example_first img,#table-example_last img{height:11px; width:13px;}
#main_content .box .header .back_btn img{height: 26px !important; width: 26px !important;  margin-top: 5px !important;}
.header{
	border-color:#0072c6 #0072c6 -moz-use-text-color!important;
	background:#0072C6!important;
}
#content #left{margin-top: 10px;}
.chzn-container{width:auto!important;}
#content #left #menu li ul li{margin-left: 15px!important;}
#content #left #menu li,#content #left #menu li.collapsible a.minus{border: none!important;}
#content #left #menu ul{background: transparent none repeat scroll 0 0!important;
border: none!important;
}
#h-menu-settings,#h-menu-pages,#h-menu-approval,#h-menu-sap{border: 1px solid;}
#h-menu-sap,#h-menu-sap a,#h-menu-sap span,
#h-menu-settings,#h-menu-settings a,#h-menu-settings span,#h-menu-pages ,#h-menu-pages a, #h-menu-pages  span, #h-menu-approval ,#h-menu-approval a, #h-menu-approval  span
{background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;
font-weight:normal;
color:#ffffff;
}

#header #header-inner #quick > li > a:hover,#header #header-inner #quick > li a.header_hover{
	   -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: gray;
    border-image: none;
    border-radius: 0px;
    border-style: solid solid none;
    border-width: 0.5px 0.5px medium;
	margin-left: 0px;
    margin-right: 0px;	
}
#quick .icon > img{width:22px;}
#quick > li{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: gray;
    border-image: none;
    border-radius: 0px;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
	border:none!important;
}

#header #header-inner #quick  li span .icon{background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;
    border: medium none!important;}
#header #header-inner #quick  li  a{background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;}
#header #header-inner #quick li  span{  background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;
    border: medium none!important;}
#header #header-inner{background-color: #0072C6 !important;}
  /*#header #header-inner{background-color: #2baae1!important;}*/
#content #left #menu h6.selected a,#content #left #menu h6.selected span,#content #left #menu h6 span,#content #left #menu h6 a{ border-radius: 10px;}
aside{background-color: #2D323E;height:100%!important;}
#dropdown_lang{padding:0px!important;}
#login_user {	
	 
   background: #0072C6 none repeat scroll 0 0 !important;
    height: 128px;
    text-align: center;
    width: 99%;
    margin-left: 1px;
}

#login_user a,#login_user a:hover {
    color: papayawhip!important;
    font-size: 15px;
	cursor: default;
}
#login_user img{
	 border-radius: 50%;
	width: 45px!important;
	height:50px!important;
	margin-top: 32px;
}
#company_name{
	color: #fafafa;
    float: left;
    font-family: calibri;
    font-size: 18px;
    font-weight: normal;
    margin-top: 12px;
    position: relative;
    text-align: center;
    width: 375px;
}
.toolbar_large .toolicon{width: 28px!important;}
#content-wrapper{
	margin-left: 0px!important;
	margin-right: 0px!important;
	 width: 100%!important;
	 background:#FfFFFA!important;
	 
}
 .dropdown_li {	
width:80px; height: 20px;	

}
.dropdown_li a:hover{	
	
	text-decoration:none;
}
.dropdown_li:hover{
	/*background:none!important;
	color:black!important;*/
}
#user_icon , #flag_icon {
	
	height:22px!important;	
	}
#lang_ul{margin-top:2px!important;}
#flag_icon_a:hover,#logout_a:hover,#current_user_a:hover{color: #164a7e!important;text-decoration:none;}
#flag_icon_a{
	margin-left:8px;
}
#logout_a{
	margin-right:8px;
}
#flag_icon img{
	margin-top:0px!important;
	height:16px!important;
	width:20px!important;
}
#user_icon img{
	margin-top:0px!important;
	height:16px!important;
	width:16px!important;
}
#quick{	
margin-top:0.6%;
margin-left:4%;
padding: 10px;

	
}
#header #header-inner #quick li ul li:hover{
	background-color:#0072C6!important;
	 border-bottom: 0px!important;	 
}


#header #header-inner #quick li ul li{ border-bottom: 0px!important;
font-family:calibri!important;
font-size:15px!important;
height:23px!important;
}
#header #header-inner #quick li span{
	font-family: calibri!important;
    font-size: 15px!important;
    font-weight: normal !important;
}
.toolbar_large .toolbutton img{width:21px;height:21px;}

.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
	  
	  #setting{margin-left: 7px;
    float: left;
	  width: 35px;
	  height: 40px;}
	  #setting a{
		  	margin: 0;
	padding: 0;
	height: 40px;
	width: 46px;
	display: block;
	background: url("../images/setting.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-top: 7px !important;
	  }
	 #setting ul{margin-top: 10px;}  
	  
#setting_img_right
{
	margin: 0;
	padding: 0;
	height: 40px;
	width: 46px;
	display: block;
	
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-top: 9px !important;
}
#setting_img_left
{
	margin: 0;
	padding: 0;
	
	width: 46px;
	display: block;
	
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-top: 9px !important;
}
#setting_img_left img,#setting_img_right img{width: 18px;
    height: 18px;margin-top: 3px;}
#setting_img_left:hover
{
	margin: 0;
	padding: 0;
	
	width: 46px;
	display: block;

	background-position: 0 0;
	background-repeat: no-repeat;
	
}


/*
.setting_slide {background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    clear: both;
   
    overflow: hidden;
    padding: 0 4px 4px;
    position: absolute;
	left: 0;
	background: transparent none repeat scroll 0 0;
    border: medium none;
	 margin-left: 214px;
}

.setting_slide_right a,.setting_slide a {
	 background: url("../images/colors/blue/setting_img.png");
    display: block;
    height: 24px;
    margin: 4px 0 0;
    padding: 0;
    width: 24px;
}
.setting_slide_right a:hover,.setting_slide a:hover{
	 background: url("../images/colors/blue/setting_img2.png");
    display: block;
    height: 24px;
    margin: 4px 0 0;
    padding: 0;
    width: 24px;
}
 .setting_slide_right{   background: transparent none repeat scroll 0 0;
    border: medium none;
    clear: both;
    left: 0;
    margin-left: -18px;
    overflow: hidden;
    padding: 0 4px 4px;
    position: absolute;}*/
	/*sss*/
/* -----------------------------------------------------------
	header -> quick
----------------------------------------------------------- */

#header #header-inner #quick,
#header #header-inner #quick ul
{
	
	padding: 0;
	position: relative;
	float: left;
	list-style-type: none;
	list-style-position: outside;
}

#header #header-inner #quick li
{
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
	float: left;
}
/*only for chrome*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
  #header #header-inner #quick li
{
	margin: 0 7px 0 0!important;
}
#quick 
{margin-left:3%!important;}

}
#header #header-inner #quick li a
{
	top: 0;
	left: 0;
	padding: 0;
	height: 1%;
	display: block;
	clear: both;
	overflow: hidden;
	background: #336699 url("../images/colors/blue/quick_l.png") no-repeat top left;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	margin-left:0.5px;
	margin-right:0.5px;
	/*font-family:Lucida Sans Unicode;*/
	
}

#header #header-inner #quick li span
{
	top: 0;
	right: 0;
	margin: 0;
	/*padding: 10px 12px 8px 10px;*/
	padding: 7px 5px 8px 5px;
	height: 1%;
	display: block;
	float: left;
	background: url("../images/colors/blue/quick_r.png") no-repeat top right;
	border-left: 1px solid #3f6f9f;
}

#header #header-inner #quick li span.normal
{
	padding: 10px 12px 8px 12px;
	border: none;
}

#header #header-inner #quick li span.icon
{
	top: 0;
	left: 0;
	/*padding: 8px 8px 4px 8px;*/
	padding: 0px 1px 1px 4px;
	background: url("../images/colors/blue/quick_l.png") no-repeat top left;
	border-left: none;
	border-right: 1px solid #2e5c89;
}

#header #header-inner #quick li a:hover
{
	background: #4e4e4e url("../images/colors/blue/quick_l_selected.png") no-repeat top left;
}

#header #header-inner #quick li a:hover span
{
	background: url("../images/colors/blue/quick_r_selected.png") no-repeat top right;
	border-left: 1px solid #545454;
}

#header #header-inner #quick li a:hover span.normal
{
	border: none;
}

#header #header-inner #quick li a:hover span.icon
{
	background: url("../images/colors/blue/quick_l_selected.png") no-repeat top left;
	border-left: none;
	border-right: 1px solid #464646;
}

#header #header-inner #quick ul
{
	top: 29px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 200px;
	display: none;
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #666;
	border-top: 1px solid #003367;
	z-index: 100;
}

#header #header-inner #quick li ul li
{
	border-bottom: 1px solid #dddddd;
}

#header #header-inner #quick li ul li.last
{
	border: none;
}

#header #header-inner #quick li ul li a
{
	margin: 0;
	padding: 4px 9px;
	/*padding: 7px 9px 7px 9px;*/
	height: 1%;
	width: 182px;
	height: auto;
	display: block;
	float: left;
	background: #FFFFFF;
	color: #0066CC;
	font-weight: normal;
	font-size: 15px!important;
}

#header #header-inner #quick li ul li a.childs
{
	margin: 0;
	/*padding: 7px 9px 7px 24px;*/
	padding: 4px 9px 1px 24px !important;
	width: 167px;
	background: #FFFFFF url("../images/plus.png") no-repeat 8px 9px!important;
	font-size: 15px!important;
	height:18px;
}

#header #header-inner #quick li ul li a:hover
{
	color:#ffffff;
	background: #FFFFFF;
	font-size: 15px!important;
}

#header #header-inner #quick li ul li a.childs:hover
{
	background:#0072C6!important;	
	padding: 4px 9px 1px 24px !important;
}


#header #header-inner #quick ul ul
{
	top: auto;
}

#header #header-inner #quick li ul ul
{
	right: 200px;
}

/* Added by Hiren Dave for open reason menu on left side */
.menu_right
{
	left: 200px !important;
}

#header #header-inner #quick li:hover ul ul,
#header #header-inner #quick li:hover ul ul ul,
#header #header-inner #quick li:hover ul ul ul ul
{
	display: none;
}

#header #header-inner #quick li:hover ul,
#header #header-inner #quick li li:hover ul,
#header #header-inner #quick li li li:hover ul,
#header #header-inner #quick li li li li:hover ul
{
	display: block;
}

/* -----------------------------------------------------------
	header corners
----------------------------------------------------------- */

#header #header-inner div.corner
{
	height: 6px;
	width: 6px;
	position: absolute;
	background: url("../images/colors/blue/header_inner_corners.png") no-repeat;
}

#header #header-inner div.tl
{
	top: 0;
	left: 0;
	background-position: 0 0;
}

#header #header-inner div.tr
{
	top: 0;
	right: 0;
	background-position: -6px 0;
}

/* -----------------------------------------------------------
	content
----------------------------------------------------------- */

#content
{
	/*margin: 10px 0 10px 0;*/
	padding: 0;
	min-height: 100%;
	clear: both;
	overflow: hidden;
	
	/*background: url("../images/content.png") repeat-y top left;*/
}

/* -----------------------------------------------------------
	content -> left
----------------------------------------------------------- */

#content #left
{
	left: 0;
	width: 249px;

}

/* -----------------------------------------------------------
	content -> left -> menu
----------------------------------------------------------- */

#content #left #menu
{
	margin: 5px 30px 0 10px;
	padding: 0;
	clear: both;
	overflow: hidden;
}

/* -----------------------------------------------------------
	content -> left -> menu / heading
----------------------------------------------------------- */

#content #left #menu h6
{
	margin: 5px 0 0 0;
	padding: 0;
	clear: both;
	overflow: hidden;
	background: #dfdfdf url("../images/menu.png") repeat-x;
	color: #6e6e6e;
}

#content #left #menu h6 a
{
	margin: 0;
	padding: 0;
	height: 1%;
	display: block;
	clear: both;
	overflow: hidden;
	background: url("../images/menu_l.png") no-repeat top left;
	color: #6e6e6e;
	text-decoration: none;
}

#content #left #menu h6 span
{
	margin: 0;
	padding: 3px 10px 10px 10px;
	height: 1%;
	display: block;
	background: url("../images/menu_r.png") no-repeat top right;
}

#content #left #menu h6.selected
{
	background: #00376e url("../images/colors/blue/menu_selected.png") repeat-x;
	color: #FFFFFF;
}

#content #left #menu h6.selected a
{
	background: url("../images/colors/blue/menu_l_selected.png") no-repeat top left;
	color: #ffffff;
}

#content #left #menu h6.selected span
{
	background: url("../images/colors/blue/menu_r_selected.png") no-repeat top right;
}

/* -----------------------------------------------------------
	content -> left -> menu / links
----------------------------------------------------------- */

#content #left #menu ul
{
	margin: 0;
	padding: 0;
	background: #376ea6;
}

#content #left #menu ul.opened
{
	display: block;
}

#content #left #menu ul.closed
{
	display: none;
}

#content #left #menu li
{
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
	list-style: none;
	border-top: 1px solid #4377ab;
	border-bottom: 1px solid #326395;
	color: #ffffff;
	font-size: 1px;
	line-height: 0;
}

#content #left #menu li a
{
	margin: 0 0 0 6px;
	padding: 7px 0 9px 18px;
	height: 1%;
	display: block;
	float: left;
	background: url("../images/menu_arrow.png") no-repeat 2px 11px;
	color: #ffffff;
	font-size: 15px!important;
	line-height: normal;
	text-decoration: none;
	font-family:calibri;
}
#cpanel_route .chzn-search  input{width:88%!important;}
#content #left #menu li a:hover
{
	color: #b9dcff;
}

#content #left #menu li.selected
{
	/*background: #326395;*/
	border-top: none;
}

#content #left #menu li.selected a
{
	/*color: #b9dcff;*/
}

/* -----------------------------------------------------------
	content -> left -> menu / collapsible
----------------------------------------------------------- */

#content #left #menu li.collapsible
{
	margin: -1px 0 0 0;
	/*background: url("../images/colors/blue/menu_border.png") no-repeat top left;*/
}

#content #left #menu li.collapsible a
{
	margin: 0 0 0 26px;
	padding: 8px 0 8px 0;
	height: 1%;
	display: block;
	background: transparent;
	float: left;
	font-weight: bold;
}

#content #left #menu li.collapsible a.plus
{
	margin: 0;
	padding: 7px 0 10px 26px;
	height: 10px;
	width: 100%;
	display: block;
	float: left;
	background: url("../images/menu_plus.png") no-repeat 5px 10px;
	border: none;
}

#content #left #menu li.collapsible a.minus
{
	margin: 0;
	padding: 7px 0 10px 26px;
	height: 10px;
	width: 100%;
	display: block;
	float: left;
	background: url("../images/menu_minus.png") no-repeat 5px 10px;
	border: none;
	border-bottom: 1px solid #326395;
}

#content #left #menu li ul
{
	margin: 0;
	padding: 0;
	border-left: 18px solid #326395;
}

#content #left #menu li ul.expanded
{
	display: block;
}

#content #left #menu li ul.collapsed
{
	display: none;
}

#content #left #menu li ul li
{
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
	list-style: none;
	background: url("../images/menu_arrow.png") no-repeat 10px 12px;
	border-top: 1px solid #4377ab;
	border-bottom: 1px solid #326395;
	color: #ffffff;
}

#content #left #menu li.collapsible ul li a
{
	font-weight: normal;
}

#content #left #menu li.last
{
	border-bottom: none;
}

/* -----------------------------------------------------------
	content -> left -> date picker
----------------------------------------------------------- */

#content #left #date-picker
{
	margin: 5px 10px 0 60px;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#content #left #date-picker .ui-datepicker
{
	width: auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	background: #FFFFFF;
	border: none;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header
{
	padding: 5px 0 6px 0;
	height: 19px;
	background: #dfdfdf url("../images/menu.png") repeat-x;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev
{
	top: 0;
	left: 0;
	padding: 0;
	background: url("../images/menu_l.png") no-repeat top left;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w
{
	top: 8px;
	left: 8px;
	width: 26px;
	height: 30px;
	background: url("../images/calender_prev.png") no-repeat 0 0;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-next
{
	top: 0;
	right: 0;
	padding: 5px 12px 5px 0;
	background: url("../images/menu_r.png") no-repeat top right;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e
{
	top: 8px;
	left: 14px;
	width: 26px;
	height: 30px;
	background: url("../images/calender_next.png") no-repeat 0 0;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover
{
	top: 0;
	left: 0;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover .ui-icon-circle-triangle-w
{
	background-position: 0 -30px;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover
{
	top: 0;
	right: 0;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover .ui-icon-circle-triangle-e
{
	background-position: 0 -30px;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-header span
{
	color: #6e6e6e;
	font-weight: bold;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-calendar
{
	margin: 5px auto;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-calendar th
{
	background: #f6f6f6;
	border: 1px solid #dddddd;
	border-top: none;
	border-left: none;
	border-right: none;
}

#content #left #date-picker .ui-datepicker .ui-datepicker-calendar td
{
	padding: 5px 3px 5px 3px;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/* -----------------------------------------------------------
	content -> right
----------------------------------------------------------- */

#content #right
{
	margin: -10px 60px 0 290px;
	padding: 0;
	clear: both;
	overflow: hidden;
}

/* -----------------------------------------------------------
	content -> right -> box
----------------------------------------------------------- */

#content div.box
{
	margin: 0;
	/*padding: 0 0 10px 0;*/
	padding: 0;
	clear: both;
	/*background: #ffffff; overflow: hidden ;  CHANGED BY bhagavati */

	overflow: visible \0/ ;
	*overflow: visible;

}

#content div.box-left
{
	width: 49%;
	clear: none;
	float: left;
}
.actions{ height:40px !important; background:#fff !important; width:100%; border:none !important; }
#content div.box-right
{
	width: 49%;
	clear: none;
	float: right;
}

/* -----------------------------------------------------------
	content -> right -> box / title
----------------------------------------------------------- */

/*#main_content div.grid_12 div.box div.header*/
/*{*/
/*	margin: 0 0 0 0;*/
/*	padding: 0;*/
/*	clear: both;*/
/*	border-radius:0px;*/
/*	box-shadow:0 0px 0 0 rgba(255, 255, 255, 0.5) inset;*/
/*	overflow:visible;*/
/*	background: #336699 url("../images/colors/blue/title.png") repeat-x;*/
/*	*/
/*}*/

#content div.box div.title h1,
#content div.box div.title h2,
#content div.box div.title h3,
#content div.box div.title h4,
#content div.box div.title h5,
#content div.box div.title h6
{
	margin: 0;
	padding: 11px 0 11px 10px;
	float: left;
	border: none;
	color: #ffffff;
}

#content div.box div.title ul.links
{
	margin: 0;
	padding: 0;
	float: right;
}

#content div.box div.title ul.links li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#content div.box div.title ul.links li a
{
	margin: 0;
	padding: 13px 16px 12px 16px;
	height: 1%;
	display: block;
	float: left;
	background: url("../images/colors/blue/title_link.png") no-repeat top left;
	border-left: 1px solid #316293;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#content div.box div.title ul.links li a:hover
{
	background: url("../../images/colors/blue/title_tab_selected.png") no-repeat bottom center;
	color: #bfe3ff;
}

#content div.box div.title ul.links li.ui-tabs-selected a
{
	background: url("../../images/colors/blue/title_tab_selected.png") no-repeat bottom center;
	color: #bfe3ff;
}

/* -----------------------------------------------------------
	content -> right -> box / search
----------------------------------------------------------- */

#content div.box div.title div.search
{
	margin: 0;
	padding: 6px 6px 6px 7px;
	float: right;
	background: url("../images/colors/blue/title_link.png") no-repeat top left;
	border-left: 1px solid #316293;
}

#content div.box div.title div.search div.input
{
	float: left;
}

#content div.box div.title div.search div.input input
{
	margin: 0;
	padding: 5px 7px 4px 7px;
	background: #FFFFFF;
	border: 1px solid #316293;
	color: #000000;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
}

#content div.box div.title div.search div.button
{
	float: left;
}

#content div.box div.title div.search div.button input
{
	margin: 0;
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
}

#content div.box div.title div.search div.button input.ui-state-default
{
	margin: 0;
	padding: 4px 12px 5px 12px;
	overflow: hidden;
	background: #4e85bb url("../images/colors/blue/button_highlight.png") repeat-x;
	border: 1px solid #316293;
	border-left: none;
	color: #FFFFFF;
	outline: none;
	outline-style: none;
}

#content div.box div.title div.search div.button input.ui-state-hover
{
	margin: 0;
	background: #46a0c1 url("../images/colors/blue/button_highlight_selected.png") repeat-x;
	border: 1px solid #316293;
	border-left: none;
	color: #FFFFFF;
}

/* -----------------------------------------------------------
	content -> right -> box / headings
----------------------------------------------------------- */

#content div.box h1,
#content div.box h2,
#content div.box h3,
#content div.box h4,
#content div.box h5,
#content div.box h6
{
	margin: 10px 20px 10px 20px;
	padding: 0 0 1px 0;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #DDDDDD;
	clear: none;
	border: medium none;
	margin-top: -1px;
	padding-left: 10px;
	margin-left:0;
}

/* -----------------------------------------------------------
	content -> right -> box / paragraphs
----------------------------------------------------------- */

#content div.box p
{
	margin: 0 24px 10px 24px;
	padding: 0;
	color: #5f5f5f;
	font-size: 13px;
	line-height: 150%;
}

#content div.box blockquote
{
	margin: 0 34px 0 34px;
	padding: 0 0 0 14px;
	border-left: 4px solid #DDDDDD;
	color: #5f5f5f;
	font-size: 11px;
	line-height: 150%;
}

#content div.box blockquote p
{
	margin: 10px 0 10px 0;
	padding: 0;
}

/* -----------------------------------------------------------
	content -> right -> box / lists
----------------------------------------------------------- */

#content div.box dl
{
	margin: 10px 24px 10px 24px;
}

#content div.box dt
{
	margin: 0;
	font-size: 13px;
}

#content div.box dd
{
	margin: 0;
	padding: 8px 0 8px 15px;
	font-size: 13px;
}

#content div.box ul.left
{
	float: left;
}

#content div.box ol.left
{
	float: left;
}

#content div.box li
{
	padding: 4px 0 4px 0;
	font-size: 14px;
	margin-right:15px;
}

#content div.box ol.lower-roman,
#content div.box ol.upper-roman
{
	margin: 10px 24px 10px 44px;
}

#content div.box ol.lower-alpha,
#content div.box ol.upper-alpha
{
	margin: 10px 24px 10px 44px;
}

#content div.box ol.decimal
{
	margin: 10px 24px 10px 44px;
}

#content div.box ul.disc,
#content div.box ul.circle
{
	margin: 10px 24px 10px 38px;
}

#content div.box ul.square
{
	margin: 10px 24px 10px 40px;
}

/* -----------------------------------------------------------
	content -> right -> box / images
----------------------------------------------------------- */

#content div.box img.left
{
	margin: 10px 10px 10px 0;
	border: none;
	float: left;
}

#content div.box img.right
{
	margin: 10px 0 10px 10px;
	border: none;
	float: right;
}

/* -----------------------------------------------------------
	content -> right -> box / messages
----------------------------------------------------------- */

#content div.box div.messages
{
	margin: 0 20px 0 20px;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#content div.box div.message
{
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#content div.box div.message div.image
{
	margin: 2px 0 2px 5px;
	padding: 6px;
	float: left;
}

#content div.box div.message div.image img
{
	margin: 0;
	vertical-align: middle;
}

#content div.box div.message div.text
{
	margin: 0;
	padding: 10px 6px 10px 6px;
	float: left;
}

#content div.box div.message div.dismiss
{
	margin: 0;
	padding: 0;
	float: right;
}

#content div.box div.message div.dismiss a
{
	margin: 15px 14px 0 0;
	padding: 0;
	height: 16px;
	width: 16px;
	display: block;
	background: url("../images/icons/cross.png") no-repeat;
}

#content div.box div.message div.text h1,
#content div.box div.message div.text h2,
#content div.box div.message div.text h3,
#content div.box div.message div.text h4,
#content div.box div.message div.text h5,
#content div.box div.message div.text h6
{
	margin: 0;
	padding: 0px;
	border: none;
}

#content div.box div.message div.text span
{
	margin: 0;
	padding: 5px 0 0 0;
	height: 1%;
	display: block;
}

#content div.box div.message-error
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #FBE3E4;
	border: 1px solid #FBC2C4;
	color: #860006;
}

#content div.box div.message-error h6
{
	color: #860006;
}

#content div.box div.message-warning
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #FFF6BF;
	border: 1px solid #FFD324;
	color: #5f5200;
}

#content div.box div.message-warning h6
{
	color: #5f5200;
}

#content div.box div.message-notice
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #8FBDE0;
	border: 1px solid #6BACDE;
	color: #003863;
}

#content div.box div.message-notice h6
{
	color: #003863;
}

#content div.box div.message-success
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #E6EFC2;
	border: 1px solid #C6D880;
	color: #4e6100;
}

#content div.box div.message-success h6
{
	color: #4e6100;
}

/* -----------------------------------------------------------
	content -> right -> box / forms
----------------------------------------------------------- */

div.form
{
	margin: 0;
	padding: 0 20px 10px 20px;
	clear: both;
	overflow: hidden;
}

.ui-dialog div.form
{
	padding: 0;
}

div.form div.fields
{
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

div.form div.fields div.field
{
	margin: 0;
	padding: 10px 0 10px 0;
	height: 1%;
	border-bottom: 1px solid #DDDDDD;
	clear: both;
	overflow: hidden;
}

div.form div.fields div.field-first
{
	padding: 0 0 10px 0;
}

div.form div.fields div.field span.error
{
	margin: 0;
	padding: 8px 0 0 0;
	height: 1%;
	display: block;
	clear: both;
	overflow: hidden;
	color: #FF0000;
}

div.form div.fields div.field span.success
{
	margin: 8px 0 0 0;
	padding: 0;
	height: 1%;
	display: block;
	color: #316309;
}

/* -----------------------------------------------------------
	content -> right -> forms -> labels
----------------------------------------------------------- */

div.form div.fields div.field div.label
{
	left: 310px;
	margin: 0;
	padding: 8px 0 0 5px;
	width: auto;
	position: absolute;
}

.ui-dialog div.form div.fields div.field div.label,
div.box-left div.form div.fields div.field div.label,
div.box-right div.form div.fields div.field div.label
{
	left: 0;
	margin: 0;
	padding: 0 0 8px 0;
	width: auto;
	position: relative;
	clear: both;
	overflow: hidden;
}

/* -----------------------------------------------------------
	content -> right -> forms -> label (select)
----------------------------------------------------------- */

div.form div.fields div.field div.label-select
{
	padding: 2px 0 0 5px;
}

.ui-dialog div.form div.fields div.field div.label-select,
div.box-left div.form div.fields div.field div.label-select,
div.box-right div.form div.fields div.field div.label-select
{
	padding: 0 0 8px 0;
}

/* -----------------------------------------------------------
	content -> right -> forms -> label (checkbox)
----------------------------------------------------------- */

div.form div.fields div.field div.label-checkbox
{
	padding: 0 0 0 5px;
}

/* -----------------------------------------------------------
	content -> right -> forms -> label (radio)
----------------------------------------------------------- */

div.form div.fields div.field div.label-radio
{
	padding: 0 0 0 5px;
}

/* -----------------------------------------------------------
	content -> right -> forms -> label (textarea)
----------------------------------------------------------- */

div.form div.fields div.field div.label-textarea
{
	padding: 0 0 0 5px;
}

.ui-dialog div.form div.fields div.field div.label-textarea,
div.box-left div.form div.fields div.field div.label-textarea,
div.box-right div.form div.fields div.field div.label-textarea
{
	padding: 0 0 8px 0;
}

/* -----------------------------------------------------------
	content -> right -> forms -> labels (label)
----------------------------------------------------------- */

div.form div.fields div.field div.label label
{
	color: #393939;
	font-weight: bold;
}

div.form div.fields div.field div.label span
{
	margin: 0;
	padding: 2px 0 0 0;
	height: 1%;
	display: block;
	color: #363636;
}

/* -----------------------------------------------------------
	content -> right -> forms -> input
----------------------------------------------------------- */

div.form div.fields div.field div.input
{
	margin: 0 0 0 200px;
	padding: 0;
}

.ui-dialog div.form div.fields div.field div.input,
div.box-left div.form div.fields div.field div.input,
div.box-right div.form div.fields div.field div.input
{
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

div.form div.fields div.field div.input input
{
	margin: 0;
	padding: 7px 7px 6px 7px;
	float: left;
	background: #FFFFFF;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	color: #000000;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
}

.ui-dialog div.form div.fields div.field div.input input
{
	width: 288px;
}

div.form div.fields div.field div.input-file input
{
	float: none;
}

div.form div.fields div.field div.input input.small
{
	width: 30%;
}

div.box-left div.form div.fields div.field div.input input.small,
div.box-right div.form div.fields div.field div.input input.small
{
	width: 200px;
}

div.form div.fields div.field div.input input.medium
{
	width: 55%;
}

div.box-left div.form div.fields div.field div.input input.medium,
div.box-right div.form div.fields div.field div.input input.medium
{
	width: 260px;
}


div.form div.fields div.field div.input input.large
{
	width: 85%;
}

div.box-left div.form div.fields div.field div.input input.large,
div.box-right div.form div.fields div.field div.input input.large
{
	width: 320px;
}

div.form div.fields div.field div.input input.date
{
	width: 180px;
}

div.form div.fields div.field div.input input.button
{
	margin: 0;
	padding: 4px 8px 4px 8px;
	background: #D4D0C8;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
	color: #000000;
}

div.form div.fields div.field div.input input.error
{
	background: #FBE3E4;
	border-top: 1px solid #e1b2b3;
	border-left: 1px solid #e1b2b3;
	border-right: 1px solid #FBC2C4;
	border-bottom: 1px solid #FBC2C4;
}

div.form div.fields div.field div.input input.valid
{
	background: #E6EFC2;
	border-top: 1px solid #cebb98;
	border-left: 1px solid #cebb98;
	border-right: 1px solid #c6d880;
	border-bottom: 1px solid #c6d880;
}

div.form div.fields div.field div.input img.ui-datepicker-trigger
{
	margin: 0 0 0 6px;
}

/* -----------------------------------------------------------
	content -> right -> forms -> input (file styling)
----------------------------------------------------------- */

div.form div.fields div.field div.input a.ui-input-file
{
	margin: 0 0 0 6px;
	padding: 0;
	width: 28px;
	height: 28px;
	display: inline;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	background: #e5e3e3 url("../images/button_browse.png") no-repeat;
	border: none;
	text-decoration: none;
}

div.form div.fields div.field div.input a:hover.ui-input-file
{
	background: #e5e3e3 url("../images/button_browse_selected.png") no-repeat;
}

/* -----------------------------------------------------------
	content -> right -> forms -> textarea
----------------------------------------------------------- */

div.form div.fields div.field div.textarea
{
	margin: 0 0 0 200px;
	padding: 10px;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}

div.form div.fields div.field div.textarea-editor
{
	padding: 0;
	border: 1px solid #dddddd;
}

.ui-dialog div.form div.fields div.field div.textarea,
div.box-left div.form div.fields div.field div.textarea,
div.box-right div.form div.fields div.field div.textarea
{
	margin: 0;
}

div.form div.fields div.field div.textarea textarea
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 220px;
	overflow: hidden;
	background: #FFFFFF;
	border-width: 0;
	color: #000000;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
	outline: none;
}

.ui-dialog div.form div.fields div.field div.textarea textarea,
div.box-left div.form div.fields div.field div.textarea textarea,
div.box-right div.form div.fields div.field div.textarea textarea
{
	width: 100%;
	height: 100px;
}

div.form div.fields div.field div.textarea textarea.error
{
	padding: 3px 10px 10px 23px;
	background-color: #FBE3E4;
	background-image: url("../../resources/../images/icons/exclamation.png");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	border: 1px solid #FBC2C4;
}

div.form div.fields div.field div.textarea textarea.success
{
	padding: 3px 10px 10px 23px;
	background-color: #E6EFC2;
	background-image: url("../../resources/../images/icons/accept.png");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	border: 1px solid #C6D880;
}

/* -----------------------------------------------------------
	content -> right -> forms -> textarea (tinymce editor)
----------------------------------------------------------- */

#content div.box div.form div.fields div.field div.textarea table
{
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
}

#content div.box div.form div.fields div.field div.textarea table td
{
	padding: 0;
	background: #DDDDDD;
	border: none;
}

#content div.box div.form div.fields div.field div.textarea table td table
{
	margin: 0;
	padding: 0;
	width: auto;
	border: none;
}

#content div.box div.form div.fields div.field div.textarea table td table td
{
	padding: 5px 5px 5px 0;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
}

#content div.box div.form div.fields div.field div.textarea table td table td a
{
	border: none;
}

#content div.box div.form div.fields div.field div.textarea table td table td a.mceButtonActive
{
	background: #b1b1b1;
}

/* -----------------------------------------------------------
	content -> right -> forms -> select
----------------------------------------------------------- */

div.form div.fields div.field div.select
{
	margin: 0 0 0 200px;
	padding: 0;
	float: left;
}

div.form div.fields div.field div.select a:hover
{
	color: #000000;
	text-decoration: none;
}

div.form div.fields div.field div.select select
{
	margin: 0;
}

/* -----------------------------------------------------------
	content -> right -> forms -> select (jquery styling)
----------------------------------------------------------- */

div.form div.fields div.field div.select a.ui-selectmenu-focus
{
	border: 1px solid #666666;
}

div.form div.fields div.field div.select a.ui-selectmenu
{
	color: #565656;
	text-decoration: none;
}

div.form div.fields div.field div.select a.ui-selectmenu:hover
{
	color: #000000;
	text-decoration: none;
}

div.form div.fields div.field div.select a.ui-selectmenu-focus span.ui-icon
{
	background-image: url(../images/ui/ui-icons_222222_256x240.png);
}

/* -----------------------------------------------------------
	content -> right -> forms -> element focus
----------------------------------------------------------- */

div.form div.fields div.field input[type=text]:focus,
div.form div.fields div.field input[type=password]:focus,
div.form div.fields div.field input[type=file]:focus,
div.form div.fields div.field textarea:focus,
div.form div.fields div.field select:focus
{
	background: #f6f6f6;
	border-color: #666;
}

/* -----------------------------------------------------------
	content -> right -> forms -> checkboxes
----------------------------------------------------------- */

div.form div.fields div.field div.checkboxes
{
	margin: 0 0 0 200px;
	padding: 0;
}

div.form div.fields div.field div.checkboxes div.checkbox
{
	margin: 0;
	padding: 2px 0 2px 0;
	clear: both;
	overflow: hidden;
}

div.form div.fields div.field div.checkboxes div.checkbox input
{
	margin: 0;
	float: left;
}

div.form div.fields div.field div.checkboxes div.checkbox label
{
	margin: 3px 0 0 4px;
	height: 1%;
	display: block;
	float: left;
}

/* -----------------------------------------------------------
	content -> right -> forms -> radios
----------------------------------------------------------- */

div.form div.fields div.field div.radios
{
	margin: 0 0 0 200px;
	padding: 0;
}

div.form div.fields div.field div.radios div.radio
{
	margin: 0;
	padding: 2px 0 2px 0;
	clear: both;
	overflow: hidden;
}

div.form div.fields div.field div.radios div.radio input
{
	margin: 0;
	float: left;
}

div.form div.fields div.field div.radios div.radio label
{
	margin: 3px 0 0 4px;
	height: 1%;
	display: block;
	float: left;
}

/* -----------------------------------------------------------
	content -> right -> forms -> button
----------------------------------------------------------- */

div.form div.fields div.field div.button
{
	margin: 0;
	padding: 0 0 0 8px;
	float: left;
}

div.form div.fields div.field div.button input
{
	margin: 0;
	color: #000000;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

div.form div.fields div.field div.button .ui-state-default
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #e5e3e3 url("../images/button.png") repeat-x;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #c6c6c6;
	color: #515151;
	outline: none;
}

div.form div.fields div.field div.button .ui-state-hover
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #b4b4b4 url("../images/button_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #515151;
	outline: none;
}

div.form div.fields div.field div.highlight
{
	display: inline;
}

div.form div.fields div.field div.highlight .ui-state-default
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #4e85bb url("../images/colors/blue/button_highlight.png") repeat-x;
	border-top: 1px solid #5c91a4;
	border-left: 1px solid #2a6f89;
	border-right: 1px solid #2b7089;
	border-bottom: 1px solid #1a6480;
	color: #FFFFFF;
}

div.form div.fields div.field div.highlight .ui-state-hover
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #46a0c1 url("../images/colors/blue/button_highlight_selected.png") repeat-x;
	border-top: 1px solid #78acbf;
	border-left: 1px solid #34819e;
	border-right: 1px solid #35829f;
	border-bottom: 1px solid #257897;
	color: #FFFFFF;
}

/* -----------------------------------------------------------
	content -> right -> forms -> buttons
----------------------------------------------------------- */

div.form div.fields div.buttons
{
	margin: 10px 0 0 200px;
	padding: 0;
}

div.box-left div.form div.fields div.buttons,
div.box-right div.form div.fields div.buttons
{
	margin: 10px 0 0 0;
}

div.form div.fields div.buttons input
{
	margin: 0;
	color: #000000;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* -----------------------------------------------------------
	content -> right -> forms -> buttons (jquery styling)
----------------------------------------------------------- */

div.form div.fields div.buttons .ui-state-default
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #e5e3e3 url("../images/button.png") repeat-x;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #c6c6c6;
	color: #515151;
	outline: none;
}

div.form div.fields div.buttons .ui-state-hover
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #b4b4b4 url("../images/button_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #515151;
	outline: none;
}

div.form div.fields div.buttons div.highlight
{
	display: inline;
}

div.form div.fields div.buttons div.highlight .ui-state-default
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #4e85bb url("../images/colors/blue/button_highlight.png") repeat-x;
	border-top: 1px solid #5c91a4;
	border-left: 1px solid #2a6f89;
	border-right: 1px solid #2b7089;
	border-bottom: 1px solid #1a6480;
	color: #FFFFFF;
}

div.form div.fields div.buttons div.highlight .ui-state-hover
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #46a0c1 url("../images/colors/blue/button_highlight_selected.png") repeat-x;
	border-top: 1px solid #78acbf;
	border-left: 1px solid #34819e;
	border-right: 1px solid #35829f;
	border-bottom: 1px solid #257897;
	color: #FFFFFF;
}

/* -----------------------------------------------------------
	content -> right -> box / tables
----------------------------------------------------------- */

#content div.box div.table
{
	margin: 0;
	padding: 0 20px 10px 20px;
	clear: both;
	overflow: hidden;
}

#content div.box table
{
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

#content div.box table th
{
	padding: 10px;
	background: #eeeeee;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

#content div.box table th.last
{
	border-right: none;
}

#content div.box table th.left
{
	text-align: left;
}

#content div.box table th.right
{
	text-align: right;
}

#content div.box table th.center
{
	text-align: center;
}

#content div.box table th.selected
{
	padding: 0;
	vertical-align: middle;
}

#content div.box table th.selected input
{
	margin: 0;
}

#content div.box table td
{
	/*padding: 10px;*/
	background: #ffffff;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

#content div.box table td.last
{
	border-right: none;
}

#content div.box table tr.selected td
{
	background: #FFFFCC;
}

#content div.box table td.selected
{
	padding: 0;
	width: 3%;
	text-align: center;
	vertical-align: middle;
}

#content div.box table td.selected input
{
	margin: 0;
}

#content div.box table td.title
{
	width: 45%;
	text-align: left;
}

#content div.box table td.price
{
	width: 10%;
	text-align: center;
}

#content div.box table td.date
{
	width: 33%;
	text-align: center;
}

#content div.box table td.category
{
	width: 10%;
	text-align: center;
}

/* -----------------------------------------------------------
	content -> right -> box / table action
----------------------------------------------------------- */

#content div.box div.action
{
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	background: #FFFFFF;
	text-align: right;
}

#content div.box div.action a:hover
{
	color: #000000;
	text-decoration: none;
}

#content div.box div.action select
{
	margin: 0;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
}

#content div.box div.action div.button
{
	margin: 6px 0 0 0;
	padding: 0;
	text-align: right;
}

#content div.box div.action div.button input
{
	margin: 0;
	color: #000000;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#content div.box div.action div.button input.ui-state-default
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #e5e3e3 url("../images/button.png") repeat-x;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #c6c6c6;
	color: #515151;
}

#content div.box div.action div.button input.ui-state-hover
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #b4b4b4 url("../images/button_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #515151;
}

#content div.box div.action .ui-selectmenu
{
	margin: 0;
	padding: 0;
}

#content div.box div.action a.ui-selectmenu-focus
{
	border: 1px solid #666666;
}

#content div.box div.action a.ui-selectmenu-focus span.ui-icon
{
	background-image: url(../images/ui/ui-icons_222222_256x240.png);
}

/* -----------------------------------------------------------
	content -> right -> pagination
----------------------------------------------------------- */

#content div.box div.pagination
{
	margin: 10px 0 0 0;
	padding: 0;
	height: 1%;
	clear: both;
	overflow: hidden;
}

#content div.box div.pagination div.results
{
	margin: 0;
	padding: 0;
	text-align: left;
	float: left
}

#content div.box div.pagination div.results span
{
	margin: 0;
	padding: 6px 8px 6px 8px;
	height: 1%;
	display: block;
	float: left;
	background: #ebebeb url("../images/pager.png") repeat-x;
	border-top: 1px solid #dedede;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	color: #4A4A4A;
	font-weight: bold;
}

#content div.box div.pagination ul.pager
{
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}

#content div.box div.pagination ul.pager li
{
	margin: 0 0 0 4px;
	padding: 0;
	height: 1%;
	float: left;
	list-style: none;
	background: #ebebeb url("../images/pager.png") repeat-x;
	border-top: 1px solid #dedede;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	color: #4A4A4A;
	font-weight: bold;
}

#content div.box div.pagination ul.pager li.separator
{
	padding: 6px;
}

#content div.box div.pagination ul.pager li.current
{
	padding: 6px;
	background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #515151;
}

#content div.box div.pagination ul.pager li.disabled
{
	padding: 6px;
	color: #B4B4B4;
}

#content div.box div.pagination ul.pager li a
{
	margin: 0;
	padding: 6px;
	height: 1%;
	display: block;
	float: left;
	color: #515151;
	text-decoration: none;
}

#content div.box div.pagination ul.pager li a:hover,
#content div.box div.pagination ul.pager li a:active
{
	margin: -1px;
	background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
}

/* -----------------------------------------------------------
	content -> right -> sales chart
----------------------------------------------------------- */

#content div.box div.sales
{
	margin: 0;
	padding: 0 20px 10px 20px;
	clear: both;
	overflow: hidden;
}

#content div.box div.sales div.legend
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
}

#content div.box div.sales div.legend h6
{
	margin: 0;
	padding: 0;
	float: left;
	border: none;
}

#content div.box div.sales div.legend ul
{
	margin: 0;
	padding: 0;
	float: right;
}

#content div.box div.sales div.legend li
{
	margin: 0;
	padding: 0 8px 0 4px;
	list-style: none;
	float: left;
	font-size: 11px;
}

#content div.box div.sales div.legend li.monitors
{
	border-left: 12px solid #edc240;
}

#content div.box div.sales div.legend li.memory
{
	border-left: 12px solid #afd8f8;
}

#content div.box div.sales table
{
	width: auto;
}

#content div.box div.sales table td
{
	padding: 2px 3px 3px 3px;
	background: transparent;
	border: none;
}

#content div.box div.sales table td.legendLabel
{
	padding: 0 3px 2px 3px;
}

/* -----------------------------------------------------------
	footer
----------------------------------------------------------- */
/*sss*/
footer .container_12{text-align:center!important;}
/*sss*/
#footer
{
	margin: 0;
	padding: 5px 0 5px 0;
	clear: both;
	overflow: hidden;
	background: #2a2a2a;
	text-align:right;
}

#footer p
{
	margin: 0 60px 0 60px;
	padding: 10px 0 10px 0;
	color: #ffffff;
}

/* -----------------------------------------------------------
	login
----------------------------------------------------------- */

#login
{
	margin: 10% auto 0 auto;
	padding: 0;
	width: 420px;
}

/* -----------------------------------------------------------
	login -> colors
----------------------------------------------------------- */

#login div.color
{
	left: auto;
	right: auto;
	margin: 10px auto 0 auto;
	padding: 3px 3px 3px 0;
	clear: both;
	overflow: hidden;
	background: #FFFFFF;
}

#login div.color a
{
	margin: 0 0 0 3px;
	padding: 0;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
}

/* -----------------------------------------------------------
	login -> title
----------------------------------------------------------- */

#login div.title
{
	margin: 0 auto;
	padding: 0;
	width: 420px;
	clear: both;
	overflow: hidden;
	position: relative;
	background: #003367 url("../images/colors/blue/header_inner.png") repeat-x;
}

#login div.title h5
{
	margin: 10px;
	padding: 0;
	color: #ffffff;
}

/* -----------------------------------------------------------
	login -> title / corners
----------------------------------------------------------- */

#login div.title div.corner
{
	height: 6px;
	width: 6px;
	position: absolute;
	background: url("../images/colors/blue/login_corners.png") no-repeat;
}

#login div.title div.tl
{
	top: 0;
	left: 0;
	background-position: 0 0;
}

#login div.title div.tr
{
	top: 0;
	right: 0;
	background-position: -6px 0;
}

/* -----------------------------------------------------------
	login -> messages
----------------------------------------------------------- */

#login div.messages
{
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
	background: #ffffff;
}

#login div.message
{
	margin: 20px 20px 0 20px;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#login div.messages div.message div.image
{
	margin: 2px 0 2px 5px;
	padding: 6px;
	float: left;
}

#login div.messages div.message div.image img
{
	margin: 0;
	vertical-align: middle;
}

#login div.messages div.message div.text
{
	margin: 0;
	padding: 10px 6px 10px 6px;
	float: left;
}

#login div.messages div.message div.dismiss
{
	margin: 0;
	padding: 0;
	float: right;
}

#login div.messages div.message div.dismiss a
{
	margin: 15px 14px 0 0;
	padding: 0;
	height: 16px;
	width: 16px;
	display: block;
	background: url("../images/icons/cross.png") no-repeat;
}

#login div.messages div.message div.text h1,
#login div.messages div.message div.text h2,
#login div.messages div.message div.text h3,
#login div.messages div.message div.text h4,
#login div.messages div.message div.text h5,
#login div.messages div.message div.text h6
{
	margin: 0;
	padding: 0px;
	border: none;
}

#login div.messages div.message div.text span
{
	margin: 0;
	padding: 5px 0 0 0;
	height: 1%;
	display: block;
}

#login div.messages div.message-error
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #FBE3E4;
	border: 1px solid #FBC2C4;
	color: #860006;
}

#login div.messages div.message-error h6
{
	color: #860006;
}

#login div.messages div.message-warning
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #FFF6BF;
	border: 1px solid #FFD324;
	color: #5f5200;
}

#login div.messages div.message-warning h6
{
	color: #5f5200;
}

#login div.messages div.message-notice
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #8FBDE0;
	border: 1px solid #6BACDE;
	color: #003863;
}

#login div.messages div.message-notice h6
{
	color: #003863;
}

#login div.messages div.message-success
{
	height: 1%;
	clear: both;
	overflow: hidden;
	background: #E6EFC2;
	border: 1px solid #C6D880;
	color: #4e6100;
}

#login div.messages div.message-success h6
{
	color: #4e6100;
}

/* -----------------------------------------------------------
	login -> inner
----------------------------------------------------------- */

#login div.inner
{
	margin: 0 auto;
	padding: 20px;
	width: 380px;
	background: #FFFFFF url("../images/login.png") no-repeat top left;
	border-top: none;
	border-bottom: none;
}

/* -----------------------------------------------------------
	login -> form
----------------------------------------------------------- */

#login div.form
{
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#login div.form div.fields
{
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

#login div.form div.fields div.field
{
	margin: 0;
	padding: 0 0 10px 0;
	clear: both;
	overflow: hidden;
	border: none;
}

#login div.form div.fields div.field span.error
{
	margin: 8px 0 0 0;
	padding: 0;
	height: 1%;
	display: block;
	color: #FF0000;
}

#login div.form div.fields div.field label.error
{
	margin: 8px 0 0 0;
	padding: 0;
	height: 1%;
	display: block;
	color: #FF0000;
}

#login div.form div.fields div.field div.label
{
	left: 0;
	margin: 2px 10px 0 0;
	padding: 5px 0 0 5px;
	width: 173px;
	float: left;
	position: relative;
	text-align: right;
}

#login div.form div.fields div.field div.label label
{
	color: #000000;
	font-weight: bold;
}

#login  div.form div.fields div.field div.label span
{
	margin: 0;
	padding: 2px 0 0 0;
	height: 1%;
	display: block;
	color: #363636;
}

#login div.form div.fields div.field div.input
{
	margin: 0;
	padding: 0;
	float: left;
}

#login div.form div.fields div.field div.input input
{
	margin: 0;
	padding: 7px 7px 6px 7px;
	width: 176px;
	background: #FFFFFF;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	color: #000000;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
}

#login div.form div.fields div.field div.input  input.error
{
	background: #FBE3E4;
	border-top: 1px solid #e1b2b3;
	border-left: 1px solid #e1b2b3;
	border-right: 1px solid #FBC2C4;
	border-bottom: 1px solid #FBC2C4;
}

#login div.form div.fields div.field div.input  input.success
{
	background: #E6EFC2;
	border-top: 1px solid #cebb98;
	border-left: 1px solid #cebb98;
	border-right: 1px solid #c6d880;
	border-bottom: 1px solid #c6d880;
}

#login div.form div.fields div.field div.input div.link
{
	margin: 6px 0 0 0;
	padding: 0;
	text-align: right;
}

#login div.form div.fields div.field div.checkbox
{
	margin: 0 0 0 184px;
	padding: 0;
}

#login div.form div.fields div.field div.checkbox label
{
	color: #565656;
	font-weight: bold;
}

#login div.form div.fields div.buttons
{
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
	overflow: hidden;
	border-top: 1px solid #DDDDDD;
	text-align: right;
}

#login div.form div.fields div.buttons input
{
	margin: 0;
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
}

#login div.form div.fields div.buttons input.ui-state-default
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #e5e3e3 url("../images/button.png") repeat-x;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #c6c6c6;
	color: #515151;
}

#login div.form div.fields div.buttons input.ui-state-hover
{
	margin: 0;
	padding: 6px 12px 6px 12px;
	background: #b4b4b4 url("../images/button_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #515151;
}

/* -----------------------------------------------------------
	login -> links
----------------------------------------------------------- */

#login div.form div.links
{
	margin: 10px 0 0 0;
	padding: 0 0 2px 0;
	clear: both;
	overflow: hidden;
}

/* -----------------------------------------------------------
	jquery ui
----------------------------------------------------------- */

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* -----------------------------------------------------------
	jquery ui -> icons
----------------------------------------------------------- */

.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon { background-image: url(../images/ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon { background-image: url(../images/ui/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_ffd27a_256x240.png); }

/* -----------------------------------------------------------
	jquery ui -> icon positioning
----------------------------------------------------------- */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* -----------------------------------------------------------
	jquery ui -> misc visuals
----------------------------------------------------------- */

.ui-widget-overlay { background: #666666 url(../images/ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* -----------------------------------------------------------
	jquery ui -> resizable
----------------------------------------------------------- */

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Selectable

/* -----------------------------------------------------------
	jquery ui -> tabs
----------------------------------------------------------- */
.ui-tabs .ui-tabs-hide { display: none; }

/* -----------------------------------------------------------
	jquery ui -> datepicker
----------------------------------------------------------- */
.ui-datepicker { width: 190px; padding: .2em .2em 0; background: #FFFFFF; border: 1px solid #000000; border-top: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: #F6F6F6; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 1px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left: 0; }
.ui-datepicker .ui-datepicker-next { right: 0; }
.ui-datepicker .ui-datepicker-prev-hover { left: 0; }
.ui-datepicker .ui-datepicker-next-hover { right: 0; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; border-collapse: collapse; margin: 0 0 4px 0; }
.ui-datepicker th { padding: .7em .3em; text-align: center; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 3px; text-align: center;  text-decoration: none; }
.ui-datepicker td span, .ui-datepicker td a:hover { background: #376ea6; color: #ffffff; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker td span, .ui-datepicker td.ui-datepicker-today a { background: #DDDDDD; color: #585858; }
.ui-datepicker td span, .ui-datepicker td.ui-datepicker-current-day a { background: #376ea6; color: #ffffff; }

/* -----------------------------------------------------------
	jquery ui -> datepicker / multiple calenders
----------------------------------------------------------- */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* -----------------------------------------------------------
	jquery ui -> datepicker / rtl support
----------------------------------------------------------- */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* -----------------------------------------------------------
	jquery ui -> select styling
----------------------------------------------------------- */

.ui-selectmenu
{
	display: block;
	position: relative;
	overflow: hidden;
	background: #ffffff;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	text-align: left;
	text-decoration: none;
}

.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { background: #ffffff; border: 1px solid #666666; border-top: none; visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding: 5px 0 5px 8px; outline:none; text-decoration:none; color: #000000; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status  { margin-left: 5px; padding-left: 20px; position: relative; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus { background: #376ea6; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { color: #ffffff; }
.ui-selectmenu-open li.ui-selectmenu-item-selected { background: #dfdfdf; }
.ui-selectmenu-open li.ui-selectmenu-item-selected a { color: #000000; }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

/* reset extra padding in firefox */
.ui-button::-moz-focus-inner { border: 0; padding: 0; }

/* -----------------------------------------------------------
	jquery ui -> autocomplete
----------------------------------------------------------- */

.ui-autocomplete { margin: 0; padding: 0; list-style: none; position: absolute; background: #ffffff; border: 1px solid #666666; border-top: none; }
.ui-autocomplete .ui-menu-item { margin: 0; padding: 0; }
.ui-autocomplete .ui-menu-item a { margin: 0; padding: 8px; height: 1%; display: block; text-decoration: none; }
.ui-autocomplete .ui-menu-item a:hover { background: #376ea6; color: #ffffff; }

/* -----------------------------------------------------------
	jquery ui -> dialog
----------------------------------------------------------- */

.ui-dialog { position: absolute; padding: 0; width: 300px; overflow: hidden; background: #ffffff; border: 1px solid #336699; }
.ui-dialog .ui-dialog-titlebar { padding: 8px; position: relative; clear: both; overflow: hidden; background: #336699 url("../images/colors/blue/title.png") repeat-x; color: #ffffff; font-weight: bold; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: 15px; background: none; overflow: auto; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; background-image: none; margin: 0; padding: 10px 10px 15px 10px; clear: both; overflow: hidden; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-dialog p
{
	margin: 0;
	padding: 0 0 10px 0;
	color: #5f5f5f;
	font-size: 11px;
	line-height: 150%;
}

.ui-dialog .ui-dialog-buttonpane button
{
	margin: 0 6px 0 0;
	float: right;
	color: #000000;
	font-family: Lucida Grande, Verdana, Lucida Sans Regular, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
}

.ui-dialog .ui-dialog-buttonpane .ui-state-default
{
	padding: 6px 12px 6px 12px;
	background: #e5e3e3 url("../images/button.png") repeat-x;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #c6c6c6;
	color: #515151;
	outline: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-state-hover
{
	padding: 6px 12px 6px 12px;
	background: #b4b4b4 url("../images/button_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #515151;
	outline: none;
}

.no-mar-left{ margin-left:0px !important;}
.no-mar-right{ margin-right:0px !important;}
.dataTables_length{ width:250px \0/; *width:250px}
select.pageitem{ width:120px \0/;  *width:120px;}
.cursor_default{cursor:default;}

.box .login {
	border: 1px solid #c8c8c8;
	 border-top-width:0;
	background: url(../img/sprites/boxes/bg-action.png) repeat-x #f7f7f7;
	border-radius: 0 0 3px 3px;
}
.box .border_bottom {
	border-radius: 0 0 0 0 !important;
	border-bottom-width: 0px !important;
	background:none !important;
}

.box .login:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    /*visibility: hidden;*/
}

.box .login input {
	margin: 0;
}

.box .login-left {
	float: left;
	margin: 5px;
	margin-left: 10px;
}

.box .login-right {
	float: right;
	margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 10px;
}

#chklogin .checkbox
{
	margin-right:8px !important;
}

#btnexport,#btnprint,#btnsync {width:24px !important;}

 #btnedit,#btndelete{margin-top: 3px;}
#btncancel,#btndelete,#btnedit,#btnadd {height:24px !important;width:24px !important;box-shadow: none !important;}
#btndelete,#btnedit{display:none!important;}
.fieldset_effect{
	border: 1px solid #d2d2d2;
	display: table;
	padding: 0 10px 10px;
	width: 97.5%;
	margin:2% 0;
}
.fieldset_effect .ttl{
    background: url("../img/sprites/forms/bg-legend.png") repeat-x scroll left top #DCDCDC;
    border: 1px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    line-height: 25px;
    padding: 5px 10px;
    float:left;
    padding: 0 15px;
    margin-top:-12px;
}
#hhctransaction_load_viewcustomerinventory .fieldset_effect{
	padding: 0 5px 10px !important;
}
#hhctransaction_load_viewcustomerinventory .space_20 {
	min-height: 0px !important;
}
#ie_hr{
	display:none;
	height:0px;
}
.clear_only{
	clear:both;
}
.margin_top_12
{
	margin-top:12px !important;
}
.margin_top_17
{
	margin-top:17px !important;
}
#admin_index_index .margin_left_0{
	margin-left: 0;
}
#admin_security_adduser .margin_top_15
{
	margin-top:17px !important;
}
#basic_index_company .margin_top_15
{
	margin-top:17px !important;
}
#admin_index_index input[type="text"] ,#account_customer_addcustomer input[type="text"] ,#account_customer_setting2 input[type="text"],
#hhctransaction_invoice_arheader
{
	width: 97%;
}
#admin_security_adduser input[type="password"],#admin_security_adduser input[type="text"], textarea, #basic_index_company input[type="text"], textarea,
#basic_index_salesmanager input[type="text"], textarea, #basic_index_regionmanager input[type="text"], textarea,
#basic_index_depotmanager input[type="text"], textarea, #basic_index_areamanager input[type="text"], textarea,
#basic_index_bank input[type="text"], textarea,#admin_security_addusertype input[type="text"] {
	width: 98%;
}
#basic_index_supervisor input[type="text"], #basic_index_cashdesc input[type="text"], textarea, #basic_reason_goodreason input[type="text"], textarea,
#basic_reason_badreason input[type="text"], textarea, #basic_reason_focreason , #organization_index_country input[type="text"], textarea,
#organization_index_region input[type="text"], textarea, #organization_index_branch input[type="text"], textarea,
#organization_index_area input[type="text"], textarea,#organization_index_subarea input[type="text"], textarea,
#organization_index_van input[type="text"], textarea, 
#organization_route_addroute input[type="text"], textarea, #organization_route_routesetting1 input[type="text"], textarea,
#organization_route_routesetting2 input[type="text"], textarea,#account_customer_custcat input[type="text"], textarea,
#account_index_outletproduct input[type="text"], textarea,#account_customer_template input[type="text"], textarea,
#account_customer_templateset2 input[type="text"], textarea,
#account_customer_addcustomerset2 input[type="text"], textarea, #account_customer_addcustomercustomer input[type="text"], textarea,
#account_customer_addmessage input[type="text"], textarea,#account_index_addsalesman input[type="text"], textarea,
#account_index_addsalesman input[type="password"] ,#account_index_addsalesmanmsgs input[type="text"], textarea
{
	width: 98% !important;
}
#promotion_index_qualigrp  input[type="text"], textarea ,#promotion_index_assigngrp  input[type="text"], textarea ,
#promotion_index_custpromo input[type="text"], textarea ,
#promotion_index_custpromorange input[type="text"], textarea,#promotion_index_addcustomerpricing  input[type="text"], textarea ,
#promotion_index_addcustomerpricingplan input[type="text"], textarea , #promotion_index_addcustomerpricingheader input[type="text"],textarea,
#promotion_customer_addfreegoods input[type="text"], 
#promotion_customer_adddiscountkey input[type="text"],#promotion_customer_adddiscountkey textarea ,
#promotion_customer_adddistributionkey input[type="text"],#promotion_customer_adddistributionkey textarea,
#hhctransaction_index_startofday input[type="text"],#promotion_advance_addpromotionplan input[type="text"] {
	width: 98%;
}

#merchandize_index_surveycontrol  input[type="text"], #merchandize_index_surveydefination input[type="text"] , #inventory_transaction_additionalitembarcode input[type="text"] ,
#inventory_transaction_adddepotdamageexpiry input[type="text"] , #inventory_transaction_addbusiness input[type="text"] ,
#inventory_target_additempackage input[type="text"] , #inventory_target_addquota input[type="text"] ,
#inventory_target_addposinstruction input[type="text"]
{
	width: 98%;
}
#inventory_index_addcompanygroup input[type="text"] ,#inventory_index_majorcat input[type="text"] ,#inventory_index_submajorcat input[type="text"] ,#inventory_index_additemgrp input[type="text"] , #inventory_target_addpos input[type="text"] ,
#inventory_index_additems input[type="text"] , #inventory_transaction_adddailysalesmanload input[type="text"],#basic_index_streetmanager input[type="text"],
#inventory_transaction_adddepotinventory input[type="text"]
{
	width: 98%;
}

#account_notes_adddebitcustomer input[type="text"], textarea,#account_notes_adddebitroute input[type="text"], textarea,
#account_notes_addcreditroute input[type="text"], textarea, #account_transaction_openingbal input[type="text"], textarea {
	width: 96%;
}

#hhctransaction_index_addinvoice textarea {
	width:102%;
}
#input_textarea_94 input[type="text"], textarea {
	width: 94%;
}
#organization_route_addroute input[type="text"] , #promotion_customer_addauthorise input[type="text"] ,#promotion_advance_addpricingplan input[type="text"],
#promotion_advance_addpricingkey input[type="text"] , #promotion_discount_adddistributionkey input[type="text"] ,#promotion_discount_adddiscountkey input[type="text"],
#merchandize_index_addsurvey input[type="text"],#merchandize_index_addsurveykey input[type="text"],#inventory_transaction_addrouteitemgroup input[type="text"],
#inventory_target_addcustomerposlimit input[type="text"] ,  #hhctransaction_index_addinvoice input[type="text"] ,#account_customer_addtemplate input[type="text"],
#hhctransaction_invoice_arheader input[type="text"],#account_customer_addauthorise input[type="text"]
{
	width: 96% !important;
}
#organization_route_tmplsetting1 , #organization_route_tmplsetting2 input[type="text"], textarea , #promotion_customer_addfreegoods textarea {
	width: 101%;
}
._5_button{
	width: 5%;
}
input[type="text"],input[type="password"] {
    padding-left:5px;
    padding-right:5px;
  /*  padding: 6px 5px;*/
}
._1 {
	width:1%;
    display: inline;
    float: right;
}
.min_height_10 {
	min-height:10px !important;
}

/*#item-grid{
	min-height:450px;
}*/
#item-grid #paging_grid table td{
	height:25px !important;
	vertical-align:middle;
}
#paging_grid_4 table td
{
    border:none !important;
    background-color:transparent;
    padding: 5px 5px 0 10px;
    height:30px;
}





#paging_grid_4 table tr.gradeA td
{
    background-color:#F0F0F0 !important;
}

input.update_vals{
	width:95%;
	height:22px;
	background: #fff;
	display: block;
	margin: 0px;
	padding:0px 2px;
	border: 1px #999 solid !important;
	border-radius: 0px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;	
}
select.update_vals{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999 !important;
    border-radius: 0 0 0 0;
    box-shadow: none;
    display: block;
    height: 24px;
    margin: 0;
    padding: 0 2px;
    width: 100% !important;
}
input#btnupdate_grid, input#btncancel_grid{
	height:20px;
	padding:0px;
	margin:0px;
	font-size:8px;

}
#for_report_only #ok_button ._45
{
	width:45%;
}
#for_report_only #ok_button ._10_1 , #for_report_only #ok_button input[type="submit"]
{
	text-align:center !important;
	width:30%;
}
.wide_button{
	text-align:center !important;
	width:75px !important;
}
/* Footer */
.footer a
{
	color: #FFFFFF !important;
	text-decoration: none;
	cursor: pointer;
}

.footer a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

#account_transaction_salescalender #item-grid
{
    min-height: 350px !important;
}

#custom_grid tbody tr{
 height:30px;
 }
span.paginate_active a {
	color:#fff !important;
}
#table-showpages ._20
{
	margin-left: 2%;
    margin-right: 2%;
}
.padding_zero {
    padding:0px !important;
}
#admin_security_userpermission ._5 , #admin_security_userpermission ._15 {
	margin-left:0px;
	margin-right:0px;
}
#allmodule .margin_top_10{
	margin-top:9px;
}
#admin_security_userpermission #checkbox_loop ._10{
	margin-left:0px;
	margin-right:0px;
}
.padding_top_5{
	padding-top: 5px;
}
.padding_top_10{
	padding-top: 10px !important;
}
.selected span .sidebar_img , .selected span .sidebar_menu_text{
	padding-top:5px !important;
}
.overflow_height{
    overflow-y:scroll;
}

#report_only #ok_button ._10_1 , #report_only #ok_button input[type="submit"]
{
	text-align:center !important;
	width:30%;
}

.ajaxload {
    margin: 20% 35%;
    position: absolute;
    text-align: center;
}
#loader{
	position:absolute;
	z-index:9999;
	margin:20% 35%;
}
#loader2{
	position:absolute;
	z-index:9999;
	margin:20% 35%;
}
#loadercustomer{
	position:absolute;
	z-index:9999;
	margin:20% 35%;
}
/* Header Menu */
/*#header-inner span {
	letter-spacing: -1px;
}*/

/*For set up screen*/
#admin_index_index ._25_1{
	margin-right:0;
	margin-left:1%;
}
#restrict_prepare ._20{
	width:8% !important;
}
#restrict_prepare ._80{
	width:86% !important;
}
/*For set up screen*/
#report_basic_discountgiven ._15_2{
	width:16%;
}
ul#nav_main li ul li a{ padding-top:7px !important;}
ul#nav_main li.current{  padding-top:0px !important;}

.font_size_12{
	font-size:12px !important;
}
#pwd_txt{
    color:#666666;
}
/*Hiren dave on 6th march for disable of selecting text
  pankil thakkar on 17th April for select the text using shift + End and shift + Home
*/
input{
	/*-moz-user-select: none;*/
}
#enquiries_index_routebycustspedr .content ._100:first-child, #enquiries_index_totalsales .content ._100:first-child,
#enquiries_index_routwisesummaryspew .content ._100:first-child, #enquiries_index_loctrnsbyprd .content ._100:first-child ,
#enquiries_index_prdtrnsbyloc .content ._100:first-child ,#enquiries_index_routevisitwkday .content ._100:first-child ,
#enquiries_index_salessummary .content ._100:first-child, #enquiries_index_prductivitycoverage .content ._100:first-child
{
	margin-top: 0px !important;
}
#account_customer_addcustomer .box .content
{
	padding-top: 3px !important;
}
#setting_icon,#logout_icon{
	background:none;
	margin-top: 5px;
}
#dropdown_lang{
    border-radius: 0;
    border: 1px solid lightgray;
    height: 165px;
    margin-top: 15px;
    width: 245px !important;
}
#dropdown_lang li{background:none;border:none;}
#dropdown_lang li:hover{color: #164a7e!important;text-decoration:none;}
#dropdown_logout{
	border-top: 1px solid;
	margin-top: 9px;
	margin-right: 4px;
    width: 71px!important;
	 height: 50px;
}

#switch_language{
	width:85px;
}
label , #pwd_txt{
	color:#000 !important;
	font-family: calibri;
	font-size: 14px !important;
}
legend{font-size: 14px !important;}
input ,textarea, select,div.chzn-container span, ul.chzn-results.li{
	font-family: calibri;
	font-size: 14px !important;
	color:#000 !important;
}
.font_size_22{
	font-size:22px !important;
	/*font-weight:bold;*/
}
.font_size_14{
	font-size:14px !important;	
}
.bold {
	font-weight:bold !important;
}
.min_height_20{
	min-height:21px;
}
.min_height_28{
	min-height:28px;
}
#adminlogin .logo{
	width:100%;
}
#border_left_right
{
	border-left:#C8C8C8 1px solid !important;
	border-right:#C8C8C8 1px solid !important;
}
#adminlogin .grey img{
	margin-left: 10px;
}
#account_index_addsalesman #txtpassword{
	width:98% !important;
}
.margin_left_right_1{
	margin: 0 1% !important;
}
.margin_left_right_1_1{
	margin-left: 1% !important;
	margin-right: 1% !important;
}
.margin_left_right_2_2{
	margin-left: 2% !important;
	margin-right: 2% !important;
}
#account_transaction_addcustomer #paging_grid .table thead th 
{
	padding-left: 10px;
}
#account_transaction_addcustomer #paging_grid #mydata label._20{
	width:25%;
}
.margin_left_5{
	margin-left:5%;
}
/* Below Css for customer sequence */
#drag_drop { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#drag_drop .demo { background: url("../img/sprites/tables/table-head-bg.png") repeat-x scroll left top #DDDDDD; border-bottom: 1px solid #BCBCBC; border-top: 1px solid #FFFFFF; }
#drag_drop div._100 { color:#164A7E; font-weight:bold }
#drag_drop .item { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em;  cursor:move;height:15px;}
#drag_drop  .customer_code { width: 10%; float: left; margin-left: 2%; }
#drag_drop  { height:390px; }
#drag_drop .gradeC { background-color: #F8F8F8 !important; color:#000;font-weight: normal }
#drag_drop .gradeA { background-color: #F0F0F0 !important; color:#000;font-weight: normal}
#account_transaction_routesequence .nodata_message {
    color: #FF0000;
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
}

.advance_search_css{
    color: #666666;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0 1px 0 #FFFFFF;
}
#promotionplanselectionitemgrid .sel_checkbox_all_ex , #promotionplanselectionitemgrid #chkall_4
{
	margin-top:0px !important;
}
#admin_index_index label._30{
	width:31%;
}
#admin_index_index label._25_1{
	width:30%;
}
#admin_index_index .margin_top_13
{
	margin-top:10px !important;
}
.margin_right_0 {
	margin-right:0px;
}
.margin_left_0{
	margin-left:0px;
}
#organization_route_setting1 ._20_1{
	width:25%;
}
#account_customer_setting1 ._20_1
{
	width:21%;
}
.margin_top_4
{
	margin-top: 4px !important;
}
.margin_top_2
{
	margin-top: 2px !important;
}
.date_color
{
	color:blue !important;
}
#organization_route_setting2 ._40_3
{
	width:39%;
}
#organization_route_report ._25_1
{
	width:22%;
}
#inventory_index_additems ._25_1
{
	width:25%;
}

#promotion_advance_addpromotionplan ._10_1
{
	margin-left:1%;
	margin-right:1%;
}
#merchandize_index_addsurveykey input[type="checkbox"]
{
	margin-top:0;
}
/* Customer Sequence */
#main_content #account_transaction_index h6
{
	margin: 5px 0 0 0;
	padding: 0;
	clear: both;
	overflow: hidden;
	background: #dfdfdf url("../images/menu.png") repeat-x;
	color: #6e6e6e;
}

#main_content #account_transaction_index h6 a
{
	margin: 0;
	padding: 0;
	height: 1%;
	display: block;
	clear: both;
	overflow: hidden;
	background: url("../images/menu_l.png") no-repeat top left;
	color: #6e6e6e;
	text-decoration: none;
}

#main_content #account_transaction_index  h6 span
{
	margin: 0;
	padding: 0px 0px 30px 10px;
	height: 1%;
	display: block;
	background: url("../images/menu_r.png") no-repeat top right;
}
/**/
#merchandize_index_addsurvey ._25
{
	width:25%;
}
#merchandize_index_addsurvey #add_edit div._10
{
	width:5%;
}
.padding_top_3
{
	padding-top:3px !important;
}
.padding_top_4
{
	padding-top:4px !important;
}
.padding_top_7
{
	padding-top:7px !important;
}
.admin_active {
 font-weight:bold;
}
#hhctransaction_index_addinvoice ._20
{
	width:19% !important;
}
#sortable div
{
    height:20px !important;
    vertical-align  :middle !important;
}
.top_header{
	color:#164A7E;
	text-align:center !important;
}
.align_center{
	text-align:center !important;
	
}
.tot_align_center{
	

    font-weight: bold;
    text-align:center !important;
    background: #DBE5F1 !important;

}
#links_index_promolink ._25_1 
{
	width:25% !important;
}
#links_index_promolink ._15_3  
{
	margin-right:1% !important;
}
#links_index_customercatlink ._25_1
{
	width:22% !important;
}
#links_index_customercatlink ._20_1
{
	width:21% !important;
}
.blockui_css
{
    min-height: 32px;
    padding-top: 5px;
	
}
.invoice_qty_width_67
{
   width:52px !important;
   float:left;
}
.invoice_qty_width_150
{
   width:150px !important;
   float:left;
}
.invoice_margin_right_5
{
	margin-right:5px;
}
.float_right
{
	float :right !important;
}
#inventory_target_addsalesmantarget input[type="text"],#account_notes_addcreditcustomer input[type="text"],
#account_transaction_addgccollection input[type="text"],#account_transaction_addhocollection input[type="text"] {
	width:94%;
}
#inventory_target_addsalesmantarget ._30_1
{
	margin:0 1%;
	width: 24%;
}
#inventory_target_addsalesmantarget label._10
{
	width:7%;	
}
#inventory_target_addsalesmantarget div._10
{
	width:9%;
	margin: 0 1%;
}

#organization_route_setting2 .chkboxcontainer{line-height: 21px; min-height: 23px;}
#organization_route_setting2 .right_colum_spacer_55{height:55px;}
.margin_left_right_0
{
	margin-left:0% !important;
	margin-right:0% !important;
}
#admin_index_index ._30_1
{
	margin-left: 1% !important;
	margin-right: 1% !important;
}
#datamanagement_index_deletetrxndata ._20_1
{
	width:21% !important;
}
#hhctransaction_index_addinvoice table th , #hhctransaction_index_addinvoice table td , #hhctransaction_invoiceadd_invoiceitem table th,
#hhctransaction_invoiceadd_invoiceitem table td,#hhctransaction_ordertransaction_order_item table th,
#hhctransaction_ordertransaction_order_item table td ,#hhctransaction_load_viewcustomerinventory table th ,
#hhctransaction_load_viewcustomerinventory table td ,#account_transaction_monthcloseoverview table th ,
#account_transaction_monthcloseoverview table td 
{
	
}
#hhctransaction_index_addinvoice table th, #hhctransaction_invoiceadd_invoiceitem table th {
	font-weight:bold !important;
}
#loginForm input.required{ height:24px;}
.float_left { float:left}
.margin_left_20 { margin-left:20px !important;}
#hhctransaction_unload_viewunloadret input[type="text"] , #hhctransaction_unload_viewunloadret input[type="text"] , #hhctransaction_unload_iewunloadvar input[type="text"],
#hhctransaction_load_viewloadrequest input[type="text"] , #hhctransaction_load_viewbeginstock input[type="text"] , #hhctransaction_load_viewload input[type="text"],
#hhctransaction_loadtransfer_viewdamageret input[type="text"] , #hhctransaction_loadtransfer_viewtransferin input[type="text"] , #hhctransaction_loadtransfer_viewtransferout input[type="text"],
#hhctransaction_cloudtran_addprocessload input[type="text"],#hhctransaction_unload_viewunloadvar input[type="text"]
{
	width:96%;
}
#account_notes_addcreditcustomer ._35_1 , #account_transaction_addgccollection ._35_1 , #account_transaction_addhocollection ._35_1
{
	margin-left:1% !important;
	margin-right:1% !important;
}
#txt_invoice_comment{ margin:0px !important; padding:0px !important}
#signature_id{border:1px solid #c1c1c1;margin-left:45px;width:23% !important}
#hhctransaction_invoiceadd_addinvoice_data input {padding:6px;}
.hhctransaction_invoiceadd_itemgrid_data{border:1px solid #ccc;min-height:125px;}
#account_notes_addcreditcustomer #item-grid #table-example td , #account_transaction_addgccollection #item-grid #table-example td,
#account_transaction_addhocollection #item-grid #table-example td{
	padding-bottom:5px !important;
	padding-top:0px !important;
}
#inventory_transaction_adddailysalesmanload ._15_2 ,#inventory_transaction_adddepotinventory ._15_2
{
    width: 14% !important;
}
#hhctransaction_invoiceadd_promotion ._15_1
{
	width:16% !important;
}
textarea {
	padding: 5px !important;
}
#account_settlement_addpdc ._20_1
{
	width:17% !important;
}
#account_settlement_addpdc ._10_2
{
	width:10% !important;
}
.padding_right_10
{ padding-right :10px !important;}

#account_customer_addauthorise .content ._100:first-child {
    margin-top: 0px !important;
}
#account_notes_addcreditcustomer ._15_1 ,#account_transaction_addgccollection  ._15_1 ,#account_transaction_addhocollection ._15_1 {
	width:14% !important;
	margin-left: 1% !important;
	margin-right: 1% !important;
}
#datamanagement_index_deletetrxndata input[type="text"]{
    width:97%;
}


/* pankil for the check box in user permission */
.userpermission_checkbox {
    margin-top:6px !important;
    margin-bottom:15px !important;
}
.userpermission_lable {
    margin-top:6px !important;
}


/* By Bhagwati */

 @media only screen and (min-width: 768px)  {
	aside{ width:236px !important;}
	#main_content {width: 69.9% !important;}	
 }

 @media only screen and (min-width: 992px)  {
	aside{ width:236px !important;}
	 #main_content {width: 71.9% !important;}
 }

 @media only screen and (min-width: 1280px)  {
#main_content {width: 79.3% !important;}	 
 }
#header #header-inner{ width:98% !important;
}
/*#header #header-inner{ width:100%;}*/

#content_popup #main_content {
	width:100% !important;
}

.margin_right_3 {
    margin-right: 3% !important;
}
#inventory_transaction_addgrn ._20 {
	width:20% !important;
}
#account_transaction_monthcloseoverview #comman_grid_div{	
    margin:0px 5px;    
    overflow-x: auto;
    overflow-y: hidden;
    width: 99% !important;
}
#account_customer_customerimages  #customerimages {
	clear:both;
	padding:0px !important;
	overflow-y:auto;
	height:680px;
}
#account_customer_customerimages .nodata_message {
    color: #FF0000;
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
}
#account_customer_addtemplate ._20_2 {
	width: 20% !important;
}


#hhctransaction_transaction_invoiceadd input[type=button] {
    padding:0px 6px !important;
}
#hhctransaction_invoiceadd_addinvoice_data #signature_id {
    margin-left: 18px !important;
    width :24% !important;
}
#btndatapost:active, #btndatapost:hover, #btndatapost{ background-image: url("../images/post.png") !important; background-repeat: no-repeat; background-color: transparent;width: 30px;margin-top: 3px;}
/*sss*/
#account_index_outletproduct .chzn-container{width: 102.3%!important;}
#promotion_advance_addpromotionplan .chzn-container{width: 102%!important;}
#promotion_advance_addpricingplan .chzn-container{width: 101%!important;}
#merchandize_index_addsurveykey .chzn-container-single .chzn-search input{padding:5px !important}
#merchandize_index_addsurveykey .chzn-container{width: 100.4%!important;}
 #inventory_target_addpos .chzn-container{width: 100.1% !important;}
 #inventory_index_additems .chzn-container{width: 102.5%!important;}
 #inventory_index_itemset1 .chzn-container{width: 104.5%!important;}
 #inventory_transaction_adddailysalesmanload  #ddlroute_chzn  {width: 102.4%!important;}
  #inventory_transaction_adddailysalesmanload  #ddlcustomer_chzn  {width: 102.4%!important;}
  #hhctransaction_invoice_arheader {width: 100.3%!important;}
 .chzn-drop{min-width: 99.3%!important;}
  .chzn-drop .chzn-search input{width: 89% !important;}
 #content_popup .chzn-container .chzn-results li {padding: 4px 0px!important;}
#account_index_addsalesmanmsgs .chzn-search input{ width: 94% !important;}
#account_index_addsalesmanmsgs .chzn-drop{min-width: 99.6% !important;}
#account_customer_addmessage   .chzn-search input{ width: 94% !important;}
#account_customer_addmessage   .chzn-drop{min-width: 99.6% !important;}

#account_index_addsalesman   .chzn-search input{ width: 88% !important;}
#account_index_addsalesman   .chzn-drop{min-width: 99.3% !important;}

#account_customer_custcat   .chzn-search input{ width: 94% !important;}
#account_customer_custcat   .chzn-drop{min-width: 99.6% !important;}

#account_customer_addtemplate   .chzn-search input{ width: 88% !important;}
#account_customer_addtemplate   .chzn-drop{min-width: 99.3% !important;}

#account_index_journeyplan   .chzn-search input{ width: 92% !important;}
#account_index_journeyplan   .chzn-drop{min-width: 99.6% !important;}
#account_index_journeyplan   #ddlcustomer_chzn .chzn-drop{min-width: 99.4% !important;}

#promotion_index_qualigrp   .chzn-search input{ width: 94% !important;}
#promotion_index_qualigrp   .chzn-drop{min-width: 99.6% !important;}
#promotion_index_qualigrp   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;}

#promotion_index_assigngrp   .chzn-search input{ width: 94% !important;}
#promotion_index_assigngrp   .chzn-drop{min-width: 99.6% !important;}
#promotion_index_assigngrp   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;}

#promotion_advance_addpromotionplan   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;}

#promotion_advance_addpromotionplankey   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;}

#promotion_advance_addpricingplan   .chzn-search input{ width: 88% !important;}
#promotion_advance_addpricingplan   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;}

#promotion_advance_addpricingkey   .chzn-search input{ width: 88% !important;}
#promotion_advance_addpricingkey   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;}

#promotion_customer_addfreegoods   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;}


#merchandize_index_addsurvey   .chzn-search input{ width: 88% !important;}
#merchandize_index_addsurvey   .chzn-drop{min-width: 99.6% !important;}
#merchandize_index_addsurvey   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;}

#merchandize_index_addsurveyplan   .chzn-search input{ width: 86% !important;}
#merchandize_index_addsurveyplan   .chzn-drop{min-width: 99.3% !important;}
#merchandize_index_addsurveyplan   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;}

#merchandize_index_addsurveyplan #ddlprnt_com_chzn{   width: 104.5% !important;}

	#merchandize_index_addsurveykey   .chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;}
	
#inventory_index_majorcat .chzn-search input{ width: 94% !important;}
#inventory_index_majorcat .chzn-drop{min-width: 99.6% !important;}

#account_transaction_salescalender #ddlyear_chzn .chzn-search input{ width: 79% !important;}
 #account_transaction_salescalender #ddlyear_chzn .chzn-drop {min-width: 98% !important;}


/*.chzn-container-active .chzn-single-with-drop{border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;}*/

/*sss*/
/* media query added on 31-05-2021 */


.footer-text-div
{
  float:left;
  margin-left:39%;

}
.footer-ver-div
{
  float:left;
  margin-left:33%;
 

}
.sidebar_setting_mob
{
 display:none;
}
/* .closebtn
{
 display:none;
} */

.sidenav {
   height: 97%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #f5f5f5;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 22px;
  margin-left: 50px;
  /* border-radius: 0px; */
}
.asideclosebtn
{
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 22px;
  margin-left: 50px;
  /* border-radius: 0px; */

}

.fixed-position {
    position: fixed;
	width:100%
 }			 

@media only screen and (max-width: 1280px)   {
	
.sidenav {
padding-top: 15px;
 overflow-y: scroll;
 margin: 0 0 1em;
 max-height:546px;
}
.sidenav a {font-size: 18px;}

#main_content .grid_12 .header .save_btn {
    width: 18%!important;
}

#header_administrator {
 margin-top: -40px;
 
	
}
#header #header-inner #quick li a {
  color: #8da0aa;
  font-size:12px; 	
  
}

#header #header-inner #quick ul {	
	/* left:0;	 */
    left:32px;
    position:relative;
    top : 0px;
    background-color: #ece2e25e;
    border:none;
    border-radius:0px;
    width:100%;
    /* list-style: disc; */
}
#header
{
 /* margin-top:31px; */
}

#company_name {
   /*  float: right;
    margin-top: -45px;
    padding-top: 16px; */
	float: left;
    margin-top: -45px;
    padding-top: 16px;
    font-size: 85%;
    margin-left: 150px;
}					
#header #header-inner #quick > li > a:hover, #header #header-inner #quick > li a.header_hover {
    border-color: white;
}
#table-searchall {
    margin-left: 56% !important;
}
#content div.box h3 {
   margin: 0px; 
   margin-right:-17px;
}
#quick{

  display:none;  

}
/* for showing scroll bar on smaller screens */
/* #paging_grid  {
	width: 100%;
   
    overflow-x: auto;
    margin: 0 0 1em;

}
 */

#sidebar_setting
{
  display:none;

}
.aside_setting_mob
{
    float: left;
    width: 45px;
    height: 100%;
    background: #ffffff;
    text-align: center;
	display:block !important;
    padding-top: 7px;
   border-radius: 0px;

}
.sidebar_setting_mob{
    /* float: right; */
    width: 45px;
    height: 100%;
    background: #ffffff;
    text-align: center;
	display:block !important;
    padding-top: 8px;
    border-radius: 0px;

}
#aside_sttings
{
  width:100%;
  margin-top: 17px;
  margin-left: -7px;
  background-color: #f5f5f5;

}
#content #left #menu h6 {
 color:transparent;


}
#paging_grid .box .content {
 width: 100%;
 overflow-x: auto;
 margin: 0 0 1em;

}
#header #header-inner #quick li ul li a {
  color: #8da0aa;
background: url(../images/menu_arrow.png) no-repeat 2px 11px;

}
#header #header-inner #quick li ul li a.childs {

background: #ece2e25e url(../images/plus_mobile.png) no-repeat 6px 4px!important;

 

}
#header #header-inner #quick li {
    margin: 6px 40px 0 0!important;
    float:none;
   

}

.menu_right {
    left: 33px !important;
}

.footer-text-div
{
  float:left;
  margin-left:14%;

}
.footer-ver-div
{
  float:left;
  margin-left:39%;
 

}
._25 {
    width: 35%;

}
label
{
font-size:12px !important;

}
input, textarea, select, div.chzn-container span, ul.chzn-results.li {

font-size:12px !important;

}
#sbtnadd
{
  float:right;
}
.box .header .back_btn h3 {
   
    font-size: 14px!important;
}
input[type="text"], textarea {
    width: 93% !important;
}
#content div.box li {
  margin-right:12px;

}
#nav_sub {
    width: 100%;
    overflow-x: auto
}
#table-showpages {
  margin-right:-57px;
  margin-left:0px!important;

}
#header #header-inner #quick > li > a:hover, #header #header-inner #quick > li a.header_hover {
 
border-color: #bebebe;
border-style: solid solid solid solid;
border-width: 0.5px 0.5px;

}

#header #header-inner #quick li ul li:hover {
    background-color: #f5f5f5!important;
}
#header #header-inner #quick li ul li a.childs:hover {
    background: #f8f8f8!important;
}
.sidebar_menu_text{ 
  color: #8da0aa;

}
#content #left #menu li a { 
  color: #8da0aa;

}
.box .header ._50_3 .sel_date_input {
    margin-top: 0.4px!important;
}
#header #header-inner #quick li ul li a:hover {
    color: #326395;
}
#table-example_4
{
  width:800px;
  overflow-x:auto;
}
#content #left #menu h6.selected {
 color: #e0d3d3;
}
#content #left #menu li a {
margin-left:17%;

}
#content #left #menu li.collapsible a.plus {
 margin-left:13%;
 background: url(../images/plus_mobile.png) no-repeat 5px 10px; 

}
#content #left #menu li.collapsible a.minus {

background: url(../images/minus_new.png) no-repeat 5px 10px;
}
.box .header ._50_3 .sel_date {
    /* display:none !important; */
}
.calendar-icon
{
 display:block!important;
 background: url(../images/icons/calendar.png) no-repeat;

}
.collapsible {
 
  color: #444;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}
.active, .collapsible:hover {
  /* background-color: #ccc; */
}
#select_date_div_smaller
{
  padding: 0 18px;
  overflow: hidden;
  background-color: #f1f1f1;
  max-height: 0;
  transition: max-height 0.2s ease-out;
  z-index: 1;
  position: absolute;
  width: 74%;
}
}
.text-align-center{
	text-align: center !important;
}