/*-----------------------------------
	*** EVS mobe3 Rework Style ***
	Creation : 5/11/2017 NT
	APP AGNOSTIC
-----------------------------------*/

/* --- Globals --- */

p, h1, h2, h3, h4, h5, h6, label, input, ul, li, span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

/* ------- Login Quick Fix ----- */
#btnReset{
	color: white;
	text-align: center;
	font-size: 18px;
}

.bglogin {
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    bottom: 0;
}

#inputUser, #inputPassword, #inputCompany, #inputWarehouse {
	background-color: rgba(255,255,255,0.9);
}

#inputUser:focus,
#inputPassword:focus,
#inputCompany:focus,
#inputWarehouse:focus {
	background-color: rgba(255,255,255,1);
}

/* ------- Header ------- */
.navbar {
	border-radius: 0;
	margin-bottom: 0;
	border: 0px;
}

.navbar-brand {
	/*padding: 12px 15px;*/
	background-size: cover;
	width: 80px;
	height: 50px;
	padding: 0px !important;
	margin-right: 15px;
}

.navbar-inverse {
	background: #2c302c;
	border-color: transparent;
}
.navbar-inverse .navbar-nav>li>a {
	color: #f5f5f5;
	display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
}

.navbar-collapse.collapse {
	height: 50px !important;
}


/* ------- End Header ------- */


.section-title {
	color: #80c344;
	line-height: 1.2;
    padding: 20px 12px 15px;
	/*border-bottom: 1px solid #80c344;*/
	margin-bottom: 15px;
}

.section-title h3 {
	margin: 0;
	font-size: 32px;
}

/* --------- Loader -------- */
.evsloader {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;

}

.alert {
	margin-left: 15px;
	margin-right: 15px;
}
/*
#loader {
    position: absolute;
    background: rgba(255,255,255,0.3);
    border: none;
    width: 100%;
    animation: none;
    top: 0;
    height: 100%;
    left: 0;
    border-radius: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

#loader::before {
	content: '';
	display: block;
	position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
*/
/* ------- Panel Expansion ------  */
.panel-default {
	border-color: transparent;
}
.panel-default > .panel-heading {
	background-color: transparent;
}
.panel-heading {
	padding: 0;
	border-bottom-color: #dfdfdf;
	height: auto;
}
.panel-title > a {
	display: block;
	padding: 4px 10px;
}

a.accordion-toggle{
    text-decoration: none !important;
}

.panel-body {
	padding: 15px 30px;
}

.ui-grid-filter-container {
	background-color: #dfdfdf;
	padding: 6px;
}

input[type="text"].ui-grid-filter-input {
	padding: 2px;
	border-radius: 3px;
}

input .form-control{
	margin-top: 50px !important;
}

.ui-grid-header-cell {
	border-right: none;
	/* attempt to fix grid filters dissapearing */
	height:60px;
	max-height:60px;
}

.ui-grid-header-cell .ui-grid-cell-contents {
	color: #ffffff;
	font-size: 13px;
	line-height: 1.8;
	font-weight: normal;
}
.ui-grid-header-cell-wrapper,
.ui-grid-header-cell-row,
.ui-grid-row {
	/* width: 100%; */
}


/*---- Forms ---- */
.form-horizontal .form-inline .form-group {
	margin: 0;
}

@media (min-width: 910px) {
	.global-filters {
		padding: 1.5em;
    	display: flex;
    	justify-content: flex-end;
	}
}
.dropdown-menu .form-group {
	margin: 0 10px;
}
.dropdown-menu--filters {
	min-width: 260px;
}
.form-inline label {
	vertical-align: middle;
}
.filter--date-range {
	display: inline-block;
}

.form-inline .input-group {
	width: 140px;
}
.width-40 {
	width: 40px !important;
}
.menu--form-buttons {
	text-align: right;
	margin-right: 10px;
}
label {
	font-weight: normal;
	margin-bottom: 0;
}
.form-group .has-success label {
	color: #212121;
}

.form-control {
	border-color: #dfdfdf;
	border-radius: 2px;
	font-size: 15px;
	padding: 3px;
	line-height: 1.4;
	height: 36px;
	box-shadow: none;
}

.form-control-sm {
	border-color: #dfdfdf;
	border-radius: 2px;
	font-size: 15px;
	padding: 8px;
	line-height: 1.4;
	height: 36px;
	box-shadow: none;
}

.has-success .form-control[disabled],
.form-control[disabled] {
	border-color: #dfdfdf;
	box-shadow: none;
	background-color: #dfdfdf;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity: 0.2;
}
.btn-small {
	min-width: 100px;
}

.btn-secondary {
	background-color: #dfdfdf;
}

.btn-secondary:hover {
	background-color: #afafaf;
	color: #212121;
}

.btn-tertiary {
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
}

.btn-tertiary:hover {
    background: #dfdfdf;
    border: 1px solid #afafaf;
	color: #212121;
}

.btn-actions {
	margin-right: 10px;
}


.form-control:focus {
	box-shadow: none;
}

.input-group-btn .btn {
	padding: 8px 12px 9px;
	height: 42px;
}

/* ----- Calendar ----- */
.uib-daypicker .btn-default {
	border-color: transparent;
}
.uib-datepicker-popup {
	z-index: 9999;
}
.link-label {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.link-label:hover {
    color: darkblue;
    text-decoration: none;
}

/* ---- Grid ----- */

.ui-grid-render-container-body .ui-grid-viewport {
	overflow: auto !important;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
	border-right: none;
}

.ui-grid-contents-wrapper > .ui-grid-menu-button {
	border: none;
	position: absolute;
	left: 0;
	width: 32px;
	padding: 3px;
}

.ui-grid-menu-button .ui-grid-menu-mid {
	position: absolute;
	left: 0;
}

.ui-grid-menu.ng-scope {
	top: 36px;
	left: 18px;
}

.ui-grid-column-menu.ng-scope > .ui-grid-menu.ng-scope > .ui-grid-menu-mid {
	position: relative;
	bottom: 36px;
	right: 180px;
}

.ui-grid-contents-wrapper > .ui-grid-menu-button > .ui-grid-icon-container > .ui-grid-icon-menu {
	font-size: 19px;
}

.ui-grid-menu-button .ui-grid-icon-container {
	outline: none;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
	background-color: #fff;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: rgba(198, 224, 173, 0.15);
}

.ui-grid-header {
	box-shadow: 0 0 8px -2px rgba(0,0,0,0.18);
	border-bottom: none;
}

.ui-grid-tree-header-row.ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: #fff;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
	border-bottom-color: transparent;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
	border-right-color: #dfdfdf;
}

.ui-grid-icon-menu {
	color: #fff;
}


.ui-grid-header-cell-row {
	background: #dfdfdf;
}

.ui-grid-column-menu-button {
    background: #80c344;
}

.ui-grid-header-cell .ui-grid-cell-contents {
	background-color: #80c344;
}

