/*REPAIR PARTS CSS*/
#processing {
	z-index: 1011;
	position: fixed;
	/*  padding: 10px 30px; */
	margin: 0px;
	top: 45%;
	left: 45%;
	text-align: center;
	color: rgb(0, 0, 0);
	/* border: 3px solid rgb(170, 170, 170); */
	/* background-color: rgb(255, 255, 255); */
	box-shadow: 0 0 5px #333;
	border: 1px solid black;
	background: #fcfeff;
	padding: 1em;

	/* cursor: wait; */
}

#overlay {
	z-index: 1000;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgb(0, 0, 0);
	opacity: 0.6;
	/* cursor: wait; */
	position: fixed;
}

#repairPartsTab {
	min-width: 450px;
}

#dvCenter {
	margin-left: 25px;
	margin-right: 25px;
}

.form-control {
	border-radius: 5px;
}

.mrgntop {
	margin-top: 30px;
}

.mrgntop10px {
	margin-top: 10px;
}

.greenStatus {
	color: green !important;
}

.redStatus {
	color: red !important;
}

/* Responsive Classes*/
.dvMainPortlet {
	color: #333333 !important;
}

.portlet-title-text {
	color: #666666 !important;
	font-size: 20px !important;
}
/* Liferay Responsive Classes - START*/
h2.portlet-title-text {
	margin-top: 10px !important;
	margin-bottom: 0px !important;
	padding-left: 15px !important;
	vertical-align: top !important;
	white-space: nowrap !important;
	color: #666666 !important;
	letter-spacing: 1.09px !important;
	font-weight: 100 !important;
	font-size: 20px !important;
}
/* LINKS */
a.return-link {
	vertical-align: text-top !important;
	text-decoration: none !important;
	color: #666 !important;
}

a.return-link:hover {
	text-decoration: none !important;
	color: #333 !important;
}

a.support-link {
	vertical-align: text-top !important;
	text-decoration: none !important;
	color: #666 !important;
}

a.support-link:hover {
	text-decoration: none !important;
	color: #333 !important;
}

.details-link {
	color: #666666 !important;
	text-transform: capitalize !important;
}

.details-link:hover {
	color: #D7451a !important;
	text-decoration: none !important;
}

.col-sort, .col-sort:active {
	color: #eeeeee !important;
	text-decoration: none !important;
}

.col-sort:hover {
	color: #ffffff !important;
	text-decoration: none !important;
}

/* FORMS */

/* Override Bootstrap to show clear icon in input field */
input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: searchfield-cancel-button !important;
}

/* Style placeholder text */
INPUT::placeholder {
	color: #999999 !important !important;
	font-style: italic !important;
}

::-webkit-input-placeholder {
	color: #999999 !important !important;
	font-style: italic !important;
}

.form-control {
	border-radius: 1px !important;
}

/* Liferay Responsive Classes - END*/
.yui3-datatable-paginator .yui3-datatable-paginator-per-page {
	border-radius: 0 !important;
	border: 0px !important !important;
	padding: 2px !important;
}

.yui3-datatable-paginator select {
	border: 1px solid #d9d5d2 !important;
}

.yui3-datatable-paginator select:hover {
	border: 1px solid black !important;
}

/* Text Transform Uppercase start*/
.txttransUpper {
	text-transform: uppercase;
}

/* Text Transform Uppercase end*/

/* RWD Classes */

/* LINKS */
a.return-link {
	vertical-align: text-top;
	text-decoration: none;
	color: #666;
}

a.return-link:hover {
	text-decoration: none;
	color: #333;
}

.details-link {
	color: #666666;
	text-transform: capitalize;
}

.details-link:hover {
	color: #D7451a;
	text-decoration: none;
}

.col-sort, .col-sort:active {
	color: #eeeeee;
	text-decoration: none;
}

.col-sort:hover {
	color: #ffffff;
	text-decoration: none;
}

select.form-control {
	max-width: 100% !important;
}

.style-width {
	min-width: 100%;
}

