/* this restores bootstrap's btn-default, because the new btn-primary/secondary aren't good */
.btn.btn-default {
	color:#212529;
	background-color:#fff;
	border-color:#ccc;
}

.btn.btn-default:hover, .btn.btn-default.active {
	background-color:#e6e6e6;
	border-color:#adadad;
}

/* this modifies the default btn slightly */
.btn.btn-default {
	border-radius:0;
	background-color:white;
	padding:16px;
}

.btn.btn-default.btn-sm {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem;
}

.btn-group.btn-group-extra-small .btn,
.btn-group-vertical.btn-group-extra-small .btn {
	width: 24px;
	height: 24px;
	font-size: 0.6rem;
	border-radius: 0;
	padding: 0.2rem;
}

/* end of bootstrap btn */

.diagram-generator.card > .card-body {
	padding:0px;
}

.diagram-generator.card > .card-body > .row {
	padding:8px;
}

.diagram-generator h1 {
	font-size:24pt;
}

.diagram-generator h2 {
	font-size:16pt;
	text-transform:uppercase;
	font-weight:600;
	color:#777;
}

.diagram-generator h3 {
	font-size:8pt;
	margin:0;
	text-transform:uppercase;
	font-weight:600;
	color:#777;
}

.diagram-generator .vertical-line-left {
	border-left:1px solid #ddd;
	display:inline-block;
	height:80%;
	width:16px;
	float:left;
}

/*
.diagram-generator .row.nopadding {
	padding:0;
}
.diagram-generator .row.nopadding .col-md-10, .diagram-generator .row.nopadding .col-md-2 {
	padding:0;
}
*/
.diagram-generator .bordertop {
	border-top:1px solid #ddd;
}
.diagram-generator .borderright {
	border-right:1px solid #ddd;
}

.center-vertical {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:100%;
}

.center-vertical-base {
	display:inline-block;
	vertical-align:middle;
	height:100%;
	width:0;
}

.link-pointer {
	cursor:pointer;
}

/* NAV RIGHT STYLING */
.nav-right {
	height:100%;
	/*margin-top:15px;*/
	min-width:300px;
	max-width:600px;
	position:absolute;
	right:0;
}

.nav-right .card-header {
	border-radius:0;
	background-color:white;
	color:black;
}

.nav-right .card-header.active {
	color:white;
	background-color:#005995;
}

.nav-right .card-body {
	background-color:#92b5d1;
	color:white;
}

.nav-right > .card-header {
	background-color:#808080;
	color:white;
}

.nav-right > .card-body {
	background-color:#f4f4f4;
	color:black;
}

.nav-right > .card-footer {
	border-radius:0;
	background-color:#808080;
}

.projectlogo-btn-container {
	text-align:center;
	width:100%;
}

.projectlogo-btn {
	width:160px;
	height:160px;
	max-width:100%;
	border:1px solid #ced4da;
	cursor:pointer;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	transition:box-shadow 0.25s ease;
	box-shadow: inset 0 0 0 200px rgba(0,0,0,0);
}

.projectlogo-btn:hover {
	box-shadow: inset 0 0 0 200px rgba(0,0,0,.1);
}