/*--------------------------------------------
 HTML ELEMENTS DEFINITIONS
--------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Amiri:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video
{
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	font-kerning: normal;
    font-size: 100%;
	text-rendering: optimizeLegibility;
}
html {
    line-height: 1;
}
body {
	background:#F0F0F0;
	color: #3c3c3c;
	font:.85em 400 Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.2em;
	margin:0;
	padding:130px 0 0 0;
}
p, ol, ul, td {
	font-family: Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.85em;
	margin: 0 0 1.2em 0;
}
table {
   border-collapse: separate;
   /*border-spacing: 10px;*/ 
}
table td {
    padding:7px 8px !important;
}
.defaultTable {
   border-collapse: separate;
   border-spacing:2px; 
}
.defaultTable td, .defaultTable th {
	padding:5px 8px;
}
.nospaceTable {
   border-collapse: separate;
   border-spacing:0; 
}
.nospaceTable td, .nospaceTable th {
	padding:5px 8px;
}

.mainLogo {
	margin-left:10px;
}
.bottomAd {
	margin:20px auto 0;
	width:320px;
}
.sideAd_0, .sideAd_1  {		/* for small banner on small screen */
	margin:10px auto;
	width:320px;
}
.sideAdImage {
	max-width:100%;
	height:auto;
	display:block;
}

