footer  {
    margin-top:         30px;
}

@media (max-width: 980px) {
    /* Enable use of floated navbar text */
    .navbar-text.pull-right {
        float: none;
        padding-left: 5px;
        padding-right: 5px;
    }
}

label {
    cursor: pointer;
}

.red  {
    color: #D0081C;
}
.green  {
    color: #008B00;
}
.grey {
    color: #888888;
}
.yellow {
    color: #DDDD00;
}
.blue {
    color: blue;
}
.bold  {
    font-weight: 900;
}
.small {
    font-size: 0.8em;
    font-weight: normal;
}

.ratio {
    position: relative;
    /*width: 100%;*/
    height: 0;
    /*padding-bottom: 20%;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    border-radius: 5px;
    border: 3px solid lightgrey;

}

.carousel .item img  {
    border-width: 0px 4px;
    border-color: white;
    border-style: solid;
}
.carousel .carousel-caption  {
    border-width: 0px;
}

.bordered  {
    border:1px solid #EFEFEF;
    border-radius: 5px;
/*
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 5px 5px 5px #ACACAC;
    -webkit-box-shadow: 5px 5px 5px #ACACAC;
    box-shadow: 2px 2px 5px #ACACAC;
*/
    padding: 5px;
    /*margin: 5px;*/
}

li.empty  {
    list-style-type: none;
}

img.product_img_100pct {
    max-width:          100%;
}
img.height_150px {
    height:             150px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.img-thumbnail:hover {
    border-color: #31B0D5;
}

.img-thumbnail .img-caption {
    /*display: none;*/
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    width: 100%;
    height: auto;
    background-color: rgba(160, 160, 160, 0.75);
    z-index: 2;
    color: #FFFFFF;
}

.navbar .container-coins-bg {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: background-color:rgba(0, 0, 0, 0.9);
    border-width: 0 1px;
    border-style: solid;
}

.navbar-inverse .navbar-nav>a {
    background-color:
}
.navbar-inverse .navbar-nav>.active>a {
    background-color: rgba(8, 8, 8, 0.5)
}

.link-confirm {
    cursor: pointer;
}

footer {
	background-color:#2b2b2b;
    color:#ddd;
    min-height:100px;
    padding-top:20px;
    padding-bottom:40px;
}

footer .column {
    text-align: center;
}

footer .nav>li>a, footer .nav>li>p {
    padding: 3px;
    color: #5491bd;
}

footer .nav>li>a:hover {
    background-color:transparent;
	color:#fff;
}

textarea.monospace {
    font-family: Consolas, Lucida Console, monospace;
}

div.hover:hover {
    background-color: #f5f5f5;
}


/* ### Product chooser ### */
div.clear
{
    clear: both;
}

div.product-chooser{

}

    div.product-chooser.disabled div.product-chooser-item
	{
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
		cursor: default;
	}

	div.product-chooser div.product-chooser-item{
		padding: 11px;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		border: 1px solid #efefef;
		margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10x;
	}

	div.product-chooser div.product-chooser-item.selected{
		border: 4px solid #428bca;
		background: #efefef;
		padding: 8px;
		filter: alpha(opacity=100);
		opacity: 1;
	}

		div.product-chooser div.product-chooser-item img{
			padding: 0;
		}

		div.product-chooser div.product-chooser-item span.title{
			display: block;
			margin: 10px 0 5px 0;
			font-weight: bold;
			font-size: 12px;
		}

		div.product-chooser div.product-chooser-item span.description{
			font-size: 12px;
		}

		div.product-chooser div.product-chooser-item input{
			position: absolute;
			left: 0;
			top: 0;
			visibility:hidden;
		}

/* ### END product chooser ### */


.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.image img{
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
}




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

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

.list-group.list-group-striped div.list-group-item {
    border-radius: 10px;
    position: relative;
}
.list-group.list-group-striped div.list-group-item:nth-of-type(odd){
    background: white;
}
.list-group.list-group-striped div.list-group-item:nth-of-type(even){
    background: #f5f5f5;
}
.list-group.list-group-striped div.list-group-item:hover{
    background: #f0f0f0;
}
.list-group.list-group-striped div.list-group-item.selected {
    background:lightskyblue;
    border-color: midnightblue;
    border-style: double;
    border-width: 3px;
}

.checkbox-indicator {
    background: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.checkbox-indicator.selected {
    background: rgba(173, 212, 236, 0.5);
    /* border: 1px dotted midnightblue; */
}


.list-group-item .hover-display {
    display: none;
}
.list-group-item:hover .hover-display {
    display: inline-block;
}

.price-tag {
    color:#D9534F;
    font-size:1.4em;
}

.top-1em {
    margin-top: 1em;
}
.top-2em {
    margin-top: 2em;
}

.categories li {

}

.flex-container {
    display: flex;
}
.flex-item {
    position: relative;
}
.countries-categories {
    max-height: 64em;
    /*position: absolute;
    height: 90%;
    width: 100%;
    top: 0;
    left: 0;*/
    /*overflow: scroll;*/
    /*padding: 5em 5% 5px;*/
}

label.radio-img > input {
    visibility: hidden;
    position: absolute;
}
label.radio-img > input + img {
    cursor: pointer;
    border: 2px solid lightgrey;
}
label.radio-img > input:checked + img {
    border: 2px solid orangered;
}

label.radio-styled > input {
    visibility: hidden;
    position: absolute;
}
label.radio-styled > input + .radio-style {
    cursor: pointer;
    border: 2px solid lightgrey;
    border-radius: 0.5em;
    display: inline-block;
    padding: 0.4em;
    color: grey;
}
label.radio-styled > input:checked + .radio-style {
    border: 2px solid orangered;
    color: orangered;
}

h5 {
    font-weight: bold;
}