/*------------------------------------------------------------------
 
Layout: Dashboard

------------------------------------------------------------------- */
.txt-indent {
	text-indent: 5px;
}

.txt-indent25 {
	text-indent: 25px;
}
@media screen and (max-width: 392px) {
    .txt-indent25 {
        text-indent: 0px; 
    }
}

.color-red {
	color: Red;
}

.font-red {
	color: #C31818 !important;
}

.font-blue {
	color: #2F9DC4 !important;
}

.adjustPad {
	text-align: right !important;
	padding-right: 3%;
}

.stat-table td {
	padding: 18px 0;
	border: none;
	border-bottom: 1px solid #E2E2E2;
}

.greyOut, a.greyOut:hover {
	color: #999999 !important;
	background: none !important;
	cursor: default;
	text-shadow: none !important;
	text-decoration: none;
}

.mute, a.mute:hover, a.mute:active {
	color: #ffffff !important;
	background: #DFDFDF !important;
	border: 1px solid #DFDFDF !important;
	cursor: default;
	text-shadow: none !important;
	text-decoration: none;
	box-shadow: none !important;
}

.stat-table .value {
	color: rgba(0, 0, 0, 0.4);
	font-size: 21px;
	font-weight: 600;
	text-align: right;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6), 0 0 1px rgba(0, 0, 0, 0.3);
}

.stat-table .full {
	color: #A3A3A3;
	font-size: 14px;
	padding: 5px 0px 5px 40px;
}

	.stat-table .full .equal {
		width: 175px;
		text-align: left;
		padding: 12px;
	}

.back-grey {
	background: #d9d9d9 !important;
	border: 1px solid #d9d9d9 !important;
	cursor: default !important;
}

.hideDiv {
	display: none !important;
	visibility: hidden !important;
}

.blueFont {
	color: #5C99B9 !important;
}

.noShadow {
	text-shadow: none !important;
}

.fontBlack {
	color: #333 !important;
}

.fontWhite {
	color: #fff !important;
}

#main-nav > li > a > span {
	margin-left: 25px;
}

.bgPosition {
	background-position: 6px 6px !important;
	background-repeat: no-repeat !important;
}

#main-nav > li.active > a.bgPosition {
	background-position: 4px -28px !important;
}

#main-nav > li.active > a.saleBG, #main-nav > li.active > a.contactBG, #main-nav > li.active > a.homeBG {
	cursor: default !important;
}

.saleBG {
	background-image: url('/img/menu/sale.png') !important;
}

.purchaseBG {
	background-image: url('/img/menu/purchase.png') !important;
}

.homeBG {
	background-image: url('/img/menu/home.png') !important;
	padding: 20px 20px;
	/*width: 20px !important;
	height: 20px !important;*/
}

.contactBG {
	background-image: url('/img/menu/contacts.png') !important;
}

.stockBG {
	background-image: url('/img/menu/stock.png') !important;
}

