/* These styles are brought over from the minutes app. These are not all the related styles, just enough to get us going. Throw them all away and start fresh if you want.  */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Oswald:700');

.vga-page {
	.top-nav {
		display: none;
	}

	.main-side-nav {
		display: none;
	}

	.page-content {
		padding-top: 15px;
	}

	.minutes-admin-vga {
		section {
			.controls, .indicator {
				display: none;
			}
		}

		.section-content {
			border-color: transparent!important;
		}
	}

  #print-button-wrap {
    text-align: right;

    #print-iframe {
      background: none;
      border: 0;
      outline: 0;
    }
  }
}

.minutes-iframe {
	width: 1px;
	min-width: 100%;
	overflow: hidden;
	height: 6730px;
}

.minutes-admin, .minutes-admin-vga {
	header {
		h5 {
			text-align: center;
			font-size: 16px;
			font-family: 'Open Sans', sans-serif;
		}

		h5:not(.main) {
			margin-top: 5px;
			margin-bottom: 5px;
			font-weight: 600;
		}

		.main {
			color: #B05D62;
			margin-top: 7px;
			margin-bottom: 7px;
			font-weight: 700;
		}
	}

	section {
		display: -webkit-box;
	  display: -ms-flexbox;
		display: flex;
		position: relative;
		padding-bottom: 5px;

		.controls {
			display: -webkit-box;
		  display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
      -ms-flex-align: center;
			align-items: center;

			button {
				&:hover i {
					-webkit-transition: all 0.1s;
					transition: all 0.1s;
				}
			}

			.directional, .delete {
				display: -webkit-box;
			  display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
	      -ms-flex-align: center;
				align-items: center;
				opacity: 0;
				-webkit-transition: all 0.15s;
				transition: all 0.15s;
			}

			.directional {
				background: #C3BCB1;
			  height: 100%;
			  padding: 0 7px;
			  cursor: move;

				i {
					font-size: 19px;
				}

				button:hover i {
					color: #D26C72;
				}
			}

			.delete {
				width: 30px;
				height: 100%;
				-webkit-box-pack: center;
        justify-content: center;

				button {
					display: block;
					background: #B7252E;
					border: 0;
					outline: 0;
					padding: 0;
					margin: 0;
					width: 20px;
					height: 20px;
					border-radius: 50%;
					/* prevent pixel artifacts left behing when transforming border radius */
					box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
				}

				i {
					color: #FBF8F3;
					font-size: 1em;
				}

				button:hover {
					background: #CC313B;
				}

				button.confirm {
					width: 100%;
					height: 100%;
					border-radius: 0;
					background: #CC313B;
					-webkit-transition: all 0.1s;
					transition: all 0.1s;
				}
			}
		}

		.section-content {
			-webkit-box-flex: 1000;
	    -ms-flex-positive: 1000;
			flex-grow: 1000;
			//margin-left: 10px;
			padding: 0 25px 0 5px;
			border: 1px solid;
			border-color: transparent;
			border-radius: 0 5px 5px 0;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;

			&:focus {
				outline: 0;
			}

			&.minute-section-header {
				font-weight: 700;
				padding-top: 30px;
			}
		}

		&:hover, &.active {
			.delete, .directional {
				-webkit-transition: all 0.15s;
				transition: all 0.15s;
			}

			.section-content {
				border-color: rgba(195, 188, 177, 0.5);
			}
		}

		&.active {
			.delete, .directional {
				opacity: 1;
			}

			.section-content {
				border-color: #E2B9BB;
			}

			&:hover {
				.delete, .directional {
					opacity: 1;
				}
			}
		}

		&:hover {
			.delete, .directional {
				opacity: 0.5;
			}

			.delete:hover {
				opacity: 1;
			}
		}

		.indicator {
			position: absolute;
			top: 0;
			right: 0;
			width: 25px;
			height: 25px;
			background: transparent;
			border: 0;


			&:after {
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				width: 8px;
				height: 8px;
				background: #CCC;
				border-radius: 50%;
				display: block;
			}

			&:focus {
				outline: 0;
			}
		}

		.indicator.public {
			&:after {
				background: #69B885;
			}
		}
	}
}