/*
 * LMS version 1.11-git
 *
 *  (C) Copyright 2001-2018 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$
 */

#devicedevices {
	.name {
		width: 15em;
	}
	.netnode {
		width: 10em;
	}
	.location {
		width: 15em;
	}
	.link-tech {
		width: 10em;
	}
	.link-speed {
		width: 10em;
	}
	.id {
		width: 8em;
	}
	.port {
		width: 8em;
	}
	.taken-ports {
		width: 8em;
	}
	.used-ports {
		width: 8em;
	}
	.buttons {
		width: 5em;
	}

	.dev-link-port {
		cursor: pointer;
	}

	.lms-ui-tab-buttons {
		flex-wrap: wrap;
	}

	@media all and (max-width: 1800px) {
		.link {
			flex-direction: column !important;
			width: 10em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 1500px) {
		.id-port {
			flex-direction: column !important;
			width: 8em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
		.name-netnode-location {
			flex-direction: column !important;
			width: 10em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 1200px) {
		.taken-ports-used-ports {
			flex-direction: column !important;
			width: 8em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 1000px) {
		.id-port-taken-ports-used-ports {
			flex-direction: column !important;
			width: 8em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 900px) {
		.name-netnode-location-link {
			flex-direction: column !important;
			width: 18em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
	}
	@media all and (max-width: 768px) {
		.col-8 {
			flex-direction: column !important;
			width: 16em !important;
			div {
				flex-grow: 0 !important;
				width: 100% !important;
			}
		}
		.lms-ui-tab-buttons {
			flex-direction: column;
			align-items: flex-start;
			> :not(:first-child) {
				margin-top: 0.3em;
			}
		}
	}

	.new-link {
		display: flex;
		width: 100%;

		& > * {
			margin-left: 0.5em;
			margin-right: 0.5em;
			display: flex;
			align-items: center;

			&:last-child {
				justify-content: flex-end;
				//flex-grow: 10;
			}

			&:nth-child(2) {
				flex-direction: column;
				align-items: flex-start;

				& > * {
					display: flex;
					flex-wrap: wrap;
					justify-content: flex-start;

					& > * {
						margin-top: 0.2em;
						margin-bottom: 0.2em;

						&:not(:first-child) {
							margin-left: 0.5em;
						}
					}
				}
			}
		}
	}

	.lms-ui-tab-buttons {
		width: 100%;

		&.message {
			padding: 0.3em;
		}

		#devlink-foreignentity {
			width: 20em;
		}
	}
}
