/*@font-face {
	font-family: Roboto;
	src: url('/assets/fonts/Roboto-Light.ttf'),
		 url('/assets/fonts/Roboto-Light.eot'),
		 url('/assets/fonts/Roboto-Light.woff');
}

@font-face {
	font-family: Aliquam;
	src: url('/assets/fonts/AliquamREG.ttf'),
		 url('/assets/fonts/AliquamREG.eot');
}*/

@import url(//fonts.googleapis.com/css?family=Nunito:300);

select{
min-width:75px;
}

#header{
min-width:1024px;
}

/* Utilities */
.clear{clear:both;}
.left{float:left;}
.right{float:right}
.center{margin:auto;text-align:center;}
.inline{display:inline}
.block{display:block}
.inline-block{display:inline-block}
.hidden{display:none}
.small-font{font-size:12px;}
.medium-font{font-size:18px;}
.large-font{font-size:24px;}
.click{cursor:pointer;}
.move{cursor:move;}
.red{background:red;}

.button{background: #1E82CC; color:white; margin:2px;padding: 3px 12px; cursor:pointer; border:none;}
.button:hover{background: #2672EC;}
.button:disabled{background-color: grey;}
.white-button{background:white; color:#009acd; padding: 3px 12px; cursor: pointer;}
.white-button:hover{opacity: 0.76; filter: alpha(opacity=76);}
.mandatory-button{color: red; }
.mandatory-button:hover{color: red; }
.underline{
	text-decoration:underline
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}


/*body{font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";}*/
body {
	font-family: 'Nunito', "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	font-size: 100%;
	letter-spacing: 0px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	color: #252525;
}
.main-font{
	font-family: 'Nunito', "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif"; 
	font-size: 100%;
	letter-spacing: 0px;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
.ui-tabs .ui-tabs-nav {
    font-size: 70%;
}

.ui-tabs .ui-tabs-panel {
    padding: 0px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 100%;
    font-family: 'Nunito', "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}

.ui-tabs {
    padding:0px;
    border:none;
}

.ui-widget{
    font-family: 'Nunito', "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
    font-size: 100%;
}

/* widget information */
span.widget-info {
	font-size: 8pt;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 0px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
text-align:center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}

.login-box{
    margin-left:40px;
    margin-top: 10px;
}

.login-box input[type="text"],.login-box input[type="password"]{
    width:300px;
    height:30px;
    border:1px solid #999;
    background:white;
    background-color: transparent;
    padding:0px 10px;
}

.login-box input[type="text"]:focus,.login-box input[type="password"]:focus{
    border: 1px solid black;
}

.pos1{
	/**width:180px;**/
	height:40px;
	display:inline-block;
	float:left;
	padding-left:10px;
	line-height:40px;
	font-size: 115%;
}

.pos1 img{
vertical-align:top !important;
padding-top:2px;
}

.pos2 {
    line-height:40px;
	font-size: 90%;
}

.operation_menu {
	margin-left: 14px;
}

#globalSearchField {
	margin-right: 10px;
}

/* Action Bar Stylings
 *--------------------------*/
.operation_menu ul {
	padding: 0;
	display: inline;
}
.dropdown {
	position: relative;
}
ul.dropdown-menu {
	position: absolute;
	left: 0;
	z-index: 1000;
	float: left;
	min-width: 165px;
	padding: 0;
	margin: -2px 0 0;
	list-style: none;
	background-color: #fff;
	border: 2px solid #009acd;
	display: none;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	left: 100%;
	top: 0;
}

li.dropdown:hover>ul.dropdown-menu{
    display: block;
}

li.menu_section_label {
	color: #333;
	font-size: 0.9em;
	vertical-align: bottom;
	padding: 20px 0 0 4px;
	line-height: 0;
}

.open>.dropdown-menu {
	display: block;
}

.operation_menu ul li {
	display: inline;
}

.operation_menu > ul li a {
	padding: 0 14px;
	text-decoration: none;
	color: white;
	height: 40px;
	line-height: 40px;
	display: inline-block;
}

.operation_menu > ul li a:hover {
	background: rgba(0,0,0,.12);
}

.operation_menu > ul li.disabled a {
	opacity: 0.5;
	cursor: default;
}
.dropdown-submenu>a:after {
	display: block;
	float: right;
	width: 0;
	height: 0;
	margin-top: 10px;
	margin-right: -10px;
	border-color: transparent;
	border-left-color: #999;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	content: " ";
} 
ul.dropdown-menu>li a {
	display: block;
	color: #666;
	cursor: pointer;
	line-height: 20px; /* changes on 10/3/2017 bugnet : 17685 */
	height: auto;		/* changes on 10/3/2017 */
	/*padding-left: 5px;
	border-bottom: 1px solid #e7e7e7;*/ /* changes on 10/3/2017 */
	padding: 5px 0px 5px 10px;  /* changes on 10/3/2017 */
}
ul.dropdown-menu li {
	display: list-item;
}
li.dropdown-submenu > ul.dropdown-menu {
	display: none;
}
li.dropdown-submenu:hover > ul.dropdown-menu {
	display: block;
}
/* .operation_menu ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover > ul.dropdown-menu {
	display: block !important;
}
*/

/*--------------------------*/

.controls button {
	background: white;
	border: 0;
	cursor: pointer;
	color: #666;
	font-size: 16px;
	margin: 0;
    padding: 0px 10px;
}

.controls button .icon {
	display: none !important;
    background-image: url(../images/controls2.png);
    background-position: -35px -10px;
	width: 11px;
	height: 9px;
}

.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
nav ul ul {
	display:none;
	position: absolute;
	left: 100%;
	top:0;
	width:245px;
	background:#F0F0F0;
	z-index: 100;
}
nav ul li:hover > ul {
	display: block;
}


.menu li {
	cursor: pointer;
	position: relative;
	height:30px;
}
.menu li a {
	color: black;
}
.menu li a {
	display:block;
	text-decoration:none;
	padding:4px;
	padding-left:1.5em;
	vertical-align:middle;
}
.menu li a:hover, .menu li.tools-active {
	background-color: #e7e7e7;
	/*background-color: #CDCDCD;*/
}

.move-img{
	margin-right:4px;
}

#save-menu{
	margin-top:10px;
}

.ui-state-highlight {
	height: 1.5em;
	line-height: 1.2em;
}

.menus li {
    background-color: #f0f0f0;
}

.mainmenu-item-selected {background-color: #CDCDCD;}

.sortablemenu li, .sortablemenu li a {
    cursor:move;
}

.pos3{
	float:right;
	line-height:35px;
	height:35px;
}

.user-profile-icon{
	display: inline-block;
	vertical-align: top;
	padding-top: 0px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
    max-width: 300px;
    margin-right:20px;
}

.new_order{
	height:40px;
	line-height:40px;
}

.mainmenu{
	background-color: #F0F0F0;
	width:180px;
	float:left;
	position: fixed;
	top: 40px;
	padding-top: 20px;
	bottom: 0;
	left: 0;
	z-index: 20;
}

#mainmenu .mainmenu-item 
{
	position: relative;
	height: inherit;
	margin-top: 6px;
	line-height: 18px;
}

#recent_pages.menu
{
	margin-top: 60px;
}

#recent_pages.menu li
{
	width: 100%;
	overflow: hidden;
}

#recent_pages.menu li a
{
	width: inherit;
	height: inherit;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
}

ul.submenu{
	/* width: 350px; */
	width: 245px;
	max-height: 380px;
	overflow-y: auto;
}
.submenu1 { 
height: 380px; overflow-y: scroll;
  /*  width: 245px;
	max-height: 380px;
	overflow-y: auto;*/
}
.hidden-menu-a{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.content-wrapper{
}

/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes.
 */
#MySplitter {
    /*margin-left: 180px;
    margin-right: 160px;
    */

    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 180px;
    right: 0px;

    /* No padding allowed */
}

#TopPane {
    padding:0px;
}

#LeftPane,
#RightPane
{
	background-color: #F0F0F0;
}

/*
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey.
 */
#MySplitter .hsplitbar {
    height: 6px;
    background: #cca url(hgrabber.gif) no-repeat center;
    /* No margin, border, or padding allowed */
}
#MySplitter .hsplitbar.active, #MySplitter .hsplitbar:hover {
    background: #009ACD url(hgrabber.gif) no-repeat center;
}


#header{
	background-color: #009acd;
	color: white;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
/* added by lokesh*/
#header:hover{position:fixed !important;}
.menu-item-hidden{
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.show-hide-menu-element{
    cursor:pointer;
    border:1px solid #bbb;
	font-size:70%;
}

.settings-icon{
    background-image: url(../images/commands.png);
    background-position:-126px -2px;
    width:17px;
    height:17px;
    display:inline-block;
    margin-left:5px;
    margin-top: 11px;
}

.outter-settings, .fullscreen-settings {
    line-height:35px;
    display:inline-block;
    width:27px;
    cursor:pointer;
}
.outter-settings:hover, .fullscreen-settings:hover{
    background: rgba(0, 0, 0, .12);
}
.fs-right {
	text-indent: -10000px;
	background: url(../images/alt-fs-left.png) no-repeat center;
	 -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.fs-left {
	text-indent: -10000px;
	background: url(../images/alt-fs-left.png) no-repeat center;
}
.fs-both {
	text-indent: -10000px;
	background: url(../images/alt-fs-both.png) no-repeat center;
}
.fs-none {
	text-indent: -10000px;
	background: url(../images/fs-none.png) no-repeat center;
}

.tile-icon{
    background-image: url(../images/controls2.png);
    background-position: -82px -33px;
	width: 11px;
	height: 9px;
    display: inline-block;
    margin: 0px 5px;
}

.dark-tile-icon{
    background-image: url(../images/controls2.png);
    background-position: -82px -76px;
	width: 11px;
	height: 9px;
    display: inline-block;
    margin-left: 8px;
}

.lighter-text{
	font-family:'Nunito', 'Segoe UI', 'Segoe UI Web Regular', 'Segoe UI Symbol', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
	font-weight:100;
	color:#777;
	font-size:120%;
	display: block;
	text-decoration: none;
	padding: 4px;
	padding-left: 23px;
}

.tile-settings{
    display:inline-block;
    cursor:pointer;
}
.tile-settings:hover{
    background: rgba(0, 0, 0, .12);
}

.pull-down{
	display: inline-block;
    min-width: 90px;
    border:2px solid #009acd;
    border-top: 0px;
    color:black;
    background:white;
    text-align:left;
	z-index: 20;
}
.pull-down li {
	padding: 0px 5px;
}
.pull-down li a {
	text-decoration: none;
	color: #666;
    cursor:pointer;
	display: block;
}
#settings.pull-down li a {
	text-align: center;
}
.pull-down li:hover {
	background-color: #e7e7e7;
	cursor:pointer;
}

.pull-down-menu {
	color: #666;
}

.pull-down-menu li {
	line-height: 31px;
}

.grid-container .slick-header.ui-state-default {
	background: white;
}

.grid-container .slick-header-column.ui-state-default {
	background: white;
}

.form-container{
margin-left:20px;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.growlUI{/*
	width: 350px;
	border: 3px solid #009ACD;
	padding: 5px;
	backgroundColor: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius': 10px;
	*/
}

ul#tile-ul {
    text-align:left;
}


ul#tile-ul li a {
	display:block;
	padding-top:83px;
	font-size:13px;
	background-repeat:no-repeat;
}

ul#tile-ul li{
    display:inline-block;
    width:120px;
    height:120px;
    margin:3px;
    border: 3px solid #222;
    text-align: center;
    float:left;
}

