/*
 *	This code was created for Printr B.V. It is open source under the formide-client package.
 *	Copyright (c) 2017, All rights reserved, http://printr.nl
 */

 #manage-device{

	 .block{
		 min-height: 300px;
	 }

	 .container{
		 position: relative;
		 width: 100%;
		 height: 230px;
	 }

	 .network-table{
		 margin: 0.25rem 0 0 0;
	 }

	 .advanced-settings{
		 li{
			 margin-bottom: 0.75rem;
		 }
	 }

	 .form-fields [add-new]{
		 margin-bottom: 0;
		 padding: 0.3rem;

		 .fa{
			 color: color(grey, dark);
		 }
	 }

	 .storageChart {

		.label{
			position: absolute;
			top: 42%;
			text-align: center;
			width: 100%;

			h3{
				font-size: 2rem;
				line-height: 0.75;

				small{
					font-size: 1rem;
				}
			}
		}

		.info{
			position: absolute;
			left: 72%;
			bottom: 0;
			margin-right: -1rem;

			h3{
				font-size: 1.2rem;
			}
		}

		h3{
		  margin: 0;
		}
	}

	.checkbox {
		margin-left: 0;
		cursor: pointer;
		i{
			padding-left: 0;
		}
	}


	@include media-query(xs) {
		.connect {
			order: -1;
			padding-top: 0 !important;
			padding-bottom: 1rem;
		}
	 }

	 .layout__item.u-1\/2-sm.pad{

		 padding-top: 1rem;

		 &:first-child {
			 padding-top: 0;
		 }

		 &:nth-child(2) {
			 padding-top: 0;
		 }

		@include media-query(xs) {
			 &:nth-child(2) {
				 padding-top: 1rem;
			 }
		 }
	 }

 }