h1 {
	color: #e27d28;
	font-family: 'Amiri', Palatino, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight:bold;
	letter-spacing:-1px;
	line-height: 0.9em;
	margin: 0 0 .5em 0;
}
h2 {
	color: #e27d28;
	font-family: 'Amiri', Palatino, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight:bold;
	letter-spacing:-1px;
	line-height: 1em;
	margin: .7em 0 .4em 0;
}
h4 {
	color: #3c3c3c;
	font-family: Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1em;
	font-weight:bold;
	margin: .8em 0 .3em 0;
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) 
{ 
	body {
		font-family: Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:.95em;
		line-height:1.3em;
		padding-top:134px;
	}
	p, ol, ul, td {
		font-size:.95em;
		margin: .0 0 1.2em 0;
	}
	.mainLogo {
		margin-left:0;
	}
	#article {
		padding-left:20px; 
		border-left:4px solid #f0f0f0;
	}
	.sideAd_0 {
		margin:20px auto;
		width:728px;
	}
	.sideAd_1 {
		margin:0 auto;
		width:100%;
	}
	.bottomAd {
		width:728px;
	}}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) 
{
	body {
		font-family: Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1em;
	}
	p, ol, ul, td {
		font-size:1em;
	}
	h1 {
		font-size: 3.2em;
		line-height: 1em;
		margin: 0 0 .5em 0;
	}
	h2 {
		font-size: 2.3em;
		line-height: 1em;
		margin: .7em 0 .4em 0;
	}
	.sideAd_0, .sideAd_1 {
		margin:6px 0 6px 10px !important;
		width:96%;
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{
	.sideAd_0 {
		margin:6px 0 6px 40px !important;
	}
	.sideAd_1 {
		margin:16px 0 20px 16px !important;
	}
}
@media print {
	body {
		padding-top:0;
	}
	.navbarOuter {
       position:relative;
    }
	
	h1 {
		font-size: 1em;
		font-weight:bold;
	}
}


h3 {
	color: #372d64;
	font-family: Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.65em;
	line-height: 1em;
	font-weight:bold;
}

h5 {
	color: #4e4e4e;
	font-family: Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	font-weight:bold;
	margin: .8em 0 .8em 0;
}
h6 {
	color: #3c3c3c;
	font-family: Roboto, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1em;
	font-weight:bold;
	margin: .8em 0 .5em 0;
}
span.glyphicon-large {
    font-size: 2em;
	padding-right:.3em;
}


article p {
	line-height:1.5em;
}
img {
  border-style:none;
}
a {
  color:#827ab4;
  text-decoration:none;
}
a:hover {
	color:#504981;
	text-decoration:underline;
}
.darkBack a {
  color:#f0f0f0;
  text-decoration:none;
}
.darkBack a:hover {
	color:#e0e0e0;
	text-decoration:underline;
}
input, textarea, select {
  vertical-align:middle;
  color:#717171;
}
form, fieldset{
  margin:0;
  padding:0;
  border-style:none;
}
hr {
    height: 14px;
	border-style: solid;
    border-color: rgba(239, 130, 21, 0.6);
    border-width: 2px 0 0 0;
    box-shadow: inset 0 15px 15px -15px rgba(239, 130, 21, 0.4);
}
fieldset {
	border-radius: 5px;
}
legend {
	border:none;
	border-radius: 5px;
	background-color:#E0E0E0;
	font-size:1.1em;
	font-weight:bold;
	padding:6px 12px;
}

.ImageLeft {
  float:left;
  margin:20px 20px 20px 0;
}
.ImageRight {
  float:right;
  margin:20px 0 20px 20px;
}
.popTrigger {
  color:#0066cc;
  cursor:pointer;
}
.error {
  color:#ff0000;
  font-weight:bold;
}

.newsHeadline  {
  font-family: 'Playfair Display', Palatino, "Times New Roman", Times, serif;
  font-size: 1.5em;
  text-align: center;
  color: #333;
  line-height: 1.2em;
  margin: 1em 0 1em 0;
}

.glyphicon {
	font-size:.7em;
}


/*--------------------------------------------
 OVERALL PAGE LAYOUT
--------------------------------------------*/
.main-container {
  padding:0 -15px;
  background:#fff;
}

/* Extra Small Devices, Phones */ 
    div[class^="col"]{padding-left:1px; padding-right:1px; margin-bottom:10px;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) 
{ 
    div[class^="col"]{padding-left:1px; padding-right:1px; margin-bottom:2px;}
	header .container{
	  background:url(/images/bg-header.gif) repeat-x;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) 
{   
    div[class^="col"]{padding-left:1px; padding-right:1px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{   
    /*default so you don't need this*/
    div[class^="col"]{padding-left:2px; padding-right:2px;}
}


/*--------------------------------------------
 PURPLE HEADER AREA
--------------------------------------------*/
.noMarginRight {
	margin-right:-5px;
}

header {
	background:url(/images/bg-body.gif) repeat-x;
}

.navbarOuter {
	background:#29234D url(/images/bg-body.gif) repeat-x 50% 0;
	border-bottom:3px solid #fff;
	color:white;
	margin-bottom:0;
	padding-top:10px;
}
.navbarContainer {
	background:url(/images/bg-header.gif) no-repeat;
}
.navbarContainer.container {
	padding: 6px 0 0 0 !important;
}
.navbar-header .navbar-toggle .icon-bar {
	background-color: #ffffff;
	color: #39345b;
}

.navbar {
	background:transparent;
	border:none;
	margin-bottom:0;
}

.navSearchbar {
	margin:6px 6px 3px 6px;
}
.navbar-xs { 
	min-height:16px; 
	height:16px;
}
.navbar-xs .navbar-nav > li > a { padding-top:2px; padding-bottom:2px; line-height:16px; }

.navbar-custom {
	font-size: 1em !important;
	background: #2F2952;
}
@media (max-width: 767px) {
	.navbar-custom {
		margin: -15px;
		padding: 0 15px 15px 15px;
		/*border-top: 16px solid #ffffff !important;*/
	}
}
@media (min-width: 768px) {
	.navbar-custom {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#464070+0,5a5390+100&0.4+0,0.8+100 */
		background: -moz-linear-gradient(top,  rgba(70,64,112,0.4) 0%, rgba(90,83,144,0.8) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,64,112,0.4)), color-stop(100%,rgba(90,83,144,0.8))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(70,64,112,0.4) 0%,rgba(90,83,144,0.8) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(70,64,112,0.4) 0%,rgba(90,83,144,0.8) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(70,64,112,0.4) 0%,rgba(90,83,144,0.8) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(70,64,112,0.4) 0%,rgba(90,83,144,0.8) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66464070', endColorstr='#cc5a5390',GradientType=0 ); /* IE6-9 */
	}
}
.navbar-custom .navbar-brand {
  color: #ffffff;
  margin:-3px 0;
  padding:0 4px;
}
.navbar-custom .navbar-brand img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
	color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #39345b;
}
.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  border-left: 1px solid #39345b;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #DFDFDF;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #DFDFDF;
  background-color: #39345b;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#39345b), to(#4d467b));
  background-image: -webkit-linear-gradient(top, #39345b, 0%, #4d467b, 100%);
  background-image: -moz-linear-gradient(top, #39345b 0%, #4d467b 100%);
  background-image: linear-gradient(to bottom, #39345b 0%, #4d467b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff39345b', endColorstr='#ff4d467b', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-header .navbar-toggle {
  border-color: #dddddd;
}
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
  background-color: #EF8215;		/* ORANGE !!! */
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #383359;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #DFDFDF;
  border-bottom-color: #DFDFDF;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
	background-color: #464070;
	border-color: #39345b;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5a5390), to(#464070));
	background-image: -webkit-linear-gradient(top, #5a5390, 0%, #464070, 100%);
	background-image: -moz-linear-gradient(top, #5a5390 0%, #464070 100%);
	background-image: linear-gradient(to bottom, #5a5390 0%, #464070 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a5390', endColorstr='#ff464070', GradientType=0);
	color: #DFDFDF;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #DFDFDF;
  border-bottom-color: #DFDFDF;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 768px) {
	.navbar-collapse {
		background-color: #464070;
		border-color: #39345b;
		background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5a5390), to(#464070));
		background-image: -webkit-linear-gradient(top, #5a5390, 0%, #464070, 100%);
		background-image: -moz-linear-gradient(top, #5a5390 0%, #464070 100%);
		background-image: linear-gradient(to bottom, #5a5390 0%, #464070 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a5390', endColorstr='#ff464070', GradientType=0);
	}
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
 }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #2d2755;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #2d2755;
    background-color: #39345b;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #2d2755;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-image:none !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #ffffff;
	background-color:#504982;
}
.nav .open > a, .nav .open > a:hover {
	color: #ffffff;
	background-color:#504982;
}

.nav .open > a:focus {
	color: #ffffff;
	background-color:#504982;
}
.add-nav ul {
  font-size:.8em;
  margin:0;
  padding:0;
  list-style:none;
  float:right;
  overflow:hidden;
}
.add-nav li {
  margin:0 5px 0 -5px;
  padding:0 4px 0 5px;
  float:left;
  background:url(/images/separator-add-nav.gif) no-repeat 0 50%;
}
.add-nav a {
  text-decoration:none;
  color:#9c95c9;
}
.add-nav a:hover {
  text-decoration:underline;
}

.glyphicon-search {
	color:#999999;
}

.btn-login-iFrame {
	margin-right:2px;
}
.btn-login {
  cursor:pointer;
  text-decoration:none;
}
.btn-login .l {
  padding:12px 0 9px 18px;
  background:url(/images/btn-login.png) no-repeat;
  float:left;
}
.btn-login .r {
  width:5px;
  height:32px;
  background:url(/images/btn-login-r.png) no-repeat;
  float:left;
}
.btn-login .l span {
  height:11px;
  text-indent:-9999px;
  overflow:hidden;
  float:left;
  margin:0 10px 0 0;
}

.text-member {
  width:100px;
  background:url(/images/text-member.png) no-repeat;
}


/*--------------------------------------------
 CONTENT STRUCTURE & LAYOUT
--------------------------------------------*/

.container:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


/*--------------------------------------------
 ALL THE "MORE..." LINKS
--------------------------------------------*/

.more {
  font:1.2em;
  display:block;
  padding-left:10px;
}
.more a {
  background:url(/images/arrow-more.gif) no-repeat 100% 6px;
  padding:0 9px 0 0;
  color:#3a346c;
  text-decoration:none;
}
.more a:hover {
  text-decoration:underline;
}


/*--------------------------------------------
 SIDE BAR STRUCTURE
--------------------------------------------*/

#sidebar {
	background:#fff; 
	padding:0 30px 0 0;
}
#sidebar .heading {
  padding:0px 8px 1px;
  overflow:hidden;
  height:1%;
}
#sidebar .heading h3 {
  margin:2px 0 1px 1px;
}

#sidebar h4 {
  color:#b25e00;
  font-size:1.1em;
  padding:8px 0 0;  
}
#sidebar .heading h4 {
  float:left;
  margin:0 0 0 -5px;
  color:#ccc;
  font-weight:normal;
  font-size: 11px;
}
#sidebar .container {
  padding:0 0 26px 12px;
  width:auto;
  height:1%;
}
/*#sidebar .block {
  padding:0 0 24px;
}*/
#sidebar .block hr {
    margin:0 0 3px 0;
}
#sidebar .block .holder {
  width:100%;
  overflow:hidden;
  padding:0 0 16px;
}
#sidebar .block .image {
  margin:5px 10px 0 0;
  float:left;
}