.ui-grid-header-cell .ui-grid-cell-contents {
	background: #80c344;
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down,
.ui-grid-column-menu-button .ui-grid-icon-angle-up {
	display: inline-block;
    padding: 8px 0;
	line-height: 0;
}

.ui-grid-header-cell .ui-grid-cell-contents {
	min-height: 37px;
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down:before,
.ui-grid-column-menu-button .ui-grid-icon-angle-up:before {
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
	height: 18px;
	width: 18px;
	padding: 1px 2px 1px;
}

.ui-grid-contents-wrapper {
    overflow: hidden;
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  transition: none;
  display: block;
}

.ui-grid-filter-container {
	position: relative;
}

.ui-grid-filter-container::before {
	color: #dfdfdf;
	position: absolute;
	height: 16px;
	width: 16px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Glyphicons Halflings';
	content: "\e003";
	left: 11px;
    top: 9px;
}

input[type="text"].ui-grid-filter-input {
	padding-left: 22px;
}

.ui-grid-menu .ui-grid-menu-inner ul li button:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button:focus {
	box-shadow: none;
	background-color: rgba(198, 224, 173, 0.15);
}

.ui-grid-menu .ui-grid-menu-inner > ul > li > button.ui-grid-menu-item-active {
	box-shadow: none;
	background-color: rgba(198, 224, 173, 0.5);
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
	background-color: rgba(198, 224, 173, 0.7);
}

/* Fix for UI Grid issue in Safari */
.ui-grid-header.ng-scope > .ui-grid-top-panel > .ui-grid-header-viewport > .ui-grid-header-canvas > .ui-grid-header-cell-wrapper > .ui-grid-header-cell-row {
	display: flex;
	height: 75px;
}

.warning .ui-grid-cell-contents {
	background-color: #f2dede !important;
}

/* ------- Tabs ------ */

.nav-tabs>li>a {
	border-color: transparent;
	font-weight: bold;
	font-size: 17px;
	border-radius: 0;
	color: #adadad;
}

.nav-tabs>li>a:hover {
	border-color: transparent;
	border-bottom: 3px solid #2ca9bc;
	background-color: transparent;
	color: #2ca9bc;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:active {
	border-color: transparent;
	border-bottom: 3px solid #2ca9bc;
	color: #2ca9bc;
}


/* ---------- Modals -------------- */

.modal-header {
	padding: 5px 10px;
	background: #80c344;
	color: white;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-title {
	color: white;
}

.modal-body-input {
	margin:1.8em;
	/*margin-left:25%; */
}

.input-textarea {
	width: 55%;
	height: 130px;
}

.modal-body {
    padding: 5px;
		padding-bottom: 25px; /* room for Save and Cancel buttons */
}

.modal-lookup-body {
    padding: 0 2em;
}

.modal-body .modal-footer {
    padding: 25px;
    margin: 0 0px 0px;
}

.modal-footer .btn {
	min-width: 100px;
}

.modal-footer-cust {
	border-top: none;
}

@media (min-width: 768px) {
    .modal-smedium.modal-dialog {
        width: calc(100% - 5px);
        max-width: 800px;
        height: 800px;
    }
}

.modal-footer .btn {
	min-width: 100px;
}

.ui-grid-icon-minus-squared:before {
	content: '';
	background-image: url('../assets/ic-arrow-down.svg');
	background-size: cover;
	height: 16px;
	width: 16px;
}

.ui-grid-icon-plus-squared:before {
	content: '';
	background-image: url('../assets/ic-arrow-right.svg');
	background-size: cover;
	height: 16px;
	width: 16px;
}


/* ---------- Icons -------------- */

.evs-pie-chart {
	height: 24px;
	width: 24px;
	margin-bottom: 6px;
}

.evs-dashboard {
	width: 30px;
	position: relative;
	top: -3px;
}

.evs-footer-options {
	height: 100px;
	width: 100px;
	padding: 24px;
}

.evs-footer-options:hover {
	transform: translateY(-1px);
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.18));
}

.evs-material-arrow-next:before{
	content: '';
	background-image: url('../assets/ic_arrow_forward_black_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-arrow-nav-next:before{
	content: '';
	background-image: url('../assets/ic_navigate_next_black_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-flip-to-front-black:before{
	content: '';
	background-image: url('../assets/flip_to_front-24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-search-white:before{
	content: '';
	background-image: url('../assets/ic_search_white_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-locate-black:before{
	content: '';
	background-image: url('../assets/ic_locate_black_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}
.evs-material-plus {
	content: '';
	background-image: url('../assets/add_row.png');
	border-width: 0;
	background-color: transparent;
	background-size: cover;
	display: block;
  line-height: .8;
	height: 20px;
	width: 20px;
	margin: 0; /* 12/30/24 NB */
	border: none;
}
.evs-material-search:before{
	content: '';
	background-image: url('../assets/ic_material_search_24px.svg');
	background-size: cover;
	display: block;
  line-height: .8;
	height: 20px;
	width: 20px;
	margin: 0; /* 12/30/24 NB */
}
.evs-material-cal:before{
	content: '\e109';

  line-height: .8;
	height: 20px;
	width: 20px;
	position:relative;top:1px;display:inline-block;
	font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

.evs-material-cal {
		background-color: #FFF;
	box-shadow: none;
	border-style: none;
}


.evs-material-star:before{
	content: '';
	background-image: url('../assets/ic_star_black_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-star-white:before{
	content: '';
	background-image: url('../assets/ic_star_white_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-filter:before{
	content: '';
	background-image: url('../assets/ic_material_filter_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-save:before{
	content: '';
	background-image: url('../assets/ic_material_save_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-clear-filter:before{
	content: '';
	background-image: url('../assets/ic_material_clear_filter_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-delete:before{
	content: '';
	background-image: url('../assets/ic_material_delete_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-option-vertical:before{
	content: '';
	background-image: url('../assets/ic-option-vertical.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}
.evs-clear-filter:before{
	content: '';
	background-image: url('../assets/ic-clear-filter.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}
.evs-save:before{
	content: '';
	background-image: url('../assets/ic-save.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}
.evs-delete:before{
	content: '';
	background-image: url('../assets/ic-delete.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height:20px;
	width: 20px;
}
.evs-expand:before{
	content: '';
	background-image: url('../assets/ic-edit.svg'); /*switch out for expand*/
	background-size: cover;
	display: block;
    line-height: .8;
	height:20px;
	width: 20px;
}
.fa-edit:before,
.fa-pencil-square-o:before {
	content: '';
	background-image: url('../assets/ic-edit.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 16px;
	width: 16px;
}
.fa-copy:before{
	color: black;
	background-size: cover;
	display: block;
    line-height: .8;
	height: 16px;
	width: 16px;
}

.ui-grid-cell-contents > .btn,
.ui-grid-cell-contents > .btn:focus {
	background-color: transparent;
	border-color: transparent;
}

.warning .ui-grid-cell-contents
{
  background-color:#C9302C;
}

.ui-grid-icon-sort-alt-up:before {
	content: '';
	height: 20px;
	width: 20px;
	background-image: url('../assets/ic-sort-ascending_2x.png');
	background-size: cover;
	display: inline-block;
}

.ui-grid-icon-sort-alt-down:before {
	content: '';
	height: 20px;
	width: 20px;
	background-image: url('../assets/ic-sort-descending_2x.png');
	background-size: cover;
	display: inline-block;
}

.ic-filter {
	height: 30px;
	width: 30px;
	background-image: url('../assets/ic-global-filter_2x.png');
	background-size: cover;
	display: block;
}

/***** Material Design Overrides *****/

/*** Implement EVS theme to HTML***/

md-toast.md-default-theme .md-toast-content, md-toast .md-toast-content {
	background-color: #fefefe !important;
}

md-toast.md-default-theme .md-toast-content, md-toast .md-toast-content {
	color: rgb(50,50,50);
}

.md-headline {
	letter-spacing: 1px;
}

.font_material {
	color:#505050; /* Cody */
	background-color: #FFFFFF; /*This is only here for W3C compliance*/
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; /*Per Cody*/
	font-weight: 700;
}

.text-light {
	color:#B4B4B4; /* Cody */
	background-color: #FFFFFF; /*This is only here for W3C compliance*/
}

/***** UI Bootstrap Design Overrides *****/

.popover-content {
	padding: 0;
}

/*** Bug fixes ***/

/* Force styling of md-datepicker to match other inputs using md-no-float and icons: https://github.com/angular/material/issues/4233 & https://github.com/angular/material/issues/9550*/


md-select {
	margin-bottom: 2px ;
	margin-top: 0px ;
}

.md-datepicker-input-container {
	width: 150px !important;
	min-width: 0;
}

.md-datepicker-input {
	width: 150px !important;
	min-width: 0;
}

@media (max-width: 400px) {
	.md-datepicker-input-container {
		width: 90px !important;
	}
	.md-datepicker-input {
		width: 90px !important;
	}
}

/* Background dissapears fix https://stackoverflow.com/questions/39858702/angular-material-md-datepicker-open-in-full-screen-with-white-background*/
.md-datepicker-input-mask {
	overflow:hidden;
}

/*** Override Material components style with EVS theme ***/
/* Cards */
.home-card {
    border-radius: 6px;
}

/* Labels/input boxes/buttons */
.sleek-border { /* Override bootstrap style to look like Material*/
    box-shadow: none;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}

.no-border { /* Override bootstrap style to look like Material*/
    margin-top:-8px;
	box-shadow: none;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

.form-control:focus.sleek-border{ /* Override bootstrap style to look like Material*/
  border-bottom-color: #80C344;
  border-bottom-width: 2px;
}

/*Calendar */
.md-datepicker-button {
	margin-left: -10px  !important;
}

.md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
	border-bottom-color: #80C344 !important;
}

.md-datepicker-invalid {
	border-bottom-color: #B4B4B4 !important;
}

.md-datepicker-focused {
	border-bottom-color: #80C344 !important;
}

.md-datepicker-focused.md-datepicker-open {
	color: #80C344;
}

.md-datepicker-focused.md-datepicker-calendar-icon {
	color: #80C344;
}

.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-datepicker-open .md-datepicker-calendar-icon {
	color: #80C344;
}

.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator
{
	/* Styling for today's date */
}


.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator
{
	background: #80C344;
	border-color: #80C344;
}

/* Toasts */
md-toast {
	position: fixed !important;
}

/* Select */
.md-select-menu-container {
	z-index: 9999;
}

/* Radios */
md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, md-radio-button:not([disabled]).md-primary .md-on, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-button:not([disabled]) .md-primary .md-on, md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]) .md-primary .md-on {
	background-color: #80C344;
}

md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-button:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-button:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-button:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-button:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-group:not([disabled]).md-primary.md-checked .md-off, md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-group:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-group:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-group:not([disabled]) .md-primary .md-checked .md-off {
	border-color: #80C344;
}

/* Checkboxes */
md-checkbox {
	margin-bottom: 0px;
}
md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
	color: #80C344;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
	background-color: #80C344;
}




/* Tab/Checkboxes */
md-ink-bar{
	background-color:#80C344 !important;
}

/* Tab */
md-tab-item .billing-tabs md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
	color: #000000 !important;
}

md-tab-item:focus {
	outline-width: 0px;
}

md-tabs.md-default-theme .md-tab .md-ripple-container, md-tabs .md-tab .md-ripple-container {
	color:#80C344 !important;
}

md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container {
	color:rgba(44, 169, 188, .25);
}

md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar{
	background-color:#2CA9BC;
}

md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container {
	background-color:rgba(44, 169, 188, .25);
}

md-progress-linear .md-container .md-bar{
	padding-top: 0px !important;
	margin-top: 0px !important;
	height: 8px !important;
	line-height: 8px !important;
}

/* BEGIN ACCORDION */

.panel {
	border-color: #c8c8c8;
	border-width: 0px;
	box-shadow: 0 0px 0px rgba(0,0,0,.05);
}

.panel-group {
	margin-bottom: 0px;
}

.pad-left {
   padding-left:15px;
}
.panel-item {
   padding:30px;
}
.panel .nav-tabs {
   margin-top:1px;
}
.panel .tab-pane {
   padding-bottom:15px;
   border-width: 0px;
}

.padding10,.btn.padding10 {
   padding:10px;
}
.padding20,.btn.padding20 {
   padding:20px;
}
.padding30,.btn.padding30 {
   min-width:110px;
   padding:30px;
   display:block;
}
.v-center-container {display:table;}
.v-center {
align-self: center;
	 display: flex;
  align-items: center;
  justify-content: center;
}


.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th { display: block; }
.table-fixed tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}
.table-fixed thead {
  width: 97%;
}
.table-fixed thead th {
  height: 30px;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width:100%;
}
.table-fixed tbody td,
.table-fixed thead > tr> th {
  float: left;
  border-bottom-width:0;
}

.alerts {
 position:fixed;
 width:300px;
 right:30px;
 top:30px;
 z-index:10;
}
.alerts>.alert-dismissable {
 position:relative;
 z-index:11;
 min-width:250px;
}


/* refresh plugin */
.refresh-container {
 position:absolute;
 top:0;
 right:0;
 background:rgba(200,200,200,0.25);
 width:100%;
 height:100%;
 display: none;
 text-align:center;
 z-index:4;
}

.refresh-spinner {
 margin-top:20%;
 opacity: 0.8;
}


/* END ACCORDION */

/* Fab button */
.md-fab-evs {
	background-color: #80C344 !important;
}

.evs-material-add:before{
	content: '';
	background-image: url('../assets/ic_material_add_filter_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}
/*-----------------------------------
	*** EVS Mobe3 Rework Style ***
	Creation : 5/11/2017 NT
-----------------------------------*/

/* --- Globals --- */

p, h1, h2, h3, h4, h5, h6, label, input, ul, li, span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ------- Login Quick Fix ----- */
.bglogin {
    position: absolute;
    top: 52px;
    left: 0;
    right: 0;
    bottom: 0;
}

#inputUser, #inputPassword, #inputCompany, #inputWarehouse {
	background-color: rgba(255,255,255,0.9);
}

#inputUser:focus,
#inputPassword:focus,
#inputCompany:focus,
#inputWarehouse:focus {
	background-color: rgba(255,255,255,1);
}

/* ------- Header ------- */
.navbar {
	border-radius: 0;
	margin-bottom: 0;
	border: 0px;
}

.navbar-brand {
	/*padding: 12px 15px;*/
	background-size: cover;
	/* width: 80px; */
	/* height: 50px; */
	padding: 0.25em !important;
	margin-right: 15px;
}

.navbar-inverse {
	background: #2c302c;
	border-color: transparent;
}
.navbar-inverse .navbar-nav>li>a {
	color: #f5f5f5;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #fff;
}

/* ------- End Header ------- */


.section-title {
	color: #80c344;
	line-height: 1.2;
    padding: 20px 12px 15px;
	/*border-bottom: 1px solid #80c344;*/
	margin-bottom: 15px;
}

.section-title h3 {
	margin: 0;
	font-size: 32px;
}

/* --------- Loader -------- */
.evsloader {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;

}

.alert {
	margin-left: 15px;
	margin-right: 15px;
}
/*
#loader {
    position: absolute;
    background: rgba(255,255,255,0.3);
    border: none;
    width: 100%;
    animation: none;
    top: 0;
    height: 100%;
    left: 0;
    border-radius: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

#loader::before {
	content: '';
	display: block;
	position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
*/
/* ------- Panel Expansion ------  */
.panel-default {
	border-color: transparent;
}
.panel-default>.panel-heading {
	background-color: transparent;
}
.panel-heading {
	padding: 0;
	border-bottom-color: #dfdfdf;
}
.panel-title>a {
	display: block;
	padding: 4px 10px;
}

.ui-grid-filter-container {
	background-color: #dfdfdf;
	padding: 6px;
}

input[type="text"].ui-grid-filter-input {
	padding: 2px;
	border-radius: 3px;
}
.ui-grid-header-cell {
	border-right: none;
	/* attempt to fix grid filters dissapearing */
	height:60px;
	max-height:60px;
}
.ui-grid-checkbox {
	margin-top: 0.3em;
	margin-left: 0.5em !important; /* Base angular md style was forcing this to zero */
	transform: scale(0.8); /* shrink a bit */

}
.ui-grid-header-cell .ui-grid-cell-contents {
	color: #ffffff;
	font-size: 13px;
	line-height: 1.8;
}
.ui-grid-header-cell-wrapper,
.ui-grid-header-cell-row,
.ui-grid-row {
	/* width: 100%; */
}
.ui-grid-checkbox {
	margin-top: 0.3em;
	margin-left: 0.5em !important; /* Base angular md style was forcing this to zero */
	transform: scale(0.8); /* shrink a bit */

}

/* Style the checkbox input when disabled */
.ui-grid-checkbox:disabled {
	transform: scale(1.1) !important; /* make it a bit larger */
	accent-color: #000 !important; /* Modern browsers – dark gray checkbox */
	background-color: #000 !important; /* Modern browsers – dark gray checkbox */
	color: #000 !important; /* Modern browsers – dark gray checkbox */
}
/*---- Forms ---- */
.form-horizontal .form-inline .form-group {
	margin: 0;
}
.dropdown-menu .form-group {
	margin: 0 10px;
}
.dropdown-menu--filters {
	min-width: 260px;
}
.form-inline label {
	vertical-align: middle;
}
.filter--date-range {
	display: inline-block;
}

.form-inline .input-group {
	width: 140px;
}
.width-40 {
	width: 40px !important;
}
.menu--form-buttons {
	text-align: right;
	margin-right: 10px;
}
/* DUPE label {
	font-weight: normal;
	margin-bottom: 4px;
} */
.form-group .has-success label {
	color: #212121;
}

.form-control {
	border-color: #dfdfdf;
	border-radius: 2px;
	font-size: 15px;
	padding: 3px;
	line-height: 1.4;
	height: 36px;
	box-shadow: none;
}

.form-control-sm {
	border-color: #dfdfdf;
	border-radius: 2px;
	font-size: 15px;
	padding: 8px;
	line-height: 1.4;
	height: 36px;
	box-shadow: none;
}

.has-success .form-control[disabled],
.form-control[disabled] {
	border-color: #dfdfdf;
	box-shadow: none;
	background-color: #dfdfdf;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity: 0.2;
}
.btn-small {
	min-width: 100px;
}

.btn-secondary {
	background-color: #dfdfdf;
}

.btn-secondary:hover {
	background-color: #afafaf;
	color: #212121;
}

.btn-tertiary {
    background: #f5f5f5;
    border: 1px solid #dfdfdf;
}

.btn-tertiary:hover {
    background: #dfdfdf;
    border: 1px solid #afafaf;
	color: #212121;
}

.btn-delete {
    background-color: #ff1030;
}

.btn-actions {
	margin-right: 10px;
}


.form-control:focus {
	box-shadow: none;
}

.input-group-btn .btn {
	padding: 8px 12px 9px;
	height: 35px;
}

/* ----- Calendar ----- */
.uib-daypicker .btn-default {
	border-color: transparent;
}

.uib-datepicker-popup {
	z-index: 9999;
}

.uib-datepicker-popup b,strong,th {
	font-weight: 600;
}

.uib-datepicker-popup strong {
	letter-spacing: 1px;
}

.uib-datepicker-popup small {
	letter-spacing: 1px;
}

.uib-datepicker-popup button {
	letter-spacing: 1px;
}

.uib-daypicker .btn-info {
	background: #80C344;
	color: #ffffff;
}

.uib-daypicker .btn-info.active	{
	background: #80C344;
	color: #ffffff;
}

.uib-datepicker-popup .uib-datepicker-current {
	background: #80C344;
	color: #ffffff;
	padding: 6px 12px;
	border-radius: 3px;
	border: none;
}

.uib-datepicker-popup .uib-clear {
	background: #f5a240;
	color: #ffffff;
	padding: 6px 12px;
	border-radius: 3px;
	border: none;
}

.uib-datepicker-popup .uib-close {
	background: #f0626e;
	color: #ffffff;
	padding: 6px 12px;
	border-radius: 3px;
	border: none;
}

.uib-daypicker .text-info {
	color: #003987;
}

.uib-daypicker .btn.active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.uib-datepicker-popup .btn-group-sm > .btn, .btn-sm {
	padding: 12px;
	border-radius: 50%;
}

.uib-datepicker-popup th > button {
	border-radius: 3px;
}

.uib-monthpicker .btn-default {
	border-color: transparent;
}

.uib-monthpicker .btn-info	{
	background: #003987;
	color: #ffffff;
}

.uib-monthpicker .btn-info.active	{
	background: #003987;
	color: #ffffff;
}

.uib-monthpicker .btn.active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.uib-yearpicker .btn-default {
	border-color: transparent;
}

.uib-yearpicker .btn-info.active	{
	background: #003987;
	color: #ffffff;
}

.uib-yearpicker .btn.active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* ---- Grid ----- */
.ui-grid-render-container-body .ui-grid-viewport {
	overflow: auto !important;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
	border-right: none;
}

.ui-grid-contents-wrapper > .ui-grid-menu-button {
	border: none;
}

.ui-grid-contents-wrapper > .ui-grid-menu-button > .ui-grid-icon-container > .ui-grid-icon-menu {
	font-size: 19px;
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
	background-color: #fff;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: rgba(198, 224, 173, 0.15);
}

.ui-grid-header {
	box-shadow: 0 0 8px -2px rgba(0,0,0,0.18);
	border-bottom: none;
}

.grid .ui-grid-row .green {
	background-color: #6EC82D;
  }
  .grid .ui-grid-row .orange {
	background-color: #F5A240;
  }
  .grid .ui-grid-row .yellowgreen {
	background-color: yellowgreen;
  }
  .grid .ui-grid-row .blue {
	background-color: #003987;
  }
  .grid .ui-grid-row .lightlue {
	background-color: #3c91e6;
  }
  .grid .ui-grid-row .grey {
	background-color: #DFDFDF;
  }
  .grid .ui-grid-row .darkgrey {
	background-color: #808080;
  }
  .grid .ui-grid-row .slate {
	background-color: #505050;
  }
  .grid .ui-grid-row .red {
	background-color: #EE4B2B;
  }
.ui-grid-tree-header-row.ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: #fff;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
	border-bottom-color: transparent;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
	border-right-color: #dfdfdf;
}

.ui-grid-icon-menu {
	color: #fff;
}


.ui-grid-header-cell-row {
	background: #dfdfdf;
}

.ui-grid-column-menu-button {
    background: #80c344;
}

.ui-grid-header-cell .ui-grid-cell-contents {
	background-color: #80c344;
}

.ui-grid-header-cell .ui-grid-cell-contents {
	background: #80c344;
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down,
.ui-grid-column-menu-button .ui-grid-icon-angle-up {
	display: inline-block;
    padding: 8px 0;
	line-height: 0;
}

.ui-grid-header-cell .ui-grid-cell-contents {
	min-height: 37px;
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down:before,
.ui-grid-column-menu-button .ui-grid-icon-angle-up:before {
	border-radius: 50%;
	border: 1px solid #fff;
	color: #fff;
	height: 18px;
	width: 18px;
	padding: 1px 2px 1px;
}

.ui-grid-contents-wrapper {
    overflow: hidden;
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  transition: none;
  display: block;
}

.ui-grid-filter-container {
	position: relative;
}

.ui-grid-filter-container::before {
	color: #dfdfdf;
	position: absolute;
	height: 16px;
	width: 16px;
    font-style: normal;
    font-weight: 400;
    font-family: 'Glyphicons Halflings';
	content: "\e003";
	left: 11px;
    top: 9px;
}

input[type="text"].ui-grid-filter-input {
	padding-left: 22px;
}

.ui-grid-menu .ui-grid-menu-inner ul li button:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button:focus {
	box-shadow: none;
	background-color: rgba(198, 224, 173, 0.15);
}

.ui-grid-menu .ui-grid-menu-inner > ul > li > button.ui-grid-menu-item-active {
	box-shadow: none;
	background-color: rgba(198, 224, 173, 0.5);
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
	background-color: rgba(198, 224, 173, 0.7);
}
.warning .ui-grid-cell-contents {
	background-color: #f2dede !important;
}
.ui-grid-row-selected .warning .ui-grid-cell-contents {
	background-color: #f0c6c6 !important;
}
/* ------- Tabs ------ */
.nav-tabs>li>a {
	border-color: transparent;
	font-weight: bold;
	font-size: 17px;
	border-radius: 0;
	color: #adadad;
}

.nav-tabs>li>a:hover {
	border-color: transparent;
	border-bottom: 3px solid #2ca9bc;
	background-color: transparent;
	color: #2ca9bc;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:active {
	border-color: transparent;
	border-bottom: 3px solid #2ca9bc;
	color: #2ca9bc;
}

/*---------- Icons -------------- */
.evs-material-plus:before{
	content: '';
	background-image: url('../assets/add_row.png');
	background-color: transparent;
	background-size: cover;
	display: block;
  line-height: .8;
	height: 20px;
	width: 20px;
  border: none;
	padding-inline: 0;
}

.evs-material-search:before{
	content: '';
	background-image: url('../assets/ic_material_search_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
  	border: none;
}

.evs-material-filter:before{
	content: '';
	background-image: url('../assets/ic_material_filter_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-save:before{
	content: '';
	background-image: url('../assets/ic_material_save_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-clear-filter:before{
	content: '';
	background-image: url('../assets/ic_material_clear_filter_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-delete:before{
	content: '';
	background-image: url('../assets/ic_material_delete_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-add:before{
	content: '';
	background-image: url('../assets/ic_material_add_filter_24px.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}

.evs-material-option-vertical:before{
	content: '';
	background-image: url('../assets/ic-option-vertical.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}
.evs-clear-filter:before{
	content: '';
	background-image: url('../assets/ic-clear-filter.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}
.evs-save:before{
	content: '';
	background-image: url('../assets/ic-save.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 20px;
	width: 20px;
}
.evs-delete:before{
	content: '';
	background-image: url('../assets/ic-delete.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height:20px;
	width: 20px;
}
.evs-expand:before{
	content: '';
	background-image: url('../assets/ic-edit.svg'); /*switch out for expand*/
	background-size: cover;
	display: block;
    line-height: .8;
	height:20px;
	width: 20px;
}
.fa-edit:before,
.fa-pencil-square-o:before {
	content: '';
	background-image: url('../assets/ic-edit.svg');
	background-size: cover;
	display: block;
    line-height: .8;
	height: 16px;
	width: 16px;
}

.ui-grid-cell-contents > .btn,
.ui-grid-cell-contents > .btn:focus {
	background-color: transparent;
	border-color: transparent;
}

.warning .ui-grid-cell-contents
{
  background-color:#C9302C;
}

.ui-grid-icon-sort-alt-up:before {
	content: '';
	height: 20px;
	width: 20px;
	background-image: url('../assets/ic-sort-ascending_2x.png');
	background-size: cover;
	display: inline-block;
}

.ui-grid-icon-sort-alt-down:before {
	content: '';
	height: 20px;
	width: 20px;
	background-image: url('../assets/ic-sort-descending_2x.png');
	background-size: cover;
	display: inline-block;
}

.ic-filter {
	height: 30px;
	width: 30px;
	background-image: url('../assets/ic-global-filter_2x.png');
	background-size: cover;
	display: block;
}

/***** Material Design Overrides *****/

/*** Implement EVS theme to HTML***/

.font_material {
	color:#505050; /* Cody */
	background-color: #FFFFFF; /*This is only here for W3C compliance*/
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; /*Per Cody*/
	font-weight: 700;
}

.text-light {
	color:#B4B4B4; /* Cody */
	background-color: #FFFFFF; /*This is only here for W3C compliance*/
}

/*** Bug fixes ***/

/* Force styling of md-datepicker to match other inputs using md-no-float and icons: https://github.com/angular/material/issues/4233 & https://github.com/angular/material/issues/9550*/
.md-datepicker-input-container {
	width: 85% !important;
	min-width: 0;
}

.md-datepicker-input {
	width: 85% !important;
	min-width: 0;
}

/* Background dissapears fix https://stackoverflow.com/questions/39858702/angular-material-md-datepicker-open-in-full-screen-with-white-background*/
.md-datepicker-input-mask {
	overflow:hidden;
}

/*** Override Material components style with EVS theme ***/

.sleek-border { /* Override bootstrap style to look like Material*/
    box-shadow: none;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}

.no-border { /* Override bootstrap style to look like Material*/
    margin-top:-8px;
	box-shadow: none;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

.form-control:focus.sleek-border{ /* Override bootstrap style to look like Material*/
  border-bottom-color: #80C344;
  border-bottom-width: 2px;
}

.md-datepicker-button {
	margin-left: -10px  !important;
}

.md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
	border-bottom-color: #80C344 !important;
}

.md-datepicker-invalid {
	border-bottom-color: #B4B4B4 !important;
}

.md-datepicker-focused {
	border-bottom-color: #80C344 !important;
}

.md-datepicker-focused.md-datepicker-open {
	color: #80C344;
}

.md-datepicker-focused.md-datepicker-calendar-icon {
	color: #80C344;
}

.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-datepicker-open .md-datepicker-calendar-icon {
	color: #80C344;
}

.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator
{
	/* Styling for today's date */
}


.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator
{
	background: #80C344;
	border-color: #80C344;
}

.md-input{
  border-bottom: 2px solid transparent;
  transition: border-bottom .5s;
  text-decoration: none;
}

.md-input:focus{
  border-bottom: 2px solid #80C344 !important;
}

.md-input-focused label{
  color: #80C344 !important;
}

md-input-container{
  display: inline-table;
	margin: 5px 0;
}

.modal-button{
  border: none;
  shadow: none;
}

.lookup-modal-input {
  margin-top: 45px;
  margin-left: 45px;
}

.pick-modal-button{
  border: none;
  shadow: none;
}

.plus-button{
  margin-bottom: 17px;
}

.plus-button:hover{
  background-color: rgba(255,255,255,0);
  color: green;
}

.halfwidth {
	width: 50% !important;
	border-right: solid #80c344 3px;
	transition: all 1s ease-in-out;
}

@media screen and (max-width: 750px) {
	.nav-li-hide-onscreen-lt750px {
		height: 50px !important;
		display: none !important;
	}
}

@media screen and (max-width: 450px) {
	.nav-li-hide-onscreen-lt450px {
		height: 50px !important;
		display: none !important;
	}
}

@media screen and (max-width: 370px) {
	.nav-li-hide-onscreen-lt370px {
		height: 50px !important;
		display: none !important;
	}
}

.display-inline {
	display: inline;
}
.-remove-padding {
	padding: 0;
}

.-remove-margin {
	margin: 0;
	padding-inline: 0;
}

.plus {
	padding:0 .5em;
}
.plus:hover {
	cursor: pointer;
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.18));
}

.flex-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.flex-row > .md-button {
	background-color: lightgrey;
}

.flex-row > .md-button:hover {
	background-color: rgb(128, 195, 68);
	font-size: 16.5px;
}

.flex-row > .md-button:disabled {
	background-color: rgba(211, 211, 211, 0.454);
	color: white;
}

.flex-row > .md-button:focus {
	background-color: rgb(128, 195, 68);
}

/* CUSTOM INPUT CONTROLLER */
.pack-station-input-modal {
	padding-top: 100px;
	font-size: 20px;
	font-weight: 500;
}

.input-modal-container {
	width: 97%;
	margin-left: 1.5%;
	padding-left: 15px;
}

.input-modal-header-row {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin-left: 2.5%;
	width: 95%;
	margin-top: 25px;
}

.input-modal-header {
	display: grid;
	grid-template-columns: 50% 25% 25%;
	padding-bottom: 5px;
}

.im-item-title {
	white-space: nowrap;
	overflow-y: scroll;
}


.input-modal-header-field {
	text-align: center;
}

.img-line2 {
	font-size: 18px;
	font-weight: 450;
	color: grey;
}

.modal-input-row {
	display: grid;
	grid-template-columns: 80% 20%;
	width: 95%;
	margin-left: 2.5%;
	margin-top: 10px;
}

.im-input {
	height: 45px;
	width: 100%;
	border: 1px solid black;
	border-radius: 6px;
	padding: 0 10px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 24px;
}

.im-input-danger {
	color: red;
	border-color: red;
}

.im-input-uom {
	display: flex;
	justify-content: center;
	align-items: center;
}

.input-buttons-container {
	display: grid;
	grid-template-columns: 55% 45%;
	width: 95%;
	margin-left: 2.5%;
	margin-bottom: 10px;
}

.num-buttons-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 10px 0;
}

.im-num-button {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 55px;
	color: white;
	background-color: grey;
	width: 90%;
	border-radius: 3px;
	margin: 5px 0;
	font-size: 25px;
	transition: all .2s;
}

.im-num-button:hover {
	font-size: 25.5px;
	background-color: lightgrey;
}

.im-num-button-spacer {
	grid-column: 1 / 2;
	grid-row: 4 / 5;
}

.action-buttons-container {
	display: grid;
	grid-template-rows: repeat(4, 1fr);
	margin: 10px 0;
}

.im-action-button {
	display: flex;
	align-self: center;
	justify-content: center;
	align-items: center;
	height: 55px;
	color: white;
	background-color: grey;
	width: 85%;
	border-radius: 3px;
	margin: 5px auto;
	font-size: 18px;
	transition: all .2s;
}

.im-action-button:hover {
	font-size: 18.5px;
	background-color: rgb(128, 195, 68);
}

.im-action-button:disabled {
	font-size: 18px;
	background-color: lightgrey;
}

.im-confirm-button {
	background-color: rgb(128, 195, 68);
}

.im-confirm-button:hover {
	background-color: rgb(104, 193, 27);
}

.im-confirm-button:disabled {
	background-color: lightgrey;
}

/* ADJUST INVENTORY */

.input-label {
	letter-spacing: .8px;
	width: 150px;
	text-align: right;
	margin-right: 1em;
}

@media (max-width: 600px) {
	.input-label {
		width: 100px;
	}
}

.input--is-disabled {
	padding: .5em .75em !important;
    border: none !important;
    border-radius: 4px !important;
	background: lightgrey !important;
	cursor: disabled !important;
	width: 200px;
	margin: 0;
}

.input-box {
	padding: 3px !important;
	border-radius: 4px !important;
	border: none !important;
	/* background-color: #ffffff !important; this is not needed and conflicted with disabled class */
	border: 1px solid #ccc !important;
	width: 200px;
	margin: 0;
	/* letter-spacing: .8px; */
}

.list-box {
    padding: 3px !important;
    border-radius: 0px !important;
    border: none !important;
    background-color: #ffffff !important;
	border: 1px solid #ccc !important;
	width: 200px;
	margin: 0;
	letter-spacing: .8px;
}

.textarea-box {
	padding: 3px !important;
    border-radius: 4px !important;
    border: none !important;
    background-color: #f9f9f9 !important;
	border: 1px solid #ccc !important;
    width: 100%;
    height: 100%;
    letter-spacing: .8px;
    resize: none;
}

.panel-header {
    background-color: rgb(128, 195, 68);
    color: rgb(255, 255, 255);
    height: 38px;
    font-size: 18px;
    padding: 10px 15px 10px 15px;
    border: 0px;
    letter-spacing: .5px;
	font-weight: 500;
}

.draggable-panel-header {
    /*background-color: rgb(51, 122, 183);*/
    cursor: -webkit-grab;
	cursor: grab;
}

.draggable-panel-body {
    border: solid 2px;
    border-color: rgb(128, 195, 68);
}

.progress-arrow {
    font-size: 24px;
    color: #0080FF;
    -webkit-animation:progress-arrow-colorchange .75s infinite alternate;
}

@-webkit-keyframes progress-arrow-colorchange {
    0% {
        color: rgb(32, 240, 255);
    }

    10% {
        color: rgb(26, 218, 255);
    }

    20% {
        color: rgb(19, 195, 255);
    }

    30% {
        color: rgb(13, 173, 255);
    }

    40% {
        color: rgb(6, 150, 255);
    }

    50% {
        color: rgb(0, 128, 255);
    }

    60% {
        color: #0080FF;
    }

    70% {
        color: #0080FF;
    }

    80% {
        color: #0080FF;
    }

    90% {
        color: #0080FF;
    }

    100% {
        color: #0080FF;
    }
}

.vertical-sequence-left-arrow {
    margin-right: 5px;
    margin-top: 30px;
}

.listitem-div-highlightmouseover {
    outline: none;
}

.listitem-div-highlightmouseover:hover {
    background-color: rgba(227, 255, 207, 0.4);
    outline: none;
}

.listitem-div-selected {
    font-weight: 500 !important;
    outline: none;
}

@media only screen and (max-width: 600px) {
    .input-box {
		width: 150px !important;
	}
	.input--is-disabled {
		width: 150px !important;
	}
}

@media only screen and (max-width: 400px) {
    .input-box {
		width: 110px !important;
	}
	.input--is-disabled {
		width: 110px !important;
	}
}

@media only screen and (max-width: 600px) {
    .filter-input-box {
		position: relative;
		top: 20px;
		right: 20px;
	}
}

.uom {
	color: rgb(44, 169, 188);
    margin-left: 15px;
    height: 30px;
}

.adjust-inv__item-img-container-parent {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin-right: 3em;
}

.adjust-inv__item-img-container {
    height: 250px;
    width: 300px;
	position: relative;
	border-radius: 1em;
	padding-bottom: 2em;
}

.adjust-inv__item-img-container > img {
	object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.-evs-green-background {
	background: #80c344;
}

.-white-text {
	color: white;
}

.cell-wrap-text {
    white-space: normal !important;
}

#frmAdjust {
	position: relative;
	margin-right: 5em;
	padding: 5em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media (max-width: 600px) {
	#frmAdjust {
		padding: 2em 0 0 3em;
		margin-left: 2em;
	}
}

@media (max-width: 600px) {
	#frmRecLoad {

	}
}



@media (max-width: 600px) {
	.-maintain-width {
		width: auto;
	}
}

.checkbox-label {
	padding-left: 10px;
	font-weight: bold;
}

.input-line {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.input-table td {
	display: flex;
	gap: 3px;
	align-items: center;
}

.input-table tr {
	margin-bottom: 3px;
	margin-top: 3px;
}

.input-line > button {
	border: none;
}

.input-container {
	display: flex;
	justify-content: center;
	max-height: 77vh;
	overflow: auto;
}

/* Modal Pagination */
.pagination > li > a {
    background-color: white;
    color: #2ca9bc;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #5a5a5a;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a {
    color: white;
    background-color: #2ca9bc !important;
    border: solid 1px #2ca9bc !important;
}

.pagination > .active > a:hover {
    background-color: #2ca9bc !important;
    border: solid 1px #2ca9bc;
}

.pagination-container {
	display: flex;
	justify-content: center;
	border-top: 1px dotted #ccc;
	margin-left: 38px;
}

/* Custom Grid Footer */
.grid-footer {
	text-align: center;
    padding: .5em 0;
}
.pagination {
	margin: 10px
}

.grid-footer__btn-container {
	display: flex;
	justify-content: space-around;
	position: absolute;
	left: 0;
}

@media only screen and (max-width: 1095px) {
    .grid-footer__btn-container {
		width: 60%;
		text-align: center;
    }
}

@media only screen and (max-width: 640px) {
    .grid-footer__btn-container {
		display: none;
    }
}

.grid-footer__btn-container div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1em;
	/* letter-spacing: .8px; */
	cursor: pointer;
}

.grid-footer__btn-container span {
	margin-bottom: 6px;
	cursor: pointer;
	font-size: 24px;
}

.grid-footer__btn-container p {
	cursor: pointer;
	color: black;
}

@media only screen and (max-width: 768px) {
    .grid-footer__btn-container p {
		display: none;
    }
}

#grid-footer__options-container {
	/* visibility: hidden; */
	padding: 0 !important;
}

.evs-footer-options:hover ~ .grid-footer__options-container {
	/* visibility: visible; */
}

.grid-footer__btn-container__save-btn {
	color: #f5a240;
	margin-left: 1em;
}

.grid-footer__btn-container__save-btn:hover {
	transform-origin: center;
	transform: translate(-1px) scale(1.1);
}

.grid-footer__btn-container__edit-btn {
	color: #003987;
}

.grid-footer__btn-container__edit-btn:hover {
	transform-origin: center;
	transform: translate(-1px) scale(1.1);
}

.grid-footer__btn-container__delete-btn {
	color: #f0626e;
}

.grid-footer__btn-container__delete-btn:hover {
	transform-origin: center;
	transform: translate(-1px) scale(1.1);
}

.grid-footer__btn-container__export-btn {
	color: #729bd1;
}

.grid-footer__btn-container__export-btn:hover {
	transform-origin: center;
	transform: translate(-1px) scale(1.1);
}

.grid-footer__btn-container__export-btn:hover ~ .grid-footer__btn-container__export-options {
	visibility: visible;
}

.grid-footer__btn-container__export-options {
	visibility: hidden;
	position: absolute;
	bottom: 75px;
	left: 100px;
	background: #f5f5f5;
	z-index: 2;
	border: 2px dotted #729bd1;
	border-radius: 6px;
	width: 14em;
	align-items: flex-start !important;
	padding: 0 !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.18);
}

.grid-footer__btn-container__export-options:hover {
	visibility: visible;
}

.grid-footer__btn-container__export-options li {
	margin: 0;
	width: 100%;
	padding: .5em 1em;
	list-style: none;
}

.grid-footer__btn-container__export-options li:hover {
	background: #729bd1;
	color: #f5f5f5;
}

.ui-grid-pager-panel {
	position: absolute;
	letter-spacing: .8px;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	flex-direction: row;
	right: 0;
	width: 100%;
	left: auto;
	z-index: 1;
	align-items: center;
}

.ui-grid-pager-container {
	margin: 0;
}

.ui-grid-pager-count-container {
	float: right;
	margin: 0;
    min-width: 50px;
}

.ui-grid-pager-control {
	float: right;
	margin: 0px;
}

.ui-grid-pager-control button {
	background: none;
	border: none;
}

.ui-grid-pager-control input {
	background: #fff9c6;
	border: none;
}

.ui-grid-pager-row-count-picker {
	float: right;
	margin: 0 1em;
}

.ui-grid-pager-count {
	margin: 0;
}

/* Filters */
.filter-row {
	padding: 0 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 600px) {
	.filter-row {
		justify-content: space-between;
	}
}

.filter-row__label {
	letter-spacing: .8px;
	display: flex;
    justify-content: flex-end;
	position: relative;
	bottom: 6px;
	text-align: right;
	width: 150px;
}

@media (max-width: 600px) {
	.filter-row__label {
		justify-content: flex-start;
		width: 100%;
		padding-right: 24px;
		margin-bottom: 0;
		text-align: left;
	}
}

.filter-row__operator {
	width: 120px;
	letter-spacing: .8px;
	margin-top: 0
}

@media (max-width: 600px) {
	.filter-row__operator {
		color: #898989;
	}
}

.filter-row__operator > p {
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 4px;
    position: relative;
    top: 8px;
    padding-left: 3px;
}

.filter-row__input-container {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.single-date-input-container {
	width: 134px;
}
.to-date-input-container {
	width: 134px;
	margin-left: 8px;
}
.from-date-input-container {
	width: 134px;
}

@media (max-width: 600px) {
	.single-date-input-container {
		position: relative;
    	top: 12px;
    	right: 30px;
	}
}

@media (max-width: 600px) {
	.to-date-input-container {
		position: relative;
    	top: 20px;
    	right: 30px;
	}
}

@media (max-width: 600px) {
	.from-date-input-container {
		width: 130px;
	}
}

.datepicker-input {
	border-left: none;
	border-top: none;
	border-right: none;
}

.datepicker-cal-btn {
	border-left: none;
	border-top: none;
	border-right: none;
	border-color: #dfdfdf;
	background: white;
}

.filter-row__input {
	letter-spacing: .8px;
}

.filter-row__datepicker {
	width: 140px !important;
    padding: 0 !important;
}

.md-datepicker-calendar-pane{
	z-index: 1200}

.datepicker-label {
	letter-spacing: 1px;
}

@media (max-width: 600px) {
	.datepicker-label {
		font-size: 11px;
		width: 4em;
	}
}

.-letter-spacing-small {
	letter-spacing: .5px;
}

.-letter-spacing-mild {
	letter-spacing: .8px;
}

.-letter-spacing-medium {
	letter-spacing: 1px;
}

.filter-header {
	display: inline;
	margin: 0;
	letter-spacing: 1px;
	padding-left: .5em;
}

.filter-summary {
	margin-right: 2em;
}

.filter-summary__filter-chip {
	display: inline-block;
    font-size: 14px;
    color: #808080;
    font-weight: normal;
    margin: .2em;
    padding: .2em .5em;
    border-radius: 6px;
	border: 1px dashed #dfdfdf;
	letter-spacing: .8px;
	background: #f5f5f5;
}


/* Nav Title */
.nav-title {
    position: absolute;
    top: 0;
    left: 80px;
	color: white;
	padding: .25em;
	letter-spacing: 1px;
}

@media (max-width: 650px) {
	.nav-title {
		width: calc(100% - 118px);
		font-size: 16px;
		top: 2px;
	}
}

@media (max-width: 450px) {
	.nav-title {
		width: calc(100% - 118px);
		font-size: 14px;
		top: 4px;
	}
}

@media (max-width: 250px) {
	.nav-title {
		width: calc(100% - 118px);
		font-size: 12px;
		top: 4px;
	}
}

.uib-tab-heading {
	font-weight: normal;
}

.no-records-found-msg {
	text-align: center;
    padding-bottom: 1em;
	font-style: italic;
	color: #f5a240;
	/* color: #8567Ac; */
	letter-spacing: .5px;
	font-size: 13px;
}

.no-filter-criteria-msg {
	/* color: #729bd1; */
	color: #8567Ac;
	/* color: #808080; */
	/* color: #b1a00a; */
	font-weight: normal;
	font-size: 13px;
	letter-spacing: .5px;
	font-style: italic;
}

@media (max-width: 600px) {
	#frmRecLoad {
		padding: 0;
	}
}

.load-data-button {
	position: absolute;
    bottom: 12px;
    right: 0;
    width: 185px;
}

@media (min-width: 960px) and (max-width: 1035px) {
	.load-data-button {
		position: unset;
	}
}

#multi-select-is-enabled-msg {
	text-align: center;
    padding-top: 1em;
    font-style: italic;
    color: #55B7BA;
}

.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
	pointer-events: auto;
}

.txt-lightgrey {
	color: #9c9c9c;
}

.txt-amazon {
	color: #616D5D;
}

.menu-card-title {
	color: #6ec82d;
	padding: 2em;
	max-height: 92px;
}

.menu-item-task {
	display: flex;
	justify-content: left;
	align-items: center;
  padding: 10px 20px 10px 5px;
}

.menu-item-task:hover {
	background: rgba(227, 255, 207, 0.4);
	width: 100%;
}

.favorites-star {
	visibility: hidden;
	color: #6DC72C;
	font-size: 18px;
	margin-left: 30px;
}

.menu-item-task:hover .favorites-star {
	visibility: visible;
	cursor: pointer;
}

#favorites-menu {
	position: absolute;
    top: 50px;
    right: 233px;
    background: #f5f5f5;
    border: 1px #dfdfdf solid;
    box-shadow: 0 2px 4px rgba(0,0,0,0.18);
    z-index: 9999;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#support-icon {
	height: 18px;
}

.is-visible {
	visibility: visible !important;
}

.is-hidden {
	visibility: hidden !important;
}

.btn-evs--med-blue {
	background: #3c91e6;
	color: white;
	letter-spacing: .8px;
	border: 1px solid #2b7aca;
}

.btn-evs--med-grey {
	background: #77828d;
	color: white;
	letter-spacing: .8px;
	border: 1px solid #555a5f;
}

.btn-evs--light-blue {
	background: #729bd1;
	color: white;
	letter-spacing: .8px;
	border: 1px solid #5880b4;
}

.line-quick-entry {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 12px;
}

.quick-entry-grid-header {
	background: #80C344;
    color: white;
    font-size: 16px;
    font-weight: 500;
}

.cursor-pointer {
	cursor: pointer;
}

.-font-weight-normal {
	font-weight: normal;
}

.new-existing-order-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}


.custom-qty-input {
	width: 68px;
	height: 28px;
	border-radius: 4px;
    border: 1px solid #ccc;
    letter-spacing: .8px;
}

.custom-qty-input::-webkit-inner-spin-button,
.custom-qty-input::-webkit-outer-spin-button {
  	-webkit-appearance: none;
	margin: 0;
}

.filter-row__label-operator-container {
	display: flex;
	align-items: center;
}

@media (max-width: 600px) {
	.filter-row__label-operator-container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.responsive-date-range-container {
	display: flex;
}

@media (max-width: 600px) {
	.responsive-date-range-container {
		flex-direction: column;
	}
}

.from-date-container {
	display: flex;
	flex-direction: column;
    position: relative;
    top: 5px;
}

.to-date-container {
	display: flex;
	flex-direction: column;
}

@media (max-width: 600px) {
	#btnPrint {
		margin: 1em 0 0 0 !important;
	}
}

.filter-row__operator-container {
	display: flex;

}

#operator-container {
	width: 200px;
	display: flex;
	padding-left: 36px;
}

#recload-btn-container {
	display: flex;
	justify-content: center;
}

@media (max-width: 600px) {
	#recload-btn-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

@media (max-width: 600px) {
	#recload__BOL-info-btn {
		width: 200px;
	}
}

@media (max-width: 600px) {
	#recload__save-btn {
		width: 200px;
	}
}

.bulk-edit-lookup {
	padding: 5px 0 0 7px;
    display: flex;
    justify-content: space-between;
    float: right;
}


.searchresult-item-clean {
    color: #333333; text-decoration: none !important;
}

.side-panel-container{
	display: flex;
}

.dvgrid_w_side_panel{
	width: calc(100vw - 500px);
	height: calc(100vh - 50px);
}

.side-fixed-panel {
	width: 500px;
	background: #dfdfdf;
	color: #40483d;
	border-left: 2px solid #616d5d;
	overflow-y: auto;
}

.side-fixed-panel > h5 {
	padding: 0 0 10px 23px;
	letter-spacing: 1px;
}

.sp-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 15px 0 0 20px;
    letter-spacing: 1px;
    overflow: hidden;
}

.restrictionrow-button-span-warning {
    padding-left: 8px;
    margin-top: 2px;
    color: rgba(255,0,0,.87)
}

.restrictionrow-button-span-warning {
    padding-left: 8px;
    margin-top: 2px;
}

#frmadjust {
	margin-top: 20px;
}

#site-settings {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40vh;
}

.display-flex {
	display: flex;
}

#add-to-favs {
	display: flex;
	padding: 15px 25px 12px 30px;
	letter-spacing: .5px;
	align-items: center;
}

#add-to-favs span {
	margin-right: 12px;
	background:#6DC72C;
	padding: 12px;
	border-radius: 50%;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
}

#add-to-favs span:hover {
	background:rgb(129, 221, 63);
	transform: translateY(-1px);
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.18));
}

.no-wrap {
	white-space: nowrap;
}

.force-120px-height {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
}

#frm-dataviewmultientry {
	margin: 20px;
}

.prop-group {
	background: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    border-radius: 6px;
	margin-bottom: 12px;
	flex-direction: column;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.18);
	padding-bottom: 8px;
}

.prop-group h5 {
	letter-spacing: 1px;
}

.prop {

}

@media (max-width: 959px) {
	.prop {
		transform: translateX(15%);
	}
}

.expand-collapse-btn {
	font-size: 20px;
    display: flex;
	align-items: center;
	margin: 4px 12px 0 12px;
	color: #6DC72C;
}

#collapsed-header {
	display: flex;
    padding-bottom: 6px;
    background: #e4e4e4;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.multi-btn-container {
	display: flex;
	justify-content: flex-end;
}

.flex-space-between {
	display: flex;
	justify-content: space-between;
}

.order-entry-header {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.order-entry-header h4 {
	margin-top: 0;
}

@media (max-width: 600px) {
	.order-entry-header {
		justify-content: flex-start;
		margin-left: 32px;
	}
}

.order-entry-header h2 {
	margin-left: 12px;
	letter-spacing: .5px;
}

.so-entry-group  {
	padding: 12px;
    display: flex;
	justify-content: flex-start;
	border-bottom: 1px dotted lightgray;
}

#bill-ship-container {
	display: flex;
    justify-content: space-around;
	width: 100%;
	padding: 0 12px;
}

#so-entry-custdesc {
	letter-spacing: .5px;
    font-style: italic;
    margin-left: 12px;
    color: #5f6a5a;
}

.input-desc {
	letter-spacing: .5px;
    font-style: italic;
    margin-left: 12px;
    color: #5f6a5a;
}

#addl-info-container {
	display: flex;
	justify-content: space-between;
	background: yellow;
}

.font-weight-500 {
	font-weight: 500;
}

.accordion-header {
	display: flex;
	align-items: center;
	padding: 3px 12px 3px 24px;
	color: white;
	background: #616d5d;
	letter-spacing: 1px;
	margin-bottom: 3px;
}

.width-100pct, .w100 {
	width: 100%;
}

.expand-collapse-btn-2 {
	font-size: 20px;
    display: flex;
	align-items: center;
	color: #6DC72C;
}

#item-autocomplete md-autocomplete-wrap {
	box-shadow: none;
}

#item-autocomplete-container md-autocomplete button {
	position: relative;
    line-height: 20px;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    padding: 0;
    font-size: 12px;
    background: transparent;
	margin: auto 5px;
	bottom: 7px;
}

#item-autocomplete input {
    border-radius: 4px;
	border: 1px solid #ccc;
	background: #ffffff;
	letter-spacing: .8px;
	height: 28px;
}

#entry-autocomplete md-autocomplete-wrap {
	box-shadow: none;
}

#entry-autocomplete-container md-autocomplete button {
	position: relative;
    line-height: 20px;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    padding: 0;
    font-size: 12px;
    background: transparent;
	margin: auto 5px;
	bottom: 7px;
}

