*  {
	font-family: 'OpenSans-Regular',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "HelveticaNeue", "HelveticaNeueLT", Helvetica, Arial, "Lucida Grande", sans-serif;
	}

body{
	font-size: 100%;
	height: 100%;
	width: 100%;
	color: black;
	padding: 0px !important;
	background: url("images/bg3.jpg") no-repeat fixed center;
	background-size:cover;
	/*background: #fcfcfc;*/
	/*background: url("images/07.jpg") no-repeat fixed;*/
	/*background: url("images/background_grey.jpg") #fcfcfc;*/
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 10px;
	margin: 0px;	
}

#collapseFilesDiv {
	left: 0px;
    position: absolute;
    top: 0px;
}
.products_list_invoice {border-collapse: collapse;width: 100%;}
.products_list_invoice tr td,.products_list_invoice tr th {font-size:90%;border: 1px solid #ececec;text-align:center;padding:2px;}
.products_list_invoice tr th {background:#f7f7f7;}
.issues_div{
	height:100%;width:100% !important;position:relative;
}
.issue_header{
	height:100%;width:100% !important;
}
.issue_priority{
	float:left;margin-top:10px;margin-left:140px !important;font-size: 15px;
}
.select_issue_priority{
	font-size:20px;margin-left:2px;width:105px !important;
	
}
.issue_input{
 	width:440px !important;margin-left:10px;margin-top:10px;font-size:20px !important;
 }
 .history_content{font-size:12px;margin-top:10px;margin-left:17px;}
 .issue_text{
 	margin-top:10px;margin-left:10px;font-size:20px;width:440px;min-height:110px;resize:none;
 }
 .issue_button{
 	margin-top:8px;float:right;
 }
 .blueDottedBorder{border:2px dotted blue !important;}
.glowing-border {
    border: 2px solid #dadada;
    border-radius: 7px;
}
.glowing-border:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
.wrapper {
	height: 100%;
	background-color: #f7f7f7;
}

.footer,.push {
	height: 3em;
	text-align: center;
	height: auto;
	font-size: 85%;
	color:grey;
}
.footer a {color:#5BA8FF;}
a, .breadCrumbs, .breadCrumbs a {
	text-decoration: none;
	color: #135cae;
}

a:hover,.underline {
	text-decoration: underline;
}

table {
	font-size: 90%;
}

.left25 {
	margin-left: 25px;
}

@
variables {
	maingrey: #f7f7f7;
}

fieldset {
	background-color: #ffffff;
	border: 0px solid #e7e7e7;
}
#newSupplierForm fieldset, #newCompanyForm fieldset {width:95% !important;}
hr {
	border: 0 #e7e9eb solid;
	border-top-width: 1px;
	height: 0;
}
div.panel-title {font-size:120%;}
/* Forms*/

input,input[type="color"],div#productsAutocompleteDiv input#toinput,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],textarea,.textArea,.inputdivFixed,.addPeople,.multiSelect,.valid	
	{	
	border: 1px solid #ececec;
	color: #404040;
	font-size: 100%;
	padding: 7px;
	vertical-align: middle;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
input[type="textarea"],textarea{
	border: 1px solid #ececec;
	color: #404040;
	font-size: 100%;
	padding-left: 8px;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}
input[type="checkbox"]{padding-left: 0px;border-radius: 0px !important;min-height:0px ;}
input[type="date"],input[type="datetime"],input[type="datetime-local"],.alignCenter	{text-align: center !important;}
.inputdiv,.inputdivFixed,.addPeople, .rfqProductDetail {
	line-height: 18px;
	background: #ffffff;
	border: 1px solid #ececec;
	height: auto;
	width: 100%;
	float: left;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}
table.messageTable .inputdivFixed  {border:none;border-bottom: 1px solid #ececec;}
select,select[size="0"],select[size="1"]{
	border: 1px solid #ececec;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	height:30px;
	padding-left:6px;
	color: #404040;
	font-size: 100%;	
}
input[type="radio"]{padding:0px 5px 0px 5px !important;height:15px !important;}
.dateRadio {font-size:100% !important;}
.packingSectionName,.80percent {width: 80%;}
#searchstr {width: 65%;}
#findtext {width:400px;}
.termsConditions {
	border: 0px solid #f7f7f7;
	width: 100%;
	height: auto;
	line-height: 18px;
	overflow-x: auto;
	overflow-y: hidden;
	text-align: left;
	min-height: 200px;
	background-color: #ffffff;
	padding: 0px;
	display: inline-block;
	box-sizing: border-box;
}
span.hoveDom {width:100px;background:#f7f7f7;}
#terms {
	min-width: 300px;
}

.qtip-active {
	z-index: 9000 !important;
}

.inputdivFixed {
	max-height: 60px;
	overflow-y: auto;
}

.addPeople {
	max-height: 100px;
	overflow-y: auto;
}
select[multiple=true],.termsConditions {
	min-height: 80px;
}

form {	
	margin-bottom: 0px;
	width: auto;
}

/* Site   -------------------------------- */
@font-face {
	font-family: t4t;
	src:
		url('http://localhost:8080/SBEASAP/main/styles/fonts/GeosansLight.ttf')
}

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", "HelveticaNeue", "HelveticaNeueLT", Helvetica, Arial,
		"Lucida Grande", sans-serif;
}

.bodyBG {
	background-color: #ffffff !important;
	background-image:none;
}
#topArrowAction {
	position: fixed;
	bottom: 80px;
	right: 15px;
	outline: none;
	background-attachment: scroll;
	background-color: transparent;
	display: none;
	width: 48px;
	height: 48px;
	opacity: 0.5;
	background-position: 0px 0px;
	background-repeat: no-repeat no-repeat;
	z-index: 9999999;
	cursor: pointer;
}

#topArrowAction:hover {
	opacity: 1;
}
.arrowNext {
	display: none;
	margin-left: auto; margin-right; auto;
	cursor: pointer;
	color: blue;
	background-image: url(images/arrow_down_alt1_32x32.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 50px;
	vertical-align: bottom;
	text-align: center;
	background-position: bottom;
}

.arrowConnector {
	background-image: url(images/arrow_down_alt1_32x32.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 50px;
}

.iconRoundBlue,.iconRoundGrey {
	position:relative;
	display: inline-block;
	margin-bottom: 5px;
	width: 32px;
	cursor: pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #e7e7e7;
	color: #fff;
	padding: 12px;
	opacity: 1 !important;
}

.iconRoundGrey {
	background-color: #ffffff !important;
}

.iconRoundBlue:hover,.iconRoundGrey:hover {
	background-color: #e7e7e7;
}
.simpleTabsDefault {background-color: none;color:blue;textDecoration:none;padding:3px;}
.simpleTabsSelected {background-color: grey;color:white;border-radius:0px;padding:3px;textDecoration:none;}
/* -----Lists------*/
table.tablesorterNew {
	font-family: arial;
	background-color: #dad9c7;
	margin: 10px 0pt 15px;
	font-size: 100%;
	width: 100%;
	text-align: left;
	margin-left: %;
	background: #ffffff;
}

table.tablesorterNew thead tr th,table.tablesorterNew tfoot tr th {
	background-color: #F7F7F7;
	border: 1px solid #ffffff;
	font-size: 100%;
	padding: 10px;
}

table.tablesorterNew thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorterNewEven thead,table.tablesorterNewEven tr:nth-child(even)
	{
	background: #f0f0f0;
}

table.tablesorterNew tbody td {
	color: #3D3D3D;
	padding: 5px 5px 5px 5px;
	vertical-align: middle;
	font-size: 100%;
}

table.tablesorterNew tbody tr.odd td {
	background-color: #F0F0F6;
}

table.tablesorterNew tbody tr {
	height: 50px;
}

table.tablesorterNew thead tr .headerSortUp {
	background-image: url(small_asc.gif);
}

table.tablesorterNew thead tr .headerSortDown {
	background-image: url(small_desc.gif);
}

table.tablesorterNew thead tr .headerSortDown,table.tablesorterNew thead tr .headerSortUp
	{
	background-color: grey;
	color: white;
}

table.tablesorterNewMini {
	table-layout: fixed;
}
table.tablesorterNewMini thead tr th,table.tablesorterNewMini tfoot tr th, table.tablesorterNewMini tbody td , table.tablesorterNewMini tbody th   {
	padding: 5px;
	font-size:8pt;
	text-align: center;
}

table.tablesorterNewMini tbody tr {
    height: auto;
}

table.hooverTR tr:hover td, table.hooverTR tr:hover th, table.tablesorterNew tr:hover td,table.specificationsTable tr:hover td,table.productQuotationTable tr:hover td,.dhx_dataview_default_item:hover,table.options-table tr:hover td,.productThumbnail:hover,table#ncTable tr:hover, table#qcproductsTable tr:hover,table#tasksTable tr:hover, ul#companylistul li:hover{
	background-color: #FFFFCF; /*rgb(232, 241, 247)*/
}
.followUp:hover,followUpNew:hover {
	background-color: #FFFFCF;
	-o-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,.13);
	-moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,.13);
	box-shadow: 1px 1px 3px 2px rgba(0,0,0,.13);
}
#panelForShowingMessages .followUp,#simpleMessageDialog table.documentFiles {background-color: #fff;}
#panelForShowingMessages .followUp:hover { background-color: #fff;
	-o-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0);
	-moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0);
	box-shadow: 1px 1px 3px 2px rgba(0,0,0,0);
	}
#simpleMessageDialog {overflow-y:auto!important;height:100%;background-color: #fff;}
.pager {padding:10px 80px !important;text-align: right;}
/* User profile and members  -------------------------------- */
div.photoFameUser,.classicFrame {
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	border: 0px solid white;
	width: auto;
	height: auto;
	margin: auto;
	display: inline-block;
}

