/**
 *  eDOF.css    General-purpose CSS for eDOF interface
*/
.cPointer {
    cursor:pointer;     // For anywhere  you want to show pointer as cursor
}

/* country tones
#8CCCBC, #B9DDB1, #EAECAB, #B7C5A1, #889E9C, #83A779*/
.bgHospital {
	border:1px solid #000;
	border-radius:10px;
	box-shadow: 5px 5px 2px #888888;
	/*background-color:#4f6f85;*/
	background-color:#889E9C;
	padding:7px;
	min-height:175px;
}

.bgSalesRep {
	border:1px solid #000;
	border-radius:10px;
	box-shadow: 5px 5px 2px #888888;
	/*background-color:#82a5b8;*/
	background-color:#B9DDB1;
	padding:7px;
	min-height:175px;
}

.bgReplenish {
	border:1px solid #000;
	border-radius:10px;
	box-shadow: 5px 5px 2px #888888;
	/*background-color:#009900;*/
	background-color:#EAECAB;
	padding:7px;
	min-height:125px;
}

.bgAcceptedBy {
	border:1px solid #000;
	border-radius:10px;
	box-shadow: 5px 5px 2px #888888;
	/*background-color:#ff9933;*/
	background-color:#B7C5A1;
	padding:7px;
	min-height:125px;
}

.bgTableHdr {
	background-color:#E8E8E8;
	border:1px solid #000;
	border-radius:10px;
	/*box-shadow: 5px 5px 2px #888888;*/
	padding:3px;
	min-height:45px;
}

.deleteME:hover {
	cursor:pointer;
}

.editME:hover {
	cursor:pointer;
}

#submitDOF {
	font-size:16px;
	font-weight:bold;
}

.centerImg {
    display:block;
	margin:auto;
}

.headImg {
	/*width:300px;*/
	padding-bottom:10px;
}

.mHeadImg {
	width:200px;
	padding-bottom:5px;
}

.mobileFormInput {
	width:250px;
    display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.addFormImg {
	float:left;
	font-wieght:bold;
	font-size:18px;
	margin-right:2px;
}

h3 {
	margin-top:0px;
	margin-bottom:3px;
}

#amOnline, #sectionOfStuff, #acceptedByHtml {
	display:none;
}

.divDialog {
	display:none;
}

.ui-autocomplete {
	position: absolute;
	cursor: default;
	z-index:9999 !important;
}

.ui-progressbar {
	position: relative;
}

.progress-label {
	position: absolute;
	left: 36%;
	top: 4px;
	font-weight: bold;
	color:#FFF;
	text-shadow: 1px 1px 0 #000;
}

#progressbar .ui-progressbar-value {
	background-color: #FF0000;
}

.deliveredProd_tblH {
	width:100px;
	text-align:center;
}

#forceRefresh {
	cursor:pointer;
}

.price-history {
	min-width:300px !important;
	max-width:80% !important;
}

#hospitalAdd:hover {
	cursor:pointer;
}

#salesRepAdd:hover {
	cursor:pointer;
}

#replenishmentAdd:hover {
	cursor:pointer;
}

#acceptedByAdd:hover {
	cursor:pointer;
}

#deliverProdAdd:hover {
	cursor:pointer;
}

#instrumentSetAdd:hover {
	cursor:pointer;
}

#loading-overlay {
	position: absolute;
	left: 0;
	top: expression(ScrollTop);
	width: 100%;
	height: 100%;
	z-index: 9000;
	background-color: #000;
	opacity: 0.4;
	filter:alpha(opacity=40);
	text-align:center;
	display:none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .blueButton {
	background-color:#428bca !important;
	color:#FFF !important;
	font-weight:bold;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .blueButton:hover {
	background-color:#3276B1 !important;
	color:#FFF !important;
	font-weight:bold;
}

#warningDialog {
	border:2px solid #FF0000;
	border-radius:15px;
	background-color:#F5F5F5;
}

#row_dp0w_1 {
	width: 450px;
	height: 125px;

}
.dp0wMsg {
	font-size: 18px;
	font-weight: bold;
}

/* Classes used for eDOF Review table */
.red {
    color:red;
}
.blue {
    color:blue;
}
.green {
    color:green;
}
.darkgreen {
    color:darkgreen;
}
.white {
    color:white;
}
.transparent {
    color:transparent;
}
.gmlxStatusIcon {
    margin-left: 0.3em;
    font-size:1.4em;
    vertical-align: text-bottom;
}
#tbleDOF_notice {
    float:left;
    font-size:1.25em;
    color:blue;
    margin-left:2em;
    font-weight:600;
}

/* For eDOF editing form */
.form-horizontal label {
    padding-top:0.5em;  /* Makes labels look better aligned with inputs, rather than too high */
    font-weight:normal;
}
/* For autocomplete inputs followed by a label showing additional info */
.acInputWithLabel {
    width:15em;
    display:inline-block;
    margin-right:1em;
}
.acInputXtraWide {
    width:24em;
}
.acInputNarrow {
    width:8em;
}
#PartsTable .glyphicon {  /* All icons in parts table are clickable, so indicate w/cursor */
    cursor:pointer;
}
/* Styling for parts table cells with icons; min-width keeps icons next to each other */
#PartsTable tr td:first-child {
    text-align: center;
    font-size:1.3em;
    padding-left:0;
    padding-right:0;
    min-width:3em;
}
#btnActionWorking {
     display:none;
     font-size: 1.1em;
}

/* =============== CSS ADDED FOR MANAGEMENT INTERFACE ============================== */
.mainTitle {
    font-size:24px;
    text-align:center;
}
.h1Heading {
    font-size:22px;
    text-align:center;
    background:gray !important;
    color:white;
}
.h2Heading {
    font-size:18px;
    text-align:center;
    background:#efefef !important;
}
.updFlagOk, .updFlagErr {
    padding-left:1em;
    font-weight:bold;
    display:none;
}
.updFlagOk {
    color:darkgreen;
}
.updFlagErr {
    color:red;
}
#addRep {   /* Add Sales Rep dialog */
    display:none;
}
#addRep form .container {
    width:275px !important;
}