/*
====================================
|	Main
====================================
*/
body {
	background-color: #fff;
	font-size: 16px;
	background-image: url("../../../images/body_bk.jpg");
	background-repeat: repeat-x;

}

.hidden{display:none!important}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.container-style {
	background-color: #fff;
	width: 90% !important;
}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}


.progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
}

.underline_hover:hover {
	text-decoration: underline;
	cursor: pointer;
}

.bottom_dot {
	border-bottom: 1px dotted;
}

pre { border-radius: 0; }


/*
====================================
|	Font helpers
====================================
*/
.font-grey 		{ color: #696e6e !important; }
.font-black		{ color: #000 !important; }
.font-white		{ color: #fff !important; }
.font-orange	{ color: #FCA10F !important; }
.font-brand		{ color: #000 !important; }
.font-nav		{ color: #292f38 !important; }


@font-face {
	font-family: "dpd";
	src: url(../fonts/dpd.ttf) format("truetype");
}

@font-face {
	font-family: "jellyka";
	src: url(../fonts/jellyka.ttf) format("truetype");
}

@font-face {
	font-family: "matchmaker";
	src: url(../fonts/matchmaker.ttf) format("truetype");

}

.dpd {
	font-family: 'dpd',sans-serif;
}

.jellyka {
	font-family: 'jellyka',sans-serif;
}

.matchmaker {
	font-family: 'matchmaker',sans-serif;
}


/*
====================================
|	BG helpers
====================================
*/
.bg-grey 		{ background-color: #696e6e !important; }
.bg-black		{ background-color: #000 !important; }
.bg-white		{ background-color: #fff !important; }
.bg-orange		{ background-color: #FCA10F !important; }
.bg-nav			{ background-color: #292f38 !important; }
.bg-soft		{ background-color: #FFFFDD !important; }
.bg-heading		{ background-color: #F9F9F9 !important; }

.bg-danger		{ background-color: #f2dede !important; }


/*
====================================
|	Width helpers
====================================
*/
.width-10 {	width: 10%;	margin: auto; }
.width-20 {	width: 20%;	margin: auto; }
.width-30 {	width: 30%;	margin: auto; }
.width-40 {	width: 40%;	margin: auto; }
.width-50 {	width: 50%;	margin: auto; }
.width-60 {	width: 60%;	margin: auto; }
.width-70 {	width: 70%;	margin: auto; }
.width-80 {	width: 80%;	margin: auto; }
.width-90 {	width: 90%;	margin: auto; }
.width-100 {	width: 100%; margin: auto; }

.width-15 {	width: 15%;	margin: auto; }
.width-25 {	width: 25%;	margin: auto; }
.width-35 {	width: 35%;	margin: auto; }
.width-45 {	width: 45%;	margin: auto; }
.width-55 {	width: 55%;	margin: auto; }
.width-65 {	width: 65%;	margin: auto; }
.width-75 {	width: 75%;	margin: auto; }
.width-85 {	width: 85%;	margin: auto; }
.width-95 {	width: 95%;	margin: auto; }

.width-99 {	width: 99%;	margin: auto; }


/*
====================================
|	Opacity helpers
====================================
*/
.opacity-10 { opacity: 0.1; filter: alpha(opacity=10); }
.opacity-20 { opacity: 0.2; filter: alpha(opacity=20); }
.opacity-30 { opacity: 0.3; filter: alpha(opacity=30); }
.opacity-40 { opacity: 0.4; filter: alpha(opacity=40); }
.opacity-50 { opacity: 0.5; filter: alpha(opacity=50); }
.opacity-60 { opacity: 0.6; filter: alpha(opacity=60); }
.opacity-70 { opacity: 0.7; filter: alpha(opacity=70); }
.opacity-80 { opacity: 0.8; filter: alpha(opacity=80); }
.opacity-90 { opacity: 0.9; filter: alpha(opacity=90); }
.opacity-100 { opacity: 1.0; filter: alpha(opacity=100); }

.opacity-15 { opacity: 0.15; filter: alpha(opacity=15); }
.opacity-25 { opacity: 0.25; filter: alpha(opacity=25); }
.opacity-35 { opacity: 0.35; filter: alpha(opacity=35); }
.opacity-45 { opacity: 0.45; filter: alpha(opacity=45); }
.opacity-55 { opacity: 0.55; filter: alpha(opacity=55); }
.opacity-65 { opacity: 0.65; filter: alpha(opacity=65); }
.opacity-75 { opacity: 0.75; filter: alpha(opacity=75); }
.opacity-85 { opacity: 0.85; filter: alpha(opacity=85); }
.opacity-95 { opacity: 0.95; filter: alpha(opacity=95); }


/*
====================================
|	Padding helpers
====================================
*/
.pad0T { padding-top: 0px; } .pad0B { padding-bottom: 0px; } .pad0L { padding-left: 0px; } .pad0R { padding-right: 0px; } .pad0A { padding: 0px; }
.pad5T { padding-top: 5px; } .pad5B { padding-bottom: 5px; } .pad5L { padding-left: 5px; } .pad5R { padding-right: 5px; } .pad5A { padding: 5px; }
.pad10T { padding-top: 10px; } .pad10B { padding-bottom: 10px; } .pad10L { padding-left: 10px; } .pad10R { padding-right: 10px; } .pad10A { padding: 10px; }
.pad15T { padding-top: 15px; } .pad15B { padding-bottom: 15px; } .pad15L { padding-left: 15px; } .pad15R { padding-right: 15px; } .pad15A { padding: 15px; }
.pad20T { padding-top: 20px; } .pad20B { padding-bottom: 20px; } .pad20L { padding-left: 20px; } .pad20R { padding-right: 20px; } .pad20A { padding: 20px; }
.pad25T { padding-top: 25px; } .pad25B { padding-bottom: 25px; } .pad25L { padding-left: 25px; } .pad25R { padding-right: 25px; } .pad25A { padding: 25px; }
.pad30T { padding-top: 30px; } .pad30B { padding-bottom: 30px; } .pad30L { padding-left: 30px; } .pad30R { padding-right: 30px; } .pad30A { padding: 30px; }
.pad35T { padding-top: 35px; } .pad35B { padding-bottom: 35px; } .pad35L { padding-left: 35px; } .pad35R { padding-right: 35px; } .pad35A { padding: 35px; }
.pad40T { padding-top: 40px; } .pad40B { padding-bottom: 40px; } .pad40L { padding-left: 40px; } .pad40R { padding-right: 40px; } .pad40A { padding: 40px; }
.pad45T { padding-top: 45px; } .pad45B { padding-bottom: 45px; } .pad45L { padding-left: 45px; } .pad45R { padding-right: 45px; } .pad45A { padding: 45px; }
.pad50T { padding-top: 50px; } .pad50B { padding-bottom: 50px; } .pad50L { padding-left: 50px; } .pad50R { padding-right: 50px; } .pad50A { padding: 50px; }
.pad60T { padding-top: 60px; } .pad60B { padding-bottom: 60px; } .pad60L { padding-left: 60px; } .pad60R { padding-right: 60px; } .pad60A { padding: 60px; }
.pad70T { padding-top: 70px; } .pad70B { padding-bottom: 70px; } .pad70L { padding-left: 70px; } .pad70R { padding-right: 70px; } .pad70A { padding: 70px; }
.pad80T { padding-top: 80px; } .pad80B { padding-bottom: 80px; } .pad80L { padding-left: 80px; } .pad80R { padding-right: 80px; } .pad80A { padding: 80px; }
.pad90T { padding-top: 90px; } .pad90B { padding-bottom: 90px; } .pad90L { padding-left: 90px; } .pad90R { padding-right: 90px; } .pad90A { padding: 90px; }
.pad100T { padding-top: 100px; } .pad100B { padding-bottom: 100px; } .pad100L { padding-left: 100px; } .pad100R { padding-right: 100px; } .pad100A { padding: 100px; }


/*
====================================
|	Padding helpers
====================================
*/
.mrg0T { margin-top: 0px !important; } .mrg0B { margin-bottom: 0px !important; } .mrg0L { margin-left: 0px !important; } .mrg0R { margin-right: 0px !important; } .mrg0A { margin: 0px !important; }
.mrg5T { margin-top: 5px !important; } .mrg5B { margin-bottom: 5px !important; } .mrg5L { margin-left: 5px !important; } .mrg5R { margin-right: 5px !important; } .mrg5A { margin: 5px !important; }
.mrg10T { margin-top: 10px !important; } .mrg10B { margin-bottom: 10px !important; } .mrg10L { margin-left: 10px !important; } .mrg10R { margin-right: 10px !important; } .mrg10A { margin: 10px !important; }
.mrg15T { margin-top: 15px !important; } .mrg15B { margin-bottom: 15px !important; } .mrg15L { margin-left: 15px !important; } .mrg15R { margin-right: 15px !important; } .mrg15A { margin: 15px !important; }
.mrg20T { margin-top: 20px !important; } .mrg20B { margin-bottom: 20px !important; } .mrg20L { margin-left: 20px !important; } .mrg20R { margin-right: 20px !important; } .mrg20A { margin: 20px !important; }
.mrg25T { margin-top: 25px !important; } .mrg25B { margin-bottom: 25px !important; } .mrg25L { margin-left: 25px !important; } .mrg25R { margin-right: 25px !important; } .mrg25A { margin: 25px !important; }
.mrg30T { margin-top: 30px !important; } .mrg30B { margin-bottom: 30px !important; } .mrg30L { margin-left: 30px !important; } .mrg30R { margin-right: 30px !important; } .mrg30A { margin: 30px !important; }
.mrg35T { margin-top: 35px !important; } .mrg35B { margin-bottom: 35px !important; } .mrg35L { margin-left: 35px !important; } .mrg35R { margin-right: 35px !important; } .mrg35A { margin: 35px !important; }
.mrg40T { margin-top: 40px !important; } .mrg40B { margin-bottom: 40px !important; } .mrg40L { margin-left: 40px !important; } .mrg40R { margin-right: 40px !important; } .mrg40A { margin: 40px !important; }
.mrg45T { margin-top: 45px !important; } .mrg45B { margin-bottom: 45px !important; } .mrg45L { margin-left: 45px !important; } .mrg45R { margin-right: 45px !important; } .mrg45A { margin: 45px !important; }
.mrg50T { margin-top: 50px !important; } .mrg50B { margin-bottom: 50px !important; } .mrg50L { margin-left: 50px !important; } .mrg50R { margin-right: 50px !important; } .mrg50A { margin: 50px !important; }
.mrg60T { margin-top: 60px; } .mrg60B { margin-bottom: 60px; } .mrg60L { margin-left: 60px; } .mrg60R { margin-right: 60px; } .mrg60A { margin: 60px; }
.mrg70T { margin-top: 70px; } .mrg70B { margin-bottom: 70px; } .mrg70L { margin-left: 70px; } .mrg70R { margin-right: 70px; } .mrg70A { margin: 70px; }
.mrg80T { margin-top: 80px; } .mrg80B { margin-bottom: 80px; } .mrg80L { margin-left: 80px; } .mrg80R { margin-right: 80px; } .mrg80A { margin: 80px; }
.mrg90T { margin-top: 90px; } .mrg90B { margin-bottom: 90px; } .mrg90L { margin-left: 90px; } .mrg90R { margin-right: 90px; } .mrg90A { margin: 90px; }
.mrg100T { margin-top: 100px; } .mrg100B { margin-bottom: 100px; } .mrg100L { margin-left: 100px; } .mrg100R { margin-right: 100px; } .mrg100A { margin: 100px; }


/*
====================================
|	Font size helpers
====================================
*/
.font-size-5 { font-size: 5px !important; }
.font-size-6 { font-size: 6px !important; }
.font-size-7 { font-size: 7px !important; }
.font-size-8 { font-size: 8px !important; }
.font-size-9 { font-size: 9px !important; }
.font-size-10 { font-size: 10px !important; }
.font-size-11 { font-size: 11px !important; }
.font-size-12 { font-size: 12px !important; }
.font-size-13 { font-size: 13px !important; }
.font-size-14 { font-size: 14px !important; }
.font-size-15 { font-size: 15px !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-17 { font-size: 17px !important; }
.font-size-18 { font-size: 18px !important; }
.font-size-19 { font-size: 19px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-21 { font-size: 21px !important; }
.font-size-22 { font-size: 22px !important; }
.font-size-23 { font-size: 23px !important; }
.font-size-24 { font-size: 24px !important; }
.font-size-25 { font-size: 25px !important; }
.font-size-26 { font-size: 26px !important; }
.font-size-27 { font-size: 27px !important; }
.font-size-28 { font-size: 28px !important; }
.font-size-29 { font-size: 29px !important; }
.font-size-30 { font-size: 30px !important; }
.font-size-31 { font-size: 31px !important; }
.font-size-32 { font-size: 32px !important; }
.font-size-33 { font-size: 33px !important; }
.font-size-34 { font-size: 34px !important; }
.font-size-35 { font-size: 35px !important; }
.font-size-36 { font-size: 36px !important; }
.font-size-37 { font-size: 37px !important; }
.font-size-38 { font-size: 38px !important; }
.font-size-39 { font-size: 39px !important; }
.font-size-40 { font-size: 40px !important; }
.font-size-45 { font-size: 45px !important; }
.font-size-50 { font-size: 50px !important; }
.font-size-55 { font-size: 55px !important; }
.font-size-60 { font-size: 60px !important; }
.font-size-70 { font-size: 70px !important; }
.font-size-80 { font-size: 80px !important; }
.font-size-90 { font-size: 90px !important; }
.font-size-100 { font-size: 100px !important; }


/*
====================================
|	Line heights
====================================
*/
.line-01 { line-height: 0.1; }
.line-02 { line-height: 0.2; }
.line-03 { line-height: 0.3; }
.line-04 { line-height: 0.4; }
.line-05 { line-height: 0.5; }
.line-06 { line-height: 0.6; }
.line-07 { line-height: 0.7; }
.line-08 { line-height: 0.8; }
.line-09 { line-height: 0.9; }
.line-1 { line-height: 1; }
.line-1D1 { line-height: 1.1; }
.line-1D2 { line-height: 1.2; }
.line-1D3 { line-height: 1.3; }
.line-1D4 { line-height: 1.4; }
.line-1D5 { line-height: 1.5; }
.line-1D6 { line-height: 1.6; }
.line-1D7 { line-height: 1.7; }
.line-1D8 { line-height: 1.8; }
.line-1D9 { line-height: 1.9; }
.line-2 { line-height: 2; }
.line-3 { line-height: 3; }
.line-4 { line-height: 4; }
.line-5 { line-height: 5; }
.line-10 { line-height: 10; }
.line-11 { line-height: 11; }
.line-12 { line-height: 12; }
.line-13 { line-height: 13; }
.line-14 { line-height: 14; }
.line-15 { line-height: 15; }
.line-16 { line-height: 16; }
.line-17 { line-height: 17; }
.line-18 { line-height: 18; }
.line-19 { line-height: 19; }
.line-20 { line-height: 20; }
.line-22 { line-height: 22; }
.line-22 { line-height: 22; }
.line-23 { line-height: 23; }
.line-24 { line-height: 24; }
.line-25 { line-height: 25; }
.line-26 { line-height: 26; }
.line-27 { line-height: 27; }
.line-28 { line-height: 28; }
.line-29 { line-height: 29; }
.line-30 { line-height: 30; }
.line-60 { line-height: 60; }



/*
	Not sure what this is for?
	Needs formatting anyway.
*/
.merch-bar {
	padding:15px;
}

.merch-bar button {
	width:100%;
	margin-top:15px;
}

.merch-bar select {

}

.merch-bar .selectpicker {
	margin-top:15px;
}

@media only screen and (min-width: 768px) {
	.merch-bar button {
	}
}

@media only screen and (min-width: 992px) {
	.merch-bar button {
		width:auto;
		margin-top:0;
		margin-bottom:15px;
	}

	.merch-bar .form-control {
		margin-bottom:15px;
	}
}



/*
====================================
|	Smooths out sortable
====================================
*/
.sortable_list.grid {
	overflow: hidden;
	cursor: move;
}
.sortable_list.grid li {
	float: left;
	width: 23%;
}
.sortable_list li {
	list-style: outside none none;
	margin: 1px;
}

.sortable_list {overflow: auto !important;}

#category_products .ui-state-highlight {
	height: 285px !important;
}


/*
====================================
|	Misc
====================================
*/
.loading_throbber {
	background-image: url("../../../images/loader.svg.jpg");
	background-repeat: no-repeat;
}

.transform-upper {
	text-transform: uppercase;
}

.transform-none {
	text-transform: none;
}

.transform-lower {
	text-transform: lowercase;
}

.divider {
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
}

.black-border {
	border: 1px solid #000 !important;
}

.soft-border {
	border: 1px solid #ddd !important;
}

.flex {
	display: flex;
}

.stretch {
	align-items: stretch;
}

.form-control {
	color: #000;
	border-radius: 0;
}

.big-button {
	padding: 40px;
	font-size: 40px;
}

.btn-transparent, .bg-transparent, .remove-border {
	background: none;
	border: none;
	box-shadow: none;
}

.inline {
	display: inline;
}

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

.lead {
	margin-bottom: 0;
}

@media print {
    .break_page { page-break-after: always; }
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/* Fixes the form going out of bounds on chrome */
#product_form fieldset {
	min-width: 1px;
}


.tt-menu {
	max-height: 450px;
	overflow-y: auto;
	background-color: red;
}

.typeahead-image {
	width: 80px;
}

#product-images {
	height: 600px;
	overflow: scroll;
}

.input-changed:after {
	content: " - changed";
	font-size: 12px;
	vertical-align: sub;
	color: green;
	margin-right: 50px;
}


/*
====================================
|	Flex Box
====================================
*/
html,body {
	height:100%;
}

.row-flex, .row-flex > div[class*='col-'] {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
	align-content: flex-start;
	flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}


.flex-col {
	display: flex;
	display: -webkit-flex;
	flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
	-webkit-flex: 2;
	flex: 2;
}



/*
====================================
|	Branding
====================================
*/
.btn-brand {
	background-color: #875E90 !important;
	border-width: 0;
	color: #FFF !important;
	/*border: 2px solid #fff;*/

}

.text-brand {
	color: #fff !important;
}

.bg-brand {
	background-color: #875E90 !important;
	color: #FFF !important;
}

.text-brand-alt {
	color: #fff !important;
}

.bg-brand-alt {
	background-color: #8CC63E !important;
	color: #FFF !important;
}

@media print {
	.btn-brand,
	.text-brand,
	.bg-brand,
	.text-brand-alt,
	.bg-brand-alt {
		color: #000 !important;
	}
}

.btn {
	border-radius: 0;
}

.header {
	background-image: url("../../../images/header_bg.jpg");
	background-repeat: repeat-x;
	padding-bottom: 5px;
}

.panel-heading-brand {
	background-color: #875E90;
	color: #FFF !important;
	border-radius: 0;

	padding: 10px 15px;
}

.panel-brand {
	border: 0;
}

.panel {
	border-color: #CCC;
	border-radius: 0;

}

.panel-brand {
	border-color: #CCC;

}

.panel-brand > .panel-heading {
	color: #fff;
	background-color: #875E90;
	border-color: #CCC;
	border-radius: 0 !important;
}

.panel-brand > .panel-heading a {
	color: #000;
}

.panel-heading {
	border-radius: 0 !important;
}

.nav-tabs > li > a {
	background-color: #EEEEEE;
	border-radius: 0;
}


.nav-tabs {
	border-bottom: 0;
}

.bg-golden {
	background-color: #DAA520;
	color: #fff;
}

/*
====================================
|	Borders
====================================
*/
.borderA { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000; }
.borderT { border-top-width: 1px; border-style: solid; border-color: #000; }
.borderR { border-right-width: 1px; border-style: solid; border-color: #000; }
.borderB { border-bottom-width: 1px; border-style: solid; border-color: #000; }
.borderL { border-left-width: 1px; border-style: solid; border-color: #000; }

.border0A { border-width: 0 0 0 0; }
.border0T { border-top-width: 0; }
.border0R { border-right-width: 0; }
.border0B { border-bottom-width: 0; }
.border0L { border-left-width: 0; }


.border-black {	border: 1px solid #000; }


/*
====================================
|	Sticky Footer
====================================
*/
html {
	position: relative;
	min-height: 100%;

}

body {
	margin-bottom: 0px;
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 35px;
	background-color: #f5f5f5;
	/*background-color: #fff !important;*/
	margin-top: 30px;
	font-size: 13px;
}


/*
====================================
|	Modals
====================================
*/
.modal-title {
	padding: 5px;

}

.modal-content {
	border-radius: 0;
}

.modal-body {
	border-width: 0;
}

.modal-footer {
	border-width: 0;

}

.gray_backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
	opacity: 0.5;

}


/*
====================================
|	Fancy Tickboxes
====================================
*/
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    box-shadow: none !important;
}
/*
.form-group input[type="checkbox"] {
	display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
	width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
	display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
	display: inline-block;
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
	display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
	display: none;
}
*/



/*
====================================
|	Typeahead
====================================
*/
span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
span.twitter-typeahead .tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.input-group.input-group-lg span.twitter-typeahead .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.input-group.input-group-sm span.twitter-typeahead .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
span.twitter-typeahead {
  /*width: 100%;*/
  position: relative;
  top: -1px;
}
.input-group span.twitter-typeahead {
  display: block !important;
  height: 34px;
}
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
  border-radius: 0;
}
.input-group span.twitter-typeahead:first-child .form-control {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group span.twitter-typeahead:last-child .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.input-group.input-group-sm span.twitter-typeahead {
  height: 30px;
}
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 30px !important;
}
.input-group.input-group-lg span.twitter-typeahead {
  height: 46px;
}
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 46px !important;
}



/*
====================================
|	"Post it note"
====================================
*/
.sticky {
	/* General */
	margin: 15px 0 25px 0;
	padding: 8px 24px;
	border:1px #E8Ds47 solid;

	/* Shadow */
	-moz-box-shadow:0px 0px 6px 1px #333333;
	-webkit-box-shadow:0px 0px 6px 1px #333333;
	box-shadow:0px 0px 6px 1px #333333;

	/* Background */
	background: #fefdca; /* Old browsers */
	background: -moz-linear-gradient(top, #fefdca 0%, #f7f381 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefdca), color-stop(100%,#f7f381));
	background: -webkit-linear-gradient(top, #fefdca 0%,#f7f381 100%);
	background: -o-linear-gradient(top, #fefdca 0%,#f7f381 100%);
	background: -ms-linear-gradient(top, #fefdca 0%,#f7f381 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdca', endColorstr='#f7f381',GradientType=0 );
	background: linear-gradient(top, #fefdca 0%,#f7f381 100%);


}
.sticky h1 {
	font-size: 2em;
	text-align: center;
	padding-bottom: 20px;
	}

.sticky p {
	text-align: center;
	padding-bottom: 20px;
}



/*
====================================
|	Timeline
====================================
*/
img {
	vertical-align: middle;
}
.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}
.img-rounded {
	border-radius: 3px;
}
.img-thumbnail {
	background-color: #fff;
	border: 1px solid #ededf0;
	border-radius: 3px;
	display: inline-block;
	height: auto;
	line-height: 1.428571429;
	max-width: 100%;
	moz-transition: all .2s ease-in-out;
	o-transition: all .2s ease-in-out;
	padding: 2px;
	transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
}
.img-circle {
	border-radius: 50%;
}
.timeline-centered {
	position: relative;
	margin-bottom: 30px;
}
.timeline-centered:before, .timeline-centered:after {
	content: " ";
	display: table;
}
.timeline-centered:after {
	clear: both;
}
.timeline-centered:before, .timeline-centered:after {
	content: " ";
	display: table;
}
.timeline-centered:after {
	clear: both;
}
.timeline-centered:before {
	content: '';
	position: absolute;
	display: block;
	width: 4px;
	background: #f5f5f6;
	left: 50%;
	top: 20px;
	bottom: 20px;
	margin-left: -4px;
}
.timeline-centered .timeline-entry {
	position: relative;
	width: 50%;
	float: right;
	margin-bottom: 20px;
	clear: both;
}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
	content: " ";
	display: table;
}
.timeline-centered .timeline-entry:after {
	clear: both;
}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
	content: " ";
	display: table;
}
.timeline-centered .timeline-entry:after {
	clear: both;
}
.timeline-centered .timeline-entry.begin {
	margin-bottom: 0;
}
.timeline-centered .timeline-entry.left-aligned {
	float: left;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
	margin-left: 0;
	margin-right: -18px;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
	left: auto;
	right: -180px;
	text-align: left;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
	float: right;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
	margin-left: 0;
	margin-right: 70px;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -9px;
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.timeline-centered .timeline-entry .timeline-entry-inner {
	position: relative;
	margin-left: -22px;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
	content: " ";
	display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
	content: " ";
	display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
	clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
	position: absolute;
	left: -180px;
	text-align: right;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {
	display: block;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
	font-size: 15px;
	font-weight: bold;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
	font-size: 12px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
	background: #fff;
	color: #737881;
	display: block;
	width: 40px;
	height: 40px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-moz-box-shadow: 0 0 0 5px #f5f5f6;
	-webkit-box-shadow: 0 0 0 5px #f5f5f6;
	box-shadow: 0 0 0 5px #f5f5f6;
	line-height: 40px;
	font-size: 15px;
	float: left;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
	background-color: #303641;
	color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
	background-color: #ee4749;
	color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
	background-color: #00a651;
	color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
	background-color: #21a9e1;
	color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
	background-color: #fad839;
	color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
	background-color: #cc2424;
	color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
	position: relative;
	background: #f5f5f6;
	padding: 1.7em;
	margin-left: 70px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #f5f5f6 transparent transparent;
	left: 0;
	top: 10px;
	margin-left: -9px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
	color: #737881;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	margin: 0;
	line-height: 1.428571429;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p+p {
	margin-top: 15px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
	font-size: 16px;
	margin-bottom: 10px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
	color: #303641;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
	-webkit-opacity: .6;
	-moz-opacity: .6;
	opacity: .6;
	-ms-filter: alpha(opacity=60);
	filter: alpha(opacity=60);
}



/*
====================================
|	Onscreen Keyboard
====================================
*/
.ui-keyboard-button {
	min-width: 50px;
	min-height: 50px;
	font-size: 1.8em;
}

/*
====================================
|	Cards
====================================
*/
.fade_panel:hover {
  
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
webkit-box-shadow: 0px 0px 29px 5px rgba(224,224,224,0.92);
-moz-box-shadow: 0px 0px 29px 5px rgba(224,224,224,0.92);
box-shadow: 0px 0px 29px 5px rgba(224,224,224,0.92);


}

.barwrapp {
  position: relative;
  overflow: visible;

}

.card {
    font-size: 1em;
    overflow: hidden;
    margin-bottom:20px; 
    padding-bottom:20px;   
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2857em;
}

.card-text {
    clear: both;
    margin-top: .5em;
    color: rgba(0, 0, 0, .68);
}

.card-footer {
    font-size: 1em;
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: .75em 1em;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05) !important;
    background: #fff;
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}

.product_card {
    
    font-size:10px;
    text-align:center;
    background-color: #fff;
    position: absolute;
    top: -70px;
    right:10px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    margin: 0;
    border: 3px solid rgba(34, 36, 38, .1);
    border-radius: 50%;
}

.product_card_2 {
    
    font-size:10px;
    text-align:center;
    background-color: #fff;
    position: absolute;
    top: -270px;
    left:70px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 100px;
    height: 50px;
    margin: 0;
    border: 1px solid rgba(34, 36, 38, .1);
    
}

.product_card_3 {
    
    font-size:9px;
    text-align:center;
    background-color:#fbee98;
    position: absolute;
    top: -85px;
    right:5px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin: 0;
    border: 1px solid rgba(34, 36, 38, .1);
    border-radius: 50%;

}

.product_card_4 {
    
    font-size:10px;
    text-align:center;
    background-color: #fff;
    position: absolute;
    top: -70px;
    left:10px;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    margin: 0;
    border: 3px solid rgba(34, 36, 38, .1);
    border-radius: 50%;
}

.product_card-avatar {
    display: block;
    width: 100%;
    height: auto;
 
}

.product_card-inline {
    position: relative;
    top: 0;
    display: inline-block;
}

.product_card-inline ~ .card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;
}

.card img.product-image {
	width: 150px;
	height: 150px;
}

.text-bold {
    font-weight: 700;
}

.meta {
    font-size: 1em;
    color: rgba(0, 0, 0, .4);
}

.meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .4);
}

.meta a:hover {
    color: rgba(0, 0, 0, .87);
}

.img_bw { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.img_bw:hover { -webkit-filter: grayscale(50%); filter: grayscale(50%); }

#f-long_description + .input-group-btn .btn {
	height: 314px;
}

#user_activity_container {
	display: inline-block;
	height: 900px;
	width: 100%;
	overflow: auto;
	word-wrap: break-word;
}



/*
	Style our diffs
*/
.diff {
	width: 100%;
}

.diff td {
	padding: 0 0.667em;
	vertical-align: top;
	white-space: pre;
	white-space: pre-wrap;
	font-family: Consolas,'Courier New',Courier,monospace;
	font-size: 0.75em;
	line-height: 1.333;
}

.diff span {
	display: block;
	min-height: 1.333em;
	margin-top: -1px;
	padding: 0 3px;
}

* html .diff span {
	height: 1.333em;
}

.diff span:first-child {
	margin-top: 0;
}

.diffDeleted span {
	border: 1px solid rgb(255,192,192);
	background: rgb(255,224,224);
}

.diffInserted span {
	border: 1px solid rgb(192,255,192);
	background: rgb(224,255,224);
}

#toStringOutput {
	margin: 0 2em 2em;
}

.status-disabled {
	border-color: red !important;
	border-width: 2px !important;
}

.status-warning {
	border-color: #f0ad4e !important;
	border-width: 2px !important;
}

.navbar-branded {
	background-color: #875E90 !important;
    color:#ffffff !important;
}

.parent-product {
	display: inline-block !important;
}
.product-checkbox-container .product-checkbox {
	width: 25px !important;
	height: 25px !important;
	position: absolute !important;
	bottom: 5px !important;
	right: 5px !important;
}

.list-group-item-matched {
	border-color: #875E90 !important;
	border-width: 1px;
}



/*
	Style the inputs with tags
*/
.bootstrap-tagsinput {
	background-color: #fff;
	/*border: 1px solid #ccc;*/
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	display: inline-block;
	padding: 10px 1px;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;
	max-width: 100%;
	line-height: 22px;
	cursor: text;
}
.bootstrap-tagsinput input {
	border: #ccc 1px solid;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	padding: 8px 15px;
	margin: 0;
	width: auto;
	max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
	color: #777;
	opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
	color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
	color: #777;
}
.bootstrap-tagsinput input:focus {
	border: none;
	box-shadow: none;
}
.bootstrap-tagsinput .tag {
	margin-right: 2px;
	color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
	margin-left: 8px;
	cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
	content: "x";
	padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.bootstrap-tagsinput .label-info {
	padding: 7px;
	font-size: 20px;
}

.taginput_focus {
	background-color: #999;
}

.multiple-found-image.selected {
	border: 3px solid #875E90;
}


/*
	Mentionables, the whole @TAG thing.
*/
#mentioned-user-list {
	position: absolute;
	z-index: 100;
	width: 200px;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #ccc;
}

#mentioned-user-list li {
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	list-style-type: none;
}

#mentioned-user-list li:hover {
	background: #ccc;
}

#mentioned-user-list li.active {
	background-color: #333;
	color: #fff;
}

#mentioned-user-list li img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

#mentioned-user-list li span {
	width: inherit; /* Prevents parse errors */
}


/*
	Speech bubbles
*/
.sbbox {
	border: 1px solid #CCC;
	padding: 20px;
	position:relative;
	border-radius: 5px;
}

.sb1:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid #CCC;
	border-right: 10px solid transparent;
	border-top: 10px solid #CCC;
	border-bottom: 10px solid transparent;
	right: -20px;
	top: -1px;
}

.sb2:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid #CCC;
	border-top: 10px solid #CCC;
	border-bottom: 10px solid transparent;
	left: -20px;
	top: -1px;
}

.sb3:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid #CCC;
	border-right: 10px solid transparent;
	border-top: 10px solid #CCC;
	border-bottom: 10px solid transparent;
	left: 0px;
	bottom: -20px;
}

.sb4:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid #CCC;
	border-top: 10px solid #CCC;
	border-bottom: 10px solid transparent;
	right: -1px;
	bottom: -20px;
}


/*
	For WOL
*/
td.last-seen {
	position: relative;
	vertical-align: top;
}

td.last-seen .col-xs-12 { float: none; width: 100%; }

td.last-seen .session-controls {
	position: absolute;
	left: 0; right: 0; bottom: 0;
}

td.last-seen .cell-inner {
	padding-bottom: 50px;
}