html,
body,
:root {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.jqtree-folder > .jqtree-element {
    /* background-color: rgba(255, 255, 255, 1); */
    border-radius: 5px;
}

.favorite_clone_div img {
    max-width: 100px;
}

.favorite_clone_div {
    background-color: #b8b8b8;
    text-align: center !important;
    padding: 1px !important;
}

.favorite_clone_div_inner {
    background-color: #f9f9f9;
    height: 100%;
    padding-bottom: 40px;
    padding-top: 11px;
}

.favorite_span_title {
    font-size: 10pt;
}

.favorite_span_page_number {
    font-size: 8pt;
    display: block;
}
.favorite_image {
    max-width: 100px !important;
    border: 1px solid #dadada;
    display: block;
    margin: 0 auto;
}

.favorite_link {
    margin-bottom: 10px;
}

.favorite_footer_div {
    display: block;
    position: absolute;
    left: 20px;
    width: 100%;
}

#favorite_delete_instructions {
    margin-right: 20px;
}

#btnfriendemail {
    margin-left: 14px;
}

.imgTopLogo {
    display: block;
    max-height: 40px;
}

#emailFriendError2 {
    padding-left: 10px;
    padding-right: 10px;
    opacity: 0;
    transition: 0.2s ease all;
}

.shareable:before {
    content: "\e750" !important;
}

.whatsapp_button_clip {
    transform: translateY(-4px);
    background-image: linear-gradient(rgb(79, 206, 93), rgb(79, 206, 93));
    background-color: rgb(79, 206, 93);
}

.top-buttons-wait {
    display: block;
    background-color: transparent;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    border-radius: 50%;
}

.top-buttons-wait i {
    line-height: 40px;
}

.prevent-pointer-events {
    pointer-events: none;
}

.updatepanel,
.updatepanel > div {
    display: inline-block;
}

.modal-backdrop {
    transition: 0.3s ease all;
    opacity: 0;
}

.validate-form-error {
    color: #cc0000;
    font-size: 10pt;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.7);
    padding-left: 5px;
    padding-right: 5px;
}

#modal_content_email {
    transition: 0.3s ease all;
    transform: scale(0.7);
    opacity: 0;
}

#modal_content_email_favorite {
    transition: 0.3s ease all;
    transform: scale(0.7);
    opacity: 0;
}

#modal_content_favorite {
    transition: 0.3s ease all;
    transform: scale(0.7);
    opacity: 0;
}

#modal_content_help {
    transition: 0.3s ease all;
    transform: scale(0.7);
    opacity: 0;
}

.blurme {
    transition: 1.5s ease all;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.unblurme {
    transition: 1.5s ease all;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}

#flipbookContainer,
#flipbookContainer canvas {
    background-color: transparent !important;
}

.loading-info {
    text-align: center !important;
}

.imagebutton {
    width: 100%;
    height: 100%;
    -webkit-animation: fadein 5s infinite;
    /* Safari 4.0 - 8.0 */
    animation: fadein 0.8s forwards;
}

#form1 {
    height: 100% !important;
}

#flipbookContainer {
    height: 100% !important;
}

.popover-body {
    padding: 2px !important;
}

.close-popover {
    right: 15px;
    position: absolute;
    cursor: pointer;
}

.search-link-back table {
    background-color: white;
    transition: 0.3s ease all;
}

.search-link-back:hover table {
    background-color: #e8e8e8;
}