.docsBG {
	background-image: url('/img/menu/docs.png') !important;
}
.disabled-menu-link {
    /*cursor: default;
    pointer-events:none;*/
    background-color: #f2f2f2;
    background: #e5e5e5 !important;
}
    .disabled-menu-link > a {
        color: #7F7F7F !important;
        background-color: #f2f2f2 !important;
        filter: none !important;
        border: 1px solid #e5e5e5 !important;
        border-bottom-color: transparent !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
.disabled-menu-link > a.bgPosition {
    background-position: 4px -28px !important;
}
.globeBG {
	background-image: url('/img/menu/globe.png') !important;
}

.monitorBG {
	background-image: url('/img/menu/monitor.png') !important;
}

.not-active {
	pointer-events: none;
	cursor: default;
}

.logisticsBG {
	background-image: url('/img/menu/logistics.png') !important;
}

.learnBG {
	background-image: url('/img/menu/learn.png') !important;
}

.toolsBG {
	background-image: url('/img/menu/tools.png') !important;
}

.helpBG {
	background-image: url('/img/menu/help.png') !important;
}

.cursorText {
	cursor: default !important;
}

.marginTop-2 {
	margin-top: -4px !important;
}

.marginTop10 {
	margin-top: 10px !important;
}
.marginTop15 {
	margin-top: 15px !important;
}

.marginTop20 {
	margin-top: 20px !important;
}

.marginLeft0 {
	margin-left: 0px !important;
}

.marginBottom0 {
	margin-bottom: 0px !important;
}

.marginBottom5 {
	margin-bottom: 5px !important;
}

.crumbs li:hover a.removePointer {
	background-position: 100% 0px !important;
	cursor: default !important;
}

.removePointer {
	cursor: default !important;
}

.paddingTopNone {
	padding-top: 0px !important;
	margin-top: 0px !important;
}

.noBorder {
	border: none !important;
}

.fontBlue {
	color: #0088CC;
}
.pkey {
    margin-left:30px;
}
@media screen and (min-width:1024px) {
    .pkey {
        margin-left:0px;
    }
}

.marginRight20px {
	margin-right: 20px;
}
.marginRight10px {
	margin-right: 10px;
}

.uppercase {
	text-transform: uppercase !important;
}

.lowercase {
	text-transform: lowercase !important;
}

.unsettle {
	background-color: #DA4F49 !important;
	border: 1px solid #DA4F49 !important;
	color: #FFFFFF;
}

.adjsutDropDown {
	margin-top: 25px !important;
}

#btnDoc {
	font-size: 16px !important;
	white-space: normal;
}

#btn2Doc {
	font-size: 16px !important;
	white-space: normal;
}

.font9 {
	font-size: 9px !important;
}

.font11 {
	font-size: 11px !important;
}

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

.font14 {
	font-size: 14px !important;
}

.font15 {
	font-size: 15px !important;
}

.font13 {
	font-size: 13px !important;
}
.font13Popup {
	font-size: 16px !important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	text-align: justify;
	}
.font20Popup {
	font-size: 24px !important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	}

.font18 {
	font-size: 18px !important;
}

.font16 {
	font-size: 16px !important;
}

.font21 {
	font-size: 21px !important;
}

.fontWeight {
	font-weight: bold;
}

.color {
	color: #197fd4;
	font-weight: normal;
}
/*#btnDoc:hover
{
	cursor: default !important;
	background-color: #5bb75b !important;
	background-image: none !important;
	border: 1px solid #5bb75b !important;
}*/
/*.adjsutDropDown li:hover
{
	background:#94ba65 !important;
	line-height:20px !important;
}*/
.adjsutDropDown li a {
	cursor: pointer;
	font-size: 12px;
	margin: 0 6px;
	padding: 5px 9px;
}

.bgOrange {
	background-color: rgb(250, 215, 109) !important;
}

.bgGreen {
	background-color: #a4e7a3 !important;
	line-height: 17px;
	padding: 4px;
}

.bgPink {
	background-color: rgba(242, 196, 242, 0.57) !important;
	line-height: 17px;
	padding: 4px;
}

.bgLightGreen {
	background-color: rgba(185, 226, 159, 0.65) !important;
	line-height: 17px;
	padding: 4px;
}

	.bgOrange[readonly] {
		background-color: rgb(240, 201, 81) !important;
	}

.bgRed {
	background-color: #e45d5d !important;
}

	.bgRed[readonly] {
		background-color: #e45d5d !important;
	}

.fillText {
	text-decoration: underline;
	cursor: pointer;
}

.cursorPointer {
	cursor: pointer !important;
}

.marginLeft5 {
	margin-left: 5px !important;
}

.marginLeft10 {
	margin-left: 10px !important;
}

.marginLeft20 {
	margin-left: 20px !important;
}

.marginLeft37 {
	margin-left: 37px !important;
}

.marginLeft11 {
	margin-left: 11px !important;
}

.boxShadow {
	border-bottom: 1px solid #c9c9c9 !important;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15) !important;
	padding: 5px 0 !important;
	width: 100%;
}

.btnWidth100 {
	min-width: 100px !important;
}

.btn-cloneAs {
	margin-right: 5px !important;
	line-height: 22px;
	margin-top: 1px !important;
}

.videoModal {
	top: 10% !important;
}

