/* ================================================================
   inline-extracted.css
   Extracted from inline style="" attributes across all templates.
   Load this file via main.scala.html and error.scala.html.
   ================================================================ */

/* --- PDF viewer (document pages) --- */
.pdf-embed { height: 1140px; margin-bottom: 20px; }

/* --- Location page map tiles --- */
.genmap { width: 800px; height: 400px; margin-left: 8px; }
.genmap img { max-width: none; }

/* --- Error page message box --- */
.error-message { text-align: center; font-size: 18px; font-weight: bold; color: #333; }

/* --- Index page: about-tradition section background --- */
.about-bg { padding: 0 0 15px 0; background: url('/assets/images/home/about_tradition_bg.png'); }

/* --- Market Data: modal dialogs --- */
.md-modal { top: 10% !important; width: 650px !important; margin-left: 25% !important; }
.md-modal-header { padding: 0 10px 0 0 !important; border-bottom: 1px solid #eee !important; }
.md-modal-body-400  { position: relative !important; overflow-y: auto !important; max-height: 400px !important;  padding: 10px !important; }
.md-modal-body-450  { position: relative !important; overflow-y: auto !important; max-height: 450px !important;  padding: 10px !important; }
.md-modal-body-500  { position: relative !important; overflow-y: auto !important; max-height: 500px !important;  padding: 10px !important; }
.md-modal-body-600  { position: relative !important; overflow-y: auto !important; max-height: 600px !important;  padding: 10px !important; }
.md-modal-body-1200 { position: relative !important; overflow-y: auto !important; max-height: 1200px !important; padding: 10px !important; }

/* --- Market Data: tab/list containers --- */
.m-0-ml-15-p-0 { margin: 0 !important; margin-left: 15px !important; padding: 0 !important; }
.p-0-m-0-pl-15 { padding: 0 !important; margin: 0 !important; padding-left: 15px !important; }

/* --- Market Data: contact link --- */
.link-contact { color: #666666 !important; font-weight: bold !important; }

/* --- Text alignment --- */
.text-justify      { text-align: justify !important; }
.text-justify-mb10 { text-align: justify !important; margin-bottom: 10px !important; }

/* --- Margin top --- */
.mt-10  { margin-top: 10px !important; }
.mt-20  { margin-top: 20px !important; }
.mt-30  { margin-top: 30px !important; }
.mt-25-mb-0              { margin-top: 25px !important; margin-bottom: 0 !important; }
.mt-20-ml-0              { margin-top: 20px !important; margin-left: 0 !important; }
.mt-20-mb-30             { margin-top: 20px !important; margin-bottom: 30px !important; }
.mt-10-bold              { margin-top: 10px !important; font-weight: bold !important; }
.mt-20-text-center-mx-10 { margin-top: 20px !important; text-align: center !important; margin-right: 10px !important; margin-left: 10px !important; }

/* --- Margin bottom --- */
.mb-2  { margin-bottom: 2px !important; }
.mb-5  { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-0  { margin-bottom: 0 !important; }
.mb-0-fs-12   { margin-bottom: 0 !important; font-size: 12px !important; }
.mb-10-bold   { margin-bottom: 10px !important; font-weight: bold !important; }
.mb-10-fw-500 { margin-bottom: 10px !important; font-weight: 500 !important; }
.mb-2-fw-500  { margin-bottom: 2px !important;  font-weight: 500 !important; }

/* --- Margin left --- */
.ml-0  { margin-left: 0 !important; }
.ml-5  { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-20-mb-10 { margin-left: 20px !important; margin-bottom: 10px !important; }
.ml-20-mt-12 { margin-left: 20px !important; margin-top: 12px !important; }
.mx-20       { margin-left: 20px !important; margin-right: 20px !important; }
.ml-0-mr-10  { margin-left: 0 !important; margin-right: 10px !important; }

/* --- Margin combined --- */
.m-0-mr-10 { margin: 0 !important; margin-right: 10px !important; }
.m-0-p-0   { margin: 0 !important; padding: 0 !important; }
.m-20-0    { margin: 20px 0 !important; }

/* --- Padding --- */
.pl-3  { padding-left: 3px !important; }
.pl-5  { padding-left: 5px !important; }
.pr-20 { padding-right: 20px !important; }
.pt-5  { padding-top: 5px !important; }
.pt-10-pl-0  { padding-top: 10px !important; padding-left: 0 !important; }
.pt-10-h-30  { padding-top: 10px !important; height: 30px !important; }
.pt-9-h-35   { padding-top: 9px !important;  height: 35px !important; }
.pt-30-pb-20 { padding-top: 30px !important; padding-bottom: 20px !important; }
.pt-40-pb-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pt-40-pb-40-justify { padding-top: 40px !important; padding-bottom: 40px !important; text-align: justify !important; }
.pb-0-mb-0    { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.pb-25pct     { padding-bottom: 25% !important; }
.p-0-20-mb-20 { padding: 0 20px !important; margin-bottom: 20px !important; }

/* --- Size --- */
.w-20  { width: 20px !important; max-width: 20px !important; }
.w-38  { width: 38px !important; max-width: 38px !important; }
.w-57  { width: 57px !important; max-width: 57px !important; }
.w-35pct { width: 35% !important; }
.w-80pct { width: 80% !important; }
.w-450   { width: 450px !important; }
.h-10px  { height: 10px !important; }
.h-100px { height: 100px !important; }
.h-35-pt-7      { height: 35px !important; padding-top: 7px !important; }
.h-30-pt-7-pl-0 { height: 30px !important; padding-top: 7px !important; padding-left: 0 !important; }
.min-h-430    { min-height: 430px !important; }
.lh-0         { line-height: 0 !important; }
.va-top-mr-20 { vertical-align: top !important; margin-right: 20px !important; }

/* --- Background --- */
.bg-white              { background-color: #FFFFFF !important; }
.bg-white-center       { background-color: #FFFFFF !important; text-align: center !important; }
.bg-white-center-mt-50 { background-color: #FFFFFF !important; text-align: center !important; margin-top: 50px !important; }
.bg-white-mb-100       { background-color: #FFFFFF !important; margin-bottom: 100px !important; }
.bg-white-border       { background-color: #FFFFFF !important; border: solid 1px #d1d1d1 !important; }

/* --- Font --- */
.fw-italic     { font-style: italic !important; }
.fw-normal     { font-weight: normal !important; }
.fw-500        { font-weight: 500 !important; }
.fw-600        { font-weight: 600 !important; }
.fw-bold-mb-20 { font-weight: bold !important; margin-bottom: 20px !important; }
.fs-10         { font-size: 10px !important; }
.fs-14         { font-size: 14px !important; }
.fs-14-color-666 { font-size: 14px !important; color: #666666 !important; }
.font-roboto   { font-family: 'Roboto', sans-serif !important; }

/* --- Float (supplements Bootstrap's pull-left / pull-right) --- */
.float-left-55-lg { float: left !important;  width: 55% !important; font-size: 18px !important; }
.float-right-45   { float: right !important; width: 45% !important; }

/* --- Color --- */
.color-555 { color: #555555 !important; }
.color-ddd { color: #dddddd !important; }

/* --- Text overflow --- */
.text-ellipsis-xs {
    white-space: nowrap !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    cursor: default !important;
    font-size: 10px !important;
}

/* --- Custom fade slider — matches nivoSlider default theme exactly --- */
/* .nivoSlider CSS already handles: position:relative, overflow:hidden, width:100%   */
/* .theme-default .nivoSlider already handles: box-shadow, loading.gif background    */
/* We only need to override display:none and add opacity fade transition              */
#slider img {
    display: block;             /* override .theme-default .nivoSlider img { display:none } */
    width: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}
#slider img:first-child { position: relative; } /* keeps container height */
#slider img.slider-active { opacity: 1; }

.slider-wrapper {
    position: relative;
}

/* Arrows — nivo default theme arrows.png sprite (60px wide, two 30px frames) */
.slider-arrow {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;
    background: url('/assets/javascripts/nivo/themes/default/arrows.png') no-repeat;
    background-size: 60px auto;
    border: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0;
    opacity: 0;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .slider-arrow { opacity: 1; }
.slider-prev { left: 15px; background-position: 0 0; }
.slider-next { right: 15px; background-position: -30px 0; }

/* Dots — nivo default theme bullets.png sprite (22px, two frames: inactive / active) */
.slider-dots {
    position: absolute;
    width: 100%;
    bottom: 5px;
    text-align: center;
}
.slider-dot {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('/assets/javascripts/nivo/themes/default/bullets.png') no-repeat;
    background-size: 22px auto;
    background-position: 0 0;
    border: 0;
    margin: 0 2px;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
    font-size: 0;
}
.slider-dot.dot-active { background-position: 0 -22px; }

/* --- Border --- */
.border-none { border: none !important; }

/* --- Padding --- */
.p-5-0 { padding: 5px 0 !important; }

/* --- Market data snapshot label --- */
.md-snapshot-label { color: #666666 !important; font-weight: bold !important; font-size: 10px !important; }