.mp3button {
    position: absolute;
    padding-top: 4px;
    left: 40px !important;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

.mp3button i {
    transition: 0.1s ease all;
}

.mp3button:hover i {
    /*color: #00ACCE;*/
    padding-top: 3px;
}

.df-container.df-floating > .df-ui-next,
.df-container.df-floating > .df-ui-prev {
    color: #ffffff;
}

.df-outline-wrapper .df-outline-item {
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.df-outline-item a:hover {
    background-color: RGBA(255, 255, 255, 0.25);
}
.linkdiv {
    background-color: transparent;
    width: 20px;
    height: 20px;
    position: absolute;
    opacity: 0.7;
    pointer-events: all;
}

.linkdiv .linkAnnotation {
    background-color: transparent;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.linkdiv .linkAnnotation .internalLink {
    background-color: blue;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

ul.jqtree-tree li.jqtree_common {
    position: relative;
    /* background-color: white; */
    margin-bottom: 2px;
    border-radius: 4px;
}

.jqtree-folder li.jqtree_common
{
    padding-left: 0px !important;
    border-bottom: none !important;
}
/*
ul.jqtree-tree li.jqtree_common
*/
ul.jqtree-tree li.jqtree_common:before {
    position: absolute;
    top: -4px;
    content: "";
    font-size: 20px;
    float: left;
    margin-left: 5px;
    /* color: #333; */
}

ul.jqtree-tree li.jqtree-folder {
    background-color: transparent;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 20px;
}

ul.jqtree-tree li.jqtree-folder.jqtree_common:before {
    content: "";
}

ul.jqtree-tree li.jqtree-folder > .jqtree_common {
    margin-bottom: 5px;
    padding-top: 5px;
}

ul.jqtree-tree .jqtree-title {
    margin: 0px;
    margin-left: 10px !important;
    padding: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

ul.jqtree-tree .jqtree-toggler.jqtree-toggler-left {
    position: absolute;
    top: 10px;
}

.noselect,
* {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.top-buttons {
    position: absolute;
    left: 0px;
    right: 0px;
    margin-left: 0 auto;
    margin-right: 0 auto;
    top: 4px;
    height: 0px;
    background-color: transparent;
}

#top-buttons-holder {
    margin: 0 auto;
    background-color: transparent;
    display: table;
    height: 0px;
    white-space: nowrap;
    opacity: 1;
    transition: 0.2s ease all;
}

a.top-buttons-style {
    width: 42px;
    height: 42px;
    background-color: #222222;
    color: #ffffff;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 11px;
    position: relative;
    line-height: 42px;
    z-index: 500;
    text-decoration: none !important;
    transition: 0.2s ease all;
}

a.top-buttons-style:hover {
    transform: scale(1.2);
    cursor: pointer;
    z-index: 501;
}

#cancel_button_crop {
    background-color: #1f1f1f;
    background-image: linear-gradient(#757575, black);
}

#cancel_button_crop:hover {
    background-color: #1f1f1f;
}

a.a-crop {
    background-color: rgb(0, 220, 129);
}

a.a-crop:hover {
    background-color: rgb(0, 220, 129);
}

#image_button_clip {
    background: rgb(0, 220, 129);
    background-image: linear-gradient(rgb(0, 255, 150), rgb(3, 119, 71));
}

#facebook_button_clip {
    background-color: #45619d;
    background-image: linear-gradient(rgb(124, 167, 255), #293d6b);
}

#twitter_button_clip {
    background-color: #1da1f2;
    background-image: linear-gradient(rgb(111, 200, 255), rgb(5, 101, 160));
}

#pinterest_button_clip {
    background-color: #c71e24;
    background-image: linear-gradient(rgb(255, 65, 72), rgb(152, 5, 10));
}

a.a-linkedin {
    background-color: #007bb6;
    background-image: linear-gradient(rgb(33, 183, 255), rgb(2, 99, 146));
}

#email_button_clip {
    background-color: rgb(234, 0, 227);
    background-image: linear-gradient(rgb(255, 70, 249), rgb(189, 0, 184));
}

.top-buttons-style i {
    font-size: 20px;
    color: #ffffff;
}

.top-buttons-style div {
    position: absolute;
    top: 28px;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #ececec;
    text-shadow: 1px 1px 1px #000000;
    height: 0px;
}

.top-buttons-title {
    display: table;
    text-align: center;
    margin: 0 auto;
    color: #ececec;
    text-shadow: 1px 1px 1px #000000;
}

.linkanimate {
    -webkit-animation: fadein 5s infinite;
    /* Safari 4.0 - 8.0 */
    animation: fadein 0.3s forwards;
    opacity: 1;
}

