/*
colors:
*/

/*.orange {*/
	/*color: #FFA941;*/
	/*!*color: #F6B241;*!*/
/*}*/

/*.bg-orange {*/
	/*background-color: #FFA941;*/
	/*color: #fff;*/
/*}*/

/*.green {*/
	/*color: #ED1C24;*/
	/*!*color: #98BD29;*!*/
/*}*/

/*.blue {*/
	/*color: #0A4687;*/
/*}*/

.red {
	color: #ED1C24;
}

.bg-red {
	color: #fff;
	background-color: #ED1C24;
}

/*.cyaan {*/
	/*color: #DF157A;*/
/*}*/

.black {
	color: #231F20;
}

.dak-grey {
	color: #1d1c21;
}

.light-grey {
	color: #fafafa;
}

body{
	font-family: 'Roboto', sans-serif;
	margin-top: 90px;
}

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */

.callout {
	margin: 20px 0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
}
.callout h4 {
	margin-top: 0;
}
.callout p:last-child {
	margin-bottom: 0;
}
.callout code,
.callout .highlight {
	background-color: #fff;
}

/* Variations */
.callout-success, input.has-success {
	/*color: #468847;*/
	background-color: #DFF0D8;
	border-color: #D6E9C6;
}
.callout-danger, input.has-error {
	background-color: #fcf2f2;
	border-color: #dFb5b4;
}
.callout-warning, input.has-warning {
	background-color: #fefbed;
	border-color: #f1e7bc;
}
.callout-info, input.has-info {
	background-color: #f0f7fd;
	border-color: #d0e3f0;
}

/*
 * Slider
 */



/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-target {
	position: relative;
	direction: ltr;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
}

.lead .noUi-target {
	width: 300px;
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
	/* This class is applied to the lower origin when
	   its values is > 50%. */
	z-index: 10;
}
.noUi-stacking + .noUi-origin {
	/* Fix stacking order in IE7, which incorrectly
	   creates a new context for the origins. */
	*z-index: -1;
}
.noUi-state-tap .noUi-origin {
	-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 18px;
}
.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}

