@charset "utf-8";

.reserve-news-container { border: #999 1px solid; border-radius: 7px; margin-bottom: 25px; padding: 10px 20px; }
.reserve-news-container .news-element-wrapper { overflow-y: auto;  min-height: 100px; max-height: 150px; }

.reserve-flow *, .reserve-flow * *, .reserve-flow * * * { margin: 0; padding: 0; }
.reserve-flow { margin: 30px auto 0; width: auto; max-width: 100%; }
.reserve-flow td { vertical-align: middle; text-align: center; }
.reserve-flow .reserve-flow-category { padding: 1em; width: 6em; white-space: nowrap; }
.reserve-flow .bottom-line { border-bottom: 2px dashed #333; }


.reserve-flow .reserve-flow-arrow-past, .reserve-flow .reserve-flow-arrow-future { padding: 1em 0!important; font-size: 0; }
.reserve-flow .reserve-flow-arrow-past::after, .reserve-flow .reserve-flow-arrow-future::after { margin-left: 5px; display: inline-block; vertical-align: middle; min-height: 24px; content: ""; background-size: 24px 24px; width: 24px; height: 24px; }
.reserve-flow .reserve-flow-arrow-past::after { background: transparent url(/pg/consignment/reserve/images/arrow.gif) no-repeat 0 0; }
.reserve-flow .reserve-flow-arrow-future::after { background: transparent url(/pg/consignment/reserve/images/gray_arrow.gif) no-repeat 0 0; }

.reserve-flow td a { font-weight: bold; }
.reserve-flow td a, .reserve-flow td span { letter-spacing: 0.1em; display: block; border-radius: 7px; box-sizing: border-box; min-width: 75px; }
.reserve-flow td a.full-height, .reserve-flow td span.full-height { height: 160px; padding: 52% 0 0 0!important; }
.reserve-flow td a.half-height, .reserve-flow td span.half-height { height: 75px; padding: 15% 0 0 0!important; margin: 5px 0; }
.reserve-flow td a.single-row, .reserve-flow td span.single-row { height: 75px; padding: 15% 0 0 0!important; margin: 5px 0; }
.reserve-flow td a.single-row-wide, .reserve-flow td span.single-row-wide { height: 75px; padding: 10% 0 0 0!important; margin: 5px 0; }

.reserve-flow .reserve-flow-past, .reserve-flow .reserve-flow-current, .reserve-flow .reserve-flow-future { width: auto; }

.reserve-flow .reserve-flow-past a:hover, .reserve-flow .reserve-flow-current a:hover, .reserve-flow .reserve-flow-future a:hover { text-decoration: none; opacity: 0.7; }

.reserve-flow .reserve-flow-past a, .reserve-flow .reserve-flow-past span       { color:#333!important; border: solid 2px #333; background-color: #ffac00; /*box-shadow:-2px -3px 2px #ba8521 inset;*/ }
.reserve-flow .reserve-flow-past a:hover    { color: #000!important; }
.reserve-flow .reserve-flow-past a:active   { box-shadow: none; color: #d20000!important; }
.reserve-flow .reserve-flow-current a, .reserve-flow .reserve-flow-current span { color:#d20000!important; border: solid 2px #333; background-color:#ffe900; /*box-shadow: -3px -4px 2px #ceb500 inset;*/ font-weight: bold; }
.reserve-flow .reserve-flow-current a:hover { color: #d20000!important; }
.reserve-flow .reserve-flow-current a:active{ color: #000!important; box-shadow: none; }
.reserve-flow .reserve-flow-future a, .reserve-flow .reserve-flow-future span   { border: solid 2px #707070; }
.reserve-flow .reserve-flow-future a:hover  { background-color: #707070; color: #fff!important; }
.reserve-flow .reserve-flow-future a:active { color: #ccc!important; }

.heading-emphasis { font-weight: bold!important; text-decoration: underline; }

.bred-crumb-wrapper li span br { display: none; }

@media(max-width:767px){
    div.reserve-news-container { padding: 5px 10px; }
    div.reserve-news-container div.news-element-wrapper { max-height: 100px; }
    .reserve-flow .reserve-flow-arrow-past::after, .reserve-flow .reserve-flow-arrow-future::after { margin: 0 4px 0 4px; min-height: 12px; background-size: 12px 12px; width: 12px; height: 12px; }
    .reserve-flow .reserve-flow-category { padding: 0.5em; }
    .reserve-flow td a, .reserve-flow td span { min-width: 100%; line-height: 1.2em!important; border-radius: 5px; }
    .reserve-flow td a.full-height, .reserve-flow td span.full-height { height: 140px; width: 52px; margin: 3px auto; padding: 67% 0 0 0!important; }
    .reserve-flow td a.half-height, .reserve-flow td span.half-height { height: 64px; width: 52px; margin: 3px auto; padding: 22% 0 0 0!important; }
    .reserve-flow td a.single-row, .reserve-flow td span.single-row { height: 64px; width: 52px; margin: 3px auto; padding: 22% 0 0 0!important; }
    .reserve-flow td a.single-row-wide, .reserve-flow td span.single-row-wide { height: 64px; width: 52px; margin: 3px auto; padding: 15% 0 0 0!important; }
}


@media(max-width:478px){
    .reserve-flow .reserve-flow-arrow-past::after, .reserve-flow .reserve-flow-arrow-future::after { margin: 0 3px 0 3px; min-height: 12px; background-size: 12px 12px; width: 12px; height: 12px; }
    .reserve-flow .reserve-flow-arrow-past::after   { background: transparent url(/pg/consignment/reserve/images/arrow_s.gif) no-repeat 0 0; }
    .reserve-flow .reserve-flow-arrow-future::after { background: transparent url(/pg/consignment/reserve/images/gray_arrow_s.gif) no-repeat 0 0; }
    .reserve-flow .reserve-flow-category { padding: 0.5em 0.2em; }
    .reserve-flow td a, .reserve-flow td span { min-width: auto; line-height: 1.2em!important; border-radius: 4px; }
    .reserve-flow td a.full-height, .reserve-flow td span.full-height { height: 246px; width: 26px; margin: 3px auto; }
    .reserve-flow td a.half-height, .reserve-flow td span.half-height { height: 130px; width: 26px; margin: 3px auto; }
    .reserve-flow td a.single-row, .reserve-flow td span.single-row { height: 190px; width: 26px; margin: 3px auto; }
    .reserve-flow td a.single-row-wide, .reserve-flow td span.single-row-wide { height: 190px; width: 26px; margin: 3px auto; }
}

/*NEW NAV*/
.stepper-container {
    margin: 30px auto 0;
    font-size:85.7% !important;
    }

.stepper-container li.box a,
.stepper-container li.box-multi .box-multi-piece a,
.stepper-container li.box span,
.stepper-container li.box-multi .box-multi-piece span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    text-align: center;
    letter-spacing: 0.1em;
    background: #eee;
    }

.stepper-container li.box a,
.stepper-container li.box-multi .box-multi-piece a {
    text-decoration: underline;
    background: #fff9bb;
    border-bottom: 2px solid #fff9bb;
    }

.stepper-container li.box a.past,
.stepper-container li.box-multi .box-multi-piece a.past,
.stepper-container li.box span.past,
.stepper-container li.box-multi .box-multi-piece span.past {
    /*background: #ffac00;*/
    background: #fff9bb;
    color: #333!important;
    border-bottom: 2px solid #fff9bb;
    }

.stepper-container li.box a.current,
.stepper-container li.box-multi .box-multi-piece a.current,
.stepper-container li.box span.current,
.stepper-container li.box-multi .box-multi-piece span.current {
    background: #ffef3a;
    /*color: #d20000!important;*/
    color: #333!important;
    border-bottom: 2px solid #d20000;
    font-weight: bold;
    }

.stepper-container li a:hover {
    text-decoration: underline;
    background: rgba(255, 249, 187, 0.7)!important;
    border-bottom: 2px solid #d20000!important;
    }
.stepper-container li a.current:hover {
    background: rgba(255, 239, 58, 0.7)!important;
    }
.stepper-container li a.past:hover {
    background: rgba(255, 249, 187 ,0.7)!important;
    }

.stepper-container ul { display: flex; width: 100%; justify-content: space-between; }

.stepper-container ul li { list-style: none;}

.stepper-container li.box { display: block; flex-grow: 1; }

.stepper-container li.box-multi,
.stepper-container li.box-multi-header { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; flex-grow: 1; }

.stepper-container li.box-multi .box-multi-piece,
.stepper-container li.box-multi-header .box-multi-header-piece { height: 100%; width: 100%; align-self: stretch; align-items: stretch; flex-grow: 1; }

.stepper-container li.box-multi .box-multi-piece+.box-multi-piece,
.stepper-container li.box-multi-header .box-multi-header-piece+.box-multi-header-piece { margin-top: 10px; }

.stepper-container li.box-multi-header .box-multi-header-piece { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px 0; font-weight: bold; }

.stepper-container .halflined-box { background: transparent url(line_horiz.png) repeat-x left center; }

.stepper-container li.arrow { display: flex; flex-direction: column; align-items: center; justify-content: space-around; width: 40px; }

.stepper-container li.arrow span { display: block; width: 100%; text-align: center; font-size: 0; min-height: 25px; }

.stepper-container li.arrow span.deactive { background: transparent url(arrow03.png) no-repeat center center; background-size: 20px 25px; }

.stepper-container li.arrow span.active { background: transparent url(arrow02.png) no-repeat center center; background-size: 20px 25px; }


@media(max-width:478px){
    .stepper-container ul  { display: block; }

    .stepper-container li.box,
    .stepper-container li.box-multi { height: auto; }

    .stepper-container li.box a { display: block; height: auto; box-sizing: border-box; padding: 5px 10px; }

    .stepper-container li.box-multi,
    .stepper-container li.box-multi-header { flex-direction: row; justify-content: space-between; }

    .stepper-container li.box-multi .box-multi-piece { height: auto; margin: 0; display: block; width: 48%; }
    .stepper-container li.box-multi .box-multi-piece a { display: block; height: auto; box-sizing: border-box; padding: 5px 10px; }

    .stepper-container li.box-multi-header .box-multi-header-piece { height: auto; width: 100%; }

    .stepper-container li.box-multi .box-multi-piece+.box-multi-piece,
    .stepper-container li.box-multi-header .box-multi-header-piece+.box-multi-header-piece { margin: 0 0 0 10px; }

    .stepper-container .halflined-box { background: transparent url(line_vertic.png) repeat-y center top; }

    .stepper-container li.arrow { width: 100%; flex-direction: row; }

    .stepper-container li.arrow span,
    .stepper-container li.arrow span.next,
    .stepper-container li.arrow span.prev { background-size: 12px 15px; transform: rotate(90deg); max-width: 15px; margin: 0 auto; }

    .stepper-container li br { display: none; }
}