/**
 * Tässä filussa on developr-teeman luokkia ym. määrityksiä joita käytetty paljon
 * ja yksinkertaisesti fiksattavissa
 *
 * TODO: Muutetaan mielummin bootstrapin classeihin kun tulee vastaan
 */

.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}

.scrollable {
    max-height: 200px;
    overflow: scroll;
}

.margin-top {
    margin-top: 20px;
}
.margin-bottom {
    margin-bottom: 20px;
}

.small-margin-top {
    margin-top: 10px;
}
.small-margin-bottom {
    margin-bottom: 10px;
}

.white-bg {
    background-color: white;
}

.loader {
    height: 16px;
    width: 16px;
    animation: rotate 0.8s infinite linear;
    border: 4px solid black;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
}
.loader.huge {
    height: 40px;
    width: 40px;
    animation: rotate 0.8s infinite linear;
    border: 8px solid black;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
}

@keyframes rotate {
    0%    { transform: rotate(0deg); }
    100%  { transform: rotate(360deg); }
}

.ws-content-main {
    padding: 20px;
}
/**
 * Tässä filussa "perusmuutoksia" bootstrapin omiin tyyleihin
 */

.navbar-ws {
    /* background-color: transparent; */
    border: none;
}

.navbar-ws img {
    margin: 0 !important;
    padding: 0 !important;
}
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

/**
 * Verkkopalveluiden defaultti-css Bootstrap-ympäristössä
 */

/**
 * Verkkopalvelu v3:n käyttäjäpalkki -> vastaa Developr-teeman <small>-tagia
 */
.userbar {
    font-size: 11px;
    line-height: 13px;
    color: #999999;
}

.userbar .cart-with-items {
    font-weight: bold;
}

/**
 * Uusi checkout / ostoskori
 */
table.quickCheckout td {
    padding: 5px;
}
table.quickCheckout {
    margin: 0 auto;
}

/**
 * Kuvat aina max 100%-leveyteen ylätason containeriin
 */
img {
    max-width: 100%;
}

/**
 * Chromen display: initial -bugfix
 */
body {
    display: initial;
    overflow: initial;
}

/**
 * Oletuksena käytetään Open sans -fonttia
 */
body,html,p,div,td {
    font-family: 'Open Sans', sans;
}

.ws-footer {
    margin-top: 15px;
    border-top: 1px solid #FAFAFA;
    padding-top: 15px;
}

.readmore {
    overflow: hidden;
}
.readmore .readmore-link {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    font-weight: bold;
}

.cart-item {
    margin-bottom: 5px;
    padding-top: 2px;
    border-top: 1px solid ghostwhite;
    margin-top: 2px;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}