/*FONT-SIZE*/
.frequentFont {
	font-size: 2px;
}
/*TOGGLE*/
.box {
	width: 200px;
	height: 0;
	background: red;
	transition: all 0.4s linear;
}

input:checked ~ .box {
	height: 220px;
}

.yui3-skin-sam .yui3-widget-mask {
	z-index: 99 !important;
}

.yui3-resize {
	z-index: 100 !important;
}

.modal-dialog {
	z-index: 99 !important;
}

.imgShipmentPopUpcss {
	border: 0px;
	width: 16px;
	height: 16px;
	vertical-align: -4px;
	margin-top: 8px;
}

.lnkChooseLocation {
	border: 0px;
	width: 16px;
	height: 16px;
	vertical-align: -4px;
}

/* Unordered List */
.ulpadding {
	padding: 0px;
}

/* GRID CSS - Start */
.zeropad {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#lbldtTo {
	margin-top: 0.2em;
	margin-right: -54px;
}

#help-text-box {
	background-color: #eee;
	padding: 0.5em;
}

.text-deco-none {
	text-decoration: none !important;
}

.topMargin15 {
	margin-top: 15px;
}

.readonlyrow {
	color: #92877f;
}

.readonlyblock input, .readonlyblock select {
	background-color: #fafafa;
	border-color: #6a708b;
	color: #92877f;
	cursor: default;
	pointer-events: none;
	font-size: 12px !important;
}

#editableBlock  input, #editableBlock select {
	font-size: 12px !important;
}

#editableBlock {
	margin: 15px;
	/* margin-left: 20px; */
}

.fnt12 {
	font-size: 12px !important;
}

/*Collapse, expand panels*/
.toggle .collapseImg, .toggle.collapsed .expandImg {
	display: inline-block;
	cursor: pointer;
}

.toggle.collapsed .collapseImg, .toggle .expandImg {
	display: none;
	cursor: pointer;
}

#createOrderTbl tr:nth-child(even) {
	background-color: #fff !important;
}

#createOrderTbl tbody>tr:nth-child(4n+3) {
	background-color: #f4f3f2 !important;
}

#createOrderTbl tbody>tr:nth-child(4n+3):hover {
	background-color: #d8ecf9 !important;
}

#COGrid .lfr-pagination-delta-selector {
	display: none !important;
}

.invalidASNQty {
	background: #f00;
	color: #fff;
	padding: 0;
}

#selectedSearch {
	padding: 0.5em;
	background: #e3dedb;
}
/* GRID CSS - End*/
busy {
	text-align: center;
	vertical-align: middle;
	margin-top: 20ex;
}

.document-header {
	width: 100%;
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	text-align: left;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 70%;
	clear: both;
}

.header-basic {
	margin-top: 2px;
}

.info {
	border: 1px solid #0068c6;
	background: #fafffc url(../mimes/images/info.gif) no-repeat 3px 3px;
	padding: 5px 5px 5px 24px;
	margin: 0px 0px 3px 0px;
	color: #0068c6;
}

.contactus {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 6.5pt;
	color: #000000;
	text-decoration: none;
	line-height: 0.8em;
}

/* BUTTONS */
.btn {
	border-radius: 1px !important;
	text-transform: uppercase !important;
	min-width: 100% !important;
}

.btn-primary {
	color: #fff !important;
	background-color: #d7451a !important;
	border-color: #c0372c !important;
	font-weight: normal !important;
}

button.btn[disabled] {
	opacity: 0.7 !important;
}

.btn-primary[disabled]:hover, .btn-primary[disabled]:active {
	opacity: 0.7 !important;
	background-color: #d7451a !important;
}

.btn-primary:hover, .btn-primary:active {
	color: #fff !important;
	background-color: #c0372c !important;
	border-color: #c0372c !important;
	font-weight: normal !important;
}

.btn-secondary {
	color: #ffffff !important;
	background-color: #666666 !important;
	border: 1px solid #cccccc !important;
	font-weight: normal !important;
}

.btn-secondary:hover, .btn-secondary:active {
	color: #ffffff !important;
	background-color: #333333 !important;
	border: 1px solid #ccc !important;
	font-weight: normal !important;
}