#entry-autocomplete input {
    border-radius: 4px;
	border: 1px solid #ccc;
	background: #ffffff;
	letter-spacing: .8px;
	height: 28px;
}

.input-box--narrow {
	padding: 3px 6px;
    border-radius: 4px !important;
    border: none !important;
    background-color: #ffffff !important;
	border: 1px solid #ccc !important;
	width: 200px;
	margin: 0;
	/* letter-spacing: .8px; */
}

.input-box--state {
	padding: 3px 6px;
    border-radius: 4px !important;
    border: none !important;
    background-color: #ffffff !important;
	border: 1px solid #ccc !important;
	width: 36px;
	margin: 0;
	/* letter-spacing: .8px; */
}

.input-line--checkbox {
	display: flex;
    align-items: center;
		height: 30px;
}

.ui-grid-column-header-replica {
    height: 36px;
    background-color: #80c344;
    color: #fff;
    padding: 7px;
    font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-rendering: optimizelegibility;
}

.md-open-menu-container{
	z-index: 1000 !important;
}

.fileTaskbar-button-minimal {
    /*margin-top: 1px;*/
    font-size: 20px;
    padding: 3px 7px 3px 5px;
    background-color: #ffffff00;
    border-style: none;
    /* border-radius: 4px; */
    /* border-width: 2px; */
    outline: none;
    /*margin: 1px;*/
    margin-left: 4px;
    margin-right: 4px;
}