.frameLogo {
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
	padding: 2px;
	max-height: 50px;
	max-width: 100px;
	vertical-align:top;
}
div.circularFrame {width: 60px;height: 60px;background-size: cover !important;border-radius: 60px;}
div.circularFrameBig {width: 120px;height: 120px;background-size: cover !important;border-radius: 120px;}
div.circularFrameSmall {width: 30px;height: 30px;background-size: cover !important;border-radius: 30px;}
.circularFrame50px, .circularFrameBlue50px {width: 50px;height: 50px;background-size: cover !important;border-radius: 50px;vertical-align:bottom;text-align: center;}
.circularFrameBlue50px {background-color:#0052cc;}
.circularFrameBlue50px img {margin-top: 15px;height: 20px;cursor:pointer;}
.emailonPicture {position:absolute;bottom: -15px;left: 4px;height: 14px;}
.emailonPicture img {}
.userFullname,.userFullnameList {
	font-size: 250%;
	color: #0070c6;
	text-align: left;
    display: block;
}

.userFullnameList {
	font-size: 150% !important;
}

/* Tables-------------*/
table.myTable,table.myTableView,table.questions,table.remarks,table.myTableVertical,table.myTableVerticalView,table.myTablePayments,table.myTablePayments,table.orderInfo
	{
	border-spacing: 0px;
	width: 100%;
	padding: 0px;
	margin: 5px 0 5px 0;
	word-wrap: break-word;
}

table.remarks { *
	width: 500px;
	table-layout:fixed;
}

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

table.myTable tr>th,table.myTableView tr>th,table.questions tr>th,table.remarks tr>th,table.myTableVertical tr>th,table.myTableVerticalView tr>th,.labels,table.myTableSmall,.labelsLeft,table.pm tr th, table.inspection-methodology tr>th
	{
	padding: 7px 0px 7px 0px;
	text-align: right;
	color: #5C5C5C;
	font-weight: normal;
	font-size: 110%;
	word-break:break-all;
	position:relative;
}

table.myTableVertical tr>th,table.myTableVerticalView tr>th {
	text-align: center;
}

table.questions tr>th,table.remarks tr>th {
	text-align: left;
}

table.myTable tr>td,table.myTableView tr>td,table.questions tr>td,table.myTableVertical tr>td
	{
	padding: .2em;
	padding-left: 5px;
	text-align:left;
	word-break:break-all;
	position:relative;
}
table.myTableVertical tr>td,table.myTableSmall tr>td {
	text-align:center;
}

table.myTableSmall{
	table-layout:fixed;
}

table.myTableSmall td, table.myTableSmall th {
	font-size: 85%;
}
table.myTableSmall input {
	font-size: 100%;
	max-width:55px;
	padding:0px;
	background: none;
    border: none;
    text-align:center;
}

table.myTableSmall thead,table.myTableSmall tr:nth-child(even)
	{
	background: #f0f0f0;
}

table.myTableSmall tr:hover td, table.myTableSmall tr:hover th{
	background-color: #FFFFCF; /*rgb(232, 241, 247)*/
}
.timeNameCol {
            width: 130px;
}
table.myTableVertical tr>td {
	text-align: center;
}

table.myTableView tr>td,.infoView,.infoViewGrey,table.myTableVerticalView tr>td,.infoViewPo
	{
	background-color: #ffffff \0/; //
	background-color: #ffffff;
	border-radius: 0px;
	padding: 10px;
	border: 0px solid #ffffff;
	font-size: 115%;
	margin: 10px \0/;
}

.ie10 table.myTableView tr>td {
	background-color: #ffffff;
}

table.myTableVerticalView tr>td {
	text-align: center;
}

.infoView,.infoViewPo {
	padding: 5px;
	background-color: #ffffff;
	border: 1px dotted #b6b6b6;
	text-align: left;
}

.infoViewPo{
	width: 100%;
	padding: 10px;
	background-color: #f7f7f7;
	border: 0px;
	box-sizing: border-box;
}

table.myTablePayments,table.myTablePaymentsView,.sectionFrame {
	border: 1px solid #f7f7f7;
	background: #f7f7f7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 0px 5px 0px;
	padding: 10px;
	display:block;
	position:relative;
	clear:both;
	box-sizing: border-box;
	background-image: -o-linear-gradient(90deg, #fefefe, #fcfcfc) !important;
	background-image: -moz-linear-gradient(top, #fefefe, #fcfcfc) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe),color-stop(1, #f7f7f7) ) !important;
	filter: progid : DXImageTransform . Microsoft . gradient(startColorstr = '#fefefe', endColorstr = '#f7f7f7');
	box-shadow: 0 1px 2px #b6b6b6;
}

div.filterInputDiv input.filterInput  {border: none;border-bottom:1px solid #e7e9eb ;width:100%;}
div.filterInputDiv .icon-consultar {
	position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0.4;
}

.sectionFrameInTransaction {
	border: 1px solid #f7f7f7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	display:block;
	position:relative;
	clear:both;
	box-sizing: border-box;
}
table.myTablePayments,table.myTablePaymentsView {display:inline-table;}
table.myTablePayments tr>th,table.myTablePaymentsView tr>th {
	text-align: center;
	color: #5C5C5C;
}
#paymentsDiv {
	position: fixed;
    width: 380px;
    height: 220px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border: 1px solid #c2c2c2;
    z-index: 999;
    display: none;
    margin: -110px auto auto -165px;
} 
table.myTablePaymentsView tr>td {
	background-color: #ffffff;
}
table.template {
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: red;
	border-collapse: collapse;
	background-color: ;
}

table.template th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #b6b6b6;;
}

table.template td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #b6b6b6;
}

.sbeServiceSummary,.yellowRemarks,.redRemarks,.sbeBGColor {
	font-size: 90%;
	padding: 5px;
	text-align: left;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.sbeServiceSummary {
	background-color: #E5Efff;
	border: 0px dotted #b6b6b6;
	text-align: center;
}
.sbeBGColor {background-color: #002663;}
.yellowRemarks {
	background-color: #FFFFCF;
	border: 0px dotted #b6b6b6;
	text-align: center;
}
.redRemarks {
	background-color: red !important;
	border: 0px dotted #b6b6b6;
	text-align: center;
	color:white;
}
table.myContactsTable tr>th {
	text-align: right;
	color: #5c5c5c;
	font-size: 90%;
}

table.myContactsTable tr>td,table.myContactsTableView {
	text-align: left;
	color: #5c5c5c;
	padding:10px;
	height: 22px;
	font-size: 100%;
}

table.myContactsTableView {
	background-color: #f7f7f7;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-135, Color='#b7b7b7')"
		;
	/* For IE 5.5 - 7 */
	filter: progid : DXImageTransform . Microsoft .
		Shadow(Strength = 4, Direction = -135, Color = '#b7b7b7');
	border-radius: 0px;
}

table.myContactsTable,.companyInfo {
	border: 0px dotted #c6c6c6;
	background-color: #ffffff;
	padding: 5px;
	vertical-align: top;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-135, Color='#b7b7b7')"
		;
	/* For IE 5.5 - 7 */
	filter: progid : DXImageTransform . Microsoft .
		Shadow(Strength = 4, Direction = -135, Color = '#b7b7b7');
	border-radius: 0px;
	box-shadow: 0 0 5px #888;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

table.accessSharingBox {
	background-color: #f7f7f7;
	text-align: left;
	vertical-align: top;
	width: 100%;
	height: auto;
}

div.accessSharingDiv {
	width: 200px;
	background-color: #f7f7f7;
}

#rfqrecipientsList,#qcrecipientsList,#shipmentrecipientsList,#porecipientsList
	{
	width: 100%;
	height: auto;
}

.inputField {
	width: 100%;
	border: 1px solid #B6B6B6;
	padding-left: 5px;
	height: 23px;
	border-radius: 0px;
}

/*Columns*/
.column {
	padding:10px;
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.inlineDiv {display:inline-block;box-sizing: border-box;-moz-box-sizing: border-box;float:left;position:relative;}
.column_l {margin-right: 1% !important;margin-left: 0 !important;}
.column_r {margin-left: 1% !important;margin-right: 0 !important;}
.one_half, .one_third,.two_thirds, .colCommon,.one-fourth-menu,.one_fourth, .one-fourth, .three_fourths, .one_fifth, .two_fifths,.three_fifths,.four_fifths {display:inline-block;margin:0px;vertical-align: top;box-sizing: border-box;-moz-box-sizing: border-box;}
.one_half {width: 48%;}
.one_third_column_r {width: 31% !important;}
.one_third {width: 32%;}
.two_thirds {width: 65%;}
.one_fourth, .one-fourth {width: 24%;}
.one-fourth-menu {width: 24% !important;text-align:center;}
.three_fourths {width: 73%;}
.one_fifth {width: 18% !important;text-align:center;}
.two_fifths {width: 38% !important;height: 100px;}
.three_fifths {width: 68% !important;height: 100px;}
.four_fifths {width: 78% !important;height: 100px;}

/*Wizard Helper Styles*/

.wizardIniPic {
	float: left;
	width: 50px;
	padding-right: 5px;
}

.wizardBody {
	width: 100%;
	text-align: left;
	font-size: 120%;
}
.wizardBodyFix {width: 250px;}
.wizardTitle {
	text-align: center;
	display:block;
}

/* Layout
   -------------------------------- */ 
 
/*
.dashboardIcon {right: 36.8%}
.messagesIcon {right: 32%;}
.tasksIcon {right: 27.2%;}
.billingIcon {right: 27%;}
.wallIcon {right: 41.5%}
.omniIcon {right: 20%;}
 */
table#callToActionTable {width:100%;padding:0px 10px 0px 10px;}
table#callToActionTable tr td, valignMiddle {vertical-align:middle;}
#address_address {height:50px;}
/*SelectBoxBuilder*/
.selectionBoxes {
	width: 85%;
	margin-bottom: 5px;
	)
}

.infoPreviewIcon {
	vertical-align: middle;
	cursor: pointer;
}

.iconInSelectBoxes {
	position: relative;
	left: -3px
}

/* Style for all document's with no CB layout & No Message Log*/
.FloatRight {
	float: right
}

.FloatLeft, .receipStyle {
	float: left
}
.receipStyle {padding-top:6px;}
.centerText {
	text-align: center !important;
	vertical-align: middle !important;
}

.borderSpacing {
	border-spacing: 10px;
}

td.topBar,div.topBar,.topBar,div.topBarEdit {
	vertical-align: center;
	background-color: #f7f7f7 !important; /* 2a6ebb blue*/
	/*background: url("images/background_grey.jpg") #fcfcfc;*/
	/*box-shadow: -2px 2px 3px #aaaaaa ;
	-moz-box-shadow: -2px 2px 3px #aaaaaa ;            
 	-webkit-box-shadow: -2px 2px 3px #302D2D ;*/
	border-bottom: 1px solid #b6b6b6;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
	background-image: -moz-linear-gradient(top, #ececec, #ffffff) !important
		;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec),
		color-stop(1, #ffffff) ) !important;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec',endColorstr='#ffffff')"
		!important;
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#ececec', endColorstr = '#ffffff');
}

div.topBar,div.topBarEdit {
	min-height: 50px;
	width: 100%;
	box-sizing:border-box;
	height:60px;
}

div.topBar {padding: 0 5 0 5;}

div.topBarEdit {padding:0 3 3 3;}
.fixedHeader {
	position: fixed !important;
	top: 0px;
	z-index: 100;
}
.fixedHeaderSticky{z-index: 100;}

.afterHeaderPostition {
/* 	position: absolute !important; */
	margin-top: 60px !important;
}

.defaultFullWidth, .noteInput{
	display: inline-block;
	width: 100%;
	text-align: left;
	clear: both;
	position:relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
table.defaultFullWidth {display: inline-table;}
.duplicateItems {text-align:center;position:fixed;z-index:998;top:50%;left:50%;margin-top:-100px;height:200px;width:500px !important;margin-left:-300px;}
table.duplicateItems .documentSubjectNew,body input.documentSubjectNew  {border-bottom:1px solid #ececec;}
table.duplicateItems tr th {text-align:center;}
table.duplicateItems .de {display:inline-block;width:50%;}
#piContractDiv {
	display: none;
	width: 100%;
	table-layout:fixed;
}
.hiddenElement,#lookRight, #commercialInfoTdDiv,.listMiniTrigger,.listMiniTrigger700,.create_issue  {display: none;}

.headerBarOrange,.headerBarBlue,.headerBarGreen, .headerBarRed {
	text-shadow: 0 1px 0 grey;
	font-size: 120%;
	height: auto;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #b6b6b6;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.headerBarOrange {
	background: orange;
	color: white;
}

.headerBarBlue {
	background: #e0e0e0;
	color: white;
}

.headerBarGreen {
	background: green;
	color: white;
}

.headerBarRed {
	background: red;
	color: white;
}

td.documentLayoutMain, #nutstore_link {
	/*This class define the middle content of the page*/
	background-color: #f7f7f7; /* 2a6ebb blue*/
	/*box-shadow: -2px 2px 3px #aaaaaa ;
	-moz-box-shadow: -2px 2px 3px #aaaaaa ;            
 	-webkit-box-shadow: -2px 2px 3px #302D2D ;*/
	vertical-align: top;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	width: 100%;
	border: 0px solid red;
	overflow-y: auto;
	overflow-x: hidden;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#publicQCQrCodeDiv img,#qcQrCodeDiv img {margin:auto;}

td.bottomBar {
	height: 10px;
	vertical-align: middle;
	background-color: #f7f7f7; /* 2a6ebb blue*/
	/*box-shadow: -2px 2px 3px #aaaaaa ;
	-moz-box-shadow: -2px 2px 3px #aaaaaa ;            
 	-webkit-box-shadow: -2px 2px 3px #302D2D ;*/
	padding-left: 20px;
}

div.documentLayout {
	position: relative; 
	position: absolute;
	vertical-align: top;
	border: 0px solid #b6b6b6;
}

table.documentLayout {
	/*background-color: #f7f7f7;*/
	width: 100%;
	height: 100% !important;
	height: 100%;
	vertical-align: top;
	table-layout: fixed;
	border-collapse: collapse;
	padding-top: 0px;
	overflow-y: auto;
}

.listLayout,.listLayoutPublic  {
	margin: auto;
	padding: 10px 0px 0px 0px;
	width: 100%;
	/*background: url("images/background_grey.jpg") #fcfcfc;*/
}
.listLayoutPublic {top:0px;position:relative}
.listHeaderTable {height:75px;width:100%;padding: 0px 5px 0px 5px;}
.filesPublic {height:400px;height:auto!important;position:fixed;width:450px;top:110px;}
#recordnumdiv {
	color: grey;
	position: absolute;
	margin: auto;
	left: 50%;
	top: 5px;
	padding: 0px;
	font-weight: normal;
	width: 150px;
	text-align: center;
	margin-left: -75px;
}

.mainTop {
	border-top: 0px solid #b6b6b;
	border-bottom: 0px solid #D5D5D5;
	/*background-image: -moz-linear-gradient(top,#ececec,#ffffff)!important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ececec),color-stop(1,#ffffff))!important;
	background-image: -o-linear-gradient(90deg,#ececec,#ffffff)!important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec',endColorstr='#ffffff')"!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#ffffff')!important;
	zoom: 1;*/
	background-maincolor: #f7f7f7;
}

.mainTopPublic {height:85px;width:100%;vertical-align:middle;background-color:#fcfcfc;position:fixed;z-index:99;}

.topContainer {
	background-image: -moz-linear-gradient(top, #2c2c2c, #505050) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c2c2c),color-stop(1, #505050) ) !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c',endColorstr='#505050')"!important;
	filter: progid : DXImageTransform . Microsoft .gradient(startColorstr = '#2c2c2c', endColorstr = '#505050')!important;
	zoom: 1;
	background-color: #2c2c2c !important;
	color: white !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	clear: both;
	padding:0px;
}
.homeFooter {height: 20px;position:fixed;bottom:0px;width:60%;padding:5px;box-sizing:border-box;background:rgba(0, 0, 0, 0.5);}
.homeFooter a, .homeFooter span {font-size:80%;color:#f7f7f7;}
.topContainer a {color: white;}
.topContainer {height: 50px;}
.footerIconsDiv {height:20px;display:inline-block;}
.boxedPage,div.boxedPage, .singlePage, .centerFrame {	
	width: 65%;	
	min-width: 65%;	
	margin: auto;
	max-width:100%;
}
.centerFrame, .centerFrame900 {width: 80%;}
.singlePage, .centerFrame {
	position:relative !important;
}
.singlePage800 {
	position:relative;
	width: 815px;
	margin: auto;
}

div.noTextOverflow,.noTextOverflow,.todivStyle,.documentSubject,.documentSubjectNew {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}
.listTable,.userMiniTip,.homePagePanels,.simpleRightFixDiv,.listTableBlue, .listTableOrange, .listTableGreen, .listTableYellow	{
	padding: 10px 0px 10px 0px;
	min-height: 10px;
	background: #f7f7f7;
	filter: progid : DXImageTransform . Microsoft .
		gradient(GradientType = 0, startColorstr = '#fcfcfc', endColorstr =
		'#fcfcfc');
	border: 0px solid #e1e1e1;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	behavior: url(ie-css3.htc);
	/* This lets IE know to call the script on all elements which get the 'box' class */
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
}
.listTableBlue,.blueStdColor {background-color: #4184d3;}
.listTableOrange {background-color: orange;}
.listTableGreen, .greenStdColor {background-color: green;}
.listTableYellow {background-color: #FFFFCF;}
.listTableRed { background-color: red; }
.simpleRightFixDiv {
	display: inline-block;
	width: 33% !important;
	top: 60px;
	position: fixed;
}

.downloadMoreButton {
	padding: 10px;
	display: block;
	color:blue !important;
}


.homePagePanels {
	padding: 0px;
}
.followUp,.followUpNew {
	table-layout:fixed;
	width:100%;
	padding: 8px;
	cellspacing: 0px;
	border:none;
	border-bottom: solid 1px #e1e1e1;
	text-align:left;
	behavior: url(ie-css3.htc);
}

.followUp, .defaultBGColor {
	background: #f7f7f7;		
}
.followUpNew {
	background: #ffffff;
}
img.followupSecIcon {width:6px;}
td.followupInfoContainer {padding-left:5px;vertical-align:middle;position:relative;}
td.followupInfoContainer .bluePill,td.followupInfoContainer .redPill, td.followupInfoContainer .greyPill,td.followupInfoContainer .greenPill {position:absolute;top:-10px;left:-15px;}
.followUp div.messageContentBlock{opacity:0.7;word-break: break-all;}
.followUpNew div.messageContentBlock{opacity:1;word-break: break-all;}
td.documentLayoutCell,.productLayoutCell,.documentLayoutCell {
	vertical-align: top;
	padding: 10px;
	width: 65%;
	overflow-y: auto;
	position: relative;
}

td.documentLayoutCellEdit {
	padding: 10px;
	width: 65%;
	overflow-y: auto;
	vertical-align: top;
	overflow-x: hidden
}

.productLayoutCell {
	background-color: #ffffff;
}

td.documentLayoutFiles, .documentLayoutFiles {
	border: 0px solid #b6b6b6;
	vertical-align: top;
	padding: 0px;
	width: 35%;
}

div.filesFloatingDiv{background-color:#f7f7f7;position:fixed;bottom:0px;right:0px;width:35%;padding:10px;z-index:100;max-height:500px;box-sizing:border-box;overflow-y:auto;}

.fixedElement {
	position: static;
	width: 100%;
	z-index: 0;
}
.tabs-panels1,.tabs-panels2 {overflow-y:auto;}
.pmBar, .homeBar  {
	height: 40px;
	position: fixed;
	bottom: 0px;
	left:0px;
	width: 100%;
	background: #4184d3;
	border:1px solid #4184d3;
	display: none;
	z-index: 1000;
	opacity:0.9;
	cursor:pointer;
	vertical-align:middle;
	padding:5px;
	font-size:250% !important;		
}

.buttonToTop {
	position: fixed;
	bottom: 20px;
	display: none;
	left: 20px;
	z-index: 500
}

.buttonsRightTop {
	text-align: right;
	padding: 0px;
	vertical-align: middle !important;
}

.buttonsRightBottom, .alignRight {
	text-align: right;
	/* 2a6ebb blue*/
}

table.documentFiles {
	background: #f7f7f7;
	width: 100%;
	text-align: center;
	float: left;
	height: auto;
	padding: 0px;
	border-collapse: collapse;
}
table.oneFileTable {width:73px;float:left;border:1px solid #fff;height:92px;table-layout: fixed;}
.filePreviewDefault {width:60px;max-height:55px;}
.messageLogDiv {
	float: left;
	position: fixed;
	height: 100%;
	background: #f7f7f7;
	padding: 5px;
	top: 58px;
	width: 34%; //
	width: 100%
}

table.documentFiles tr,.alignTop, td.alignTop {
	vertical-align: top !important;
}

table.pm,.pm {
	/* PM used as the header of all projects with the blue pin picture*/
	width: 100%;
	padding: 5px;
	vertical-align: middle;
	background-image: -o-linear-gradient(90deg, #fefefe, #fcfcfc) !important;
	background-image: -moz-linear-gradient(top, #fefefe, #fcfcfc) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe),color-stop(1, #f7f7f7) ) !important;
	filter: progid : DXImageTransform . Microsoft . gradient(startColorstr = '#fefefe', endColorstr = '#f7f7f7');
	border: 1px dotted #ffffff;
	box-shadow: 0 1px 2px #b6b6b6;
	box-sizing:border-box;
}

.popupUpload {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -100px; /* [-(height/2)px 0 0 -(width/2)px] */
	display: none;
}

.uploadContainer,#uploadModule {text-align:center;margin:10px 0px 10px 0px;}

table.whiteBoard {
	width: 100%;
	padding: 0px;
	vertical-align: middle;
}

div.documentFilesWindow,div.paymentsStyle {
	position: relative;
	float: left;
	text-align: left;
	height: 93% /*!important*/;
	/*height: 300px;*/
	width: 100% !important;
	border: 0px dotted #b6b6b6;
	background-color: #f7f7f7;
	text-align:center;
}

div.documentCell,.documentPreview {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	padding: 10px;
	background-color: #f7f7f7;
}

.docPreview { //
	width: inherit;
	vertical-align: top;
	min-height: 250px;
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid #f0f0f0;
	box-shadow: -2px 2px 3px #aaaaaa;
	-moz-box-shadow: -2px 2px 3px #aaaaaa;
	-webkit-box-shadow: -2px 2px 3px #302D2D;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=-135, Color='#000000')"
		;
	/* For IE 5.5 - 7 */
	filter: progid : DXImageTransform . Microsoft .
		Shadow(Strength = 4, Direction = -135, Color = '#000000');
	border-radius: 0px;
	display:block;
	position:relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

div .embededTable{
	width:100%;
	padding:10 px;	
	border:0px dotted #b6b6b6 ;
	text-align:center;
}
.messageHistory {
	border: 0px dotted #b6b6b6;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100px;
	opacity: .6;
	width: 98.5%;
	display:none;
}

.messageHistoryDiv,.messageHistory {
	background-color: #fcfcfc;
	padding: 10px;
	position:relative;
}
.messageHistoryTitle {position:relative;z-index:1;top:-4px;}

.layout-grid {
	width: 960px;
}

.layout-grid td,.valignTop {
	vertical-align: top;
}

.layout-grid td.left-nav {
	width: 140px;
}

.layout-grid td.normal {
	border-left: 1px solid #eee;
	padding: 20px 24px;
	font-family: "Arial", "Helvetica", "Trebuchet MS", "Verdana",
		"sans-serif";
}

.layout-grid td.demos {
	background: url('/images/demos_bg.jpg') no-repeat;
	height: 337px;
	overflow: hidden;
}

.ratingDialogDivFixed,.ui-dialog {
	-moz-box-shadow: -3px 3px 4px #A6A6A6;
	-webkit-box-shadow: -3px 3px 4px #A6A6A6;
	box-shadow: -3px 3px 4px #A6A6A6;
	width: 500px;
	height: auto;
	top: 150px;
	background-color: #ffffff;
	border: 1px solid #AAAAAA;
	z-index: 9999;
	display: none;
}

.ratingBox,.ratingBoxService {
	position: absolute;
	left: 10.4%;
	top: 10px;
	border: px dotted #b6b6b6;
	padding: 5px;
	padding-bottom: 2px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background: rgba(255, 255, 255, .8);
	filter: progid : DXImageTransform . Microsoft .
		gradient(GradientType = 0, startColorstr = '#886287a7', endColorstr =
		'#886287a7');
	margin: 0;
	behavior: url(border-radius.htc);
}

.ratingBoxService {
	position: relative;
	left: 0px;
	top: ;
	width: 100%;
}

.templatetr {
	text-align: center;
}

.wizardArrowBody {
	width: 100%;
	background: #fff;
}

.automaticAddImg {
	border: 0px;
	display: block;
	max-width: 90%;
}

.automaticAddImgPrivate {
	position: absolute;
	top: 5px;
	left: 10px;
	border: 0px;
}

.automaticAddImgIcon {
	border: 0px;
	background: white;
	border-radius: 30px;
	padding: 5px;
	margin: 10px;
}

.tab_content_new {
	height: auto !important
}

.introDiv80 {
	position: absolute;
	width: 80%;
	height: auto;
	top: 150px;
	left: 10%;
	background-color: #ffffff;
	border: 1px solid #1f497d;
	z-index: 999;
	display: none;
}

/*Tasks & Milestones*/
#tasksTable {
	width: 100%;
}

#tasksTable tr {
	border: 1px solid #e7e7e7
}

/* Sharing and Access control */
.messageSharingBox,.padding5 {padding: 5px !important;}
.padding0 {padding: 0px !important;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.margin0 {margin: 0px !important;}
.margin5 {margin: 5px !important;}
.margin10 {margin: 10px !important;}
.headerSharingBox,.cleanTitle {
	font-size: 120%;
}

.documentSharingAccess1,.viewBGColor {
	background-color: #f7f7f7;
}

.sharingTypeList {
	padding: 5px;
}

.floatingDialogs {
	display: none;
	position: absolute;
	background: #ffffff;
	border: 1px dotted #b6b6b6;
	padding: 5px;
	font-size: 90%
}

/*Accordion CSS*/
.AccordionTitle,.AccordionContent,.AccordionContainer {
	position: relative;
	width: 200px;
}

.AccordionTitle {
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-repeat: repeat-x;
	display: table-cell;
	background-image:
		url('http://tech.pro/_sotc/sites/default/files/108/images/title_repeater.jpg')
		;
	-moz-user-select: none;
}

.AccordionContent {
	height: 0px;
	overflow: auto;
	display: none;
}

.AccordionContainer {
	border-top: solid 1px #C1C1C1;
	border-bottom: solid 1px #C1C1C1;
	border-left: solid 2px #C1C1C1;
	border-right: solid 2px #C1C1C1;
}

/*Intro Helper*/ /* Layaouts for tips */
.sourcingTip, .orangeTip {
	text-align: justify;
	font-weight: bold;
	background-color: #FFE8AE; /*(#FFE8AE)*/
	border: 0px solid orange;
	padding: 10px;
	border-radius: 5px;
	width: 98%;
	color: #000;
}

.shippingTip,.greenTip {
	text-align: justify;
	background-color: #D5FFC0;
	border: 0px solid #2a6ebb;
	padding: 10px;
	border-radius: 5px;
}

.qaqcTip,.blueTip {
	text-align: justify;
	background-color: #DAEEF5;
	border: 0px solid #2a6ebb;
	padding: 10px;
	border-radius: 5px;
}

.userMiniTip {
	padding: 3px;
	background-color: #ffffff;
}

.attachmentList {
	background-color: #ffffffffffff;
	border: 1px solid #b7b7b7;
	width: 99.5%;
	height: 320px;
	overflow-y: auto;
	text-align: left;
}

.opacity {
	opacity: .4; /* other browsers  and IE9+ */
	filter: alpha(opacity = 40); /* IE6+ */
	filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 40);
	/* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
	/* this works in IE8 only */
}

.noOpacity {
	opacity: .1; /* other browsers  and IE9+ */
	filter: alpha(opacity = 100); /* IE6+ */
	filter: progid : DXImageTransform . Microsoft . Alpha(opacity = 100);
	/* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	/* this works in IE8 only */
}

.opacityBGWhite {
	background: rgba(0, 0, 0, .8);
	filter: progid : DXImageTransform . Microsoft .
		gradient(GradientType = 0, startColorstr = '#886287a7', endColorstr =
		'#886287a7');
	color: white;
	padding: 10px;
	margin: 0;
	border-radius: 0px;
	behavior: url(border-radius.htc);
}

/*Autocomplete*/
.todivStyle, .todivStyleNormal {
	float: left;
	background: #eeeeee;
	padding: 6px;
	border-radius: 5px;
	margin: 2px;
	max-width: auto;
	font-size:90%;
	color:#151515;
}
.todivStyleNormal {font-size:100%;}

.autocompleteObjectInput,#specificationkeywordinput,#keywordinput,#toinput,#ccinput,#invitetoinput,#product-keywordinput {
	width: 160px;
	float: left;
	outline: none;
	border: 0px;
	margin: 0px !important;
}
.categoryselect {height:180px;}
#panelForCategories, #product-panelForCategories,#panelForCategoriesSpecs {display:none;left:4px;top:5px; position:absolute;z-index:1000;width:100%;height:235px;background:#F6F6F6;border:1px dotted #ececec;border-radius:0px;overflow:auto;}
#product-categorySearchStr, #categorySearchStr,#categorySearchStrSpecs, #page1 input#categorySearchStr {width:94%;color:blue;font-size:12px;}
#categoryBox {width:100%;display: inline-block;text-align:left;}
#categoryBox a{cursor:pointer;}
.categoryselect {display:none;float:left;}
#categoryBox .categoryList {margin: 0px;}

#invitetoinput {
	width: 200px
}

/* Styles for intro/explanation panels*/
.promoteContent {
	padding: 10px;
	width: 100%;
	height:90%;
}

.optionIcon,.subjectIcon,.buttonIcon,.buttonImageSmall {
	float: left;
	padding-right: 5px;
	vertical-align: middle;
	display:inline-block;
}
.subjectIcon {
	width: 35px;
	padding-left: 5px;
}

.buttonIcon {
	height: 16px;
	float:initial;
}

.buttonImageSmall {
	width: 20px;
	float:initial;
}

.actionIcon {
	margin-right: 5px;
	vertical-align: middle;
	height: 20px
}

.topRightIcons{
	margin-right: 10px;
	margin-left: 10px;
	height: 24px;
	opacity: 0.4;
	vertical-align: middle;
}
.listIcons {
	margin-right: 5px;
	margin-left: 5px;
	height: 16px;
	opacity: 0.4;
	vertical-align: middle;
	cursor:pointer;
}
.miniIcon {
	margin-right: 3px;
	margin-left: 15px;
	height: 12px;
	opacity: 0.8;
	vertical-align: text-bottom;
}
.windowActionIcons {
	float: right;
	height: 16px;
	padding-left: 5px;
}

.closeIcon {
	position: absolute;
	right: -6px;
	top: -6px;
	cursor: pointer;
}
.collapseRightFiles {}
.allIcons{
	background-attachment: scroll;
	opacity: 0.6;
	background-position: 0px 0px;
	background-repeat: no-repeat no-repeat;
	cursor: pointer;
}

.allIcons:hover, .topRightIcons:hover, .listIcons:hover, .noDecoration  {
	opacity: 1;
	text-decoration: none;
}

#actionsDiv,#settingsDiv, .centerDialogBlueDiv, .centerDialogDiv{
	position: fixed;
	width: 640px;
	height: 400px;
	height: auto;
	top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -320px;
	background-color: #4184d3;
	border: 0px solid #4184d3;
	z-index: 1001;
	display: none;
	padding: 20px;
	color: #ffffff;
}
.centerDialogDiv{background-color: #fff;color: #000;z-index: 1000;display:block;background-color:#fff;}
#settingsDiv{top: 40%;}
#massRatingDiv{
	background-color: #ffffff;
	position: fixed;
	width: 400px;
	max-height: 400px;
    left: 50%;
    margin-left: -200px;
    z-index: 1000;
	display: none;
	padding: 20px;
} 

/*Sourcing Specifics*/
.sourcingIntro,.newDocumentIntro {
	position: fixed;
	width: 70%;
	height: auto;
	top: 10%;
	left: 15%;
	background-color: #ffffff;
	border: 1px solid #b6b6b6;
	z-index: 999;
	display: none;
}

/* Waiting for Suppliers Quotations Intro*/
#content {
	width: 200px;
	height: 100px;
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #f7f7f7;
	overflow: hidden;
	text-align: justify;
	background:#ffffff;
}

td.quoteTablePics {
	text-align: center;
	vertical_align: middle;
	border-bottom: 1px solid #b7b7b7;
	padding-top: 5px;
	padding-bottom: 5px;
	width:100px;
}

.listItems,.listItemsO {
	color: #3a74b9;
	font-weight: bold;
	font-size: 110%;
	text-shadow: 0 1px 0 white;
}

span.listItemsO {
	color: orange;
}
td.quoteTableText {
	padding: 10px;
	text-align: justify;
	vertical_align: middle;
	border-bottom: 1px solid #b7b7b7;
}

.titleAttention {
	font-size: 180%;
	text-align: justify;	
}
.titleAttention,.lightBlue {color: #4184d3;	}

.titleQuote {
	font-size: 180%;
	color: orange;
	font-weight: bold;
	text-align: justify;
}

div.serviceSBE {
	text-align: center;
	vertical_align: Top;
	border-bottom: 1px dotted #b7b7b7;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #0D2D58;
	overflow-y: auto;
}

.frontBoard {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
}

.frontBoardFrame {
	display: none;
	position: absolute;
	top: 50px;
	left: 200px;
	width: 700px;
	height: 500px;
	z-index: 100;
	background: #000;
}

/* Styles for UL elements*/
ul.apperance_menu {
	float: right;
}

ul.apperance_menu,ul.apperance_menu li ul {
	list-style: none;
	margin-right:50px;
	padding: 3px;
}

ul.apperance_menu li ul {
	display: none;
	position: absolute;
	background: #f2f2f2;
	padding: 2px;
	z-index: 120;
}

ul.apperance_menu li:hover ul {
	display: block;
	background-color: #ffffff;
	width: 100px;
	padding:5px;
	border:1px solid #b6b6b6;
}

ul.apperance_menu li.hover ul {
	display: block;
	padding: 0px;
	margin-left: -22px;
	margin-top: 19px;
	width: 70px;
}

ul.apperance_menu li {
	behavior: url("main/lib/themes/base/hoverie.htc")
}

ul.apperance_menu { 
	/*float: left;*/
	margin: 7px 0px 0px 0px;
	display: inline-block;
	vertical-align: middle;
	display: inline;
	padding: 0px;
}



ul.apperance_menu li ul li,.alignLeft {
	text-align: left !important;
}

ul.apperance_menu li ul li a {
	font-weight: 500;
	color: blue;
	font-size: 100%;
	text-align: left;
}
/*Counter Blue*/
.counterBlue,.counter {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 9999999999 !important;
	font-family: Arial, verdana, tahoma;
	font-size: 90%;
	color: white;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	background: #ff3019;
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019),
		color-stop(100%, #cf0404) );
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#ff3019', endColorstr = '#cf0404',
		GradientType = 0);
	filter: progid : DXImageTransform . Microsoft .
		Shadow(direction = 135, strength = 2, color = ff0000);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	cursor: pointer;
	opacity: 1 !important;
}
#counterBlue{display: block;padding-left:1;padding-left:10px;padding-right:10px;box-sizing: border-box;-moz-box-sizing: border-box;height:50px;}

/* New Buttons
   -------------------------------- */
.easyui-linkbutton,input[type="button"],.l-btn,.buttonBlue,.buttonGreen,.uploadify-button,.buttonOrange,.buttonOrangeBig,.buttonBlueBig,.buttonBlueBanner,.buttonOrangeBanner,.other
	{
	box-sizing: border-box;
	color: #5c5c5c;
	display: inline-block;
	text-decoration: !important;
	font-size: 110%;
	word-wrap: break-word;
	border: 1px solid #DFDFDF;
	margin: 2px;
	cursor: pointer;
	padding: 6px 6px 6px 6px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	min-width: 50px !important;
	vertical-align: middle;
	text-align: center !important;
	-webkit-box-align: center;
	cursor: pointer;
	outline: none;
	text-shadow: 0 1px 0 white;
	background-image: -moz-linear-gradient(top, #e0e0e0, #fefefe) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0),
		color-stop(1, #fefefe) ) !important;
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#e0e0e0', endColorstr = '#fefefe');
	background-image: -o-linear-gradient(90deg, #e0e0e0, #fefefe) !important;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0',endColorstr='#fefefe')"
		!important;
	background: #f7f7f7;
}
.easyui-linkbutton .l-btn-text{font-size: 110%;}
.easyui-linkbutton:hover,.l-btn:hover, input[type="button"]:hover,.l-btn:hover {
	background-image: -moz-linear-gradient(top, #fefefe, #e0e0e0) !important
		;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe),
		color-stop(1, #e0e0e0) ) !important;
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#fefefe', endColorstr = '#e0e0e0');
	background-image: -o-linear-gradient(90deg, #fefefe, #e0e0e0) !important
		;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#e0e0e0')"
		!important;
	color: black;
	text-shadow: 0 1px 0 white;
	text-decoration: none;
}

.easyui-linkbutton.l-btn.l-btn-plain {
	min-width: 5px !important;
	border: 0px;
	padding: 0px;
	background-color: ;
}
.messageButtons {float:right;padding: 0px 5px 0px 5px;margin: 0px 5px 0px 5px;}
.buttonBlue,input[type="button"].buttonBlue ,.uploadify-button,.buttonBlueBig,input[type="button"].buttonBlueBig, .buttonBlueBanner,.counterBlue,.unread ,td.menu_prod_td_supplier a.active{
	background-image: -moz-linear-gradient(top, #2a6ebb, #0379FF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2a6ebb),color-stop(1, #0379FF) ) !important;
	filter: progid : DXImageTransform . Microsoft .gradient(startColorstr = '#2a6ebb', endColorstr = '#0379FF');
	background-image: -o-linear-gradient(90deg, #2a6ebb, #0379FF) !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a6ebb',endColorstr='#0379FF')"!important;
	border: 1px solid #2a6ebb;
	color: #ffffff !important;
	text-shadow: 0 0px 0 grey;
	background: #2a6ebb;
}
.buttonGreen,input[type="button"].buttonGreen, .buttonGreenBig {
	background-image: -moz-linear-gradient(top,green, #1A9C1E) !important;
	background-image: -o-linear-gradient(90deg, green, #1A9C1E) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, green),color-stop(1, #1A9C1E) ) !important;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='green',endColorstr='#1A9C1E')"
		!important;
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = 'green', endColorstr = '#1A9C1E');
	border: 1px solid #1A9C1E;
	color: white !important;
	text-shadow: 0 0px 0 grey;
	background: green;	
}

.buttonOrange,input[type="button"].buttonOrange, .buttonOrangeBig,.buttonOrangeBanner {
	background-image: -moz-linear-gradient(top, orange, #F17400) !important;
	background-image: -o-linear-gradient(90deg, orange, #F17400) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, orange),
		color-stop(1, #F17400) ) !important;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='orange',endColorstr='#F17400')"
		!important;
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = 'orange', endColorstr = '#F17400');
	border: 1px solid orange;
	color: white !important;
	text-shadow: 0 0px 0 grey;
	background: orange;
}

.buttonBlueBig,input[type="button"].buttonBlueBig,.buttonOrangeBig,.uploadify-button,.buttonGreenBig {
	font-size: 170%;
	max-height: 60px;
	height:auto;
	padding: 15px 26px 15px 26px;
}

.buttonBlueBanner,.buttonOrangeBanner {
	font-size: 130%;
	max-height: 40px;
	width: 99%
}

.buttonBlue:hover,input[type="button"].buttonBlue:hover, .buttonBlueBig:hover,.buttonBlueBanner:hover, uploadify-button:hover {
	background-image: -moz-linear-gradient(top, #0379FF, #2a6ebb) !important
		;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0379FF),
		color-stop(1, #2a6ebb) ) !important;
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#0379FF', endColorstr = '#2a6ebb');
	background-image: -o-linear-gradient(90deg, #0379FF, #2a6ebb) !important
		;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#0379FF',endColorstr='#2a6ebb')"
		!important;
	text-shadow: 0 1px 0 grey;
	text-decoration: none;
	color: #ffffff;
}

.buttonOrange:hover,.buttonOrangeBig:hover,input[type="button"].buttonOrange:hover,input[type="button"].buttonOrangeBig:hover,.buttonOrangeBig:hover,.buttonOrangeBanner:hover
	{
	background-image: -moz-linear-gradient(top, #F17400, orange) !important;
	background-image: -o-linear-gradient(90deg, #F17400, orange) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, orange),
		color-stop(1, #F17400) ) !important;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='orange',endColorstr='#F17400')"
		!important;
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#F17400', endColorstr = 'orange');
	border: 1px solid orange;
	color: white;
	text-shadow: 0 0px 0 grey;
	text-decoration: none;
	color: #ffffff;
}
.buttonGreen:hover, .buttonGreenBig:hover , input[type="button"].buttonGreen:hover{
	background-image: -moz-linear-gradient(top, #1A9C1E, green) !important;
	background-image: -o-linear-gradient(90deg, #1A9C1E, green) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1A9C1E),color-stop(1, green) ) !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A9C1E',endColorstr='green')"!important;
	filter: progid : DXImageTransform . Microsoft.gradient(startColorstr = '#1A9C1E', endColorstr = 'green');
	border: 1px solid #1A9C1E;
	color: white !important;
	text-shadow: 0 0px 0 grey;
	text-decoration: none;
}
div.buttonsPosition {
	text-align: right;
	position: absolute;
	bottom: 3px;
	right: 7px;
	width: 98%;
	vertical-align:bottom;
}
.pointer {cursor:pointer;}
.ungroup-link, .bluePill,.bluePillSolid, .showButton,.showButtonPos,.expiredRemark, .redPill, .greenPill, .greyPill,.orangePill,.yellowPill {font-weight:normal;opacity:0.8;text-decoration:none;font-size:85%;color:#ffffff;border-radius:0px;padding:3px 4px 3px 4px;margin-left:5px;cursor:pointer;display:inline-block;}
.ungroup-link, .bluePill,.bluePillSolid{
	background-color:#0379FF;
}
.bluePillSolid {opacity:1;}
.greyPill{background-color:grey;color:#fff;}
.greenPill {background-color:green;}
.orangePill {background-color:orange;}
.yellowPill {background-color:yellow;color:grey;}
.expiredRemark, .redPill{background-color: rgb(255, 72, 72);opacity:0.8;}
.expiredRemark:hover,.update:hover,.bluePill:hover, .redPill:hover, .greenPill:hover, .greyPill:hover,.orangePill:hover, .yellowPill:hover{
	opacity:1.0;
	color:white;
	text-decoration:none;
}
.showButton,.showButtonPos{background-color:#fff;border:1px solid #0379FF;color:#0379FF;}
a.showButton:hover,a.showButtonPos:hover{font-weight:bold;text-decoration:none;}
.layout-button,.layout-button-right {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin-left: 2px;
	cursor: pointer;
	opacity: 0.6;
}

.layout-button-right {
	background: url('images/layout_button_right.gif') no-repeat;
}

.unread,.read {
	margin-top: 5px;
	position: absolute;
	right: 100px;
	z-index: 999 !important;
	font-family: Arial, verdana, tahoma;
	font-size: 90%;
	font-weight: bold;
	color: white;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	width: 10px;
	height: 10px;
	line-height: 10px;
	border-radius: 50%;
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#ff3019', endColorstr = '#cf0404',
		GradientType = 0);
	filter: progid : DXImageTransform . Microsoft .
		Shadow(direction = 135, strength = 2, color = ff0000);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	cursor: pointer;
	opacity: 1 !important;;
}

.read,.greySpot {
	background: #ffffff;
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #f7f7f7) );
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
}

/*Menus*/ /*Home Top Menu*/
#imenus0 .imeam span,#imenus0 .imeamj span {
	background-image: url(none);
	width: 7px;
	height: 5px;
	left: -7px;
	top: 5px;
	background-repeat: no-repeat;
	background-position: top left;
}

#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {
	background-image: url(none);
	background-repeat: no-repeat;
	background-position: top left;
}

/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span,#imenus0 ul .imeasj span {
	background-image: url(none);
	width: 5px;
	height: 7px;
	left: -5px;
	top: 3px;
	background-repeat: no-repeat;
	background-position: top left;
}

#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {
	background-image: url(none);
	background-repeat: no-repeat;
	background-position: top left;
}

/*CK Editor style overwrite*/
.cke_bottom {
	border: 0px !important;
	background: none !important;
}

/* --[[ Main Container ]]-- */
#imouter0 {
	border-style: none;
	border-color: #6a6a6a;
	border-width: 1px;
	padding: 0px;
	margin: 0px 0px 0px;
}

/* --[[ Sub Container ]]-- */
#imenus0 li ul {
	background-color: #FDFEFE;
	border-style: solid;
	border-color: #2c2c2c;
	border-width: 1px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px; /* before 4px 0px 0px; changed by SZ 12/27/2012*/
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

/* --[[ Main Items ]]-- */
#imenus0 li a,#imenus0 .imctitle {
	text-align: left;
	font-family: Arial;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0px 4px 2px;
	margin: 0px 2px 0px 0px;
}
#reasons {width: 95%;min-height: 50px;}
.STYLE1 {
	font-weight: bold
}

#titleShadow {
	text-shadow: 0 2px 0 white;
	color: black !important;
	font-size: 90% !important;
}

-->
a:bluelink,a.bluelink:visited,a.bluelink:hover,a.bluelink:active {
	color: BLUE;
}

a:greenlink,a.greenlink:visited,a.greenlink:hover,a.greenlink:active {
	color: GREEN;
}

a:redlink,a.redlink:visited,a.redlink:hover,a.redlink:active {
	color: RED;
}

.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a {
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0;
	list-style: none outside none;
	border-style: none;
	background-image: none;
	clear: none;
	float: none;
	display: block;
	position: static;
	overflow: visible;
	line-height: normal;
}

.imcm li a img {
	display: inline;
	border-width: 0px;
}

.imcm span {
	display: inline;
}

.imcm .imclear,.imclear {
	clear: both;
	height: 0px;
	visibility: hidden;
	line-height: 0px;
	font-size: 1px;
}

.imcm .imsc,.relative {
	position: relative;
	display:inline-block;
}

.imcm .imsubc {
	z-index: 999;
	position: absolute;
	visibility: hidden;
}

.imcm li {
	list-style: none;
	font-size: 1px;
	float: left;
}

.imcm ul ul li {
	width: 100%;
	float: none !important;
}

.imcm a {
	display: block;
	position: relative;
	color: white;
}

.imcm ul .imsc,.imcm ul .imsubc {
	z-index: 10;
}

.imcm ul ul .imsc,.imcm ul ul .imsubc {
	z-index: 20;
}

.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc {
	z-index: 30;
}

.imde ul li {
	behavior: url("main/lib/themes/base/hoverie.htc")
}

.imde ul li.hover .imsubc {
	visibility: visible;
}

.imde ul li:hover .imsubc {
	visibility: visible;
}

.imde ul ul li:hover  .imsubc {
	visibility: visible;
}

.imde ul ul ul li:hover  .imsubc {
	visibility: visible;
}

.imde li:hover ul  .imsubc {
	visibility: hidden;
}

.imde li:hover ul ul .imsubc {
	visibility: hidden;
}

.imde li:hover ul ul ul  .imsubc {
	visibility: hidden;
}

.imcm .imea {
	display: block;
	position: relative;
	left: 0px;
	font-size: 1px;
	line-height: 1px;
	height: 0px;
	width: 1px;
	float: right;
}

.imcm .imea span {
	display: block;
	position: relative;
	font-size: 1px;
	line-height: 0px;
}

.dvs,.dvm {
	border-width: 0px;
}  /*\*/ /*/.imcm .imea{visibility:hidden;}/**/
	/* --[[ Sub Items ]]-- */
#imenus0 ul a,#imenus0 .imsubc li .imctitle {
	color: #000000 !important;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
	padding: 3px 2px 3px 3px;
	margin: 0px;
}

/* Hover, and  IE */
ul#action_for_menu li ul {
	position: absolute;
	/* right:60px \0/;  IE8+9  */ /* top:42px \0/;	 IE8+9  */
	display: none;
	z-index: 11200;
	background: #ffffff;
	list-style: none;
	padding: 1px;
	border-radius: 0px;
	text-align: left;
	border: 1px solid #b6b6b6;
	min-width: 150px;
	clear: both;
}

ul#action_for_menu li ul li a {
	color: #08262a;
	text-decoration: none;
}

ul#action_for_menu {
	list-style: none;
	float: left;
	padding: 0px;
	margin: 0px;
	position:relative;
}

ul#action_for_menu li:hover ul,ul#action_for_menu li.hover ul {
	display: block;
}

ul#action_for_menu li.hover ul {
	display: block;
	margin: 0px;
	margin-left: -80px;
}

ul#action_for_menu li:hover ul li,ul#action_for_menu li.hover ul {
	padding: 2px 5px 2px 5px;
	border-radius: 3px;
}

ul#action_for_menu li:hover ul li:hover {
	background: #f7f7f7;
}

#confirmlink {
	color: green;
}

#action_for_menu_quotation {
	list-style: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

#action_for_menu_quotation li {
	width: 80px;
	margin: 0px;
	padding: 0px;
}

#action_for_menu_quotation li ul {
	position: absolute;
	display: none;
	z-index: 112;
	background: #fdfefe;
	list-style: none;
	padding: 1px;
	border-radius: 5px;
	text-align: left;
	border: 1px solid #bfe1d9;
}

#action_for_menu_quotation li ul a {
	color: #08262a;
	text-decoration: none;
}

#action_for_menu_quotation li:hover ul {
	display: block;
}

#action_for_menu_quotation li:hover ul li:hover {
	background: #dafcf4;
}

ul.recipient-list {
	list-style: none;
	padding: 1px;
	list-style-type: none;
	margin: 0px;
}

ul.recipient-list li {
	list-style: none;
	padding: 3px;
	margin: 0px;
	border-bottom: 0px dotted #b6b6b6;
	font-size: 90%;
}

ul.recipient-list li:hover,ul.accessBox li:hover {
	background-color: #f7f7f7;
}

ul.recipient-list table tr td {
	text-align: left;
}

ul.accessBox {
	margin: 0px;
	padding: 3px;
	list-style: none;
	background: #fff;
	cursor: pointer;
}
/**/
ul#action_for_menu li ul.documentListActionUl {min-width:100px;left: -70px;top: 32px;}
span.deleteUserFromList {
	padding-rigth: 5px;
	cursor: pointer;
}

div.user-details-panel {
	background: #fff;
	position: absolute;
	right: 0px;
	padding: 4px;
	border: 1px solid grey;
}

div.user-details-panel-subdiv, .center {
	text-align: center;
}

span.user-company-link {
	color: green;
}

input.public-url {
	width: 460px;
}

/* Normal
   -------------------------------- */
.normal h3,.normal h4 {
	margin: 0;
	font-weight: normal;
}

.normal h3 {
	padding: 0 0 9px;
	font-size: 1.8em;
}

.normal h4 {
	padding-bottom: 21px;
	border-bottom: 1px dashed #999;
	font-size: 1.2em;
	font-weight: bold;
}

.normal p {
	font-size: 1.2em;
}

h5,.addInfo,.addInfoTable,.addInfoTable tr td {
	font-size: 130%;
	border-spacing: 10px;
}

h1,.mainTitle,.paragraphTitle,.documentFooter,.breadCrumbs1,.paragraphTitleFancy,.mainTitleWhite
	{
	font-weight: regular;
	text-align: left;
}

.breadCrumbs {
	padding: 5px 0px 0px 2px;
	text-shadow: 0 1px 0 white;
	vertical-align: super;
	font-weight:normal;
}
#breadCrumbsDiv, #breadCrumbsDiv * {display: inline-flex;font-size:6.5pt;}

h1,.mainTitle,.mainTitleWhite { /* main title in every top of the page */
	font-size: 200%;
	padding-left: 0px;
	text-shadow: 0px 0px 0 white;
	color: #000000;
	vertical-align: middle;
}

.mainTitleWhite {
	color: #ffffff;
	text-shadow: none;
	padding: 0px 5px 0px 0px;
}

.documentSubject,#products_productname,#sourcing_productname,#order_subjectname,#shipment_subject, .qaqc_subject,
input.documentSubject,input#products_productname,input#sourcing_productname,input#order_subjectname,input#shipment_subject, input.qaqc_subject,input.documentSubjectNew
	{
	font-size: 200%;
	font-weight: normal !important;
	border-top: 0px !important;
	border-right: 0px !important;
	border-bottom: 0px ;
	border-left: 0px !important;
	background: none !important;
	width:80%;
	padding:5px;
}

h2, .sectionTitle {
	font-size: 150%;
	color: #5C5C5C;
	padding-left: 5px;
	font-weight: regular;
	text-align:left;
}
table.whiteBoard tr td .sectionTitle {font-size:120%;}
.productHeader {
	background: none !important;
}

h3, .paragraphTitle {
	font-size: 130%;
	color: #5C5C5C;
	padding-left: 5px;
}

h4,.sectionHeader,.productHeader {
	font-size: 130%;
	padding: 10px;
	vertical-align: middle !important;
	position: relative;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: #3b3b3b;
	color: #ffffff;
	box-sizing:border-box;
}

.sectionHeader {
 	display: flex;
}

.paragraphTitleFancy {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 120%;
}

.documentFooter {
	font-size: 90%;
	color: #5C5C5C;
	width: 100%;
	text-align: center;
	padding-left: 5px;
}

.paragraphText {
	border: 1px dotted #b6b6b6;
	width: 98%;
	min-height: 100px;
	padding-left: 10px;
	line-height: 18px;
	overflow: auto;
	overflow-y: ;
	overflow-x: hidden;
	text-align: left;
	padding: 5px;
}

.infoText {
	padding-right: 10px;
	font-weight: normal;
	font-size: 80%;
	color: #252525;
}

td.resultTitle,.statusTitle {
	font-size: 230%;
	color: #0d2d58;
	display:inline-block;
}
.statusCol {text-align:right;}
.inlineNotes,.greenNote,.redNote,.etd_date,.eta_date,.greyNote,.blueNote,.whiteNote, .orangeNote
	{
	font-size: 90%;
	font-weight: normal;
}

.greenNote,.green {
	color: green !important;
}

.redNote,.redNoteDate,.redColor {
	color: red !important;
}

.redNoteDate,.blackNoteDate {
	font-weight: bold;
	font-size: 140%;
}

.blueNote,.blue {
	color: blue;
}

.greyNote,.grey {
	color: #8b8b8b;
}

.center-header {
	text-align: center;
}

.grouped-products-table {
	border: 0 !important;
}

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

.grouped-products-cell {
	text-align: left !important;
	border: 0 !important;
}

.whiteNote,.white {
	color: #ffffff;
}
.orangeNote,.orange {
	color: orange;
}
.priceTitle,.priceTotals,.priceSourcing,.cellRO {
	font-weight: bold;
	text-align: center;
}

.cellRO {
	background-color: none;
	border: 0px;
}

.priceTotals {
	font-size: 120%;
	background-color: none;
	border: 0px;
}

.priceSourcing {
	font-size: 180%;
	color: orange;
	text-align: left;
}

/* Demos */
.demos-nav,.demos-nav dt,.demos-nav dd,.demos-nav ul,.demos-nav li {
	margin: 0;
	padding: 0
}

.demos-nav {
	float: left;
	width: 170px;
	font-size: 1.3em;
}

.demos-nav dt,.demos-nav h4 {
	margin: 0;
	padding: 0;
	font: normal 1.1em "Arial", "Helvetica", "Trebuchet MS", "Verdana",
		"sans-serif";
	color: #e87b10;
}

.demos-nav dt,.demos-nav h4 {
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-left: 8px;
	padding-bottom: 5px;
	line-height: 1.2em;
	border-bottom: 1px solid #F4F4F4;
}

.demos-nav dd a,.demos-nav li a {
	border-bottom: 1px solid #F4F4F4;
	display: block;
	padding: 4px 3px 4px 8px;
	font-size: 90%;
	text-decoration: none;
	color: #555;
	margin: 2px 0;
	height: 13px;
}

.demos-nav dd a:hover,.demos-nav dd a:focus,.demos-nav dd a:hover,.demos-nav dd a:focus
	{
	background: #f3f3f3;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.demos-nav dd a.selected {
	background: #555;
	color: #ffffffffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*New Style for PO,Quote, Invoice... templates*/
table.infoHeader,table.infoFooter {
	height: 39px;
	width: 100%;
	border: 1px solid #b6b6b6;
	border-radius: 5px;
}

table.infoHeader td,table.infoHeader th {
	text-align: center;
	border-right: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
}

table.infoHeader th {
	font-weight: bold;
}

table.infoDetails {
	width: 100%;
	border-top: 1px solid #b6b6b6;
	border-bottom: none;
	border-left: none;
	border-collapse:collapse;
	    box-sizing: border-box;
    display: table;
	
}

/* new styles for demo pages, added by Filament 12.29.08
eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts
*/
.normal h3.demo-header {
	font-size: 32px;
	padding: 0 0 5px;
	border-bottom: 1px solid #eee;
	text-transform: capitalize;
}

.normal h4.demo-subheader {
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	padding: 8px 0 3px;
	border: 0;
	margin: 0;
}

.normal a:link,.normal a:visited {
	color: #1b75bb;
	text-decoration: none;
}

.normal a:hover,.normal a:active {
	color: #0b559b;
}

#demo-config {
	padding: 20px 0 0;
}

#demo-frame {
	float: left;
	width: 540px;
	height: 380px;
	border: 1px solid #ddd;
	overflow: auto;
	position: relative;
}

#demo-frame h3,#demo-frame h4 {
	padding: 0;
	font-weight: bold;
	font-size: 1em;
}

#demo-config-menu {
	float: right;
	width: 180px;
}

#demo-config-menu h4 {
	font-size: 13px;
	color: #666;
	font-weight: normal;
	border: 0;
	padding-left: 18px;
}

#demo-config-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#demo-config-menu li {
	font-size: 12px;
	padding: 0 0 0 10px;
	margin: 3px 0;
	zoom: 1;
}

#demo-config-menu li a:link,#demo-config-menu li a:visited {
	display: block;
	padding: 1px 8px 4px;
	border-bottom: 1px dotted #b3b3b3;
}