/*--------------------------------------------
 SIDE BAR LISTS
--------------------------------------------*/

#sidebar .item-list {
  margin:-15px 0 10px;
  padding:10px 0 0;
  list-style:none;
  font:13px;
}
#sidebar .item-list li {
  padding:7px 0;
  border-bottom: 1px dotted #aaa;
}
#sidebar .item-list a {
  padding:0 0 0 17px;
  background:url(/images/arrow-links.gif) no-repeat 3px 3px;
  color:#b25e00;
  text-decoration:none;
}
#sidebar .item-list a:hover {
  text-decoration:underline;
}
.products {
	margin:-16px 0 0;
	padding:10px 0 0;
	list-style:none;
}
.products a {
	color:#b25e00;	
}
.products .open {
	background:url(/images/arrow-down.gif) no-repeat 1px 7px;
}
.products ul {
	font-size:1em;
	line-height:1.2em;
	margin:0;
	padding:3px 0 .5em;
	list-style:none;
}
.products ul a {
	color:#7f7f7f;
}
.products li {
	padding:0 0 .3em 1em;
	margin:0 0 4px;
	background:url(/images/arrow-links.gif) no-repeat 3px 7px;
	font-weight:bold;
}
.products ul li {
	margin:0;
	padding:0 0 .3em 9px;
	background:url(/images/bullet.gif) no-repeat 0 6px;
}
.products ul ul {
	padding: .3em 0 .1em .5em;
}
.products ul ul li {
	font-weight:normal;
}


