// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

@import 'bulma';
@import '~bulma-switch';

main.has-top-padding {
	padding-top: 4.5rem !important;
}

table.table td {
	vertical-align: middle;
}

.has-text-centered {
    text-align: center;
    margin: 0 1em;
}

.is-fixed-top {
	position: fixed;
	z-index: 30;
}

#main {
	height: 100%;
}

.container {
	max-height: 100% !important;
}

/*
  Author: Aseem Lalfakawma <alalfakawma.github.io>
  This SCSS mixin will allow sizing of table columns in Bulma CSS Framework.
  The Bulma framework does not support this yet, this small code snippet fixes this.

  USAGE:
  * Should be applied on TH element, it controls all the columns under it *
  The class should be "is-#",
  is-1 will give the first widthamount, is-2 will give the second.
  Eg. The code below shows the widthAmounts as (1, 2.5, 3, 4 , 5, 6, 7)
  When typing <th class="is-2">, the width will be 2.5em, as the second value in widthAmounts array is 2.5
*/

$widthAmounts: (15); // Just add the numbers here, you can use points too.
$widthUnit: "em"; // Add the unit here (rem|em|px|%)

@each $width in $widthAmounts {
	$i: index($widthAmounts, $width);
	@media only screen and (min-width: 768px) {
		.table thead th.is-#{$i} {
			width: #{$width}#{$widthUnit} !important;
		}
	}
}