
.icon-req {	background-image: url('../images/icons/large/requisition.png'); }
.icon-req-approved { background-image: url('../images/icons/large/requisition-approved.png'); }
.icon-po-invoice { background-image: url('../images/icons/large/po-invoice.png'); }
.icon-po-invoice-adjustment { background-image: url('../images/icons/large/po-invoice-adjustment.png'); }
.icon-expense {	background-image: url('../images/icons/large/expense.png'); }
.icon-timesheet-transaction { background-image: url('../images/icons/large/timesheet-transaction.png'); }
.icon-logout { background-image: url('../images/icons/large/logout.png'); }
.icon-upload { background-image: url('../images/icons/large/upload.png'); }
.icon-download { background-image: url('../images/icons/large/32X32-75.png'); }
.icon-undo { background-image: url('../images/icons/large/undo.png'); }
.icon-add {	background-image: url('../images/icons/large/add.png'); }
.icon-print { background-image: url('../images/icons/large/print.png'); }
.icon-trash { background-image: url('../images/icons/large/trash.png'); }
.icon-lookup { background-image: url('../images/icons/large/lookup.png'); }
.icon-chevron {	background-image: url('../images/icons/large/chevron.png'); }
.icon-edit { background-image: url('../images/icons/large/edit.png'); }
.icon-save { background-image: url('../images/icons/large/save.png'); }
.icon-save-new { background-image: url('../images/icons/large/save-and-new.png'); }
.icon-save-close { background-image: url('../images/icons/large/save-and-close.png'); }
.icon-delete {	background-image: url('../images/icons/large/delete.png'); }
.icon-next { background-image: url('../images/icons/large/next.png'); }
.icon-previous { background-image: url('../images/icons/large/previous.png'); }
.icon-note { background-image: url('../images/icons/large/note.png'); }
.icon-note-empty { background-image: url('../images/icons/large/note-empty.png'); }
.icon-attachment { background-image: url('../images/icons/large/attachment.png'); }
.icon-hamburger { background-image: url('../images/icons/large/hamburger.png'); }
.icon-preview {	background-image: url('../images/icons/large/preview.png'); }
.icon-flag { background-image: url('../images/icons/small/flag.png'); }
.icon-lightning { background-image: url('../images/icons/small/lightning.png'); }
.icon-excel { background-image: url('../images/icons/large/excel.png'); }
.icon-word { background-image: url('../images/icons/large/word.png'); }
.icon-pdf {	background-image: url('../images/icons/large/pdf.png'); }
.icon-powerpoint { background-image: url('../images/icons/large/powerpoint.png'); }
.icon-expand { background-image: url('../images/icons/medium/expand.png'); }
.icon-collapse { background-image: url('../images/icons/large/collapse.png'); }
.icon-cart { background-image: url('../images/icons/large/cart.png'); }
.icon-cancel { background-image: url('../images/icons/large/cancel.png'); }
.icon-close { background-image: url('../images/icons/large/close.png'); }
.icon-change-status { background-image: url('../images/icons/large/change-status.png'); }
.icon-copy { background-image: url('../images/icons/large/copy.png'); }
.icon-error { background-image: url('../images/icons/large/error.png'); }
.icon-submit { background-image: url('../images/icons/medium/Submit.png'); }
.icon-recall { background-image: url('../images/icons/medium/Recall.png'); }
.icon-punchout { background-image: url('../images/icons/large/punchout.png'); }
.icon-auto-zoom { background-image: url('../images/icons/medium/ZoomAuto.png'); }
.icon-zoom-in { background-image: url('../images/icons/medium/ZoomIn.png'); }
.icon-zoom-out { background-image: url('../images/icons/medium/ZoomOut.png'); }
.icon-rotate-right { background-image: url('../images/icons/medium/RotateRight.png'); }
.icon-rotate-180 { background-image: url('../images/icons/medium/Rotate180.png'); }
.icon-manual-crop { background-image: url('../images/icons/medium/CropM.png'); }
.icon-auto-crop { background-image: url('../images/icons/medium/CropA.png'); }
.icon-rules { background-image: url('../images/icons/medium/rules.png'); }
.icon-save-next { background-image: url('../images/icons/large/save-and-next.png'); }