* html #demo-config-menu li a:link,* html #demo-config-menu li a:visited
	{
	padding: 1px 8px 2px;
}

#demo-config-menu li a:hover,#demo-config-menu li a:active {
	background-color: #f6f6f6;
}

#demo-config-menu li.demo-config-on {
	background: url(images/demo-config-on-tile.gif) repeat-x left center;
}

#demo-config-menu li.demo-config-on a:link,#demo-config-menu li.demo-config-on a:visited,#demo-config-menu li.demo-config-on a:hover,#demo-config-menu li.demo-config-on a:active
	{
	background: url(images/demo-config-on.gif) no-repeat left;
	padding-left: 18px;
	color: #ffffff;
	border: 0;
	margin-left: -10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#demo-source,#demo-notes {
	clear: both;
	padding: 20px 0 0;
	font-size: 1.3em;
}

#demo-notes {
	width: 520px;
	color: #333;
	font-size: 1em;
}

#demo-notes p code,.demo-description p code {
	padding: 0;
	font-weight: bold;
}

#demo-source pre,#demo-source code {
	padding: 0;
}

code,pre {
	padding: 8px 10px 8px 10px;
	line-height: 130%;
	margin:0px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;   
}

#demo-source a:link,#demo-source a:visited,#demo-source a:hover,#demo-source a:active
	{
	font-size: 12px;
	padding-left: 13px;
	background-position: left center;
	background-repeat: no-repeat;
}

