/*--Themes--*/
body.default, .theme.default {
	background-color:#CD1141 ;
    background-image: url('../imgs/themes/default/tilebg.png')
}
.default .widescreen{
	background-color:#003263;
}
.default .container{
    border:3px solid goldenrod;	
}
.default #badge_description a{
	color:#CD1141;
}
body.JCA_2013, .theme.JCA_2013{
	background-image:url('http://juanthewebdeveloper.com/old/imgs/bg.png');
	background-color:#f6bde5;
}
.JCA_2013 .widescreen{
	background-color:rgb(30,30,70);
}
.JCA_2013 .container{
    border:3px solid rgb(30,30,70);	
}
.JCA_2013 #badge_description a{
	color:#f6bde5;
}
body.blackandwhite, .theme.blackandwhite{
	background-color:white;
}
body.blackandwhite img, .theme.blackandwhite img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.blackandwhite .widescreen{
	background-color:black;
}
.blackandwhite .container{
    border:3px solid black;	
}
.blackandwhite #badge_description a{
	color:blue;
}
/*--General Page styles--*/
body {
        color: rgb(30,30,30);
        font-size: 1em;
        font-family: 'Open Sans' !important;
        overflow: hidden;
}
a{
	text-decoration: none;
}
.loading{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 10;
    text-align: center;
}
.loading div{
    top:33%;
    position: relative;
}
.loading div span{
    display: block;
    font-weight: bolder;
    font-size: 1.5em;
}
.container {
	width:90%;
	background-color: ghostwhite;
	position:absolute;
	border-radius: 15px;
	padding: 2%;
    overflow:hidden;
    max-height:650px;
    height:75%;
	left:50%;
    top:50%;
  	transform: translateX(-50%) translateY(-50%);
}
.ie .container{
	transform: none;
	left:2.5%;
	top:8.5%;
}
.ie a>img{
	border:0;
}
.opaque{
	opacity: 0.5;	
	transition: .3s linear all;
}
.widescreen{
	position:fixed;
	width:100%;
	height: 3%;
	left:0;
	z-index:20;
	overflow:hidden;
}
#head{
	float:right;
}
#top_bar{
	top:0;
}
#top_bar.minHeight{
	min-height: 150px;
	transition: .6s linear all;
}
#top_bar.box-shadow{
	box-shadow: -5px 5px 15px #2d2d2d;
}
#low_bar{
	bottom:0;
}
/*@font-face {
  font-family: 'MLB-Angels';
  src:	url('http://webfonts.ffonts.net/webfonts/M/L/MLB-Angels/MLB-Angels.ttf.woff') format('woff'),
    url('http://webfonts.ffonts.net/webfonts/M/L/MLB-Angels/MLB-Angels.ttf.svg#MLB-Angels') format('svg'),
    url('http://webfonts.ffonts.net/webfonts/M/L/MLB-Angels/MLB-Angels.ttf.eot'),
    url('http://webfonts.ffonts.net/webfonts/M/L/MLB-Angels/MLB-Angels.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}*/
/*--Badge Container styles--*/
.badge_container {
	float: left;
	width:65%;
	height:100%;
	box-sizing:border-box;
	}
.badge_container .category{
	float:left;
	width:100%;
}
.badge_descriptions {
	float:left;
	width: 30%;
	height:100%;
	border-left: 1px groove white;
	padding:0px 15px;
	}
div#badge_description{
	font-size:0.9em;
	line-height: 1.75;
	padding-left:1px;
	width:100%;
	word-wrap: break-word;
}
/*--Badge styles--*/
.badge_container li.badge{
	transition: .65s ease all;
}
li.badge{
	float:left;
	max-width:17%;
	margin:10px;
	list-style-type: none;
}
.fade{
	opacity: 0.5;
}
.badge img{
	max-width:100%;
	height:auto;
	}
.badge span{
	float:left;
	clear:left;
	width:200px;
	}
/*--Drag/Drop styles--*/
.ui-draggable-dragging{
	z-index:10;	
}
.droppable{
	width: 200px;
	height: 200px;
}
/*--Badge Description styles--*/
#dropZone{
}
h2#badge_name{
	margin-top:0.83em;
	margin-bottom:0;
}
h2#badge_name, #badge_yearsExp, #badge_description{
	clear:both;
	float:left;
}
#badge_image{
	margin:0 auto;
	margin-top:5px;
	width:50%;
}
#badge_image img{
	max-width: 100%;
	height:auto;	
}
#badge_yearsExp{
	/*border-bottom: 1px solid gray;*/
	border-top: 1px solid gray;
	margin:10px auto;
	/*padding:10px 0px 10px 0px;*/
	width:100%;
}
#badge_yearsExp span{
	display:none;
}
/*--Bookmark drop styles--*/
#bookmark {
    list-style: none;
	padding: 0;
	margin: 0;
    position:absolute;
    top:3%;
    right:5%;
    z-index: 100;
}
#bookmark img{
    max-height: 70px;
}
#theGoods{
	margin-top:1%;
	margin-right:5%;
	float:right;
	color:white;
}
.theme{
	padding: 10px;
	float: left;
	cursor: pointer;
	margin:0 5px;
	border-radius: 50%;
}
#profileLinks{
	text-align: center;
	border-top: 1px solid;
	padding-top:5px;
}
#theGoods div{
	float:right;
	clear:both;
	margin:3px 0;
}
#theGoods .themeSwitcher .change{
	float: left;
}
#profileLinks{
	width:100%;
}
#profileLinks a{
	float:right;
	margin-right: 10px;
}
#profileLinks a img{
	max-width:25px;
}
button#reset{
  float: right;
  display: inline-block;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-size: 100%;
  padding: .5em 1em;
  border: 0 rgba(0,0,0,0);
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 5px;
}
button#reset:hover {
  background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
}
#head{
	font-size: 22px;
	font-weight: bold;
	border-bottom:1px solid;
	padding-bottom: 5px;
	clear:both;
}
/*--ngAnimate--*/
.ng-hide-add, .ng-hide-remove {
    /* ensure visibility during the transition */
    display: block !important; /* yes, important */
}
.cssSlideUp {
    transition: .3s linear all;
    height: 100%;
    overflow: hidden;
}
.cssSlideUp.ng-hide {
    height:0;
}