.fileTaskbar-newButton-minimal {
    color: #eee;
}

.fileTaskbar-saveButton-minimal {
    color: #663987;
}

.fileTaskbar-saveAndCloseButton-minimal {
    color: #663987;
}

.fileTaskbar-loadButton-minimal {
    color: #dedeaa;
}

.fileTaskbar-refreshButton-minimal {
    color: #44de60;
}

.fileTaskbar-cancelButton-minimal {
    color: #de0044;
}

.fileTaskbar-button-minimal:hover {
    /*
    box-shadow: 3px 3px #444;
    */
    /*top: -1px;*/
    /*zoom: 150%;*/


    background-color: #99ff99cc;
    border-radius: 50%;

    transition: background-color, border-radius .3s linear;

    /*
    cursor: default;
    transform: rotate(1080deg);
    transition: all 30s;
    */
}

.fileTaskbar-minimal {
    /*border-style: inset;*/
    padding: 2px;
    padding-left: 15px;
    margin: 5px;
}







.fileTaskbar-button-desktop {
    margin-top: 3px;
    font-size: 32px;
    /* color: #303030; */
    padding: 3px 7px 3px 5px;
    background-color: #eee;
    border-style: outset;
    border-radius: 4px;
    border-width: 2px;
    outline: none;
    margin: 2px;
}


