.container {
	width: 98%;
	height: 99%;
	padding-right: 0px;
}

div#user_content {
	/* max-width: 99%;
	max-height: 99%;
	width: 100%;
	height: 100%; */
	/* border: 1px solid red;  */
	
}

@media screen and (min-width: 992px) {
	div#user_content {
		width: 100%;
		height: 100%;
		/* border: 1px solid red;  */
	}
}

.page-title {
	font-weight: 10;
	font-family: Arial;
}

.item:after {
	display: block;
	content: " ";
	padding-top: 100%;
}

.grid-row {
	padding: 1%;
}

.header_col1 {
	
	/* background-color: rgba(86, 61, 124, .15); */
	background-color: rgba(60, 98, 126, .8);
	border: 1px solid  rgba(60, 98, 126, .9);
/*	font-weight: bold;
	padding: .5%;
	text-align: center;
	word-break: break-word;
	height: 100%;
	vertical-align: middle;*/
	color: white;
}

.order_by {
	cursor: pointer;
}

.sl_action_header_col {
	background-color: #eee;
	border: 1px solid #ddd;
	background-color: rgba(86, 61, 124, .15);
	border: 1px solid rgba(86, 61, 124, .2);
	font-weight: bold;
	padding: .5%;
	text-align: center;
	word-break: break-word;
	height: 100%;
}

.sl_col {
	text-align: center;
	padding: .5%;
}

.action_col {
	text-align: center;
}

.data_col1 {
	padding-left: 1rem !important;
	word-break: break-word;

	/* text-align: left; */
}

.badge1 {
	background-color: white;
}

.list-group-item1 {
	border: thin 0px white;
}

.approve_button, .approve_button:hover, .approve_button:focus, .approve_button:active, .approve_button.active {
	background-color: #8c8c8c;
	color: white;
}

.update_fin_button, .update_fin_button:hover, .update_fin_button:focus, .update_fin_button:active, .update_fin_button.active {
	background-color: #663366;
	color: white;
}

.update_quote_button, .update_quote_button:hover, .update_quote_button:focus, .update_quote_button:active, .update_quote_button.active {
	background-color: #CC9900;
	color: white;
}

.green_button, .green_button:hover, .green_button:focus, .remove_button:active, .remove_button.active {
	background-color: rgba(102, 102, 255, 1);
	color: white;
	white-space: normal;
	color: white;
	border-color: #ddd;
	webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	border-radius: 10px;
}

.list-group-item-action.active {
	z-index: 2;
	color: #ffffff;
	background-color: #2196f3;
	border-color: #376312;
}

.add_product_button, .add_product_button:hover, .add_product_button:focus, .add_product_button:active, .add_product_button.active {
	background-color: #ab102c;
	color: white;
	font-weight: bold;
}

.btn-primary {
	background-color: #376312;
	white-space: normal;
}

.approve {
	font-weight: bold;
	/* font-size: 100%; */
	color: #3ed048;
}

.approve1 {
	font-weight: bold;
	/* font-size: 100%; */
	color: #5289dc;
}

.approve1 {
	font-weight: bold;
	/* font-size: 100%; */
	color: #5289dc;
}

.not_approve {
	font-weight: bold;
	/* font-size: 100%; */
	color: #cc3300;
}

.hilight_row:hover {
	color: blue;
}

.attribute_list {
	border-bottom: .75px dotted rgba(86, 61, 124, .2);
	padding-bottom: 1%;
}

.attribute_list_padding {
	padding: 2%;
}

input[data-readonly] {
	pointer-events: none;
}