#demo-source a.source-open:link,#demo-source a.source-open:visited,#demo-source a.source-open:hover,#demo-source a.source-open:active
	{
	background-image: url(images/demo-spindown-open.gif);
}

#demo-source a.source-closed:link,#demo-source a.source-closed:visited,#demo-source a.source-closed:hover,#demo-source a.source-closed:active
	{
	background-image: url(images/demo-spindown-closed.gif);
}

div.demo {
	font-family: "Arial", "Helvetica", "Trebuchet MS", "Verdana",
		"sans-serif";
	/*background: url("images/background_grey.jpg") #fcfcfc;*/
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;
	height: auto !important;
	height: 100%;
}

div.demo h3.docs {
	clear: left;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0;
	margin: 0;
}

div.demo-description {
	clear: both;
	padding-bottom: 10px;
	font-family: "Arial", "Helvetica", "Trebuchet MS", "Verdana",
		"sans-serif";
	font-size: 1.3em;
	line-height: 1.4em;
}

.ui-draggable,.ui-droppable {
	background-position: top left;
}

.left-nav .demos-nav {
	padding-right: 10px;
}

#demo-link {
	font-size: 11px;
	padding-top: 6px;
	clear: both;
	overflow: hidden;
}

#demo-link a span.ui-icon {
	float: left;
	margin-right: 3px;
}