@-webkit-keyframes mymove {
    from {
        height: 0%;
        opacity: 1;
    }

    to {
        height: 100%;
        opacity: 0.7;
    }
}

/* Standard syntax */
@keyframes mymove {
    from {
        height: 0%;
        opacity: 1;
    }

    to {
        height: 100%;
        opacity: 0.7;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#flipbookContainer > .df-ui-next {
    filter: drop-shadow(2px 2px 2px #333333);
}

#flipbookContainer > .df-ui-prev {
    filter: drop-shadow(2px 2px 2px #333333);
}

.loading-div {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    -webkit-animation: loadingrotation 1s infinite;
    animation: loadingrotation 1s infinite;
}

.loading-div .myshape {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.loading-div .myshape.myshape-1 {
    left: 0;
    background-color: #4285f4;
}

.loading-div .myshape.myshape-2 {
    right: 0;
    background-color: #34a853;
}

.loading-div .myshape.myshape-3 {
    bottom: 0;
    background-color: #fbbc05;
}

.loading-div .myshape.myshape-4 {
    bottom: 0;
    right: 0;
    background-color: #ea4335;
}

.loading-div .myshape-1 {
    -webkit-animation: myshape1 0.5s infinite alternate;
    animation: myshape1 0.5s infinite alternate;
}

.loading-div .myshape-2 {
    -webkit-animation: myshape2 0.5s infinite alternate;
    animation: myshape2 0.5s infinite alternate;
}

.loading-div .myshape-3 {
    -webkit-animation: myshape3 0.5s infinite alternate;
    animation: myshape3 0.5s infinite alternate;
}

.loading-div .myshape-4 {
    -webkit-animation: myshape4 0.5s infinite alternate;
    animation: myshape4 0.5s infinite alternate;
}

@-webkit-keyframes loadingrotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadingrotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes myshape1 {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    to {
        -webkit-transform: translate(20px, 20px);
        transform: translate(20px, 20px);
    }
}

@keyframes myshape1 {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    to {
        -webkit-transform: translate(20px, 20px);
        transform: translate(20px, 20px);
    }
}

@-webkit-keyframes myshape2 {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    to {
        -webkit-transform: translate(-20px, 20px);
        transform: translate(-20px, 20px);
    }
}

@keyframes myshape2 {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    to {
        -webkit-transform: translate(-20px, 20px);
        transform: translate(-20px, 20px);
    }
}

@-webkit-keyframes myshape3 {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    to {
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px);
    }
}

@keyframes myshape3 {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    to {
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px);
    }
}

@-webkit-keyframes myshape4 {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    to {
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px);
    }
}

@keyframes myshape4 {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    to {
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px);
    }
}

#top_right_holder {
    position: absolute;
    margin-top: 6px;
    left: -6px;
}

.top_right_holder_inner {
    position: relative;
    height: 40px;
}

.top_right_link {
    background-color: rgba(0, 0, 0, 0);
    display: block;
    width: auto;
    padding: 0px;
    white-space: nowrap;
    position: absolute;
    left: -10px;
    height: 30px;
    transition: 0.2s ease all;
}

.top_right_link:hover {
    text-decoration: none;
    left: -76px;
    background-color: rgba(0, 0, 0, 0.5);
}

.top_right_link .help_link_inner {
    padding-left: 16px;
    padding-right: 12px;
}

.top_right_link i {
    background-color: #313131;
    color: white;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    margin-right: 5px;
    position: absolute;
    left: -18px;
}

.top_right_link span {
    color: #ffffff;
    line-height: 30px;
}

#divBottomLeft {
    opacity: 0;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 70px;
    height: 35px;
    z-index: 101;
    transition: 0.2s ease all;
}

#bottom_left_holder {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.bottom_left_holder_inner {
    position: relative;
    height: 40px;
}

.bottom_left_link {
    background-color: rgba(0, 0, 0, 0);
    display: block;
    width: auto;
    padding: 0px;
    white-space: nowrap;
    position: absolute;
    left: -10px;
    height: 30px;
    transition: 0.2s ease all;
}

.top_right_newsstand_holder,
.top_right_favorite_holder,
.top_right_email_editor_holder {
    display: none;
}