ul#tile-ul li:hover{
    border:3px solid #555;
    cursor: pointer;
}

#chevron{
	margin:30px;
}

.filterInfo{
color:#666;
}

.filterlabel{
color:#666;
width:120px;
overflow:none;
display:inline-block;
}

.text_width{
color:#666;
width:120px;
overflow:none;
display:inline-block;
}

.filterlabelMore{
color:#666;
width:136px;
overflow:none;
display:inline-block;
}

.filterOperator, .setFilters{
margin-right:10px;
width:157px;
}

.setFilters{
	margin-left: -6px;
}

#filterMode{
width:auto;}

#searchForm{
margin-left:10px;
}

.btnCloseEast1{
height:80px;
background:#F0F0F0;
cursor: pointer;
border-bottom-style: solid;
border-width: 1px;
}

.btnCloseEast1 div{
margin-bottom:40px;
}

.btnCloseEast1:hover{
background:#f7f7f7;
}

.btnCloseEast1 a{
text-decoration:none;
}

.cssLineBtm{
width:inherit;
display:block;
border-bottom:1px;
border-color:#7a7a7a;
border-bottom-style:solid;
padding-bottom:20px;
padding-top:15px;
margin-left:10px;
}

.cssLineTop{
width:inherit;
display:block;
border-top:1px;
border-color:#7a7a7a;
border-top-style:solid;
padding-top:30px;
margin-top:30px;
}