/* Component containers
----------------------------------*/
#widget-docs .ui-widget {
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
	font-size: 1em;
}

#widget-docs .ui-widget input,#widget-docs .ui-widget select,#widget-docs .ui-widget textarea,#widget-docs .ui-widget button
	{
	font-family: Arial, Verdana, Trebuchet MS, sans-serif;
	font-size: 1em;
}

#widget-docs .ui-widget-header {
	border: 1px solid #ffffffffffff;
	background: #464646 url(images/464646_40x100_textures_01_flat_100.png)
		50% 50% repeat-x;
	color: #ffffffffffff;
	font-weight: bold;
}

#widget-docs .ui-widget-header a {
	color: #ffffffffffff;
}

#widget-docs .ui-widget-content {
	border: 1px solid #ffffffffffff;
	background: #ffffffffffff
		url(images/ffffffffffff_40x100_textures_01_flat_75.png) 50% 50%
		repeat-x;
	color: #222222;
	padding-bottom: 30px;
}

#widget-docs .ui-widget-content a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
#widget-docs .ui-state-default,#widget-docs .ui-widget-content #widget-docs .ui-state-default
	{
	border: 1px solid #666666;
	background: #555555
		url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #ffffffffffff;
	outline: none;
}

#widget-docs .ui-state-default a {
	color: #ffffffffffff;
	text-decoration: none;
	outline: none;
}