.fileTaskbar-newButton-desktop {
    color: #ccc;
}

.fileTaskbar-saveButton-desktop {
    color: #663987;
}

.fileTaskbar-saveAndCloseButton-desktop {
    color: #663987;
}

.fileTaskbar-loadButton-desktop {
    color: #dedeaa;
}

.fileTaskbar-refreshButton-desktop {
    color: #44de60;
}

.fileTaskbar-cancelButton-desktop {
    color: #de0044;
}

.fileTaskbar-button-desktop:hover {
    box-shadow: 3px 3px #444;
    top: -3px;
}

.fileTaskbar-desktop {
    width: 100vw;
    padding-left: 5px;
    border-style: inset;
}

.print-log-color-red{
	color:red;
}
.print-log-color-black{
	color:black;
}

#entry-autocomplete {
    width: 68px;
	height: 28px;
	border-radius: 4px;
    border: 1px solid #ccc;
    letter-spacing: .8px;
}
md-autocomplete-wrap {
    border-style: none;
    box-shadow: none !important;
}
.f_center{
	justify-content: center;
	align-items: center;
}
.f_gap_3{
	gap: 3px;
}

#frmadjust {
	margin-top: 20px;
}

.cnt-panel-section {
    width: 99%;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
	background-color: #dfdfdf;
}

