// main: styles.scss

#loader {
	vertical-align: middle;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0px;
	bottom: 0px;
	left: 0px;
	position: fixed;
	z-index: 10000;
	text-align: center;
	background-color: rgba(0,0,0,.5);
	> .fas {
		font-size: 5rem;
		color: $white;
		position: relative;
		top: 50%;
		transform: perspective(1px) translateY(-50%);
	}
}

.modal {
	.modal-body {
		text-align: center;
		max-height: calc(100vh - 200px);
		overflow-y: auto;
		overflow-x: auto;
		p:last-child {
			margin-bottom: 0;
		}
		.fa-thumbs-up,
		.fa-exclamation {
			font-size: 6rem;
			display: block;
			text-align: center;
			margin: 0.6rem 0 2rem 0;
		}
		.shelloutput {
            text-align: left;
            list-style-type: none;
            background-color: $black;
            color: $green2;
            overflow-y: auto;
            overflow-x: auto;
            padding: 1rem;
            border: 1px solid $green2;
        }
	}
	.modal-dialog {
        overflow-y: initial !important
    }
    .modal-header {
        padding: .75rem 1.25rem;
        background-color: rgba(0,0,0,.03);
        border-bottom: 1px solid rgba(0,0,0,.125);
    }
    .modal-footer {
        padding: .75rem 1.25rem;
        background-color: rgba(0,0,0,.03);
        border-top: 1px solid rgba(0,0,0,.125);
    }

}