/*--------------------------------------------
 NEWS AND EVENT TABS
--------------------------------------------*/

.eventRow {
  height:1%;
  overflow:hidden;
  margin:0 0 10px;
  padding:0 0 6px;
  border-bottom: 1px dotted #aaa;
}
.eventDate {
  border:none;
  float:left;
  margin:0;
  padding:0;
  width:12%;
}
.eventDash {
  border:none;
  float:left;
  margin:0;
  padding:0;
  width: 5%;
  text-align:center;
}
.eventTitle {
  border:none;
  float:right;
  margin:0;
  padding:0;
  width:77%;
}
.eventDescription {
  font:.9em 'Trebuchet', Helvetica, sans-serif;
}
.eventSpaceLine {
  height: 1px;
  clear: both;
}

.search-results .HideButton {
  Display:none;
}

/*--------------------------------------------
 FOOTER
---------------------------------------------*/

#footer {
  color:#909090;
  height:1%;
  padding:0 0 0 10px;
  margin-top:20px;
}
#footer a {
  color:#909090;
}
#footer ul {
  width:100%;
  overflow:hidden;
  padding:0;
  list-style:none;
}
#footer h3{
	color:#cccccc;
	font-size:1.3em;
	margin:0 0 14px;
	text-transform: uppercase;
}
#footer .column {
	padding-left: 15px;
	padding-bottom:30px;
	border-left: 1px solid #aaa;
}
#footer .column:first-child {
	border: none;
}
@media(max-width:767px){
	#footer .column {
		border: none;
		padding-left: 0;
	}
}
@media(max-width:991px){
	#footer .column:nth-child(5) {
		border: none;
	}
}


/*--------------------------------------------
 SITEMAP
---------------------------------------------*/
#sitemap {
  margin:25px;
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.navbarLogo {
	height:auto;
}
.navbar-header img {
	padding: 2px 10px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.navbarLogo {
		height:0px;
	}
	.navbar-header img {
		padding: 8px;
		height: 100%;
	}
	.navbar-nav > li > a { padding-left:11px; padding-right:11px; line-height:16px; }
 }

