/*
 * LMS version 1.11-git
 *
 *  (C) Copyright 2001-2020 LMS Developers
 *
 *  Please, see the doc/AUTHORS for more information about authors!
 *
 *  This program is free software; you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License Version 2 as
 *  published by the Free Software Foundation.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program; if not, write to the Free Software
 *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307,
 *  USA.
 *
 *  $Id$
 */

.assignmentpanel {
	.lms-ui-tab-table .footer .liability {
		text-align: right;
	}
	.lms-ui-tab-button-panel {
		border-top: 0 !important;
		height: 0.1em !important;
		position: relative;

		.lms-ui-tab-buttons:nth-child(2) {
			position: absolute;
			bottom: 0;
			right: 0;
			margin-bottom: 0.5em;
			flex-wrap: initial;

			button.suspend-assignments {
				margin-bottom: 0;
			}

			button.delete-assignments {
				margin-bottom: 0;
			}
		}
	}

	.lms-ui-tab-table-row.footer {
		min-height: 2.5em;
	}

	.lms-ui-tab-table .footer .liability {
		text-align: left;
	}

	.liability {
		width: 25em;
	}
	.base_value {
		width: 4em;
	}
	.ptu_quantity {
		width: 2em;
	}
	.discount {
		width: 4em;
	}
	.price {
		width: 4em;
	}
	.total {
		width: 4em;
	}
	.downceil_upceil {
		width: 8em;
	}
	.accounting-period {
		width: 14em;
	}
	.buttons {
		width: 4em;
	}

	@media all and (max-width: 1500px) {
		.col-4:first-child {
			.liability {
				width: 20em;
			}
			.col-2 {
				flex-direction: column !important;
				width: 8em !important;
				div {
					flex-grow: 0 !important;
					width: 100% !important;
				}
			}
		}
		.col-4:nth-child(2) {
			.col-2:first-child {
				flex-direction: column !important;
				width: 8em !important;
				div {
					flex-grow: 0 !important;
					width: 100% !important;
				}
			}
			.col-2:nth-child(2) {
				flex-direction: column !important;
				width: 14em !important;
				div {
					flex-grow: 0 !important;
					width: 100% !important;
				}
			}
		}
	}
	@media all and (max-width: 1100px) {
		.col-4:first-child {
			flex-direction: column !important;
			width: 15em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
		.col-4:nth-child(2) {
			flex-direction: column !important;
			width: 11em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 768px) {
		.lms-ui-tab-table .footer .liability {
			text-align: left;
		}

		.col-8 {
			flex-direction: column !important;
			width: 17em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}

	.suspend-assignments,
	.delete-assignments {
		margin-top: -0.7em;
		margin-right: 0.5em;
	}
}

.reward-flags {
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
	padding-inline-start: 1.5em;
}