#divTopRight {
    opacity: 1;
    position: fixed;
    right: -100px;
    top: 0px;
    z-index: 100;
    transition: 0.2s ease all;
}

.mb-0 > a {
    display: block;
    position: relative;
    font-size: 11pt;
    height: 30px;
    line-height: 30px;
    color: #333333 !important;
    transition: 0.2s ease all;
}

.mb-0 > a:hover {
    text-decoration: none;
    color: #f97900 !important;
}

.mb-0 > a:hover .spanicon {
    background-color: #f97900;
}

.mb-0 > a:after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    right: 5px;
    top: 1px;
    background-color: #f7f7f7;
}

.mb-0 > a[aria-expanded="true"]:after {
    content: "\f077";
    /* fa-chevron-up */
}

.card .card-header {
    padding: 0px;
}

.spanicon {
    display: inline-block;
    background-color: #565656;
    height: 30px;
    width: 55px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    transition: 0.2s ease all;
    margin-right: 10px;
    padding-left: 6px;
}

.spanicon img {
    width: 26px;
}

.card-body {
    padding: 10px !important;
    background-image: linear-gradient(#ffffff, #f5f5f5) !important;
}

.card-body .col-sm-6 img {
    border: 1px solid white;
}

.card-header a {
    white-space: nowrap;
    overflow: hidden;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* #divBottomRight {
        display: none;
    } */

    #help_modal .modal-body {
        padding: 5px;
    }

    .card-body {
        padding: 6px !important;
    }

    .spanicon {
        margin-right: 7px;
    }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    /* #divBottomRight {
        display: none;
    } */

    #help_modal .modal-footer {
        padding: 8px !important;
    }

    #help_modal .modal-body {
        padding: 6px !important;
    }

    #favorite_modal .card-body {
        padding: 6px !important;
    }

    #favorite_modal .spanicon {
        margin-right: 7px !important;
    }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    /* #divBottomRight {
        display: none;
    } */

    #help_modal .modal-body {
        padding: 1rem !important;
    }

    #favorite_modal .card-body {
        padding: 10px !important;
    }

    #favorite_modal .spanicon {
        margin-right: 10px !important;
    }
}

/** logo 

*/

.cube-holder {
    position: absolute;
    top: 30px;
    height: 30px;
    -webkit-perspective: 70px;
    overflow: hidden;
}

/* Container box to set the sides relative to */
.cube {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 12px;
    -webkit-transition: -webkit-transform 0.33s;
    transition: transform 0.33s;
    /* Animate the transform properties */
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /* <-NB */
}

/* The two faces of the cube */
.flippety,
.flop {
    width: 70px;
    height: 12px;
    top: 0px;
    left: 0px;
}

.flippety img,
.flop img {
    width: 70px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
}

/* Position the faces */
.flippety {
    -webkit-transform: translateZ(6px);
    transform: translateZ(6px);
}

.flop {
    -webkit-transform: rotateX(-90deg) translateZ(-6px);
    transform: rotateX(-90deg) translateZ(-6px);
}

/* Rotate the cube */

.cube:hover {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    /* Text bleed at 90º */
}

#bottom_left_logo_link:hover .cube {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    /* Text bleed at 90º */
}

:placeholder-shown {
    color: #bfbfbf !important;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bfbfbf !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bfbfbf !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #bfbfbf !important;
}

.errortext_holder {
    position: relative;
    width: 300px;
    height: 200px;
    top: -100px;
    left: -150px;
    text-align: center;
    vertical-align: middle;
    display: table;
}

.errortext_holder #errortext {
    background-color: #601c1c;
    padding: 10px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    color: white;
    border-radius: 10px;
}

.errortext_holder #errortext a {
    color: #f9dd08;
}

.audio-play-button-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    height: 100%;
}

.audio-play-button-holder .audio-play-button {
    display: none;
    pointer-events: none;
    height: 100%;
    width: 100%;
    min-width: 5px;
    min-height: 5px;
    max-width: 60px;
    max-height: 60px;
    opacity: 1;
    text-shadow: 2px 2px 4px #000000;
}

