#pap_info {
    margin       : 0.2em 0.2em 0.5em 0.2em;
    padding      : 0.5em;
}

#pap_info.mobile {
    margin-bottom : 1em;
}

#pap_info > #info {
    display  : inline-block;
    width    : 90%;
}

#pap_info > #info > span {
    font-weight : 700;
}

#pap_info > #arrow {
    position     : absolute;
    right        : 0.5em;
}

#pap_box {
    height: 10em;
    position: absolute;
    box-shadow: 4px 4px 4px lightgray;
    background-color: white;
    padding: 1em;
    box-sizing: border-box;
}

#pap_box.desktop {
    padding: 2em;
}

#pap_box.mobile {
    height: 14em;
    text-align: center;
}

#pap_box.desktop > .selector_wrapper {
    display: inline-block;
    width : 33%;
}

#pap_box.desktop > .selector_wrapper:nth-child(1) {
    text-align: left;
}

#pap_box.desktop > .selector_wrapper:nth-child(2) {
    text-align: center;
}

#pap_box.desktop > .selector_wrapper:nth-child(3) {
    text-align: right;
}

#pap_box.mobile > .selector_wrapper {
    display: block;
}

#pap_box select {
    margin-bottom: 1em;
    padding : 0.4em;
    font-weight : 700;
    font-size : 0.9em;
}

#pap_box.desktop select {
    width : 90%;
}

#pap_box.mobile select {
    width : 17em;
}

#pap_box > .buttons {
    display: inline-block;
    margin-top: 1em;
    margin-left: 2em;
    text-align: center;
}

#pap_box.mobile > .buttons {
    margin-left: unset;
}

#pap_box > .buttons > :first-child {
    margin-right: 4em;
}

@media (max-width:640px) {
    #pap_box.mobile {
        height : 14em;
    }
    #pap_box.mobile > .selector_wrapper {
        display : block;
    }
    #pap_box.mobile select {
        width : 60%;
        min-width : 18em;
    }
}

@media (min-width:641px) and (max-width:990px) {
    #pap_box.mobile {
        height : 10em;
    }
    #pap_box.mobile > .selector_wrapper {
        display : inline-block;
        width: 33%;
    }
    #pap_box.mobile > .selector_wrapper:nth-child(1) {
        text-align: left;
    }
    #pap_box.mobile > .selector_wrapper:nth-child(2) {
        text-align: center;
    }
    #pap_box.mobile > .selector_wrapper:nth-child(3) {
        text-align: right;
    }
    #pap_box.mobile select {
        width : 90%;
    }
}

.pap {
    font-family: proxima-nova,sans-serif;
    font-style: normal;
    font-weight: 400;
}

.pap.mobile {
    margin-bottom: 1em;
}

.pap.desktop.title, .pap.mobile .title {
    margin-bottom: 12px;
    background-color: #a93223;
    color: white;
}

.pap.desktop.title {
    position: relative;
    font-size: calc(5px + .9vw);
}

.pap.mobile .title {
    text-align: center;
}

.pap.mobile .title .text {
    font-size: calc(3vw + 1.1vmax);
}

.pap.content {
    height: 100%;
    max-height: 100%;
    overflow-y: hidden;
}

.pap table {
    background-color: #a93223;
    width: 100%;
    border-spacing: 0;
    color: white;
    font-size: calc(5px + .9vw);
    table-layout: fixed;
}

.pap.desktop table {
    font-size: calc(5px + .9vw);
}

.pap.mobile table {
    font-size: calc(10px + 1.8vw);
}

.pap table td {
    padding : 0;
}

.pap.mobile table td#left{
    width: 5%;
}

.pap.desktop table td#left{
    width: 3%;
}

.pap table td#logo{
    width: 15%;
    position: relative;
    background: white;
}

.pap.mobile table td#logo{
    width: 20%;
}

.pap table td#logo > div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.5em;
    right: 0.5em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
/* IE requires explicit height to get background image shown*/
    .pap table td#logo > div {
        height : 2.8em;
    }
}


.pap table td#header {
    padding: 25px 0 24px 2em;
    text-align: left;
}
/*
.pap table td#header.archive {
    text-align: left;
}
*/
.pap td#header {
    font-size : 1em;
    margin-bottom : 0.4em;
}

.pap.desktop table td#header {
    width: 60%;
}

.pap.mobile table td#header {
    padding: 0.5em;
    text-align: center;
}

.pap td#header > div#arrow {
    text-align : center;
    padding-bottom : 0.3em;
}

.pap.desktop.title td#pap > div {
    position : absolute;
    right: 0;
    bottom: 0;
}
.pap.desktop.title td#pap > div > * {
    display: table-cell;
    vertical-align: top;
    font-size: 0.9em;
}

.pap.desktop.title td#pap > div > .number {
    font-size: 1.7em;
    padding: 0 .2em;
}

.pap .placeholder {
    font-family: proxima-nova,sans-serif;
    font-style: italic;
    font-size: 2em;
    width: 100%;
    margin-top: 3vw;
}

.pap_disclaimer {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    color: white;
    background-color: #808080;
    border-radius: 50%;
    margin-left: .25em;
    margin-right: .25em;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
}

#modal_pap_disclaimer > .modal-content > .body {
    height: 300px;
    overflow-y: auto;
}

#modal_pap_disclaimer > .modal-content > .head {
    padding: 1em;
}

#modal_pap_disclaimer.desktop > .modal-content {
    width: 550px;
}

#modal_pap_disclaimer.desktop > .modal-content > .body {
    padding: 2em;
}

#modal_pap_disclaimer.mobile > .modal-content {
    width: 100%;
}

#modal_pap_disclaimer.mobile > .modal-content > .body {
    padding: 1em;
}


@media (orientation: landscape) and (max-height:500px) {
    #modal_pap_disclaimer.mobile > .modal-content {
        width: 80%;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: inherit;
    }

    #modal_pap_disclaimer.mobile > .modal-content > .body {
        height: 200px;
    }
}

@media (min-height:768px) {
    #modal_pap_disclaimer > .modal-content > .body {
        height: 400px;
    }
}

@media (orientation: portrait) and (min-width:550px) {
    #modal_pap_disclaimer.mobile > .modal-content {
        width: 550px;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: inherit;
        transform: translateY(-50%);
    }
}