.btn-secondary[disabled]:hover, .btn-secondary[disabled]:active {
	opacity: 0.7 !important;
	background-color: #666666 !important;
	border: 1px solid #ccc !important;
}

.btn-secondary-outline {
	color: #666666 !important;
	background-color: #ffffff !important;
	border: 1px solid #666666 !important;
	font-weight: normal !important;
}

.btn-secondary-outline:hover, .btn-secondary-outline:active {
	background-color: #666666 !important;
	color: #ffffff !important;
	font-weight: normal !important;
	border: 1px solid #666666 !important;
}

button.btnLinkHREF:focus {
	outline-color: transparent !important;
}

.message {
	float: left;
	width: 80%;
	border: 0px solid blue;
	margin-top: 0px;
	text-align: left;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	vertical-align: top;
}

.contactus {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 6.5pt;
	color: #000000;
	text-decoration: none;
	line-height: 1;
}

.data {
	width: 100%;
}

itemlist {
	width: 99%;
	border: 1px solid #EDEBEA;
	border-collapse: collapse;
	margin-left: 7px;
	margin-top: 15px;
	padding: 0px;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 60%;
}
/*TOGGLE*/
.box {
	width: 200px;
	height: 0;
	background: red;
	transition: all 0.4s linear;
}

input:checked ~ .box {
	height: 220px;
}

.yui3-skin-sam .yui3-widget-mask {
	z-index: 999 !important;
}

.yui3-resize {
	z-index: 100 !important;
}

.modal-dialog {
	z-index: 999 !important;
}

.imgShipmentPopUpcss {
	border: 0px;
	width: 16px;
	height: 16px;
	vertical-align: -4px;
}

.aui-dropdown2-trigger






:not



 



(
.aui-dropdown2-trigger-arrowless



 



)
{
padding-right






:



 



24
px



 



!
important






;
position






:



 



relative






;
}

/* ASN GRID STYLES*/
.zeropad {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#lbldtTo {
	margin-top: 0.2em;
	margin-right: -54px;
}

#help-text-box {
	background-color: #eee;
	padding: 0.5em;
}

.text-deco-none {
	text-decoration: none !important;
}

.topMargin15 {
	margin-top: 15px;
}

.readonlyrow {
	color: #92877f;
}

.readonlyblock input, .readonlyblock select {
	background-color: #fafafa;
	border-color: #6a708b;
	color: #92877f;
	cursor: default;
	pointer-events: none;
	font-size: 12px !important;
}

#editableBlock  input, #editableBlock select {
	font-size: 12px !important;
}

#editableBlock {
	margin: 15px;
	/* margin-left: 20px; */
}

.fnt12 {
	font-size: 12px !important;
}

/*Collapse, expand panels*/
.toggle .collapseImg, .toggle.collapsed .expandImg {
	display: inline-block;
	cursor: pointer;
}

.toggle.collapsed .collapseImg, .toggle .expandImg {
	display: none;
	cursor: pointer;
}

#asnTbl tr:nth-child(even) {
	background-color: #fff !important;
}

#asnTbl tbody>tr:nth-child(4n+3) {
	background-color: #f4f3f2 !important;
}

#asnTbl tbody>tr:nth-child(4n+3):hover {
	background-color: #d8ecf9 !important;
}

#ASNGrid .lfr-pagination-delta-selector {
	display: none !important;
}

.invalidASNQty {
	background: #f00;
	color: #fff;
	padding: 0;
}

#selectedSearch {
	padding: 0.5em;
	background: #e3dedb;
}
/* ASN GRID STYLES*/
.bgclrEDEBEA {
	background-color: #EDEBEA;
}

i.glyphicon.glyphicon-info-sign {
	font-size: 17px;
}

.greyedRow label {
	margin-bottom: 0px;
}

* ---------------------HISTORY---------------------* /
.history {
	margin: 0px;
	padding-bottom: 3px;
	padding: 0px;
}
/* --- Start Project 13597 - Branding the CRM web shop - history-items --- */
.history-items {
	width: 90%;
	margin: 4px auto;
}

