/********************************************************************************** * * Copyright (c) 2016 Etudes, Inc. All rights reserved. * **********************************************************************************/ /* from: http://getbootstrap.com/components/#navbar-fixed-top Body padding required The fixed navbar will overlay your other content, unless you add padding to the bottom of the . Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high. */ body.headerFooter { padding-top: 70px; padding-bottom: 70px; } /* for various sizes and colors of icons */ .glyphicon-huge { font-size: 200px; } .glyphicon-xxlarge { font-size: 50px; } .glyphicon-xlarge { font-size: 32px; } .glyphicon-large { font-size: 24px; } .glyphicon-medium { font-size: 16px; } .glyphicon-small { font-size: 12px; } .glyphicon-xlight, .text-xlight { color: #A8A8A8; } .glyphicon-light, .text-light { color: #686868 !important; } /* error color */ .error { color: red !important; } /* from: https://getbootstrap.com/examples/signin/ */ .form-signin { max-width: 600px; padding: 15px; margin: 0 auto; } .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; } .form-signin .checkbox { font-weight: normal; } .form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; } .form-signin .form-control:focus { z-index: 2; } .form-signin input[type="text"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .form-signin button { max-width: 200px; margin-top: 40px; } /* for striping opposite from default */ .table-striped-even>tbody>tr:nth-of-type(even) { background-color: #f9f9f9; } /* for a tr acting as an in-table heading */ tr.table-row-heading td { padding-top: 16px !important; padding-left: 40px !important; } /* some space above, below, right and left */ .space-below { margin-bottom: 20px; } .space-above { margin-top: 20px; } .space-right { margin-right: 20px; } .space-left { margin-left: 20px; } /* more space below an otherwise not spaced item */ .space-below-big { margin-bottom: 40px; } /* very small space below */ .space-below-sm { margin-bottom: 4px; } /* alert next to input fields in forms, so as not to change the vertical spacing */ .input-alert { margin: 0px !important; padding: 6px !important; } /* align anchors as buttons left */ a.btn { text-align: left; } ol.breadcrumb { background-color: transparent; font-size: 22px; } li.noslash::before { content: "" !important; } li.chevron::before { content: ">" !important; } .breadcrumb>.active { color: black !important; } .alignWithTimePicker { top: 35px; } .alignButtonAfterTimePicker { top: 34px; position: relative; vertical-align: top; display: inline-block; } /* like a well with no border or background. */ .well-clear { min-height: 20px; padding: 16px; } .soft-text { color: #808080; } /* for a navbar with no background showing */ .navbar-clear { background-color: white !important; /* border-color: white !important; */ } /* lead text with a smaller size. */ .lead-medium { font-size: 18px; } .lead-small { font-size: 14px; } /*

 in various alert colors */
.code-success {
	color: #3c763d;
	background-color: #eff5ed;
}

.code-info {
	color: #31708f;
	background-color: #eef3f6;
}

textarea {
	resize: none;
}

.panel-title-small {
	font-size: 14px !important;
	line-height: 1.0 !important;
}

.double-space {
	line-height: 2;
}

label.stacked-label {
	width: 100%;
	margin-left: 12px;
}

label.stacked-label input, label.stacked-label textarea {
	margin-top: 8px;
	margin-left: -12px;
	font-weight: normal;
}

.inset-alert {
	margin-left: 32px;
	margin-right: 32px;
}

.clickable {
	cursor: pointer;
}

/* to align, not 'pull', right */
.align-right {
	text-align: right;
}

.italic {
	font-style: italic
}

.pad-left {
	padding-left: 12px;
}

/* for that Etudes blue background */
.etudes-background {
	background-color: #011A57;
}

.etudes-color {
	color: #011A57;
}
/* for white text */
.white-text {
	color: white !important;
}

/* etudes footer */
.etudes-footer {
	font-size: 12px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 4px;
	font-family: 'Roboto', sans-serif;
	background-color: #011A57;
	color: white;
}

/* etudes header nav*/
.etudes-header {
	background-color: #011A57;
	color: white !important;
	height: 70px;
	padding-top: 10px;
}

.etudes-header li a {
	font-size: 12px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 4px;
	font-variant: small-caps;
}

.etudes-header li a {
	color: #fff !important;
}

.etudes-header .navbar-nav li a:hover, .etudes-header .navbar-nav li.active a {
	color: #011A57 !important;
	background-color: #fff !important;
}

.etudes_jumbotron {
	background-color: #011A57;
	color: #ffffff;
	padding: 100px 25px;
}

/* for each section of an info page */
.info_section {
	padding: 60px 50px;
}

.info_grey {
	background-color: #E8E8E8;
}

.info_babyblue {
	background-color: #D7EBFF;
}

.info_white {
	background-color: white;
}

.info_section dl dd {
	padding-bottom: 20px;
}

.info_section dl dt {
	color: #011A57;
	padding-bottom: 6px;
}

/* for the cool google Roboto font */
.roboto {
	font-family: 'Roboto', sans-serif;
}

/* inline block */
.inline-block {
	display: inline-block;
}

/* block */
.block {
	display: block;
}

/* for items that can be dragged, up and down */
.drag-ns {
	cursor: ns-resize;
}

/* for pre-formatted text (line breaks matter, otherwise preserve white space and wrap as needed) */
.pre {
	white-space: pre-wrap;
}

/* scorecard display */
.scoreboard {
	/* 	margin: 0px 32px 0px 32px; */
	
}

.scorecard {
	width: 90px;
	text-align: center;
	background-color: lightgrey;
	border-radius: 12px;
	padding-bottom: 12px;
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	margin: 4px 4px 4px 4px;
}

.scorecard div.score {
	margin-top: 6px;
	font-size: 24px;
}

.scorecard div.title {
	color: #777;
	font-size: 12px;
}

/* http://bootsnipp.com/snippets/7NzxW */
.stepwizard-step p {
	margin-top: 10px;
}

.stepwizard-row {
	display: table-row;
}

.stepwizard {
	display: table;
	width: 100%;
	position: relative;
}

.stepwizard-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity = 100) !important;
}

.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-order: 0;
}

.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}

.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center !important;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}

.dbl-space-list li {
	margin-bottom: 8px;
}

.dbl-space-list dt {
	margin-bottom: 8px;
}

.dbl-space-list dd {
	margin-bottom: 8px;
}

.dbl-space-list dd {
	margin-left: 48px;
}

/* for locked out feature buttons */
.locked {
	background-color: #f2dede !important;
	opacity: 1.0 !important;
	cursor: not-allowed !important;
}