[class*="icon-"] { background-repeat: no-repeat; display: inline-block; background-size: 100%; background-position: center; border: 2px solid transparent; vertical-align:middle; }
[class*="icon-"].small { width: 19px; height: 19px; }
[class*="icon-"].sorta-small { width: 24px; height: 24px; }
[class*="icon-"].small-right { width: 19px; height: 19px; background-position: center right; }
[class*="icon-"].medium { width: 29px; height: 29px; }
[class*="icon-"].medium-23 { width: 23px; height: 23px; }
[class*="icon-"].large { width: 38px; height: 38px; }
[class*="icon-"].xlarge { width: 64px; height: 64px; }
[class*="glyphicon-"] { background-repeat: no-repeat; display: inline-block; background-size: 100%; background-position: center; border:0; color:#69BE28; text-align:center; }
[class*="glyphicon-"].small { font-size:15px; }
[class*="glyphicon-"].medium { font-size:22px; }
[class*="glyphicon-"].medium-23 { font-size:23px; }
[class*="icon-"].no-hover:hover { border: 2px solid transparent; }
.icon-hover-border { }

[class*="glyphicon-"].medium:hover,
[class*="glyphicon-"].medium-23:hover,
.icon-hover-border:hover {
	text-decoration: none;
	border-radius: 3px;
	border: 2px solid #69BE28;
    padding:3px;
    font-size:19px;
}

[class*="glyphicon-"].medium a { margin-top:-27px }
.glyphicon-danger { color: #DE0000; }

.icon-save-new.medium { width:32px; height:32px; background-position-y:top; }
.icon-save-close.medium { width:32px; height:32px; background-position-y:top; }
.icon-save-new.medium-reqitem { width:32px; height:32px; background-position-y:center; }

.indicator.medium { width:22px; height:22px }

[class*="icon-"].text-box {
	width: 100px;
	height: 120px;
	background-position: center 5px;
	background-size: 64% 53.33333333333%;
	font-family: arial;
	text-align: center;
	color: #808080;
	font-size: 1.1rem;
	font-weight: normal;
	padding-top: 70px;
	border-radius: 4px;
}

input[class*="icon-"] {
	outline: none;
	resize: none;
	-webkit-appearance: none !important;
	-moz-appearance:normal;
	appearance: normal;
	overflow: hidden;
	background-color: transparent;
	z-index: 20;
	border: transparent;
	padding: 0;
	position: absolute;
	display: block;
}

.attachment-icon {
    height:15px;
    width:15px;
}

.icon-expo-collapse-section { float:right; margin-top:-4px; }

.datagrid .fields  input[class*="icon-"] { background-color: #baeb95; }

input.button-navigation {
	display: none;
	position: absolute;
	top: -9999px;
	left: -9999px;
}

label.button-navigation {
	height: 35px;
	border: 1px solid #bbbbbb;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(224,224,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(46%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(224,224,224,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(224,224,224,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	color: #333333;
	font-size: 1.4rem;
	font-family: 'durusans-regular';
	text-align: center;
	padding-top: 5px;
	position: relative;
	float: left;
}

input.row-sub-form{ display: none;}

@media (max-width: 549px) { 
	label.tabbed { display:none; }
	.parent-form input[class*="icon-"] { top:-35px; }
	.parent-form input.icon-edit { right: 44px; }
	.parent-form input.icon-save { right: 44px;	}
	.parent-form input.icon-cancel { right: 15px; }
	.parent-form input.icon-close { right: 15px; }
	.parent-form input.display-none { height: 24px; width: 24px; }
	.datagrid article > input[class*="icon-"].small.row-form { top: 348px; }
	.datagrid article > input[class*="icon-"].medium.row-form { top: 343px;	}
	.datagrid article >  input.icon-flag.row-form { right: 160px; }
	.datagrid article > input.icon-lightning.row-form { right: 140px; }
	.datagrid article > input.icon-preview.row-form { right: 100px; }
	.datagrid article > input.icon-edit.row-form { right: 70px; }
	.datagrid article > input.icon-save.row-form { right: 70px; }
	.datagrid article > input.icon-trash.row-form { right: 40px; }
	.datagrid article > input.icon-expand.row-form { right: 10px; }
	.datagrid article > input[class*="icon-"].row-sub-form { top: 382px; background-color: #baeb92}
	.datagrid article > input.icon-add.row-sub-form { left: 200px; }
	.datagrid article > input.icon-edit.row-sub-form { left: 138px;	}
	.datagrid article > input.icon-save.row-sub-form { left: 138px;	}
	.datagrid article > input.icon-note.row-sub-form { left: 76px; }
	.datagrid article > input.icon-trash.row-sub-form { left: 15px;}
}

@media (min-width: 550px) {
	.parent-form > input[class*="icon-"] { right: 15px;	}
	.parent-form > input.icon-edit { top: 0; }
	.parent-form > input.icon-save { top: 30px;	}
	.parent-form  > input.icon-cancel {	top: 60px; }
	.parent-form  > input.icon-close {	top: 60px; }

	.expanding > input.icon-add { right: 50px; top: 40px; }
	.expanding > input.icon-cart { right: 15px; top: 40px; }

	.datagrid article > input[class*="icon-"].small.row-form { top: 12px; }
	.datagrid article > input[class*="icon-"].medium.row-form { top: 6px; }
	.datagrid article >  input.icon-flag.row-form.row-form { right: 140px; }
	.datagrid article > input.icon-lightning.row-form {	right: 120px; }
	.datagrid article > input.icon-preview.row-form { right: 90px; }
	.datagrid article > input.icon-edit.row-form { right: 65px; }
	.datagrid article > input.icon-save.row-form { right: 65px; }
	.datagrid article > input.icon-trash.row-form { right: 40px;}
	.datagrid article > input.icon-expand.row-form { right: 15px;}
	.datagrid article > input[class*="icon-"] {	right: 5px;	}
	.datagrid article > input.icon-add.row-sub-form { top: 45px; }
	.datagrid article > input.icon-edit.row-sub-form { top: 82px; }
	.datagrid article > input.icon-save.row-sub-form { top: 82px; }
	.datagrid article > input.icon-note.row-sub-form { top: 117px;}
	.datagrid article > input.icon-trash.row-sub-form { top: 152px;}
}

.icon-disabled,
.aspNetDisabled div[class*="icon-"],
a[disabled] div[class*="icon-"]
 { 
    opacity: 0.4; 
    border:none; 
    background-size: 85%; 
}
.icon-disabled:hover,
.aspNetDisabled div[class*="icon-"]:hover,
a[disabled] div[class*="icon-"]:hover { 
    border:none !important; 
    background-size: 85% !important; 
}

[class*="glyphicon-"].icon-disabled:hover {
    font-size:22px;
    padding:0;
}

.reqlogic-btn:disabled, .btn-report:disabled { opacity: 0.4; }
.btn-report:disabled:hover, .reqlogic-btn:disabled:hover { 
    border:solid #c2c2c2 1px !important;
    background: #f0f0f0;
    background-image: -webkit-linear-gradient(top, #f0f0f0, #cccccc);
    background-image: -moz-linear-gradient(top, #f0f0f0, #cccccc);
    background-image: -ms-linear-gradient(top, #f0f0f0, #cccccc);
    background-image: -o-linear-gradient(top, #f0f0f0, #cccccc);
    background-image: linear-gradient(to bottom, #f0f0f0, #cccccc);
}

.x-flip {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
.x-flip div.tooltip {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    margin-left:-40px;
    margin-top:3px;
}