/**
 * QuickOrderEnhance Styles
 * moved from JS injection to LESS
 * ----------------------------------------
 * File: view/frontend/web/css/source/_module.less
 */

//
// Product unavailable (autocomplete / quickorder search)
// ------------------------------------------------------

.ui-menu-item {
    &.product-unavailable {
        .ui-menu-item-wrapper {
            opacity: 0.9;
            cursor: not-allowed;
        }

        .mgz-quickorder-item_title a {
            pointer-events: none;
            cursor: not-allowed;
            text-decoration: none;
        }

        .out-of-stock-text {
            color: #d00;
            font-weight: 600;
            margin-top: 4px;
            font-size: 0.9em;
            line-height: 1.2em;
        }

        .ui-menu-item-wrapper:hover {
            background-color: #ffecec !important;
            color: #a00 !important;
        }
    }

    &.empty {
        display: none !important;
    }
}

.quickorder-index-index .modal-popup .modal-inner-wrap{
	max-width: 800px;
}

.quickorder-index-index  .modal-popup.quickorder-error-popup .modal-inner-wrap{
	border: 2px solid red;
}

.quickorder-index-index .modal-popup table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  th, td {
    border: 1px solid #ccc;
    padding: 6px;
    font-size: 13px;
  }
  th {
    background-color: #f6f6f6;
    font-weight: 600;
  }
  tr:nth-child(even) {
    background-color: #fafafa;
  }
}

.quickorder-index-index .modal-popup table thead th {
  background-color: #b0b0b0;
}

.quickorder-index-index .btn-sc{
	background: green !important;	
	float: right !important;
}

@media (min-width: 1024px), print{
	.quickorder-index-index .btn-sc{
		margin-right: 30px !important;	
	}	
}

.quickorder-index-index .btn-delete{
	background: #fff !important;
    color: red;
}