#widget-docs .ui-state-hover,#widget-docs .ui-widget-content #widget-docs .ui-state-hover,#widget-docs .ui-state-focus,#widget-docs .ui-widget-content #widget-docs .ui-state-focus
	{
	border: 1px solid #666666;
	background: #444444
		url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #ffffffffffff;
	outline: none;
}

#widget-docs .ui-state-hover a {
	color: #ffffffffffff;
	text-decoration: none;
	outline: none;
}

#widget-docs .ui-state-active,#widget-docs .ui-widget-content #widget-docs .ui-state-active
	{
	border: 1px solid #666666;
	background: #ffffffffffff
		url(images/ffffffffffff_40x100_textures_01_flat_65.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #F6921E;
	outline: none;
}

#widget-docs .ui-state-active a {
	color: #F6921E;
	outline: none;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/ 
#widget-docs .ui-state-highlight,#widget-docs .ui-widget-content #widget-docs .ui-state-highlight
	{
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png)
		50% 50% repeat-x;
	color: #363636;
}

#widget-docs .ui-state-error,#widget-docs .ui-widget-content #widget-docs .ui-state-error
	{
	border: 1px solid #cd0a0a;
	background: #fef1ec
		url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom
		repeat-x;
	color: #cd0a0a;
}

#widget-docs .ui-state-error-text,#widget-docs .ui-widget-content #widget-docs .ui-state-error-text
	{
	color: #cd0a0a;
}