.imagefriend {
    width: 100%;
    max-width: 100px;
    margin-top: 10px;
}

.imagefrienddiv {
    text-align: center;
}

.modal {
    overflow-y: auto;
}

.thumbs_holder_main {
    /* background-color: #f1f1f1; */
    width: 300px;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    padding: 15px;
    padding-top: 70px;
    z-index: 390;
    transition: all 0.2s ease-in;
    left: -300px;
    /* border-right: 1px solid #cbcbcb; */
}

#thumbs_holder_main_inner {
    z-index: 200;
    /* background-color: #f1f1f1; */
    width: 300px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: scroll;
    padding: 15px;
    padding-top: 70px;
    /* border-right: 1px solid #cbcbcb; */
}

.thumb_holder {
    text-align: center;
    background-color: #f1f1f1;
    margin: 0px;
    padding: 0px;
}

.thumb_holder img {
    max-width: 100%;
}

.thumb_div {
    width: 100%;
    position: relative;
}

.thumb_img1 .thumb_div {
    text-align: right;
}

.thumb_img2 .thumb_div {
    text-align: left;
}

.thumbs_table {
    display: flex;
    justify-items: center;
    position: relative;
}

.thumbs_table .col {
    display: table-cell;
    width: 120px;
}

.thumbs_table_inner {
    border: 1px solid #d8d8d8;
    margin: 0 auto;
    margin-bottom: 30px;
}

.pnum1,
.pnum2 {
    text-align: center;
    position: absolute;
    bottom: -60 px;
    width: 100%;
    line-height: 30px;
    font-size: 12px;
}

.thumbs-header {
    position: absolute;
    height: 60px;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 400;
    /* background-color: #f9f9f9; */
    padding-top: 4px;
    padding-left: 10px;
    /* border-bottom: 1px solid #cbcbcb; */
}



.bookmarks_holder_main {
    background-color: #f1f1f1;
    width: 300px;
    height: 100%;
    position: fixed;
    left: -300px;
    top: 0px;
    padding: 15px;
    padding-top: 70px;
    z-index: 390;
    transition: all 0.2s ease-in;
    border-right: 1px solid #cbcbcb;
}

#bookmarks_holder_main_inner {
    z-index: 200;
    background-color: #f1f1f1;
    width: 300px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: scroll;
    padding: 15px;
    padding-top: 70px;
    border-right: 1px solid #cbcbcb;
}

.bookmarks-header {
    position: absolute;
    height: 50px;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 400;
    background-color: #f9f9f9;
    padding-top: 4px;
    padding-left: 10px;
    border-bottom: 1px solid #cbcbcb;
}

.bookmarks_close_btn {
    position: absolute;
    right: 0px;
    margin-right: 10px;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    line-height: 18px;
}

.search_holder_main {
    background-color: #f1f1f1;
    width: 300px;
    height: 100%;
    position: fixed;
    left: -300px;
    top: 0px;
    padding: 15px;
    padding-top: 70px;
    z-index: 390;
    transition: all 0.2s ease-in;
    border-right: 1px solid #cbcbcb;
}

#search_holder_main_inner {
    z-index: 200;
    background-color: #f1f1f1;
    width: 300px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: scroll;
    padding: 15px;
    padding-top: 70px;
    border-right: 1px solid #cbcbcb;
}

.search-header {
    position: absolute;
    height: 50px;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 400;
    background-color: #f9f9f9;
    padding-top: 4px;
    padding-left: 10px;
    border-bottom: 1px solid #cbcbcb;
}

.search_close_btn {
    position: absolute;
    right: 0px;
    margin-right: 10px;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    line-height: 18px;
}

.modal {
    overflow-y: auto;
}

a.noline:link {
    text-decoration: none;
}

a.noline:visited {
    text-decoration: none;
}

a.noline:hover {
    text-decoration: none;
}

a.noline:active {
    text-decoration: none;
}

.ui-page .ui-body-c {
    height: 100vh;
}

#wheelmenu{
    top: -300px;
}