/* body */
body { background-color:#fff; font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; color:#000000; font-size:18px; }

/* outline */
a, div { outline:none !important; }

/* clearfix */
.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }

/* link */
a { color:#842020; }
a:hover { color:#842020; text-decoration:underline; }
a:focus { color:#842020; text-decoration:underline; }

/* word-wrap */
.word-wrap { display:none; }

/* wrapper */
#wrapper { width:100%; }
#page-wrapper { padding: 30px 15px; min-height:568px; max-width:1200px; }
 
/* navbar */
.navbar { border:0; background-color:#F1F1F1; margin-bottom:0; min-height:0; }
.navbar .navbar-header { background-color:#842020; }
.navbar .navbar-header .navbar-toggle { border:1px #fff solid; }
.navbar .navbar-header .navbar-toggle:hover { background-color:rgba(255,255,255,0.2); }
.navbar .navbar-header .navbar-toggle:focus { background-color:rgba(255,255,255,0.2); }
.navbar .navbar-header .navbar-toggle .icon-bar { background-color:#fff; }
.navbar .navbar-header .navbar-brand { font-weight:bold; color:#fff; }
.navbar .navbar-header .navbar-brand:hover { color:#fff; text-decoration:underline; }
.navbar .navbar-header .navbar-brand:focus { color:#fff; text-decoration:underline; }

/* sidebar */
.navbar .sidebar { background-color:transparent; }
.navbar .sidebar .sidebar-nav {}
.navbar .sidebar .sidebar-nav .nav  { padding:0 0 30px 0; border-bottom:0px #e7e7e7 solid; }
.navbar .sidebar .sidebar-nav .nav li {  border-bottom: 1px solid #e7e7e7; }
.navbar .sidebar .sidebar-nav .nav li a { padding:10px 35px; color:inherit; }
.navbar .sidebar .sidebar-nav .nav li a.active { background-color:#EAEAEA; }

/* sidebar brand */
.navbar .sidebar .sidebar-nav .nav .sidebar-brand { border:0; }
.navbar .sidebar .sidebar-nav .nav .sidebar-brand > a { padding:15px 35px; }
.navbar .sidebar .sidebar-nav .nav .sidebar-brand > a:hover { background-color:transparent; }
.navbar .sidebar .sidebar-nav .nav .sidebar-brand > a:focus { background-color:transparent; }
.navbar .sidebar .sidebar-nav .nav .sidebar-brand > a > img { display:block; max-width:100%; }

/* sidebar search */
.navbar .sidebar .sidebar-nav .nav .sidebar-search { padding:10px 35px; display:none; }

/* sidebar title */
.navbar .sidebar .sidebar-nav .nav .sidebar-title > h3 { font-size:16px; font-weight:bold; padding:30px 35px 10px 35px; margin:0; }

.sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; }
.sidebar .arrow { float: right; }
.sidebar .fa.arrow:before { content: "\f104"; }
.sidebar .active>a>.fa.arrow:before { content: "\f107"; }

.sidebar .nav-second-level li,
.sidebar .nav-third-level li { border-bottom: 0 !important; }
.sidebar .nav-second-level li a { padding-left: 37px; }
.sidebar .nav-third-level li a { padding-left: 52px; }

/* page header */
.page-header { margin-top:0; padding:0; border:0; }

/* lead */
.lead { font-size:21px; }


/* Box */
.box { position:relative; background-color:#FFFFFF; border:1px solid #F1F1F1; padding:15px; width:100%; overflow:hidden; margin-bottom:20px; }
.box h3 { margin-top:0; }
.box p:last-of-type { margin-bottom:45px; }
.box img { display:block; max-width:100%; }
.box .btn { position:absolute; left:15px; bottom:15px; }

@media(max-width:992px) { .box { height:auto !important; } }

/* Settings */
.settings { margin: 0 0 30px 0; }

.settings .option { vertical-align:middle; margin-bottom:15px; border:0px red solid; }
.settings .option label { width:120px; float:left; margin:6px 0 0 0; }

.settings .option .element { width:180px; float:left; }
.settings .option .element select { border: 1px solid #D9D9D9; padding:5px; }

.settings .option .slider { float:left; width:260px; margin:6px 10px 0 10px; }
.settings .option .slider.ui-slider { border-radius:0 !important; height:16px; }
.settings .option .slider .ui-slider-handle { background:#842020 !important; border-radius:0 !important; border:0 !important; height:26px; width:15px; padding:0; }

.result { margin: 0 0 30px 0; }
.result input {  font-size:inherit; margin:0; border:0; box-shadow:none; transition:none; background-color:transparent; height:30px; line-height:30px; width:100%; }
.result textarea { font-size:inherit; border:0; width: 100%; margin:0; padding:0; }

.result table { width:100%; border-collapse:collapse; margin:0; padding:0; }
.result table tbody > tr > td { padding:10px 20px; }
.result table tbody > tr > td:nth-child(2) { width:80px; }
.result table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th { background-color: #F1F1F1; }

/* button */
.btn-default { font-size:inherit; border-radius:0; border:0; color:#ffffff; background-color:#842020; }

/* well */
.well { background:none; }

@media(min-width:768px)
{	
	/* background */
	body { background: #fff url('../images/background.png') 0 0 repeat-y; }
	
	/* word-wrap */
	.word-wrap { display:inline-block; }
	
	/* navbar */
	.navbar { background-color:transparent; }
	.navbar .sidebar { z-index:1; position:absolute; width:250px; margin-top:0; }
	.navbar .sidebar .sidebar-nav .nav  { padding:10px 0 30px 0; border:0; }
	.navbar .sidebar .sidebar-nav .nav .sidebar-brand > a { padding:25px 35px 15px 35px; }

	/* page wrapper */
	#page-wrapper { position:relative; margin:0 0 0 250px; padding:30px; z-index:9; }
}