#widget-docs .ui-state-disabled,#widget-docs .ui-widget-content #widget-docs .ui-state-disabled
	{
	opacity: .35;
	filter: Alpha(Opacity = 35);
	background-image: none;
}

#widget-docs .ui-priority-primary,#widget-docs .ui-widget-content #widget-docs .ui-priority-primary
	{
	font-weight: bold;
}

#widget-docs .ui-priority-secondary,#widget-docs .ui-widget-content #widget-docs .ui-priority-secondary
	{
	opacity: .7;
	filter: Alpha(Opacity = 70);
	font-weight: normal;
}

/* Icons
----------------------------------*/ /* states and images */
#demo-frame-wrapper .ui-icon,#widget-docs .ui-icon {
	width: 16px;
	height: 16px;
	background-image: url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-widget-content .ui-icon {
	background-image: url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-widget-header .ui-icon {
	background-image: url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-state-default .ui-icon {
	background-image: url(images/888888_256x240_icons_icons.png);
}

#widget-docs .ui-state-hover .ui-icon,#widget-docs .ui-state-focus .ui-icon
	{
	background-image: url(images/454545_256x240_icons_icons.png);
}

#widget-docs .ui-state-active .ui-icon {
	background-image: url(images/454545_256x240_icons_icons.png);
}

#widget-docs .ui-state-highlight .ui-icon {
	background-image: url(images/2e83ff_256x240_icons_icons.png);
}

#widget-docs .ui-state-error .ui-icon,#widget-docs .ui-state-error-text .ui-icon
	{
	background-image: url(images/cd0a0a_256x240_icons_icons.png);
}

/* Misc visuals
----------------------------------*/ /* Corner radius */
#widget-docs .ui-corner-tl {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}

#widget-docs .ui-corner-tr {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

#widget-docs .ui-corner-bl {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

#widget-docs .ui-corner-br {
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#widget-docs .ui-corner-top {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

#widget-docs .ui-corner-bottom {
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#widget-docs .ui-corner-right {
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#widget-docs .ui-corner-left {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

#widget-docs .ui-corner-all {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Overlays */
#widget-docs .ui-widget-overlay {
	background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50%
		50% repeat-x;
	opacity: .30;
	filter: Alpha(Opacity = 30);
}

#widget-docs .ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50%
		50% repeat-x;
	opacity: .30;
	filter: Alpha(Opacity = 30);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#window_overlay,#window_overlay_action,#frontBoard,.window_overlay,.addUsersOverlay, #window_overlay_rating {
	background: black;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
}

/*
----------------------------------*/
#widget-docs {
	margin: 20px 0 0;
	border: none;
}

#widget-docs h2,#widget-docs h3,#widget-docs h4,#widget-docs p,#widget-docs ul,#widget-docs code
	{
	margin: 0;
	padding: 0;
}

#widget-docs code {
	display: block;
	color: #444;
	font-size: .9em;
	margin: 0 0 1em;
}

#widget-docs code strong {
	color: #000;
}

#widget-docs p {
	margin: 0 3em 1.2em 0;
}

#widget-docs p.intro {
	font-size: 13px;
	color: #666;
	line-height: 1.3;
}

#widget-docs ul {
	list-style-type: none;
}

#widget-docs h2 {
	font-size: 16px;
	margin: 1.2em 0 .5em;
}

#widget-docs h3 {
	font-size: 14px;
	color: #e6820E;
	margin: 1.5em 0 .5em;
}

.normal #widget-docs h4 {
	font-size: 12px;
	color: #000;
	border: 0;
	margin: 0 0 .5em;
}

#docs-overview-main {
	width: 400px;
}

#docs-overview-sidebar {
	float: right;
	width: 200px;
}

#docs-overview-sidebar a span {
	color: #666;
}

#widget-docs #docs-overview-main p {
	margin-right: 0;
}

#widget-docs #docs-overview-sidebar h4 {
	padding-left: 0;
}

.docs-list-header {
	float: left;
	width: 100%;
	margin: 10px 0 0;
	border-bottom: 1px solid #eee;
}

#widget-docs .docs-list-header h2 {
	float: left;
	margin: 0;
}

#widget-docs .docs-list-header p {
	float: right;
	margin: 5px 0;
	font-size: 11px;
}

.docs-list {
	float: left;
	width: 100%;
	padding: 0 0 10px;
}

.docs-list .param-header {
	float: left;
	clear: left;
	width: 100%;
	padding: 8px 0;
	border-top: 1px solid #eee;
}

#widget-docs .param-header h3,#widget-docs .param-header p {
	margin: 0;
	float: left;
}

#widget-docs .param-header h3 {
	width: 50%;
}

#widget-docs .param-header h3 span {
	background: url(images/demo-spindown-closed.gif) no-repeat left;
	padding-left: 13px;
}

#widget-docs .param-open .param-header h3 span {
	background: url(images/demo-spindown-open.gif) no-repeat left;
}

#widget-docs .param-header p {
	width: 24%;
}

#widget-docs .param-header p.param-type span {
	background: url(images/icon-docs-info.gif) no-repeat left;
	cursor: pointer;
	border-bottom: 1px dashed #ccc;
	padding-left: 15px;
}

.param-details {
	padding-left: 13px;
}

.param-args {
	margin: 0 0 1.5em;
	border-top: 1px dotted #ccc;
}

.param-args td {
	padding: 3px 30px 3px 5px;
	border-bottom: 1px dotted #ccc;
}

/* overrides for ui-tab styles */
#widget-docs ul.ui-tabs-nav {
	padding: 0 0 0 8px;
}

#widget-docs .ui-tabs-nav li {
	margin: 5px 5px 0 0;
}

#widget-docs .ui-tabs-nav li a:link,#widget-docs .ui-tabs-nav li a:visited,#widget-docs .ui-tabs-nav li a:hover,#widget-docs .ui-tabs-nav li a:active
	{
	font-size: 14px;
	padding: 4px 1.2em 3px;
	color: #ffffff;
}

#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active
	{
	color: #e6820E;
}

#widget-docs .ui-tabs-panel {
	padding: 20px 9px;
	font-size: 12px;
	line-height: 1.4;
	color: #000;
}

#widget-docs .ui-widget-content a:link,#widget-docs .ui-widget-content a:visited
	{
	color: #1b75bb;
	text-decoration: none;
}

#widget-docs .ui-widget-content a:hover,#widget-docs .ui-widget-content a:active
	{
	color: #0b559b;
}

.myNav {
	text-decoration: none;
	font-weight: bold;
}

.errorStyle {
	color: red;
	font-size: 85%;
}

a img {
	border: none;
}

.company-name-in-list, .fixedStatDiv {
	position: fixed;
	bottom: 0px;
	left:0px;
	padding: 3px;
	color: #ffffff;
	cursor: pointer;	
}

.new-inspection-subject {
	text-align: left;
}

.new-inspection-subject-input {
	font-size: 100% !important;
	background-color: white !important;
	background-position: 10px 10px !important;
	background-repeat: no-repeat !important;
	padding-left: 8px !important;
	border: 1px solid #ececec !important;
	text-align: left !important;
}

.floatingSearchToolsTopFull {
	position: fixed;
    z-index: 100;
    top: 0px;
    left: 0%;
    width: 100%;
    padding:20px;
    background: #1e68c4;
}

