/* DO NOT CHANGE THIS FILE -------------------------------------------------- */
/* TO OVER-RIDE ANY ASPECT OF THIS CSS, AMEND THE user.css FILE ------------- */
/* Historical osCommerce ---------------------------------------------------- */
/*BOF - Zappo - Option Types v2 - Progress Bar */
.footer_log {
width:520px;
padding-top:5px;
margin:0 auto;
}
.footer_log_sep {
float:left;
padding:3px;
}
.milieu_sticker{
background: url("images/milieu_recycle.png");
background-repeat: no-repeat;
}
.milieu_sticker_50{
background: url("images/milieu_recycle.png");
background-repeat: no-repeat;
width:50px;height:50px;float:left; background-size: 50px 50px;font-weight:bold;font-size:14px;padding-top:15px;text-align: center;
}
.milieu_sticker_25{
background: url("images/milieu_recycle.png");
background-repeat: no-repeat;
width:25px;height:25px;display: inline-block; background-size: 25px 25px;font-weight:bold;font-size:8px;text-align: center;padding-top:7px;
}
.cookiealert {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
margin: 0 !important;
z-index: 999;
opacity: 0;
border-radius: 0;
background: #212327 url("cubes.png");
transform: translateY(100%);
transition: all 500ms ease-out;
color: #ecf0f1;
}
.cookiealert.show {
opacity: 1;
transform: translateY(0%);
transition-delay: 1000ms;
}
.cookiealert a {
text-decoration: underline
}
.cookiealert .acceptcookies {
margin-left: 10px;
vertical-align: baseline;
}
.progress{
width: 1px;
height: 12px;
color: grey;
font-size: 10px;
/* overflow: hidden; */
background-color: #bbc3d3;
padding-left: 5px;
}
.bar{
border-style: solid;
border-width: 1px;
border-color: #bbc3d3;
}
/*EOF - Zappo - Option Types v2 - Progress Bar */
/*BOF - Zappo - Option Types v2 - ONE LINE - Preload Option Type Images */
div#ImagePreload { display: none; }
/*BOF - Zappo - Option Types v2*/
hr.divider {
color: #a6c9e2;
background-color: #a6c9e2;
height: 1px;
border: none;
width: 100%;
}
.optionsName {
font-weight: bold;
}
/*EOF - Zappo - Option Types v2*/
.noun{text-decoration:none;border-bottom: 0px !important;}
.noun:hover{color:#4dc13d!important;}
.border-primary{border-color:#007bff!important}.border-secondary{border-color:#868e96!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}
.text-white{color:#fff!important}
.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#868e96!important}a.bg-secondary:focus,a.bg-secondary:hover{background-color:#6c757d!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}
.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-left:15px}}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group .card{-ms-flex:1 0 0%;flex:1 0 0%}.card-group .card+.card{margin-left:0;border-left:0}.card-group .card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group .card:first-child .card-img-top{border-top-right-radius:0}.card-group .card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group .card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group .card:last-child .card-img-top{border-top-left-radius:0}.card-group .card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group .card:not(:first-child):not(:last-child){border-radius:0}.card-group .card:not(:first-child):not(:last-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;column-count:3;-webkit-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}
.payment_width{
width:800px;
}
.v_per{
position:relative;
left:-5px;
top:2px;
font-size:9px;
background-color: #7b7b7b;
display: inline;
padding: .2em .6em .3em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.v_per2{
position:relative;
left:-5px;
top:2px;
font-size:9px;
background-color: #b4b4b4;
display: inline;
padding: .2em .6em .3em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
@font-face {
font-family:"Raleway-Regular";
src: url(//www.webzak.nl/font/Raleway-Regular.ttf) format("truetype");
}
@font-face {
font-family:"wingding2";
src: url(//www.webzak.nl/font/wingding.ttf) format("truetype");
}
.bannerup{text-align:right;float:right;position:relative;font-size:16px;padding-right:14px;overflow:hidden;font-weight:bold;color:#306;}
.bupfram{width:300px;position:relative;float:right;}
.kleurblock{
background-color:#0C3;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #dcdcdc;
display:inline-block;
color:#FFF;
font-size:10px;
text-decoration:none;
position:relative;
top:-16px;
padding-left:3px;
padding-right:3px;
}
.fl-left{
float:left;
position:relative;
}
.fl-right{
float:right;
position:relative;
}
.voorbox{
width:230px;
font-size:12px;
border:1px solid #CCC;
border-radius:6px;
overflow:hidden;
padding:6px;
}
.voorbox2{
width:275px;
font-size:12px;
border:1px solid #CCC;
border-radius:6px;
overflow:hidden;
padding:6px;
padding-bottom:11px;
}
.ok{
font-family:wingding2,wingdings;
fontweight:bold;
}
.infoBoxStart {
background: #FFFFFF;
}
.infoBoxContentsStart {
background: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
*{
font-family:"Raleway-Regular", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size:13px;
}
h1{
font-size:21px;
}
h2{
font-size:17px;
}
.pricepro{
font-family:"Raleway-Regular", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size:24px;
font-weight:bold;
}
.pricebox{
font-family:"Raleway-Regular", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size:14px;
top:8px;
border:2px solid #189897;
border-radius:6px;
overflow:hidden;
padding:6px;
}
.price-text{
font-size:18px;
}
.placeholder2{
font-family:"Raleway-Regular", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size:14px;
}
.listingContainer2{
width:350px;
min-height:230px;
background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.listingContainer3{
position:relative;
float:left;
width:350px;
min-height:230px;
background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.listingContainer2 .caption h2 {
font-size: 16px; text-align: center;
}
.listingContainer3 .caption h2 {
font-size: 16px; text-align: center;
}
.bread-cr{
padding:5px;
}
.col-search{
float:right;
position:relative;
width:250px;
top:-2px;
padding-right:15px;
}
.head_pres {
font-family:"Raleway-Regular", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size:12px;
top:8px;
border:1px solid #CCC;
border-radius:6px;
position:relative;
float:left;
padding:6px;
width:400px;
}
.cat_menu {
position:relative;
float:left;
padding-top:16px;
width:100%;
min-height:50px;
padding-left:10px;
}
.cat_menu2 {
position:relative;
float:left;
padding-top:10px;
background-color:#dae8eb;
width:100%;
overflow: hidden;
min-height:50px;
padding-left:10px;
}
.cat_button{
padding:8px;
position:relative;
float:left;
font-family:"Raleway-Regular", "Helvetica Neue", Verdana, Arial, sans-serif;
color:#636363;
font-size:16px;
}
.cat_button2{
padding:8px;
position:relative;
float:left;
font-family:"Raleway-Regular", "Helvetica Neue", Verdana, Arial, sans-serif;
background-color:#dae8eb;
color:#636363;
font-size:16px;
}
.cat_button3{
padding:8px;
position:relative;
float:left;
font-family:"Raleway-Regular", "Helvetica Neue", Verdana, Arial, sans-serif;
background-color:#FFF;
color:#636363;
font-size:16px;
}
.buttonSet {
margin-top: 10px;
margin-bottom: 10px;
}
.buttonSet { zoom: 1; }
.buttonSet:before, .buttonSet:after { content: ""; display: table; }
.buttonSet:after { clear: both; }
.buttonAction {
float: right;
}
#piGal {
float: right;
width: 250px;
}
#piGal img {
max-width: 250px;
height: auto;
}
.inputRequirement, .markProductOutOfStock, .stockWarning {
color: #B33A3A;
}
.markProductOutOfStock, .stockWarning {
font-weight: bold;
}
ul.accountLinkList {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 2;
}
ul.shoppingCartList {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.shoppingCartList li.newItemInCart, ul.shoppingCartList li.newItemInCart A {
color: red;
}
/* Alignment of Form Inputs ------------------------------------------------- */
.form-control {
margin-bottom: 5px;
display: inline;
}
/* for the product page rework ---------------------------------------------- */
.page-header h1 del {
font-size: 0.5em;
}
/* for the category list rework --------------------------------------------- */
.list-group-item-heading {
height: 40px;
overflow: hidden;
}
.list-group-item-text {
height: 94px;
overflow: hidden;
}
p.lead del {
font-size: 0.5em;
}
/* Category Listings ------------------------------------------------------- */
.thumbnail {
margin-bottom: 20px;
padding: 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top: 10px;
}
.thumbnail .caption h5 {
min-height: 35px;
}
.item.list-group-item {
float: none;
width: 100%;
background-color: #fff;
margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover {
background: #428bca;
}
.item.list-group-item .list-group-image {
margin-right: 10px;
}
.item.list-group-item .thumbnail {
margin-bottom: 0px;
}
.item.list-group-item .caption {
padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd) {
background: #eeeeee;
}
.item.list-group-item:before, .item.list-group-item:after {
display: table;
content: " ";
}
.item.list-group-item img {
float: left;
}
.item.list-group-item:after {
clear: both;
}
.list-group-item-text {
margin: 0 0 11px;
}
/* Responsive Images ------------------------------------------------------- */
/* the inbuilt bootstrap responsive images class breaks the text-center class */
#bodyContent .img-responsive, #columnLeft .img-responsive, #columnRight .img-responsive {
margin-left: auto;
margin-right: auto;
}
/* Checkout Bar ------------------------------------------------------------- */
.stepwizard {
margin-top: 20px;
}
.stepwizard-step p {
margin-top: 10px;
}
.stepwizard-row {
display: table-row;
}
.stepwizard {
display: table;
width: 100%;
position: relative;
}
.stepwizard-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
top: 14px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #ccc;
z-index: 0;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
width: 33%;
}
.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
/* Pagination ------------------------------------------------------- */
.pagenav {
position: relative;
top:-25px;
left:3px;
height: 40px !important;
}
.pagenumber {
margin-bottom:7px;
}
/* Reviews ------------------------------------------------------------------ */
.reviews blockquote p {
font-size: 0.8em;
}
/* Responsive Text Alignment ------------------------------------------------ */
/* https://github.com/twbs/bootstrap/issues/11292 --------------------------- */
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
text-align: justify;
}
@media (max-width: 767px) {
.payment_width{
width:auto;
}
.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
text-align: inherit;
}
.text-left-xs {
text-align: left;
}
.text-center-xs {
text-align: center;
}
.text-right-xs {
text-align: right;
}
.text-justify-xs {
text-align: justify;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.payment_width{
width:auto;
}
.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
text-align: inherit;
}
.text-left-sm {
text-align: left;
}
.text-center-sm {
text-align: center;
}
.text-right-sm {
text-align: right;
}
.text-justify-sm {
text-align: justify;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.payment_width{
width:auto;
}
.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
text-align: inherit;
}
.text-left-md {
text-align: left;
}
.text-center-md {
text-align: center;
}
.text-right-md {
text-align: right;
}
.text-justify-md {
text-align: justify;
}
}
@media (min-width: 1200px) {
.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
text-align: inherit;
}
.text-left-lg {
text-align: left;
}
.text-center-lg {
text-align: center;
}
.text-right-lg {
text-align: right;
}
.text-justify-lg {
text-align: justify;
}
}
/* Footer ------------------------------------------------------------------- */
.footer {
background: #FFF;
border-top: 1px solid #ddd;
}
.footer .footerbox {
padding: 10px 10px 0px 10px;
}
.footer-extra {
background: #111;
color: silver;
line-height: 3;
}
.footer-extra A {
color: silver;
}
.footer h2 {
padding: 0;
margin: 0;
font-size: 1em;
letter-spacing: 0.1em;
color: rgb(142,11,0);
text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 10px;
text-transform: uppercase;
}
.contact {
border-left: 1px solid #ddd;
}
/* Category Listings ------------------------------------------------------- */
/* Reusable Inline Block Grids for building UL list ------------------------ */
.inline-span {
display: block; overflow: hidden; padding: 0; margin: 0 auto; width: 100%;
}
.inline-span:before, .inline-span:after {
display: table; content: " ";
}
.inline-span:after {
clear: both
}
.inline-span > li {
position: relative; display: inline; height: auto; float: left; padding: 1%; margin: 1%; overflow: hidden;
}
.inline-span.one-across > li {
width: 98%
}
.inline-span.two-across > li {
width: 48%
}
.inline-span.two-across > li:nth-child(2n+1) {
clear: both
}
.inline-span.three-across > li {
width: 31.3%
}
.inline-span.three-across > li:nth-child(3n+1) {
clear: both
}
.inline-span.four-across > li {
width: 23%
}
.inline-span.four-across > li:nth-child(4n+1) {
clear: both
}
/*=======================first setup the grid view =====================*/
.listingContainer {
line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.listingContainer .placeholder > img, .listingContainer .placeholder a > img {
margin-right: auto; margin-left: auto;
}
.listingContainer .caption {
float: left; height: 166px; overflow: hidden;
}
.listingContainer .caption h2 {
font-size: 16px; text-align: center;
}
.listingContainer .price-wrap {
float: left; width: 48%;
}
.listingContainer .btn-wrap {
float: right; text-align: right; width: 48%;
}
.listingContainer .optional-wrap {
display: block; overflow: hidden; width: 100%; margin-left: 0; padding-left: 0;
}
.listingContainer .optional-wrap > li {
position: relative; display: inline; float: left; overflow: hidden; width: 100%;
}
/*======================= some help for four wide option ==================*/
.four-across .listingContainer .price-wrap {
width: 100%; text-align: center;
}
.four-across .listingContainer .btn-wrap {
float: right; text-align: center; width: 100%;
}
/*=======================next list view overrides ========================*/
.one-across .listingContainer .placeholder {
width: 25%; float: left; margin: 2% auto;
}
.one-across .listingContainer .caption {
height: auto; width: 75%; float: right;
}
.one-across .listingContainer .caption h2 {
text-align: left
}
.one-across .listingContainer .price-wrap {
width: 25%; text-align: center;
}
.one-across .listingContainer .optional-wrap > li {
width: 48%
}
/*======================= finally we go responsive ========================*/
@media (max-width: 767px) {
/* Reusable Inline Block Grids --- */
.inline-span > li {
clear: none
}
.inline-span.four-across > li:nth-child(4n+1) {
clear: none
}
.inline-span.three-across > li:nth-child(3n+1) {
clear: none
}
.inline-span.two-across > li:nth-child(2n+1) {
clear: none
}
.inline-span.fluid-one-across > li {
width: 98%
}
.inline-span.fluid-two-across > li {
width: 48%
}
.inline-span.fluid-two-across > li:nth-child(2n+1) {
clear: both
}
/* Listings ------------------------------------------------------- */
.listingContainer .optional-wrap {
display: none
}
.fluid-one-across .listingContainer .caption h2 {
margin-top: 2%
}
.fluid-one-across .listingContainer .price-wrap {
text-align: left; width: 48%;
}
.fluid-two-across .listingContainer .caption, .three-across.fluid-one-across .listingContainer .caption, .four-across.fluid-one-across .listingContainer .caption {
width: 100%; height: 60px;
}
.fluid-two-across .listingContainer .caption small, .three-across.fluid-one-across .listingContainer .caption small, .four-across.fluid-one-across .listingContainer .caption small {
display: none
}
.fluid-two-across .listingContainer .price-wrap, .fluid-two-across .listingContainer .btn-wrap, .three-across.fluid-one-across .listingContainer .price-wrap, .three-across.fluid-one-across .listingContainer .btn-wrap, .four-across.fluid-one-across .listingContainer .price-wrap, .four-across.fluid-one-across .listingContainer .btn-wrap {
text-align: center; width: 100%;
}
}
/* Account History Info ----------------------------------------------------- */
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
right: 25px;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: calc( 100% - 75px );
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
right: 0px;
margin-left: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p .timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
.timeline-body blockquote {
font-size: 1em;
}
/* Nav Bars ----------------------------------------------------------------- */
.navbar-no-corners {
border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-left: none;
border-right: none;
}
.navbar-no-margin {
margin-bottom: 0 !important;
}
.searchbox-margin {
margin-top: 10px;
margin-bottom: 10px;
}
.form-control-feedback{
padding-right:2%;
}
@media screen and (min-width: 320px)
and (max-width: 736px)
and (-webkit-min-device-pixel-ratio: 2) {
.footer_log {
width:320px;
}
.head_pres {
width:320px;
}
.cat_menu2{
/*display:none;*/
}
.inline-span{
zoom:82%;
}
}