/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}
.left_content, .right_content {
    writing-mode: vertical-lr;
    text-orientation: upright;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

.middle_content {
    font-size: 22px;
    font-weight: 800;
}


/* New Result Panle */
.result_container {
    border-bottom: 1px solid #ff0018;
}

    .result_container .left_panel {
        border: none !important;
        text-align: left;
    }

        .result_container .left_panel .result_button,
        .result_container .right_panel .result_button {
            border: none !important;
            border-radius: 10px;
            font-size: 14px;
            font-weight: normal;
            border: none !important;
            border-radius: 10px;
            font-size: 13px;
            font-weight: normal;
            background-color: #002e80;
            border-color: #002e80;
        }

            .result_container .left_panel .result_button.left_button {
            }

    .result_container .center_panel {
        border: none !important;
    }

        .result_container .center_panel h4 {
            font-size: 24px;
            text-transform: uppercase;
            color: #00094d !important;
        }

            .result_container .center_panel h4 .bazar_name {
                font-size: 24px;
                font-weight: 800;
                text-transform: uppercase;
                color: #00094d !important;
                -webkit-text-fill-color: #00094d !important;
            }

        .result_container .center_panel .bazar_result {
            margin: 0;
            font-size: 22px;
            line-height: 1;
            background: -webkit-linear-gradient(#4500bf,#670009);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            padding: 5px 5px;
        }
        .result_container .center_panel .bazar_time {
            font-size: 15px;
            padding: 2px 0;
            margin-bottom: 0;
            color: #000;
            text-shadow: 1px 1px 2px #ffd9d9;
        }
            .result_container .center_panel .bazar_time span {
                font-size: 15px;
                padding: 2px 0;
                margin-bottom: 0;
                background-color: #000;
                color: #000;
                text-shadow: 1px 1px 2px #ffd9d9;
                -webkit-text-fill-color: #000 !important;
            }

    .result_container .right_panel {
        border: none !important;
        text-align: right;
    }

    .result_container .left_panel .result_button.right_button {
    }
    .yellow{
        background-color:#dee00e;
    }
.result_button {
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: normal !important;
    background-color: #002e80 !important;
    border-color: #002e80 !important;
}