.OIRelDetails {
	position: absolute;
    top: 70px;
    right: 0px;
}
.selected_product {background-color:#e2f3ff;}
.company-name-in-list {background: #0379FF;}
.pmFullFloat {position:fixed;right:0px;top:0px;height:100%;width:100%;top:52px;}
.bodyWhite,.messageSharingBox,.sharingUserList, .whiteBG {background: #ffffff !important;}
.dropArea {z-index:1;}
.smallIcon{width:11px;border:0px solid #999;cursor:pointer;border-radius:4px;display:none;position:absolute;}
//span.tipEditField {min-width:100px;display:inline-block;min-height: 15px;}
input.hideInput {width:90px !important;padding:2px !important;}
#duplicatProduct{margin-right:12px;}
.drop-area{position: absolute;width:100%;height:120px;display:none;z-index:10;background:#fff;opacity:0.5;}
.todivStyle .deleteicon {cursor:pointer;font-size:1em;color:red;padding:0px 3px;}
.messageContentBlock b {font-weight:normal;}
.addSharingUsers {position:absolute;display:none;background-color:#f7f7f7;width:90%;top:50%;left:50%;margin-left:-45%;margin-top:-25%;}
.sharingUserList, .linksBox {height:75%;width:98%;padding:2px;margin: auto;border:1px solid #f7f7f7;overflow-y:auto;}
.linksBox {display:none;}
#frontBoardFrame{display:none;position:fixed;top:50%;left:50%;width:600px;height:600px;margin-left:-300px;margin-top:-300px;z-index:9000;padding:20px;background:#f7f7f7;overflow:auto;}
#frontBoardFrameSmall{display:none;position:fixed;top:50%;left:50%;width:600px;height:350px;margin-left:-300px;margin-top:-175px;z-index:9000;padding:20px;background:#f7f7f7;overflow:auto;}
div.regPage .circularFrameBig,div.regPage .circularFrame, div.regPage .circularFrameSmall, div.regPage #changePicture  {display:none;}
.jcrop-holder {margin:auto;}
#specificationContent {padding:10px;}
.floatingMessagesIcon {position:fixed;bottom:20px;right:80px;}
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
  *  {
	font-size: 9pt;
	}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
  *  {
	font-size: 9pt;
	}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
  *  {
	font-size: 9pt;
	}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
  *  {
	font-size: 9pt;
	}
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
  * {
	font-size: 9pt;	
	}

.listTable {display:inline-block;}
}
/* #### Desktops #### */
@media screen and (min-width: 1024px){
	* {font-size: 9pt;}
	td.documentLayoutCell{width:65%;}
	td.documentLayoutFiles{width:35% ;}
	#pmBarOpen{display:none !important;}
	#pmBarClose{display:none !important;}
	.tabs-header{width:auto !important;}
	.tabs-wrap{width:auto !important;}
	.tabs-container{width:auto !important;}
	#gen-tabs-panel0{width:auto !important;}
	#gen-tabs-panel1{width:auto !important;}
	.tabs-panels{height:auto;width:auto !important;}
	#picsTab{display:block;position:static;}
	#buttonWrapper{
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		z-index: 1;
		display:inline-block !important;
   }
   .signInDiv{position:relative;text-align:center;}
   .logoForm,.listMiniTrigger,.listMiniTrigger700,.hideInput,div.miniViewMenu,.showBlockMiniView700,.showRowMiniView700  {display:none;}
   #omniSearchTxt {width:200px;}
     /*Home Specifics*/
	.floatingMessages, .floatingTasks, .floatingWall, .floatingOmni, .floatingDashboard, .floatingExpenses, .floatingPayments, .floatingMenu {
		position: fixed;
		top: 50px;
		right: 0px ;
		display: none;
		width: 41% ; 
		overflow:auto;
		overflow-x: hidden;
		height: 500px;
		background: #ffffff !important;
		z-index: 1;
	}
	.floatingExpenses, .floatingPayments {left: 0px ;width: 59%; }
	.floatingWall {top:0px;padding:0px !important;}
	.messagesIcon, .tasksIcon,.billingIcon,.wallIcon, .dashboardIcon, .omniIcon, .expensesIcon, .paymentsIcon  {
		position: relative;
		display:inline-block;
		margin:10px 15px 0px 10px;
		box-sizing:border-box;
	}
   /*.miniMenuItem {display:grid;}*/
   .poCounter{ width: 100%; border-radius:5px; display: none;text-align:center; padding: 20px 0px; margin-bottom: 6px;}
   #confirmQCPlan {position:fixed;top:20px;right:170;}
   .headerTitleDiv {width:480px;}
   .topRightFix20 {position:fixed;top:20px;right:20px;z-index:1;}
   .topLeftFix20 {position:fixed;top:20px;left:20px;z-index:1;}
   .bottomRightFix20 {position:fixed;bottom:20px;right:20px;z-index:1;}
   .bottomLeftFix20 {position:fixed;bottom:20px;left:20px;z-index:1;}
   #omniTextForSearch{width:80%};
}
@media screen and (max-width: 1024px) {  /* -- If the view port is less than 350px wide (portrait on phone) then display the following styles -- */
	.expandReportOptions,.collapseReportOptions {margin:0px !important;}
	#reportTimeline .filterForm {padding:0px;}
	div.tutorialContentDiv {max-height: 90%;}
    .easyui-linkbutton .l-btn-text {font-size: 10pt;}
    #omniTextForSearch{width:85%;}
    *{font-size: 9pt;}  
    #confirmQCPlan {position:fixed;top:20px;right:20px;}
    input[type='checkbox']{height:17px;}    
    td.documentLayoutCell, td.wallSection{width:100%;}
    td.documentLayoutCell .singlePage,.newDocumentIntro,.singlePage800, .boxedPage{width:100% !important;min-width:100% !important;}
	.newDocumentIntro {left:0px;top:0px;height:100%;}
	td.documentLayoutFiles, td.mainTableLeft, #commonFiles, #imagePanelSliderQC{display:none;width:0%;}	
	#pmBarOpen{display:block;}
	#lookLeft{display:hidden;}
	.breadCrumbs{font-size:70%;}
	.tabs-header{width:100% !important;}
	.tabs-wrap{width:100% !important;}
	.tabs-container{width:100% !important;}
	#gen-tabs-panel0{width:100% !important;}
	#gen-tabs-panel1{width:100% !important;}
	#picsTab,.subjectIcon,.listToggle,.showBlockMiniView700,.showRowMiniView700{display:none;}
   #buttonWrapper {
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		font-size:16pt;
		z-index: 1;
		background-color:#f7f7f7;
		border:1px solid #c2c2c2;
		display:none;
   }
   div.inputdivFixed {height:auto;}
   #buttonWrapper a span {font-size:16pt;}
   #buttonWrapper a img, .closeExpensesIcon, .closeTaskIcon,.closeIconIn, .closePaymentsIcon,.pmTabCollapser,.miniView,.miniMenuItem,.company-name-in-list {display:none !important;}
   #buttonWrapper a{width:100%;}
   #miniMenu,.contactInline,.miniMenu,.logoForm,.listMiniTrigger {display:inline-block;}
   #miniMenuDoc, .floatingActionIcon {position:fixed;right:0px;bottom:130px;z-index:1000;}
   .signInDiv {position:fixed;top:0px;left:0px;width:100%;height:100%;}
   .singlePage,.miniFullWidth, .filesFloatingDiv {width:100% !important;box-sizing:border-box;min-width:100% !important;}
   #omniSearchTxt {width:100%;}
   .searchDiv {width:100%;}
   div.ac_results, #findtext{width:70% !important;}
   .topbar .documentSubject, .documentSubject {width:100% !important;font-size: 150%;}
   input.documentSubjectNew, .statusTitle {font-size: 150%;width:100%;}
   div.miniViewMenu {
   	display:block;
   	position:fixed;
   	width:100%;
   	bottom:0px;
   	background:#2c2c2c !important;
   	left:0px;
   	color:white;
   	z-index:1000;}
   div.miniViewMenu div {font-size:120%;}
   .centerMiniview {text-align:center;}
   table.headerTable td.userPicDiv {width:0%;}
   .buttonsRightTop {max-width:180px;}
   #toinput, #ccinput {width: 100px;}
   .commonDivStyles, div.carClass {width:100%;left:0px;margin-left:0px;}
    /*Home Specifics*/
	.floatingMessages, .floatingTasks,.floatingMenu, .floatingWall, .floatingOmni, .floatingDashboard, .floatingExpenses, .floatingPayments {
		position: fixed;
		top: 50px;
		right: 0px ;
		display: none;
		width: 100% ; 
		overflow:auto;
		overflow-x: hidden;
		background: #ffffff !important;
		z-index: 1;
	}
	#addMessageRecipients{position: absolute;min-width:300px;height: 100;background-color: #ffffff;border: 1px solid #C9C9C9;display: none;z-index: 999999;}
	.floatingExpenses, .floatingPayments {left: 0px ;width: 100%; }
	.floatingWall {top:0px;padding:0px !important;}
	.messagesIcon, .tasksIcon,.billingIcon,.wallIcon, .dashboardIcon, .omniIcon, .expensesIcon, .paymentsIcon   {
		position: relative;
		display:inline-block;
		margin:0px;
		box-sizing:border-box;
	}
	.window_panel .window_header .closeImg {
	background-position: -96px -132px !important;
    top: 0 !important;
    zoom: 2;
    }
    div.window_function_bar {width:40px !important;}
	.poInfo div.tabs-panels,.centerDialogDiv {overflow-y:scroll !important;}
	#actionsDiv,#settingsDiv, #newDocumentsDiv{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
    left: 0%;
    margin-top: 0px;
    margin-left: 0px;
	background-color: #4184d3;
	border: 0px solid #4184d3;
	z-index: 1001;
	display: none;
	padding: 20px;
	color: #ffffff;
	box-sizing: border-box;
	}
	.centerDialogDiv{
		background-color: #fff;
		color: #000;
		z-index: 10000;
		display:block;
		background-color:#fff;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0%;
	    left: 0%;
	    margin-top: 0px;
	    margin-left: 0px;
	    box-sizing: border-box;
	    overflow:hidden;
	 }
	.counter {left: 55%;top: 2px;}
	.miniPicPreview {position: fixed;bottom: 0px;right: 0;z-index: 99999;}
    .imgActionButtons {position: fixed;bottom: 0px;left: 0;z-index: 99999;}
    #detailIframeqcPics {height:90%}
    .selectionBoxes{width:80%;}
    .infoViewPo {width:100%;}
    .poCounter,#frontBoardFrame{height:100%;padding:5px;padding-top:50%;position: fixed; width: 100%; top:0%;margin-top:0; left: 0;margin-left:0; border-radius:5px; z-index: 999999999; display: none;text-align:center;}
    .poCounter .closeIcon, .centerDialogDiv .closeIcon, #actionsDiv .closeIcon{right:15px;top:5px;}
    .costFloatingDiv #balanceDivInfo{position:relative;top:0px;left:0px;}
    .po_products_header {width:94%;}
}
@media screen and (max-width: 700px) {
	.contactCardNew {width: 85%;}
	.FloatLeft700 {float:left;}
	*{font-size: 9pt;}
	#omniTextForSearch{width:65%};
	table.messageTable #subjectspan {width:200px;}
	#selection_company,#picsandfiles .floatingFiles, #placeForReportSeparator select#reportSeparator  {width:100%;}
	.listToggle700,.qaqcTip,.shippingTip,.sourcingTip {display:none;}
   	.miniFullWidth700,.productsContainer, .qcProductsTools  {width:100% !important;}   	
   	.miniView700,.miniMenuItem700, td.miniMenuItem700{display:none !important;}
   	.documentSubject,#products_productname,#sourcing_productname,#order_subjectname,#shipment_subject, .qaqc_subject,
	input.documentSubject,input#products_productname,input#sourcing_productname,input#order_subjectname,input#shipment_subject, input.qaqc_subject,input.documentSubjectNew
		{
		font-size: 180%;		
		width:100%;
	}
	.qcProductViewPic {width:1px;}
	.tabs-panels{height:100%;width:100%;}
   	#searchstr {width:75%}
   	table.comDetails .moq,table.oneProduct .cat3 {width:auto;}
   	.listMiniTrigger700 {display:inline-block;}
   	.cnyPage .cnyIntro, .reportSwitch{position:relative;top:0px;}
   	.cnyPage .cnyBanner {height:200px;}
   	.cnyPage .dhx_dataview_item {width:150px;}
   	.cnyPage .contactCard {right:0px;position:relative;top:0px;}
   	#tasksForm .taskAction,#tasksForm .filesTasksDiv {height:auto;}
   	.addInfo{font-size:110%;}
   	#reportPage img {max-width:100%;}
   	#reportPage table {table-layout:fixed;}
   	#reportPage .img-container {max-width:100%}
   	 td.piTD{background-size: 140%;width:90%;}
   	 #piContractDiv table.pdfFileTable {width:90%;margin:auto;}
   	 #topArrowAction {bottom:20px !important;left:50%;margin-left:-24px;}
	.arrowNext{
		background-color: #fff;
		background-position: 50% 75%;
 	   	border-radius: 3px;
    	border: 1px solid #ececec;
    	padding: 10px;
	}
	.subjectTD,.center700{text-align:center;}
	table.contactInfo tr th{width:50%;}
	#newForm #supplier_type {height:50px;}
	select, select[size='0'], select[size='1'],input, input[type='color'], div#productsAutocompleteDiv input#toinput, input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='tel'], input[type='text'], input[type='time'], input[type='url'], input[type='week'],.inputdivFixed, .addPeople, .multiSelect, .valid{
    	height: 35px;
    	max-width:100%;
    }
    .headerTitleDiv {width:250px;}
    
    .messageButtons,a img.listIcons,img.listIcons, a.listIcons, .closeTasksDiv, #tasksloader img.listIcons{
    	padding: 5px;
    	border: 1px solid #c2c2c2;
    }
    .messageButtons {float: right;}
    a.easyui-linkbutton img.listIcons, .noPadding10-700{
    	padding: 0px;
    	border: 0px solid #c2c2c2;
    }
    .column22, #pqproductHolder #qcproductsTable td {padding:0px;}
    #newDocumentsDiv .column {padding:20px;}
    .tabs-header .tabs li a.tabs-inner, .ui-widget-header li a.tabs-inner{padding:5px;}
    .easyui-linkbutton {min-width:inherit;}
    .tabs-panels .commonDivStyles {width: 100%; height: 100%; top: 0%;margin-top:0px; left: 0%;margin-left:0px;}
    .qc_product_info {background-color: #f7f7f7;padding:10px;}
    .inspection-methodology .left-side {width:35%;}
    #qcproductsTable table.inspection-methodology input[type=text] {width:35%;}
    .mainLayoutBody #tasksloader {top:50px;}
    body #tasksloader {top:0px;left:0px;height:100%;width:100%;}    
    img.smallPicture {max-width:70px;max-height:70px;}
    table.oneProduct td.cat1 {max-width:70px;width:70px;}
    table.oneProduct .name {width:200px;}
    .block700,.showBlockMiniView700 {display:block !important;}
    .showRowMiniView700 {display:table-row;}
    .fixedRightDown {position:fixed;right:10px;bottom:10px;z-index:1;}    
    .alignLeft700 {text-align:left;}
}

.subjectInput{
	width: 75%;
}


.divCommDashboard, #commercialDashboard{
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.gridjs-container {
	margin: 5px;
	margin-top: 20px
}
.openMeasurement{
	font-weight: bolder;
}

.titleHead{
	display: flex;
	flex-direction: 'row';
	justify-content: space-between;
}

.pill {
  background-color: #a3a3bb;
    display: flex;
    border-radius: 22px;
    height: 23px;
    width: 160px;
    max-width: 160px;
    margin-bottom: 3px;
}

.pill a.user{
	width: 100%;
    display: flex;
    align-self: center;
    height: 100%;
    justify-content: flex-start;
    padding-left: 5px;
    align-items: center;
}

.pill a.del{
    display: flex;
    width: 20px;
    align-content: center;
    align-self: center;
    justify-content: center;
    padding-left: 6px;
}

.container {
	margin-top: 5px;
}