#filterModeSpan{
float:right;}

.filterModeSpan{
padding-top:10px;
width:85px;}

.filterTextArea{
width:94%;
display:block;
}

.filterbutton{
margin-top:25px;
min-width:96px;
}

.filterbutton{
margin-top:3px;
}

.showMoreOptions:hover{
color:#000;
cursor:pointer;}

.showMoreOptions{
margin-top:5px;
text-align:left;
font-size:85%;
color:#2672EC
}

.blueaction{
margin-top:5px;
text-align:left;
font-size:85%;
color:#2672EC
}

.blueaction:hover{
color:#000;
cursor:pointer;}

.blue{
color:#2672EC
}
.widgetName{
float:left;
color:#009ACD;
padding-left:2px;
margin-top:5px;
}
.widgetName:hover{
cursor:pointer;}

.confirm{
font-size:80%;}

#btnDelete{
padding-right:10px;
float:right;}

#btnDelete1{
padding-right:10px;
float:right;}

.help-topic.active {
	cursor: help;
	background-color: #ffc;
}

.addFilterField{
border:none;
height:21px;
width:24px;
color:#fff;
background-color:#009ACD;
}
.deleteFilterField{
width:24px;
color:#fff;
background-color:#C01A33;
}

.filterFieldMode{
display:none;}