#cnt-actions span {
	margin-right: 12px;
}

#cnt-actions button {
	margin: 10px;
	width: 210px;
	text-align: left;
	padding-left: 20px;
}

.cnt-adm-restricted-container {
    margin-top: 5px;
    min-width: 460px;
}

.cnt-adm-restricted-button-centered {
    margin-left: 164px; width: 240px;
}

.cnt-adm-restricted-li {
    border-bottom: 1px; border-bottom-style: ridge;
}

.restrictionrow-button-span-warning {
    padding-left: 8px;
    margin-top: 2px;
    color: rgba(255,0,0,.87)
}

.restrictionrow-button-span-warning {
    padding-left: 8px;
    margin-top: 2px;
}

/* .group and .host etc define an input table of rows and columns, similar to Group/Host elements in the app
* Use <table class="group>.. <td class="host-label"> .. <td class="host-label"> for tall cells
* Set the table width, and also may override the td width / maxwidth
*/
.charcoal {
	color: #36454F
}
	.group {
		padding-top: 3px;
		padding-bottom: 3px;
		table-layout: auto;
	}

	table.group td:not([class]) {
		display: flex;
		align-items: center;
		min-width: 100px;
		max-width: 200px;
		padding-top: 3px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.host {
			display: flex;
		align-items: center;
		min-width: 100px;
		max-width: 200px;
		padding-top: 3px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}
	.host-free {
		vertical-align: top;
		word-wrap: break-word;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
		letter-spacing: .8px;
		margin-right: 1em;
	}
	.host-text {
		vertical-align: top;
		word-wrap: break-word;
		padding-top: 8px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
		margin-right: 1em;
	}
	.host-label {
		text-align: right;
		vertical-align: top;
		min-width: 120px;
		/* Define the minimum width */
		max-width: 150px;
		/* Define the maximum width */
		word-wrap: break-word;
		padding-top: 8px;
		padding-bottom: 5px;
		padding-right: 5px;
		/* letter-spacing: .8px; */
		margin-right: 1em;
		color: #36454F
		/* Ensures content wraps within max width */
	}

	.host-label-middle {
		text-align: right;
		vertical-align: middle;
		min-width: 120px;
		/* Define the minimum width */
		max-width: 150px;
		/* Define the maximum width */
		word-wrap: break-word;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		padding-left: 5px;
		/* letter-spacing: .8px; */
		margin-right: 1em;
		color:#36454F
		/* Ensures content wraps within max width */
	}

	.mt-0 {margin-top: 0}
div.clearfix{
    height:2px;}