/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
	-webkit-transition: background 450ms;
	transition: background 450ms;
}
.noUi-origin {
	border-radius: 2px;
}
.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-dragable {
	cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,
	inset 0 1px 7px #EBEBEB,
	0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow: inset 0 0 1px #FFF,
	inset 0 1px 7px #DDD,
	0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.noUi-vertical .noUi-handle:after {
	top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}


/*
 * Other
 */

.navbar-default {
	background-color: #FFF;
	border: none;
}

.navbar-header {
	padding: 10px 0 10px 0;
}
.navbar .nav {
	padding: 0 0 10px 0;
}

.navbar-default .navbar-nav>li>a {
	color: #A0A0A0;
	border-top: 2px solid #FFF;
	padding: 25px 15px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.active>a:hover {
	color: #292929;
	background-color: transparent;
	border-top: 2px solid #ED1C24;
}

.navbar-brand {
	background: #fff url('/img/logo.png') no-repeat 16px 0px;
	width: 256px;
	height: 60px;
	text-indent: -2400px;
	margin: 0 100px 0 0;
}

.navbar_sub {
	background-color: #292929;
	color: #fff;
}

.navbar_sub .container {
	text-align: center;
	height: 20px;
	font-size: 12px;
	line-height: 18px;
}

.expertized {
	color: #ED1C24 !important;
}

.navbar-form .btn-xs {
	margin-top: 8px;
}

@media (min-width: 768px) and (max-width:992px) {
	.navbar-brand {
		width: 68px;
	}
}

.btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	border: 0;
	color: #fff !important;
}
.btn-primary:active, .btn-secondary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover {
	background-color: #333 !important;
}

.btn-primary {
	background-color: #333 !important;
}
.btn-primary:hover {
	background-color: #ED1C24 !important;
}

.btn-secondary {
	background-color: #777 !important;

}
.btn-secondary:hover {
	background-color: #ED1C24 !important;
}

.btn-success {
	background-color: #ED1C24 !important;
}
.btn-info {
	background-color: #0A4687 !important;
}
.btn-warning {
	background-color: #ED1C24 !important;
}
.btn-danger {
	background-color: #ED1C24 !important;
}

.bg-expertized {
	background-color: #ED1C24 !important;
}

footer {
	margin: 24px 0 24px 0;
}
footer, footer a {
	color: #ED1C24 !important;
}


/**
	Wizard
*/

.wizard {
}

.progress {
	margin-top: 24px;
	box-shadow: none;
}
.progress-bar {
	background-color: #ED1C24 !important;
	box-shadow: none;
}

.progress span {
	text-align: center;
	color: #000;
	position: absolute;
	left: 47.5%;
	font-size: 12px;
	line-height: 20px;
}

h1 {
	/*font-size: 63px;*/
	/*font-size: 52px !important;*/
	font-size: 36px !important;
}

.jumbotron.header {
	/*margin: 51px 0 0 0;*/
	margin: 0;
	padding: 0px 0 6px 0;
}
.jumbotron.subheader {
	margin: -30px 0 0 0 !important;
}

.jumbotron ul.nav-pills {
	margin: -2px 0 0 0;
	line-height: 20px;
	font-size: 18px;
}

.step {
	margin-top: 12px;
}

.step .jumbotron {
	margin-top: -12px;
	padding-top: 0;
}

.total {
	font-weight: bold;
}

.valid {
	/*background-color: #DFF0D8;*/
	background-color: #ED1C24;
}

.valid .glyphicon {
	position: relative;
	top: -2px;
}

.media {
	padding: 15px 0 0 0;
}

.number, .number.pull-left {
	/*background-color: #eeeeee;*/
	/*color: #000;*/
	background-color: #ED1C24;
	color: #FFF;
	width: 42px;
	height: 42px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	padding: 9px 0 0 0;
	margin: -9px 10px 0 0;
	letter-spacing: -0.1em;
	text-indent: -2px;
}

th.option {
	width: 40%;
}

tr td:first-child {
	font-size: 16px;
}

.multi-option input[type="radio"],
.multi-option input[type="checkbox"] {
	position:absolute;
	left: -100px;
}

.multi-option {
	text-align: center;
}
.multi-option label {
	margin-left: auto;
	margin-right: auto;
}

.multi-option input[type="radio"] + label,
.multi-option input[type="checkbox"] + label {
	font-size: 24px;
	display: block;
	width: 32px;
	height: 32px;
	color: #ccc;
	cursor: pointer;
}
.multi-option input[type="checkbox"] + label {
	height: 18px;
	position: relative;
	top: -4px;
}

.multi-option input[type="radio"] + label:hover,
.multi-option input[type="radio"].checked + label,
.multi-option input[type="checkbox"] + label:hover,
.multi-option input[type="checkbox"].checked + label {
	/*color: #469947;*/
	/*color: #ED1C24;*/
	color: #333;
}

.multi-option span.glyphicon {
	font-size: 24px;
}

#pager {
	margin-top: 12px !important;
}

.pager a {
	background-color: #333 !important;
	color: #fff;
	border: 0 !important;
}

.pager a:hover {
	background-color: #ED1C24 !important;
}

.result {
	width: 640px;
	height: 480px;
	margin-left: auto;
	margin-right: auto;
}

.section-header {
	/*margin-top: -36px;*/
}

canvas {
	margin-bottom: 24px;
}

#alert-area .alert {
	margin-top: 10px;
}

.alert-danger,
.alert-error {
	color: #b94a48;
	background-color: #f2dede;
}
.alert-danger h4,
.alert-error h4 {
	color: #b94a48;
}

tr[onclick] {
	cursor: pointer;
}

.form-group {
	margin-bottom: 30px;
}

.form-group hr {
	margin-top: 2em;
}

/*#outdated {*/
	/*display: nones;*/
/*}*/

/*.old_ie #outdated {*/
	/*display: block;*/
/*}*/

h3 .btn {
	margin-top: -3px;
	margin-left: 5px;
}

.table td ol {
	padding: 0 !important;
}