.globalSearch{
vertical-align: top;
display:inline-block;}

ul.styledList{
margin-left:35px;
list-style: disc;
}

ul.styledList li{
padding:5px;}

.helptitle{
padding:5px;}

.importUnrecognized {
color:#2672EC;
}
.importRequired {
color: red;
background-color: #FFD9D9;
width: 100%;
height: 100%;
display:block;
}
.importEdited span {
color:#000;
background-color: transparent;
}
input[type=file] {
outline: none;
}

.black{
color:#000;
}

#widgets li > div
{
height:80px;
background:#F0F0F0;
cursor: pointer;
border-bottom-style: solid;
border-width: 1px;
}

.widgetName {
	height: 20px;
	width: 100%;
	overflow: hidden;
}

.widgetSubTitle {
color:#665;
font-size: 60%;
float:right;
margin-top:40px;
margin-right:5px;
}

hr {
border-top-width: 1px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
}

#widget_4_1, #widget_3_1, #widget_4_1{
margin-top:10px;
}

#widget_3_2, #widget_4_2{
color:#665;
font-size: 60%;
float:right;
margin-top:63px;
margin-right:5px;
}

/**Overriding stylings of jquery-ui
	Autocomplete: minimum height
*/
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
 }
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 100px;
}

.status-icon-wrapper {
	float: left;
	padding: 4px;
	display: inline-block;
}

.status-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
}

.cssNoLine{
	border-bottom:0px;
	border-bottom-style:none;
}
.clear{
	clear:both;
}
.color{
	color: #666;
}
.actionfooter{
   position: absolute;
   height: 25px;
   bottom: 0;
   margin: 0 auto;
   margin-top: 5px;
   width: 98%;		/* who knows why, CSS is dermb (partially because 100% doesnt work with absolute)*/
}

#BottomPaneBrowser{
display: block;
height: 100%;
}
#bottomContainer{
	height:100%;
    position:relative;
}

#inputinline input, #inputinline label{
	display:inline;
}

.fullscreen {
	display: inline-block;
	cursor: pointer;
	width: 22px;
	height: 20px;
	padding-left: 2px;
	margin-top: 8px;
	background: url(../images/fullscreen-icon.png) no-repeat center 1px;
	text-indent: -9999px;
}