.history-items ul {
	margin: 0px;
	padding: 0px;
}

.history-items li {
	list-style: none;
	font-weight: bold;
	color: #7b6e66;
	background-color: #E3DEDB;
	padding-top: 2px;
}

.history-items li a:link, .history-items li a:visited, .history-items li a:hover
	{
	color: #7b6e66;
	text-decoration: none;
	text-transform: capitalize;
    text-align: left;
}

.history-items li div {
	border-left: 1px solid #E3DEDB;
	border-bottom: 1px solid #E3DEDB;
	border-right: 1px solid #E3DEDB;
	margin: 2px 0 4px 0;
	padding: 3px 2px;
	font-weight: normal;
	background-color: #EDEBEA;
}

.history-items li div a:link, .history-items li div a:visited {
	color: #000
}

.history-items li div a:hover {
	color: #000;
}
/* --- End Project 13597 - Branding the CRM web shop - history-items --- */
.history-items li a.historyHeaderLink {
	display: block;
	padding-left: 3px;
}

#glypArrow, #glypArrow-bwd, #glypArrowRight, #glypArrow-bwd-once {
	cursor: pointer;
}

.pollSlider {
	height: 100%;
	background: white;
}

.pollSliderRight {
	height: 100%;
	background: white;	
}

#pollSlider-button {
	position: absolute;
	height: 50px;
	top: 0px;
	left: -20px;
}

#pollSlider-button-bwd {
	position: absolute;
	height: 50px;
	top: 20px;
	left: -20px;
}

#pollSlider-button-bwd-once {
	position: absolute;
	height: 50px;
	top: 0px;
	right: -20px;
}

#pollSliderRight-button {
	position: absolute;
	height: 50px;
	right: -20px;
	top: 0px;
}

.row {
	margin-bottom: 5px;
}

.form-control{
	width : 100% !important;
}

.error{
	border: 1px solid #FF0000;
	padding: 5px 5px 5px 12px;
	margin: 0px 0px 3px 0px;
	background: #fafffc;
	color: #FF0000;
	display: none;
}

.productSectionOne, .productSectionTwo {
	font-size: 16px !important;
}
.lblExchangeCatalog, .lblRentalCatalog, .exchangePriceClass, .rentalPriceClass {
	text-align: right;
}
.productHeading {
	border-bottom: 3px solid #7b6e66;
}
.productDescClass {
	font-weight: bold;
    color: #7b6e66;
}
.productSectionOne span, .productSectionTwo span{
	font-size: 16px !important;
	padding: 0px;
}
.btnContainer {
	text-align: right;
}
.btnClose , .btnShip {
	    background-color: #92877f !important;
	    color: #ffffff !important;
	    min-width: 0% !important;
	    margin: 0px 15px;
}

#orderSummaryinstructions , #digitalinstructions{
	border: 1px solid #0068c6;
	padding: 5px 5px 5px 12px;
	margin: 0px 0px 3px 0px;
	background: #fafffc;
	color: #0068c6;
}



.transaction-info{
	border: 1px solid #0068c6;
	padding: 5px 5px 5px 12px;
	margin: 0px 0px 3px 0px;
	background: #fafffc;
	color: #0068c6;
}

.transaction-warn{
	border: 1px solid #d39100;
	padding: 5px 5px 5px 12px;
	margin: 0px 0px 3px 0px;
	background: #fafffc;
	color: #d39100;
}

/* Defect #74 */
#rentalExchangeNavTabs{
	background-color: transparent !important;
}

.grid-header{
	font-weight: bold !important;
}

.modal-dialog {
position: fixed !important
}

/* For Invalid User Error Message as part of the defect 499*/
#user-not-found-error{
	border: 1px solid #FF0000;
	padding: 5px 5px 5px 12px;
	margin: 0px 0px 3px 0px;
	background: #fafffc;
	color: #FF0000;
	margin: 50px;
}

/* For Email Popup's Scroller*/
#modal-body-container {
height: 500px !important;
overflow-y:scroll;
}

.btn-secondary, .btn-primary{
	border-radius  :5px !important;
}