/* Medium devices (desktops, 992px and up) */
 @media (min-width: 992px) { 
	.navbar-nav > li > a { padding-left:13px; padding-right:13px; line-height:16px; }
}

/* Large devices (large desktops, 1200px and up) */
/* @media (min-width: 1200px) { ... } */

/* enable absolute positioning */
.inner-addon {
  position: relative;
}
/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
/* align glyph */
.left-addon .glyphicon  { left: 0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left: 30px; }
.right-addon input { padding-right: 30px; }

/* .dynamicTile  {
	margin: 20px 0;
} */
.dynamicTile .col-sm-2.col-xs-4{
    padding:5px;
}
.dynamicTile .col-sm-4.col-xs-8{
    padding:5px;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
.social .fa-facebook:hover {
    color: #ffffff;
}
.social .fa-twitter:hover {
    color: #00ABE3;
}
.social .fa-google-plus:hover {
    color: #e64522;
}
.social .fa-linkedin:hover {
    color: #0094BC;
}



/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn-breadcrumb {
	margin-top:6px;
}
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/* The responsive part */
.btn-breadcrumb > * > div {
    /* With less: .text-overflow(); */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.btn-breadcrumb > *:nth-child(n+2) {
  display:none;
}

/* === For phones =================================== */
@media (max-width: 767px) {
	.btn-breadcrumb {
		margin-top:20px;		
	}
    .btn-breadcrumb > *:nth-last-child(-n+2) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 50px;
    }
}

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
    .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 160px;
    }
}

/* === For desktops ================================== */
@media (min-width: 992px) {
    .btn-breadcrumb > *:nth-last-child(-n+4) {
        display:block;
    } 
    .btn-breadcrumb > * div {
        max-width: 160px;
    }
}

.btn-primary {
	color: #ffffff;
	background-color: #464070;
	border: 2px solid #3c3760;
}
.btn-primary:focus,
.btn-primary.focus {
	color: #ffffff;
	background-color: #322d50;
	border: 2px solid #2A244F;
}
.btn-primary:hover {
	color: #ffffff;
	background-color: #322d50;
	border: 2px solid #242039;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #322d50;
	border: 2px solid #242039;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	color: #ffffff;
	background-color: #3C355E;
	border: 2px solid #2A244F;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
	background-color: #464070;
	border: 2px solid #3c3760;
}
.btn-primary .badge {
	color: #464070;
	background-color: #ffffff;
}
.btn.outline {
    background: none;
}
.btn-primary.outline {
    border: 2px solid #29234D;
    color: #29234D;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #5C5696;
    border-color: #5C5696;
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #2F2952;
    color: #2F2952;
    box-shadow: none;
}

.table-striped thead td {
    background-color: #372d64;
    color: #f0f0f0;
}

/* Tooltip */
.showToolTip + .tooltip > .tooltip-inner {
    background-color: #29234d; 
    border: 3px solid #39345b;
    color: #FFFFFF; 
    font-size: 1em;
	max-width: 280px;
	min-width: 50px;
    padding: 5px 9px;
	text-align: left;
}

/* Tooltip on top */
.showToolTip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid #39345b;
}

/* Tooltip on bottom */
.showToolTip + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #39345b;
}

/* Tooltip on left */
.showToolTip + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid #39345b;
}

/* Tooltip on right */
.showToolTip + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid #39345b;
}

 /* Popover */
.popover {
    border: 2px solid #39345b;
}

/* Popover Header */
.popover-title {
    background-color: #39345b; 
    color: #FFFFFF; 
    font-size: 1em;
    text-align:center;
}

/* Popover Body */
.popover-content {
    background-color: #F0F0F0;
    padding: 6px 10px;
}

/* Popover Arrow */
.popover.top > .arrow:after { border-top-color: #39345b; }
.popover.bottom > .arrow:after { border-bottom-color: #39345b;}
.popover.left > .arrow:after { border-left-color: #39345b; }
.popover.right > .arrow:after { border-right-color: #39345b; }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */