/* 
    Document   : quizmatic.generic
    Created on : 13-Jun-2013, 11:14:03 AM
    Author     : derek
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

h1 {
    font-size: 40px;
    text-shadow: 0px 5px 5px rgba(100, 100, 100, 0.5);
}

body.media { margin-top: 80px; overflow: inherit; }

@media (max-width: 768px) {

	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
		font-size: 16pt;
		line-height: 16pt;
	}
	.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover, .input-prepend .popover {
		font-size: 16pt;
		line-height: 16pt;
	}
}

a:hover, a:focus {
	color: #24327b;
}

@media (min-width: 979px) {
	body { margin-top: 60px; }
	body.dashboard { margin-top: 74px; }
}

@media (min-width: 979px) and (max-width: 1200px) {
	.navbar .nav>li>a {
		padding: 10px 7px 10px;
	}
	.navbar .brand {
		padding: 10px 0px 10px;
	}
}

.wrapTable { max-width: 100%; overflow: auto; }


.table td[onclick] {
    cursor: pointer;
}

.btn-tiny { height: 18px; line-height: 18px; margin-top: -2px; padding: 0 5px; font-size: 11px; font-weight: bold; border-radius: 2px; }

/* PAGE NAVIGATION */

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
/*//.navbar .brand { padding: 7px 0 0 20px; }*/
.navbar .brand img { max-width: 100px; }
/*//.navbar .nav > li > a { color: #24327B; }*/
.navbar .nav > li { position: relative; }

.signup legend { border-bottom-color: #ccc; }

.navbar-inner {
	border: 0;
	border-bottom: 5px solid #24327B;
}

body.admin_connect div.call-to-action {
	background: url(/img/dashboard-blurred.jpg) no-repeat fixed center / cover transparent;
	background-position-y: -500px;
}
@media (max-width: 767px) {
	body.forgot.splash, body.login.splash, body.login2.splash { padding-top: 10%; }
	body.forgot.splash h1, body.login.splash h1, body.login2.splash h1 { margin-bottom: 30px; }
}

@media (min-width: 768px) {
	body.signup.splash,
	body.thanks.splash,
	body.forgot.splash,
	body.reset.splash,
	body.billing.splash,
	body.complete.splash,
	body.webmail.splash,
	body.login.splash,
	body.login2.splash {
		background: url(/img/dashboard-blurred.jpg) no-repeat fixed center / cover transparent;
	}
/*	body.menus.splash::before
	body.forgot.splash::before,
	body.billing.splash::before,
	body.complete.splash::before,
	body.login.splash::before {
		content: ' ';
		width: 100%;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-moz-box-shadow: inset 9000px 0px 0px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: inset 9000px 0px 0px rgba(0, 0, 0, 0.25);
		box-shadow: inset 9000px 0px 0px rgba(0, 0, 0, 0.25);
	}
*/
}

body.admin_connect div.call-to-action h1 {
    font-size: 120px;
}
body.admin_connect div.call-to-action h1 {
    font-size: 100px;
    line-height: 100px;
}
body.admin_connect div.call-to-action h2 { color: white; }

body.admin_connect div.call-to-action::after {
    content: ' ';
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -moz-box-shadow: inset 9000px 0px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 9000px 0px 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset 9000px 0px 0px rgba(0, 0, 0, 0.25);
}

.navbar .brand {
	font-size: 26px;	
	font-weight: bold;
	color: #111;
	line-height: 42px;
	transition: all 0.2s linear 0s;
	text-shadow: none;
}

.brand {
	font-weight: bold;
	color: #111;
/*	line-height: 42px;*/
	transition: all 0.2s linear 0s;
	text-shadow: none;
}

.brand > .fa-cog,
.brand > .fa-gear {
	font-size: 1.2em;
	vertical-align: -.1em;
	color: #3a87ad;
}

@media (min-width: 768px) {

	.navbar .nav {
		margin-left: 10px;
	}
	.navbar .nav > li {
		line-height: 42px;
	}

	.navbar .brand:hover {
		color: #005580;
	}

	.navbar .nav .dropdown-toggle .caret {
		margin-top: 20px;
	}

	
	.content.splash {
		/* margin: 0px auto; */
		/* float: none; */
		/* margin: 0 auto; */
		top: 50%;
		left: 50%;
		margin-right: auto;
		margin-top: -200px;
		/* bottom: 50%; */
		display: block;
		position: absolute;
		height: 400px;
		text-align: center;
	}
	
	.widget.splash {
		/* margin: 0px auto; */
		/* float: none; */
		/* margin: 0 auto; */
		top: 50%;
		left: 50%;
		margin-right: auto;
		margin-top: -200px;
		/* bottom: 50%; */
		display: block;
		position: absolute;
		height: 400px;
		border: 1px solid #eee;
		background: #FFF;
		background: -moz-linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(225,225,225,0.9) 100%);
		background: -webkit-gradient(linear, bottom, top, color-stop(0%,#FFF), color-stop(100%,#EEE));
		background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.9) 0%,rgba(225,225,225,0.9) 100%);
		background: -o-linear-gradient(180deg, rgba(255,255,255,0.9) 0%,rgba(225,225,225,0.9) 100%);
		background: -ms-linear-gradient(180deg, rgba(255,255,255,0.9) 0%,rgba(225,225,225,0.9) 100%);
		background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%,rgba(225,225,225,0.9) 100%);
		box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
	}
	.admin_index.dashboard .content.splash {
		top: 300px;
	}
	.signup.splash .widget.splash {
		
	}
	.thanks.splash .widget.splash {
		height: auto;
		min-height: 300px;
		margin-top: -150px;
		width: 50vh;
		padding: 20px 20px 0 20px;
	}
	.billing.splash .widget.splash {
		height: auto;
		margin-top: auto;
		top: 90px;
	}
	.complete.splash .widget.splash {
		height: 430px;
		margin-top: -215px;
	}
	.forgot.splash .widget.splash form,
	.login.splash .widget.splash form, .login2.splash .widget.splash form  { margin-top: 70px; }
	.reset.splash .widget.splash form { margin-top: 100px; }
	.login.splash .widget.splash h1, .login2.splash .widget.splash h1 { text-align: center; margin-bottom: 30px; }
	
	div.content {
		display: block;
		margin-bottom: 0;
		padding: 0 20px;
	}

	div.welcome {
		line-height: 60px;
		height: 60px;
	}
	div.welcome i {
		vertical-align: 2px;
	}
	div.welcome i.fa {
		vertical-align: 0px;
		width: 40px;
		text-align: center;
	}	
	
}

@media (min-width: 768px) {
	.widget.splash {
		margin-left: -176px;		
	}		
	.content.splash,
	.complete.splash .widget.splash,
	.signup.splash .widget.splash {
		margin-left: -277px;		
	}	
}
@media (min-width: 979px) {
	.widget.splash {
		margin-left: -230px;		
	}	
	.content.splash,
	.complete.splash .widget.splash,
	.signup.splash .widget.splash {
		margin-left: -335px;		
	}	
}
@media (min-width: 1200px) {
	.widget.splash {
		margin-left: -285px;		
	}	
	.content.splash,
	.complete.splash .widget.splash,
	.signup.splash .widget.splash {
		margin-left: -405px;		
	}	
	.admin_index.dashboard .content.splash {
		top: 300px;
	}
}

.billing.splash .widget.splash legend { margin-bottom: 0; }


table td.actions {
    text-align: right;
}

#CategoryQ { width: 600px; }

h2 .actions ul, legend .actions ul {
    list-style: none;
}

h2 .actions > ul > li, legend .actions > ul > li {
    float: right;
    margin-left: 4px;	
}

@media (min-width: 768px) {
	.input label { margin-bottom: 0; }
}
@media (min-width: 1200px) {
}
/* CATEGORIES */

div.categories { position: relative; }
div.category { width: 96%; float: left; padding: 40px; background-color: white; }
@media (min-width: 768px) {
    div.category { width: 180px; } 
}
div.category > a { font-size: 20px; color: #005580; }
div.category ul { margin: 0; }
div.category ul li { list-style: none; }

/* GALLERY */

div.gallery { position: relative; }
div.product { background-color: white; box-shadow: 2px 2px 4px #aaa; width: 96%; float: left; }
@media (min-width: 768px) and (max-width: 979px) {
    div.product { width: 335px; } 
} @media (min-width: 979px) and (max-width: 1200px) {
    div.product { width: 440px; }     
} @media (min-width: 1200px) {
    div.product { width: 365px; } 
}
div.product img { margin-right: 10px; opacity: .8; }
div.product:hover img { margin-right: 10px; opacity: 1; }
div.product .name { margin-top: 5px; }
div.product:hover .name a { text-decoration: underline; }
div.product .name a { font-size: 18px; }
div.product .thumb { position: relative; }
div.product .thumb .add-cart { position: absolute; left: 13px; top: 1em; }

.price { font-size: 24px; color: #da4f49; }

/* PAGES */

div.pages > ol { margin: 0; }
div.pages ol li { list-style: none; }
div.pages ol li.placeholder {  }
.page-content > div {  } 
.page-content > div > ul { min-height: 400px; }
div.pages .page-content ul { margin: 0; }
.page-content ul > li { list-style: none }
#widgets li { cursor: move; float: left; width: 26px; height: 26px; text-align: center; margin-left: 2px;}
li.ui-draggable { list-style: none; }

.pages.index li .actions { margin-top: -5px; }

/* TERMS */
body.terms ol, ul {
    list-style: none outside none;
}
body.terms ol { counter-reset: li; }
body.terms ol > li {
    margin-bottom: 5px;
    padding: 5px 0 5px 55px;
    position: relative;
}
body.terms ol > li:before {
    border-right: 1px solid #DDDDDD;
    color: #999999;
    content: counter(li, decimal);
    counter-increment: li;
    font-size: 22px;
    font-weight: bold;
    height: 100%;
    left: 0;
    line-height: 35px;
    padding: 0 10px 0 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 30px;
}
body.terms ol > li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/* MEDIA ADMIN EDIT */
body.admin_index td.media_type { text-align: center; }

/* PRIVACY */

/* CONTACT */
body.contact-sitegearz textarea.comments { height: 200px; }

/* WIDGETS ADMIN 
 ****************/

ul.droppable { margin: 0; }
ul.droppable > li { }

/* Poll */
.poll-widget label,
.quiz-widget label { display: inline-block; margin-left: 10px; }
.poll-widget input[type="radio"],
.quiz-widget input[type="radio"] { margin-top: -4px; }



/* WIDGET SETTINGS MODALS 
 *************************/

#WidgetDataContent { width: auto; height: 360px; }

.quiz-settings input[type="radio"] { margin-top: 26px; }

/* THEMES PAGE */

/* FEATURES PAGE */

/* PRICING PAGE */
ul.included { min-height: 120px; }
span.text-huge { font-size: 50px; }



/* WIDGETS FRONTEND
 ******************/

li.well { cursor: move; }
.droppable .well div.centered { text-align: center; }
.droppable .well div i { opacity: 0.15; font-size: 100px; text-shadow: 2px 2px 0 #888; }
.droppable .well:hover div { cursor: pointer; }
.droppable .well:hover div i { opacity: 0.50; font-size: 100px; text-shadow: 2px 2px 0 #888; }
.droppable .well li.ui-sortable-placeholder { background-color: green; }

.widgets-display > div { margin-bottom: 20px; }

/* Comments */
textarea.comments, textarea.desc { height: 30px; resize: none; }
textarea.desc { padding-right: 25px; }

/* Poll */

/* Picture */
.picture-widget img,
.gallery-widget img {
    max-width: 100%;
}

/* Youtube */

.widgets-display .youtube-widget {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.widgets-display .youtube-widget iframe,
.widgets-display .youtube-widget object,
.widgets-display .youtube-widget embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Google Map */ 

.widgets-display .map-widget {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.widgets-display #gmap_canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* SIGNUP PAGE 
 **************/
.subhead {
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.call-to-action {
	margin-top: -20px;
	margin-bottom: 40px; 
	position: relative;
	padding: 80px 0;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
	background: #006;
	background: -moz-linear-gradient(45deg, #006 0%, #002 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#006), color-stop(100%,#002));
	background: -webkit-linear-gradient(45deg, #006 0%,#002 100%);
	background: -o-linear-gradient(45deg, #006 0%,#002 100%);
	background: -ms-linear-gradient(45deg, #006 0%,#002 100%);
	background: linear-gradient(45deg, #006 0%,#002 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 );
	-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
	box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}

.call-to-action { font-size: 18px; }

.call-to-action .container { position: relative; z-index: 2 }

.call-to-action #UserSearch,
.call-to-action #UserDomain {
	height: 40px;
	font-size: 20px;
	line-height: 40px;
}
.call-to-action #UserDomain { width: 400px; }
.call-to-action button { height: 50px; }

.call-to-action #UserTld { width: 160px; }
.call-to-action .input-append .select2-container { 
	margin-left: -1px;
}
.call-to-action .input-append .select2-container .select2-choice { 
	border-radius: 0; height: 28px; border-color: #ccc;  
	height: 48px;
	line-height: 48px;
	font-size: 20px;
}
.call-to-action .select2-container .select2-choice .select2-arrow b { margin-top: 10px; }
.call-to-action .input-append .select2-container-active .select2-choice { border-color: #5897fb; }
.call-to-action .input-append .select2-container .select2-choice .select2-arrow { border-radius: 0; }

.call-to-action h1 div { 
/*	-webkit-text-fill-color: #000;
	-webkit-text-stroke: 7px #fff;*/
	color: #000;
	text-shadow: 5px 5px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff;
	font-size: 200px;
	line-height: 200px;
}

@media (max-width: 768px) {
	.call-to-action {
		margin-left: -20px;
		margin-right: -20px;	
		padding: 40px 0;
	}
	.call-to-action h1 div { 
		font-size: 100px; 
		line-height: 100px; 
		font-size: 100px;
		line-height: 100px;
		text-shadow: 3px 3px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff;
/*		-webkit-text-stroke: 4px #fff;
		text-stroke: 4px #fff;*/
	}
}

ul.social { margin: 0; }
ul.social li { margin-right: 10px; }

/* Quotes */
@media (max-width: 768px) {
	.quotes .expenseItems .controls-row,
	.quotes .items .controls-row { border-top: 1px solid gray; padding-top: 10px; margin-top: 5px; }
}

/* Sketch */

/*canvas { width: 100%; background-color: white; }*/



.driveway-type td[data-width] { cursor: pointer; }
.driveway-type td[data-width]:hover i { color: #5897fb; }
.driveway-type td[data-width].selected i { color: #0a0; }

.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.revealOnScroll[data-animation=fadeIn] { opacity: 0; }
.fadeIn { -webkit-animation: fadeIn 1s ease-out; animation: fadeIn 1s ease-out; }
.fadeIn[data-animation=fadeIn] { opacity: 1; }

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	from { opacity: 0; -webkit-transform: scale(0); }
	to { opacity: 1; -webkit-transform: scale(1);  }
}

.revealOnScroll[data-animation=dropIn] { opacity: 0; }
.dropIn { position: relative; display: inline-block; -webkit-animation: dropIn 1s ease-out; animation: dropIn 1s ease-out; }
.dropIn[data-animation=dropIn] { opacity: 1; }

@keyframes dropIn {
	  0% { top: -1000px;	opacity: 0; }
	 25% { top: -500px; opacity: .25; }
	 50% { top:    0px;	opacity: .5; }
	 75% { top:    0px;	opacity: .75; transform: scale(.8); }
	100% { top:    0px;	opacity: 1; transform: scale(1); }
}
@-webkit-keyframes dropIn {
	  0% { top: -1000px;	opacity: 0;		-webkit-transform: scale(1);}
	 25% { top: -500px; opacity: .25;	-webkit-transform: scale(1); }
	 50% { top:    0px;	opacity: .5;	-webkit-transform: scale(1); }
	 75% { top:    10px;	opacity: .75;	-webkit-transform: scaleY(.9); }
	100% { top:    0px;	opacity: 1;		-webkit-transform: scaleY(1); }
}

.table th a.asc:after {
	content: ' ⇡';
}

.table th a.desc:after {
	content: ' ⇣';
}

.input-append select {
	border: 0; outline: 1px solid #cccccc; outline-offset:-1px; margin-left: -1px;
}

td.money, th.money { text-align: right; }

@media print {
  a[href]:after {
    content: none;
  }

  .navbar .brand img {
	 width: 200px;
  }

  .form-search { display: none; }

  .pagination { display: none; }

  #footer .nav-pills.pull-right { display: none; }

  div.actions, th.actions, td.actions { display: none; }

  .hidden-print { display: none!important; }

  .navbar-fixed-top, .navbar-fixed-bottom { position: relative; }

  .nav-collapse.collapse { display: none; }
  
  body,
  body.dashboard { margin-top: 0; }
  
  body.tickets .row-fluid .span8 {
	  width: 100%;
	  margin: 0;
  }
}
.login.splash .remember, .login2.splash .remember { display: none; }

input#toggle {
	max-height: 0;
	max-width: 0;
	opacity: 0;
}	

div.wrapper { margin-top: 10px; }


body.login .widget.splash,
body.login2 .widget.splash,
body.reset .widget.splash,
body.forgot .widget.splash { text-align: center; }

body.signup .widget.splash,
body.complete .widget.splash,
body.billing .widget.splash { padding: 20px; }

body.signup .btn-block { margin-top: 20px; }

.widget.splash .remember { display: inline-block; }

input#toggle + label {
	display: inline-block;
	position: relative;
	background: #eee;
	box-shadow: inset 0 0 0px 1px #d5d5d5;
	text-indent: -5000px;
	height: 30px;
	width: 50px;
	border-radius: 15px;
	vertical-align: -13px;
}

input#toggle + label:before {
	content: "";
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	top: 0;
	left: 0;
	border-radius: 15px;
	background: rgba(19, 191, 17, 0);
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

input#toggle + label:after {
	content: "";
	position: absolute;
	display: block;
	height: 30px;
	width: 30px;
	top: 0;
	left: 0px;
	border-radius: 15px;
	background: white;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
	-moz-transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

input#toggle:checked + label:before {
	width: 50px;
	background-color: #5bb75b;
	background-image: -moz-linear-gradient(top,#62c462,#51a351);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
	background-image: -webkit-linear-gradient(top,#62c462,#51a351);
	background-image: -o-linear-gradient(top,#62c462,#51a351);
	background-image: linear-gradient(to bottom,#62c462,#51a351);
	background-repeat: repeat-x;
}

input#toggle:checked + label:after {
	left: 20px;
	box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2);
}

@media (max-width: 979px) {
	div.actions.pull-right { display: block; margin-bottom: 10px; }
	.login.splash label { display: none; }
	.login.splash form { text-align: center; }
	.login.splash .forgot { display: block; margin-top: 10px; }
	.login2.splash label { display: none; }
	.login2.splash form { text-align: center; }
	.login2.splash .forgot { display: block; margin-top: 10px; }
	.form-search { clear: both; }
	.form-search .input-append { display: block; }
	.form-search .input-append input.search-query,
	.form-search .input-append select { width: 100%; border-radius: 4px; border: 1px solid #ccc; outline: none; box-sizing: border-box; min-height: 30px; }
	.form-search .input-append button.btn { width: 100%; border-radius: 4px; }
	.form-search .input-append button.btn:after { content: " Search"; }
	.form-search .input-append * { margin-top: 10px; }
	.pagination ul > li > a { padding:8px; }
	#footer .pull-right li { display: none; }
	#footer li.disabled { display: block; }
	

}

div.thumbnail { position: relative; }

.input.editor { margin-left: 0; }
.input.editor.span12 { margin-right: 0; }

.controls-row > div.input:last-child { margin-right: 0; }

body.sidenav li.well {
    cursor: move;
}
body.sidenav li.ui-draggable {
    list-style: none;
}
body.sidenav ul.widgets {
	margin: 0 0 10px 13px;
}
body.sidenav .widgets li {
    cursor: move;
    float: left;
    width: 26px;
    height: 26px;
    text-align: center;
    margin-left: 2px;
    -webkit-transition: background 0.5s ease-in;
}
@media (min-width: 1200px) {
	body.sidenav .accordion {
		width: 170px;
	}
}
@media (min-width: 767px) {
	body.sidenav .accordion {
		width: 140px;
	}
}
@media (min-width: 1200px) {
	body.sidenav .pagination .well {
		padding: 18px;
	}
}
body.sidenav ul.widgets > li {
    margin-bottom: 2px;
}
body.sidenav .accordion-inner {
    padding: 4px 2px;
}
body.sidenav .accordion { width: 170px; }

#upload-modal { max-width: 100%; }

.input-append-btn { position: relative; }
.input-append-btn .btn { position: absolute; right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.table-attachments { margin-top: -21px; }
.table-attachments td > small { color: #888; }

#pandl { text-align: left; font-size: 60px; margin-bottom: 10px; }


.navbar .fa-gears { vertical-align: -4px; }


#vehicleList li.span12 div.name { max-width: 50%; width: 50%; margin-left: 10px; margin-top: 10px; text-align: left; }
#vehicleList li.span12 div.info { text-align: right; margin-top: 10px; margin-right: 10px; }

#vehicleList .thumbnail {
    display: block;
    padding: 0; 
    line-height: 20px;
    background: #eee;
    border: none; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
     border-radius: 4px; 
     -webkit-box-shadow: none; 
    -moz-box-shadow: none;
     box-shadow: none; 
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#vehicleList li.span3 .btn-info {     
	border-top-right-radius: 0;
    border-top-left-radius: 0;
}

#displayBy { margin-right: 10px; }
#displayBy label { margin-bottom: 2px; }
#displayBy .fa { vertical-align: -10px; }

#vehicleList li.span12 .add-cart { left: 10px; right: auto; }

#vehicleList .thumbnail { position: relative; }
#vehicleList .thumbnail .name a { font-size: 1.2em; }
#vehicleList .thumbnail .add-cart { position: absolute; display: none; right: 10px; top: 10px; }
#vehicleList .thumbnail:hover .add-cart { display: block; } 
#vehicleList .thumbnail .coming-soon { display: block; font-weight: bold; font-size: 20px; }

body.admin_connect .dl-horizontal dt,
body.admin_view .dl-horizontal dt {
    float: left;
    width: 105px;
    background-color: #006dcc;
    margin-bottom: 2px;
    overflow: hidden;
    color: white;
    padding-right: 5px;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.admin_connect .dl-horizontal dd,
body.admin_view .dl-horizontal dd {
    margin-left: 112px;
	padding-left: 5px;
	background: #eee;
    margin-bottom: 2px;
}
body.admin_connect .dl-horizontal dd { background: #fff; }
body.admin_view .price {
    font-size: 34px;
	font-weight: bold;
    color: #da4f49;
}
body.admin_view .thumbnail { padding: 0; border: none; }
body.admin_view .featured { margin-bottom: 10px; }
body.admin_view .thumbnails>li { margin-bottom: 0; }
body.admin_view dl { margin-bottom: -5px; }

body.admin_connect .dealer-logo img {
    max-width: 200px;
    position: absolute;
    bottom: 10px;
    right: 10px;
	max-height: 120px;
}

body.admin_connect .name .trim {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;	
}

body.signup .input-prepend { position: relative; }
body.signup .add-on { position: absolute; z-index: 100; }
body.signup .input-prepend input { text-indent: 48px; border-radius: 4px; }

.table th.number,
.table td.number { text-align: right; }



/* FEATURE ANIMATIONS */
.revealOnScroll[data-animation=fadeIn] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeIn { -webkit-animation: fadeIn 1s ease-out; animation: fadeIn 1s ease-out; }
.fadeIn[data-animation=fadeIn] { opacity: 1; }


@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.revealOnScroll[data-animation=fadeInFromAbove] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInFromAbove { position: relative; -webkit-animation: fadeInFromAbove 1s ease-out; animation: fadeInFromAbove 1s ease-out; }
.fadeInFromAbove[data-animation=fadeInFromAbove] { opacity: 1; }

@keyframes fadeInFromAbove {
	from { top: -50px; opacity: 0; }
	to { top: 0; opacity: 1; }
}
@-webkit-keyframes fadeInFromAbove {
	from { top: -50px; opacity: 0; }
	to { top: 0; opacity: 1; }
}

.revealOnScroll[data-animation=fadeInFromLeft] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInFromLeft { position: relative; -webkit-animation: fadeInFromLeft 1s ease-out; animation: fadeInFromLeft 1s ease-out; }
.fadeInFromLeft[data-animation=fadeInFromLeft] { opacity: 1; }

@keyframes fadeInFromLeft {
	from { left: -1000px; opacity: 0; }
	to { left: 0; opacity: 1; }
}
@-webkit-keyframes fadeInFromLeft {
	from { left: -1000px; opacity: 0; }
	to { left: 0; opacity: 1; }
}

.revealOnScroll[data-animation=fadeInFromRight] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInFromRight { position: relative; -webkit-animation: fadeInFromRight 1s ease-out; animation: fadeInFromRight 1s ease-out; }
.fadeInFromRight[data-animation=fadeInFromRight] { opacity: 1; }

@keyframes fadeInFromRight {
	from { left: 1000px; opacity: 0; }
	to { left: 0; opacity: 1; }
}
@-webkit-keyframes fadeInFromRight {
	from { left: 1000px; opacity: 0; }
	to { left: 0; opacity: 1; }
}
.revealOnScroll[data-animation=fadeInExpand] { opacity: 0; }
.animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInExpand { -webkit-animation: fadeInExpand 1s ease-out; animation: fadeInExpand 1s ease-out; }
.fadeInExpand[data-animation=fadeInExpand] { opacity: 1; }

@keyframes fadeInExpand {
	0% { transform: scale(1); opacity: 0; }
	25% { transform: scale(1.25); opacity: 0; }
	75% { transform: scale(1.5); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}
@-webkit-keyframes fadeInExpand {
	0% { -webkit-transform: scale(1); opacity: 0; }
	25% { -webkit-transform: scale(1.25); opacity: 0; }
	75% { -webkit-transform: scale(1.5); opacity: 0; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}


.features h3 {
    text-shadow: 2px 2px 2px #999;
	text-align: center;
}

.features div.span4 a { transition: color ease-in .5s; 
				      -webkit-transition: color ease-in .5s; }
.features div.span4 a { color: #333; }
.features div.span4 a:hover { color: #08c; text-decoration: none; }

.features div.span4 i { transition: transform ease-in .5s; transition-delay: 0s; 
						-webkit-transition: transform ease-in .5s; -webkit-transition-delay: 0s; }
.features div.span4:hover { color: #08c; }
.features div.span4 i { display: block; font-size: 4em; }

.features .mobile:hover {}

.features .span4:hover i { transform: scale(1.25); -webkit-transform: scale(1.25); }

.features .email i { }
.features .email:hover i { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); }

.features .layouts:hover i { transform: scale(1.25); -webkit-transform: scale(1.25); }

.features .dealer-connect i {  }
.features .dealer-connect:hover i { transform:scale(1.25) rotate(360deg); -webkit-transform:scale(1.25) rotate(360deg); }

.features .social:hover {}

.popInOut { animation: popOutIn 1s linear;	-webkit-animation: popOutIn 1s linear; }
.spin {	animation: spin 1s linear; -webkit-animation: spin 1s linear; -moz-animation: spin 1s linear; }
.spinIn {	animation: spinIn 1s linear; -webkit-animation: spinIn 1s linear; -moz-animation: spinIn 1s linear; }

@keyframes popOutIn {
	  0% { transform: scale(1.1); }
	 50% { transform: scale(1.25); }
	100% { transform: scale(1); }
}

@-webkit-keyframes popOutIn {
	  0% { -webkit-transform: scale(1.1); }
	 50% { -webkit-transform: scale(1.25); }
	100% { -webkit-transform: scale(1); }
}

@keyframes spin {
	  0% { transform: scale(1.1) rotate(0deg); }
	 50% { transform: scale(1.25) rotate(180deg); }
	100% { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin {
	  0% { -webkit-transform: scale(1.1) rotate(0deg); }
	 50% { -webkit-transform: scale(1.25) rotate(180deg); }
	100% { -webkit-transform: scale(1) rotate(360deg); }
}

@keyframes spinIn {
	  0% { opacity: 0; transform: scale(10) rotate(0deg); }
	 50% { opacity: 0.5; transform: scale(5) rotate(180deg); }
	100% { opacity: 1; transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spinIn {
	  0% { opacity: 0;		-webkit-transform: scale(10) rotate(0deg); }
	 50% { opacity: 0.5;	-webkit-transform: scale(5) rotate(180deg); }
	100% { opacity: 1;		-webkit-transform: scale(1) rotate(360deg); }
}



@media (max-width: 979px) {
	.form-search .input-append input.search-query, .form-search .input-append select {
		display: block;
	}
	.fc-header-left { display: block; }
}

@media (max-width: 768px) {
	legend .actions,
	.legend.actions  { display: block; float: none; }
	legend .actions > a,
	.legend.actions > a, 
	legend .actions > button, 
	.legend.actions > a { padding-left: 0; padding-right: 0; box-sizing: border-box; }
	legend .actions a > span,
	legend .actions button > span,
	.legend.actions a > span,
	.legend.actions button > span { display: block; font-size: 10px; }
	legend .actions a > span.caret,
	legend .actions button > span.caret,
	.legend.actions a > span.caret,
	.legend.actions button > span.caret { display: none; }
}
@media (min-width: 769px) {
	legend .actions > a,
	.legend.actions > a, 
	legend .actions > button, 
	.legend.actions > a { width: auto!important; }
	
}

dt.address,
dd.address { height: 60px; }

dt.carproof,
dd.carproof { height: 45px; }

div.carproof { width: 140px; margin: auto; }
.carproof-button { width: 140px; }

legend > .btn.btn-small {
    margin-top: 8px;
}

.table td.actions { padding: 0 8px; vertical-align: middle; }


input.form-error, select.form-error { border-color: red; }

.navbar .welcome  .nav>li>a { 
	color: #08c; 
	padding: 10px 0 10px 10px;
}

.dropdown-toggle:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-menu { margin-top: 0; }
.dropdown-menu.datepicker-dropdown { margin-top: 80px; }

div.discuss ul.messages .media-body {
    position: relative;
    padding: 10px;
    border: 1px solid #ccc;
    background: white;
    border-radius: 0;
}



.empty-message { font-size: 18px; line-height: 24px; padding: 3px 20px; white-space: normal; }

#ticket-modal,
#ticket-modal {
	top: 0;
	height: 100%;
}
@media all and (min-width: 767px) {
	#ticket-modal,
	#ticket-modal {
		width: 810px;
		margin-left: -405px;	
	}
}
#ticket-modal .modal-header,
#ticket-modal .modal-header {
	width: 100%;
	position: absolute;
	background: white;
	z-index: 1;
	box-sizing: border-box;
}
#ticket-modal .modal-body,
#ticket-modal .modal-body {
	padding-top: 60px;
	padding-bottom: 60px;
	max-height: 90%;
}
#ticket-modal .modal-body:after,
#ticket-modal .modal-body:after {
	content: '';
	display: block;
	height: 60px;
	background: white;
}
#ticket-modal .modal-footer,
#ticket-modal .modal-footer { 
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}
#ticket-modal .jqte_editor, 
#ticket-modal .jqte_source,
#ticket-modal .jqte_editor, 
#ticket-modal .jqte_source { 
	max-height: none;
}

#email .merge-row { display: none; }

.nav { margin-bottom: 10px; }

#email div.wrapper { margin-top: 0; }
#email .lead { margin-bottom: 0 }

#email tr:hover td {
    background-color: #eee;
}
#email td {
    padding: 2px 4px;
}

#email small.text-muted { color: black; font-weight: bold; }
#email tr.locked td { background: #fd8d8c; }
#email .icon-lock { color: #961815; display: none; }
#email tr.locked .icon-lock { display: inline; }

#email .table .badge { border: 1px solid white; }

#email .controls-row { margin-bottom: 5px; }

#email table { margin: 0; }

#email a.edit { color: #666; text-decoration: none; }
#email a.edit .lead { color: black; font-size: inherit; font-weight: normal; line-height: inherit; }
#email td { padding: 2px 4px; }


.welcome .notificationIcon {
	position: relative; 
	cursor: pointer;
}

.welcome .notificationIcon i,
.welcome .notificationIcon svg {
	position: absolute;
    right: 20px;
    top: 15px;
}

.welcome .notificationIcon .badge {
    position: absolute;
    right: 5px;
	top: 15px;
	padding-right: 5px;
	padding-left: 5px;
}


.welcome .notificationIcon i {
	color: #666;
}
.welcome .notificationIcon.new i {
	color: #08c;
}
.welcome .notificationIcon:hover i {
	color: #999;
}
.welcome .notificationIcon.new:hover i {
	color: #0ae;
}
.welcome .notificationIcon .badge {
	background: #666;
}
.welcome .notificationIcon.new .badge {
	background: #08c;
}
.welcome .notificationIcon:hover .badge {
	background: #999;
}
.welcome .notificationIcon.new:hover .badge {
	background: #0ae;
}

.navbar .welcome .nav>li>a {
	position: relative;
	top: 5px;
	color: #08c;
}

.navbar .welcome .nav>li>a:hover {
	color: #0ae;
}

.navbar .welcome  .nav>li>a.profileAvatar {
	top: 0;
}

.welcome .media-object {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	display: inline;
}


.popover.popover-notifications { position: absolute; z-index: 1100; top: 52px!important; left: -182px!important; width: 280px; min-width: 280px; }
.popover.popover-notifications .popover-content { 
	min-height: 300px;
    overflow: scroll;
    max-height: calc(100vh - 92px);
	padding: 0;
}

.welcome .dropdown-menu { z-index: 1200; }

.popover-notifications li.media { cursor: pointer; padding: 10px; margin: 0; border-bottom: 1px solid #ddd }
.popover-notifications li.media.new { 
	background: #eeeeff;
}

.popover-notifications li.media:hover {
	background: #ddd;
}

.popover-notifications li.media a { font-size: 12px; color: #444; }

.control-group.search { position: relative; }
.control-group.search:after {
	content: "?";
	right: 10px;
	position: absolute;
	
}

.popover-notifications li.media:hover,
.table-hover tbody tr:hover>td, 
.table-hover tbody tr:hover>th {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}

.popover-notifications li.media a {
	color: black;
}

.popover-notifications li.media:hover a,
.table-hover tbody tr:hover>td a, 
.table-hover tbody tr:hover>th a {
	color: white;
}

.table-hover tbody tr:hover>td .dropdown-menu a {
	color: #333;
}

.table-hover tbody tr:hover>td .dropdown-menu li:hover a {
	color: white;
}

.btn-link { text-shadow: none; }

.well .btn-group.pull-right {
    margin-top: -5px;	
}

#notes > div,
#email > div,
#attachments-tab > div{
	height: calc(100vh - 230px);	
}

/* COMMENTS */

div.comments ul { margin: 0; }
div.comments ul li { list-style: none; margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid lightgray; }
div.comments input, div.comments textarea { width: 96%; }

div.comments p { margin-top: 10px; }

@media (min-width: 767px) {
    div.comments input, div.comments textarea { width: 75%; }
    div.comments .comments-link { margin-left: 10px; }
}

span.cancel-reply i:hover { color: gray; cursor: pointer; }

.comments-link { display: block; }

textarea.comments { height: 30px; }
textarea.comments:active + .comments-link,
textarea.comments:focus + .comments-link{ display: block; }

#ticket-modal .actions { display: none; }

.jqte,
.select2-container-multi .select2-choices,
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-color: transparent;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	background-image: none;
}

.jqte:hover,
.select2-container-multi .select2-choices:hover,
select:hover, 
textarea:hover, 
input[type="text"]:hover,
input[type="password"]:hover, 
input[type="datetime"]:hover, 
input[type="datetime-local"]:hover,
input[type="date"]:hover, 
input[type="month"]:hover, 
input[type="time"]:hover, 
input[type="week"]:hover, 
input[type="number"]:hover, 
input[type="email"]:hover, 
input[type="url"]:hover, 
input[type="search"]:hover,
input[type="tel"]:hover, 
input[type="color"]:hover, 
.uneditable-input:hover {
	border: 1px solid #ccc;
}

label {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    padding-left: 5px;
    color: #999;
}

.jqte_focused,
.jqte_focused:hover,
.select2-container-multi .select2-choices:focus,
select:focus, 
textarea:focus, 
input[type="text"]:focus,
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus,
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus,
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
	border-color: #08c;
}

input[type="number"] {
	text-align: right;
}

.galleries .featured, 
.galleries .thumbnails > li { margin-bottom: 10px; }
.galleries .featured  .thumbnail,
.galleries .thumbnails > li .thumbnail { border: 0; padding: 0; }

.galleries .thumbnails > li .thumbnail .actions { z-index: 2; position: absolute; right: 5px; top: 5px; }

label,
.control-group { margin-bottom: 0; }

input.error, 
textarea.error, 
select.error,
div.select2-container a.select2-choice.error,
div.select2-container.form-error a.select2-choice {
	border-color: #a00 !important;
}
input.error:focus, 
textarea.error:focus, 
select.error:focus,
div.select2-container-active a.select2-choice.error {
	border-color: #a00;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(200,0,0,0.4);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(200,0,0,0.4);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(200,0,0,0.4);
}
select.error:focus {
	outline: 5px auto rgba(200,0,0,0.4);
	outline-offset: -2px;
}

.discuss iframe {
	width: 100%;
}

.modal .discuss iframe {
	width: 100%;
}

.btn-toolbar { position: relative; }
.btn-toolbar .btn-group { top: -16px; }
.btn-toolbar .btn-link {
	background-color: white;
	border-color: #ccc;
}

/*.twitter-typeahead:before {
	right: 10px;
	content: "\f002";
	top: -4px;
	color: #ccc;
	position: absolute;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

.twitter-typeahead { display: inline!important; }

.welcome .nav > li.search {
	line-height: initial;
    margin-right: 70px;
    margin-top: 14px;
}

.welcome .nav > li.search input:focus {
	width: 370px;
}

.welcome .nav > li i.fa {
	width: auto;
}

.welcome .typeahead, .welcome .tt-query, .welcome .tt-hint { width: auto; display: none; }
.welcome .tt-menu { width: 400px; margin-top: 38px; display: none; white-space: normal; }

@media all and (max-width: 1801px ) {	
	.welcome .nav > li.search input:focus {
		width: 370px;
	}
}

@media all and (max-width: 1584px ) {	
	.welcome .nav > li.search input:focus {
		width: 200px;
	}
	.welcome .tt-menu { width: 300px; }
}

.welcome .search-query {
	-webkit-transition: width 0.5s ease-out, background-color 0.5s ease-out;
    transition: width 0.5s ease-out, background-color 0.5s ease-out;
}

.welcome .search-query:active, .welcome .search-query:focus { background-color: white!important; }

.welcome .search .input-append { position: relative; }
.welcome .search .twitter-typeahead { vertical-align: baseline; }
.welcome .search .input-append button { position: absolute; right: 0px; z-index: 188888 }


.modal-header .close { font-size: 30px; }


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	margin-bottom: 0;
}

.control-group { position: relative; }
.control-group span.help-block { position: absolute; right: 5px; bottom: 5px; margin-bottom: 0; }

.control-group.error input, .control-group.error select, .control-group.error textarea,
.control-group.error .select2-container-multi .select2-choices { border-color: transparent; border-bottom: 1px solid #b94a48; box-shadow: none; -webkit-box-shadow: none; }

body.admin_edit .span8 .tab-pane {
	min-height: calc( 100vh - 280px );
}

label.checkbox { padding-top: 30px; }

#payments-modal { min-width: 800px; }

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.fa-gear:before {
    content: "\f013";
}

.fa.fa-gear {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tt-suggestion {
  padding: 6px 20px;
  font-size: 15px;
  line-height: 16px;
}
.tt-suggestion span { color: #999; }
.tt-suggestion:hover span { color: white; }
.tt-menu legend { margin: 0 20px; width: auto; color: #aaa; }
.tt-menu .empty-message { font-size: 15px; }
.tt-menu .tt-disabled { cursor: default; background: none; color: #999; font-style: italic; }
.tt-menu .tt-dataset .empty-message { padding-left: 0; padding-right: 0; }

.tt-menu {
    max-height: calc(100vh - 80px);
    overflow-x: scroll;
}

.select2-container .select2-choice { border-color: transparent; border-bottom-color: #ccc; background-image: none; }
.select2-container .select2-choice:hover { border-color: #ccc; }
.select2-container.select2-container-active .select2-choice { background: white; border: 1px solid #5897fb; }
.select2-container.select2-dropdown-open .select2-choice { border-bottom-color: transparent; }
.select2-container .select2-choice .select2-arrow { border-left: 0; border-radius: 0; background: none; background-image: none; }

.navbar .nav>li>a {
	
}
.navbar .nav>li>a:hover, 
.navbar .nav>li>a:focus,
.navbar .nav>li.active>a:hover, 
.navbar .nav>li.active>a:focus {
	background: #0081c2;
	color: white;
	background-image: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	z-index: 100;
}
.navbar .nav>li>a:hover i.caret, 
.navbar .nav>li>a:focus i.caret,
.navbar .nav>li.active>a:hover i.caret, 
.navbar .nav>li.active>a:focus i.caret {
	border-top-color: white;
    border-bottom-color: white;
}
.dropdown-menu {
	border-radius: 0;
	margin-top: -1px;
}

.display-phone {
	display: none;
}
@media (max-width: 767px) {
	.display-phone {
		display: initial;
	}
}

.modal-header {
    cursor: move;
}

#ticket-modal {
	
}

#ticket-modal {
	transition: all 1s ease 0s;
}
#ticket-modal.modal-fixed {
	display: block;
	opacity: .5;
    top: calc( 100vh - 50px );	
}
#ticket-modal.modal-fixed .fa-chevron-down {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);

  filter: FlipV;
  -ms-filter: "FlipV";
}

#ticket-modal.modal-fixed .modal-header,
#ticket-modal .modal-header:hover {
	background: #08c; 
	color: white;
}

#ticket-modal.modal-fixed .modal-header  .fa-chevron-down,
#ticket-modal .modal-header:hover .fa-chevron-down {
	color: white;
}

#ticket-modal.modal-fixed:hover {
	opacity: 1;
}

#tickets-pane .table .badge,
#tickets-bar .table .badge{ height: 0; width: 0; padding: 6px; margin-top: 4px; }

#ticket-modal li.media:hover .btn-group,
#ticket-form li.media:hover .btn-group {
    display: inline;
}

#ticket-modal li.media .btn-group,
#ticket-form li.media .btn-group {
    position: absolute;
    right: 50%;
    top: -15px;
    margin-right: -59px;
}

.bad-debt,
input[type="text"].bad-debt { color: #dd1111; }

.row-fluid .span1-25 {
	width: 10.25%;
}
.row-fluid .span1-25 label {
	white-space: break-spaces;
}
.row-fluid .span1-75 {
	width: 12.08%;
}
.row-fluid .span1-75 label {
	white-space: break-spaces;
}