/*
 * Base structure
 */
html{overflow-y:scroll;}
body{font-family: 'Roboto', sans-serif; background: #c5b0a2;}
.navbar{margin-bottom: 0;}
a:hover, a:focus{text-decoration: none;}

/*
 * Global add-ons
 */
 
.row{margin: 0;}
.container-fluid{padding:0;}
.page-header,.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #c59ead;
  color: #5c4052;
}

.img-thumbnail{border-color: #b58695; padding: 0; border-width: 2px;}

.header{background: url("../img/bg_content.png");min-height: 252px; margin-top: 50px; margin-bottom: 20px;}
.home-logo{margin-top: 15px;}

a{color:#5c4052;}

.ekko-lightbox{overflow-y: hidden !important; }
.navbar-inverse .navbar-brand{color:#5c4052;}
.navbar{min-height: 10px !important;}
a.thumbnail{background: none; border:none;display: inline-block;width:100px;height:100px;overflow:hidden}
/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

.menu-left{text-align: right;}
.menu-left a,.menu-right a{color:#5c4052; font-size: 16px; height: 50px; line-height: 50px; padding-left: 15px;}
.menu-right a{padding-right: 20px; padding-left:0}


.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus{color:white; background: #d3b6c1; }
.navbar .navbar-nav>.active>a:hover,.navbar .navbar-nav>li>a:hover{ background: #ecdee4; }
.navbar .navbar-nav>li>a{color:#5c4052;}
.navbar .navbar-collapse{border-color:#5c4052; }

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: #ecdee4; }

.twitter-typeahead{display:inline !important;}
.col-centered{text-align: center;}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: none;}
.new-gallery-go{height: 200px; display:inline-block; vertical-align: middle; padding: 10px; line-height: 200px;}


.new-responsive{max-width: 100%; height: auto; display: block; margin:4px;}
.new-go-gallery{max-width: 100%; display: block; margin:4px; text-align:center; padding: 40px 0;}

.panel-poison{border:1px solid #5c4052;}
.panel-poison>.panel-heading{background: #5c4052; color:white; font-weight: bold;}
.panel-poison>.icon{color:#ecdee4;}
.label-poison{background:#ecdee4; color:#5c4052 !important; font-weight:normal;}
.fr-caption .label-poison{display: inline-block; margin: 6px; padding: 6px;}
.btn-poison{background:#5c4052; color:#ecdee4 !important; font-weight:normal;}
.btn-poison-disabled{background:#ecdee4; color:#5c4052 !important; font-weight:normal;}
.btn-poison-disabled:hover{box-shadow:none; cursor: default;}
.btn-poison:hover{background:#d3b6c1;}

.panel-poison-light{border:1px solid #bb8e9e;}
.panel-poison-light>.panel-heading{background: #ecdee4; color:#5c4052; font-weight: bold;}

.required{color:red;}
.gallery-link:hover{text-decoration: none;}
.gallery-link .thumbnail:hover{background: #ecdee4;}
.gallery-link .label-poison{font-size: 12px;}
.panel-poison .panel-heading .breadcrumb{background: none; margin:0; padding:0;}
.panel-poison .panel-heading .breadcrumb a{color:#ecdee4}
.panel-poison .panel-heading .breadcrumb .active{color:white}
.doll-gallery-select{text-align: center;}

.doll-header{margin-bottom: 40px;}

.price-final{font-size: 10px; margin-top: 6px;}

.auction-info{border:1px solid #b88a9b; border-radius:5px; padding:6px 16px; display: inline-block; background: #ecdee4;}
.auction-info h2{margin-top: 0;}
.auction-info p{margin: 2px; font-size: 12px;}
.auction-content .input-group-addon, .login-input .input-group-addon{background: #ecdee4;}
.auction-content .auction-button:hover{ background: #b88a9b; }
.auction-content .auction-button a:hover{text-decoration: none;color: #5c4052;}
.auction-button{cursor: pointer;}
.login-input .input-group-addon{width: 40px;}
.login-dropdown p{font-size: 10px;}
.login-dropdown .newsletter-input{margin:4px 0; min-width: 250px;}
.login-dropdown .login-input{margin:4px 20px 6px 20px; min-width: 200px;}
.login-input .form-control{-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
.login-input input[type=text]:focus,.login-input input[type=password]:focus{box-shadow: 0 0 1px #5c4052; padding: 0 0 0 30px; border:none;}
.login-input label{font-weight: normal; margin-left: 10px;}
.navbar-default .navbar-nav>.open>a{background: #ecdee4 !important;}
.doll-selling:hover{text-decoration: none;}
.doll-selling img{border:8px solid white;}
.doll-selling img:hover{transition: all 0.5s ease;border:8px solid #5c4052;}
#defaultCountdown { width: 235px; height: 45px; }
.input-group{margin-bottom: 20px;}
.input-group .input-group-addon{background: #ecdee4; color: #5c4052; border: 1px solid #d3b6c1; min-width: 160px; text-align: left;}
.input-group .input-group-addon-sm{min-width: 40px;}

.table-poison thead{background: #d3b6c1; color: #5c4052;}
.table-poison tbody tr:nth-child(odd){background: #ecdee4;}

.alert-poison{background: #ecdee4; color: #5c4052;margin: 20px 0;}

.poison-list-group{padding: 0; margin: 0;}
.poison-list-group .list-group-item.active{background: #ecdee4; color: #5c4052; border-color: #d3b6c1;}
.poison-list-group .list-group-item{ border-color: #d3b6c1; color: #5c4052; border-radius:0; transition:all 1s ease;}
.poison-list-group .list-group-item:hover{background: #5c4052; color: white; padding-left: 10px;}

.margin-horizontal-none{padding-left: 0; padding-right:0; margin-left: 0; margin-right: 0;}

.poison-title{color: #5c4052; font-size: 22px; margin: 12px 0;}

.input-group-addon.xs-resize{min-width: 40px;}

.large-input{min-width: 150px;}

.ribbon-container {
	position: relative;
	line-height: 1;
	height: 70px;
}
.ribbon-container div {
	vertical-align: middle;
}
.ribbon {
	position: absolute;
	top: 1em;
	left: -15px;
	margin-right: 1em;
	padding: .75em 1.25em .75em .75em;
	border-radius: 0 .5em .5em 0;
	background-color: #5c4052;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%);
	box-shadow: inset 0 .062em 0 rgba(255,255,255,.6), 0 .125em .25em rgba(0,0,0,.2);
	color: #fff;
	text-shadow: 0 -.062em 0 rgba(0,0,0,.2);
	white-space: nowrap;
	transition: background-color .2s ease-in-out;
}
.ribbon:before,
.ribbon:after {
	position: absolute;
	background-color: inherit;
	content: "";
}
.ribbon:before {
	bottom: 0;
	left: -.5em;
	width: .5em;
	height: 3em;
	border-radius: 0 0 0 .5em;
	background-image: linear-gradient(to right, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
}
.ribbon:after {
	top: -1em;
	left: -.5em;
	width: .5em;
	height: 1em;
	border-radius: .5em 0 0 .5em;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
	box-shadow: 0 .062em 0 rgba(255,255,255,.6);
}
.ribbon-container:hover .ribbon {
	background-color: #5c4052;
}

.xs-full{ width: 100% !important;}
@media (min-width: 768px) {
	.input-group-addon.xs-resize{min-width: 130px;}
	.xs-full{width: auto !important;}
}

@media (min-width: 992px) {
	.new-responsive{ height: 120px;display: inline-block;}
	.new-go-gallery{height: 120px; width: 80px;display: inline-block; vertical-align: middle;}
}

@media (min-width: 1200px) {
	.new-responsive{height: 200px;display: inline-block;}
	.new-go-gallery{ max-height:200px; width: 150px;display: inline-block; vertical-align: middle; padding: 100px 0;}
}

/*
 * Pagination
 */
.pagination-box{text-align: center;}
.pagination{margin:0;}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
	background-color: #5c4052; border-color: #5c4052;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{
	background-color:#d3b6c1; border-color: #d3b6c1; color: white;
}
.pagination>li>a,
.pagination>li>span{
	color:#5c4052; border-color: #d3b6c1;
}


.panel-poison-pagination{border:1px solid #ecdee4;}
.panel-poison-pagination>.panel-heading{background: #ecdee4; color:white;}
.panel-poison-pagination>.icon{color:#5c4052;}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #c5afa2;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #b39988;
}


/*
 * Main content
 */

.main {
  padding: 0 20px 20px 20px;
  background: #c5b0a2;
   padding-left: 0px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}