.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url(../images/ui-layout-icons-blue.png);
}

.ui-layout-toggler .ui-icon			{ margin:		0 auto; } /* default - center horizontally */
	.ui-layout-toggler-north .ui-icon ,
	.ui-layout-toggler-south .ui-icon	{ margin-top:	-3px; } /* tweak arrow vertical-center */
	.ui-layout-toggler-west .ui-icon ,
	.ui-layout-toggler-east .ui-icon	{ margin-left:	-3px; } /* tweak arrow horizontal-center */
	/* assign arrows for each side & state */
	.ui-layout-toggler-north-closed .ui-icon,
	.ui-layout-toggler-south-open .ui-icon {
	 	background-position: -64px -192px;	/* ui-icon-circle-triangle-s */
		background-position: -128px -16px;	/* ui-icon-triangle-2-n-s */
		background-position: -64px -16px;	/* ui-icon-triangle-1-s */
	}
	.ui-layout-toggler-south-closed .ui-icon,
	.ui-layout-toggler-north-open .ui-icon {
	 	background-position: -96px -192px;	/* ui-icon-circle-triangle-n */
		background-position: -128px -16px;	/* ui-icon-triangle-2-n-s */
		background-position: 0 -16px;		/* ui-icon-triangle-1-n */
	}
	.ui-layout-toggler-west-closed .ui-icon,
	.ui-layout-toggler-east-open .ui-icon {
	 	background-position: -48px -192px;	/* ui-icon-circle-triangle-e */
		background-position: -144px -16px;	/* ui-icon-triangle-2-e-w */
		background-position: -32px -16px;	/* ui-icon-triangle-1-e */
	}
	.ui-layout-toggler-east-closed .ui-icon,
	.ui-layout-toggler-west-open .ui-icon {
	 	background-position: -80px -192px;	/* ui-icon-circle-triangle-w */
		background-position: -144px -16px;	/* ui-icon-triangle-2-e-w */
		background-position: -96px -16px;	/* ui-icon-triangle-1-w */
	}
.module_wc_button
{
	background-color: #0072c5;
}

.module_wc_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 28px 15px;
	background-image: url("/assets/images/tiles/webclient.png");
}

.module_dp_button
{
	background-color: #d24726;
}

.module_dp_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 30px 19px;
	background-image: url("/assets/images/tiles/dispatch.png");
}

.module_l2_button
{
	background-color: #6245bc;
}

.module_l2_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 28px 15px;
	background-image: url("/assets/images/tiles/logistics.png");
}

.module_lg_button
{
	background-color: #5134ab;
}

.module_lg_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 28px 15px;
	background-image: url("/assets/images/tiles/logistics.png");
}

.module_rp_button
{
	background-color: #094ab2;
}

.module_rp_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 29px 18px;
	background-image: url("/assets/images/tiles/reporting.png");
}

.module_cm_button
{
	background-color: #026331;
}

.module_cm_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 37px 15px;
	background-image: url("/assets/images/tiles/crm.png");
}

.module_cs_button
{
	background-color: #57ab23;
}

.module_cs_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 29px 15px;
	background-image: url("/assets/images/tiles/globe.png");
}

.module_jc_button
{
	background-color: #5963cf;
}

.module_jc_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 29px 15px;
	background-image: url("/assets/images/tiles/pig.png");
}

.module_eo_button
{
	background-color: #1485CC;
}

.module_eo_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 29px 15px;
	background-image: url("/assets/images/tiles/eorder.png");
}

.module_am_button
{
	background-color: #b627a7;
}

.module_am_button a
{
	text-decoration: none;
	color: #fff;
	background-position: 29px 15px;
	background-image: url("/assets/images/tiles/admin.png");
}
p.bad_value, div.bad_value, span.bad_value{
color: #F44 !important;
}

input.bad_value
{
	background-color: rgba(255, 0, 0, 0.4) !important;
	border-color: rgba(255, 0, 0, 0.5) !important;
}

select.bad_value
{
	background-color: rgb(255, 100, 100) !important;
	border-color: rgb(255, 0, 0) !important;
}
#loadColVal
{
	min-width:150px;
}