.alert {
	margin-top: 5px !important;
	padding-top: 10px;
	margin-bottom: 0px !important;
}

	.alert i {
		float: left;
		font-size: 43px;
		margin-right: 30px;
		margin-top: 14px;
	}
	.alert i.alertChange {
		float: left;
		font-size: 28px;
		margin-right: 0px;
		margin-top: 0px;
	}
		.alert i.notify {
			float: left;
			font-size: 20px;
			margin-right: 10px;
			margin-top: 5px;
		}

	.alert P {
		font-size: 13px;
		font-weight: bold;
		white-space: normal;
	}

.notification {
	/*cursor: pointer;*/
}

.open > .notifyDD {
	display: block;
	min-width: 400px;
	background: #f4f4f4;
	padding: 0px 0px 15px;
}

.notifyDD li > a:hover, .notifyDD li > a:focus {
	background: none !important;
}

.notifyDD h3 {
	color: #666;
	background: #fff;
	padding: 10px;
	font-size: 20px;
	border-bottom: 1px solid #ccc;
}

.notifyModal {
	background-clip: padding-box;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	left: 50%;
	margin-left: -339px;
	outline: 0 none;
	position: fixed;
	top: 10%;
	width: 700px !important;
	z-index: 1050;
}

	.notifyModal.fade.in {
		top: 10%;
	}

.notifyMsg ul {
	list-style-type: none;
	margin: 0;
	max-height: 244px;
	overflow: auto;
	padding: 0 10px;
}

ul.notifyDDL {
	list-style-type: none !important;
	margin: 0px;
	padding: 0px;
	height: 320px;
	overflow: auto;
}

a.notification {
	padding: 0px 9px !important;
	margin: 10px 6px !important;
}

.notifyMsg ul li {
	margin: 0px 0px 15px;
}

.MsgGet {
	padding: 7px 12px;
	margin-left: 0px;
	background-color: #5DBEE4;
	border-radius: 5px; /*border: 1px solid #ccc;*/
}

.MsgSent {
	padding: 7px 12px;
	margin-left: 50px;
	background-color: #ABDDF1;
	border-radius: 5px; /*border: 1px solid #ccc;*/
}

.notifyMsg .history {
	text-align: center;
}

.notifyMsg .reply {
	width: 98%;
}

.notifyMsg h5 {
	color: #666;
}

/*Classes to make drop down button on left side*/
 .dropdown-submenu > #certificates:after , .leftside-submenu > a:after {
	display: block;
	float: left !important;
	width: 0;
	height: 0;
	margin-top: 3px;
	margin-left: -12px !important;
	border-color: transparent;
	border-right-color: #cccccc !important;
	border-style: solid;
	border-width: 5px 5px 5px 0px !important;
	content: " ";
}

@media screen and (min-width: 768px) {
	.setWidth {
		width: 35% !important;
	}

	.marginLeft-4 {
		margin-left: -4px !important;
	}
}

@media screen and (max-width: 979px) {
	.centerTab {
		text-align: center !important;
	}

		.centerTab a.btn-grid {
			float: none !important;
		}

	.notifyModal {
		left: 20px;
		margin: 0;
		position: fixed;
		right: 20px;
		top: 20px;
		width: auto !important;
	}
}

@media screen and (min-width: 1200px) {
	.MinWidth {
		min-width: 330px;
	}
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
	.MinWidth {
		min-width: 265px;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	.MinWidth {
		min-width: 200px;
	}
}

@media screen  and (max-width:480px) {
	.open > .notifyDD {
		display: block;
		min-width: 300px;
	}
.certificates-dropdown { min-width: 260px; text-align: left; }
.dropdown-menu {  left: -40px;   }
.stat-table .full { padding: 12px 0px 5px 4px;   }
.btn-group > .btn-large { font-size: 13px;  }
.btn-certificates .caret { margin-left: 83px; }
.stat-table .full .equal { width: 170px; text-align: left; padding: 8px; }
.dropdown-menu li > a { padding: 3px 3px; margin: 0 6px; font-size: 11px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.stat-table .value, .stat-table .full .btn-large { font-size: 14px; }
}

/*media query form IE9 command above Versions*/
 @media screen and (min-width:0\0) and (min-resolution: +72dpi) {
			/*buttton Search clear  */ 
			.ie-btnClear-width {
				width: 24px;
			}
		}