div.checkbox-group {
	width: 300px;
	overflow: auto;
	padding: 3px;
	border: 1px solid #aaa;
}

div.checkbox-group label {
	line-height: 20px;
	display: block;
}

.graphPadding{
	padding:10px;
	float:left;
}
.dashtitle{
	color:#666;
	margin-left:360px;
	margin-top:15px;
	font-size:150%;
	font-family: 'Nunito' ,"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
	
}

.append_browser_container{
height:200px;
}
.append_content_container{
height:200px;
}

.division-current {
	font-weight: bold;
}

label.field {
	display: block;
	width: 400px;
	height: 35px;
}
label.field > span {
	display: inline-block;
	width: 100px;
	float: left;
}
label.field > input {
	display: inline-block;
	width: 250px;
	line-height: 12px;
	float: left;
}
label.field > input[id='f1'] {
	display: inline-block;
	width: 254px;
	line-height: 12px;
	float: left;
}
label.field > input.small_input{
	width:120px;
}
.form_line p.small_text{
	text-align: right;
}
.form{
	margin: 12px 25px 5px 25px;
}
.form_line{
	margin: 5px 0px;
}
.message{
	font-weight:bold;
	margin-left:25px;
	margin-top: 10px;
}
.buttons{
	margin-left:25px;
}
.right{
	float:right;
}

.browser_search_box{
	float: right;
	margin-right: 15px;
}

.form_field ol{
	list-style:outside;
}
.form_field ol li, .form_field ul li{
	margin-left: 15px;
}
.form_field ol li{
	list-style-type:decimal;
}

input.invalid, textarea.invalid, select.invalid
{
	background-color: rgba(255, 0, 0, 0.4);
	border-color: rgba(255, 0, 0, 0.5);
}

select:disabled :: -ms-expand {
	display: none;
}

select:disabled
{
	background-color: rgb(235, 235, 228);
	-webkit-appearance: none;
	-moz-appearance: window;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.form_buttons
{
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
}

.form_buttons.vertical [type="button"]
{
	margin-bottom: 3px;
}

.form_buttons.horizontal [type="button"]
{
	margin-left: 6px;
}

.form_buttons [type="button"]
{
	display: block;
	border: 1px solid #009acd;
	background-color: #009acd;
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	width: 150px;
	cursor: pointer;
	text-align: center;
}

.form_buttons [type="button"]:disabled
{
	background-color: #999;
	border-color: #999;
	color: #CCC;
	cursor: not-allowed;
}

.form_buttons [type="button"]:hover:not(:disabled)
{
	border: 1px solid #0087b4;
	background-color: #0087b4;
}

.parallel-panel .close-button
{
	float: right;
	display: block;
	font-size: 12px;
	color: #009acd;
	margin-top: 5px;
	margin-right: 5px;
	cursor: pointer;
}

.parallel-panel .close-button:hover
{
	text-decoration: underline;
}

.excel_export_icon_button
{
	background: url(../images/excel_export_icon.png) no-repeat;
	background-position: -17px 0;
	width: 15px;
	height: 20px;
	cursor: pointer;
	margin-top: 2px;
}

.excel_export_icon_button:hover
{
	background-position: 0 0;
}

.grid-tools .action-button
{
	margin-bottom: 8px;
}

.grid-tools .action-button:last-child
{
	margin: 0;
}

.action-button
{
	display: block;
	border: 1px solid #009acd;
	background-color: #009acd;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	width: 150px;
	cursor: pointer;
}

.richtext_content
{
	width: 756px;
	height: 576px;
}

.cell-func
{
	cursor: pointer;
}
/* added by  lokesh to clear serach text */
.clearable{
  background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
 /* transition: background 0.4s;*/
}
.clearable.x  { background-position: right 5px center; }
.clearable.onX{ cursor: pointer; }
.clearable::-ms-clear {display: none; width:0; height:0;}
/* added by lokesh for bugnet 16586 : for projected qty validation when blank on import purchase*/
.slick-row .selected.importReq, .slick-row .importReq, .slick-row .selected:hover.importReq{
color: red;
background-color: #FFD9D9;
/*width: 100%;*/
height: 18px !important;
display:block;
padding:5px;
}
/*.importReq div {
color:#000;
background-color: transparent;
}*/