.bold {
    font-weight:bold;
}
.LSHeader {
    font-weight: Bold;
    font-size: 25px;
    font-family: Arial;
    color: navy;
    text-align: center;
    padding: 10px;
}

.LSSubHeader {
    font-weight: Bold;
    font-size: 17px;
    font-family: Arial;
    color: navy;
    text-align: center;
    padding-bottom: 5px;
}

.LSNoticeHeader {
    font-weight: Bold;
    font-size: medium;
    font-family: Arial;
    color: navy;
    text-align: center;
    padding: 10px;
}

.LSCardTable {
    text-align: center;
}

    .LSCardTable > section {
        display:inline-block
    }


.LSCardCells {
    height: 80px;
    padding: 5px 5px 20px 5px;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.LSCards, .LSCardsDouble {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: white;
    font-size: x-large;
    font-weight: 700;
    background-color: #173994;
    border-width: 2px;
    border-color: #1f6f76;
    width: 80% !important;
    display: block;
    height: 50px;
    padding: 20px;
    border-radius: 7px;
    text-decoration: none;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

.LSCards {
    width: 80% !important;
}

.LSCardsDouble {
    width: 86% !important;
}
.TodayDistTitle {
    font-weight: 700;
    font-size: 1.4em;
    color: maroon;
    width: 95%;
    float: left;
    padding: 2px 0 5px 0;
    font-family: Arial, Helvetica, sans-serif;
}

.DistTitle {
    font-weight: 700;
    font-size: 1.4em;
    color: maroon;
    width: 95%;
    float: left;
    padding: 2px 0 5px 0;
}

.LiveStreamItem > header {
    display: inline-block;
    width: 99%;
    padding: 5px 0 5px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    background-color: #173994; /*midnightblue*/
    color: white;
    text-align: left;
    margin-bottom: 0;
    border-radius:5px;
}

.LiveStreamItem {
    font-family: Arial, Helvetica, sans-serif;
}

.LiveStreamItem > section {
    border-bottom:1px solid black;
}

    .LiveStreamItem > section:nth-child(even) {
        background-color:aliceblue;
    }


.LiveStreamItem > header > span {
    padding-left:10px;
    font-weight:600;
}

    .LiveStreamItem > header > a {
        float:right;
        padding-right:80px;
        color:white;
    }

.CalItem {
    width: 100%;
    float: left;
}

.LSFullWidth {
    width: calc(100%-6%);
    float: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 6%;
}

.LSFullWidth2 {
    width: 100%;
    float: left;
    padding-top: 5%;
    padding-bottom: 5px;
}

.btnDocketNo {
    background: none !important;
    font-size: 16px;
    border: none;
    padding: 0 !important;
    text-decoration: underline;
    cursor: pointer;
}

.LSTime {
    font-weight: 600;
}
.DocketNum {
    color: black;  /* to be redefined using Media Query*/
}

.CaseName {
    color: black; /* to be redefined using Media Query*/
}

.popUpLabels {
    float: left;
    width: 100%;
    color: grey;
}
.popUpCaseInfo {
    float: left;
    width: 100%;
    padding-bottom:5px; 
}

.YTButton {
    margin-top: 20px;
    font-weight: 600;
    text-decoration: underline;
    border-radius: 5px;
}

.YTButtonPopUp {
    font-weight: 600;
    text-decoration: none !important;
    background-color: #cc0000;
    border: 1px solid #660000;
    border-radius: 5px;
    color: #fff !important;
    margin-top:10px;
    padding: 6px 10px 6px 10px;
}

iframe {
    padding-top: 30px;
    border: none;
    padding: 0;
    margin: 0;
}

.NoticeFrame {
    width: 100%;
}

/* Mobile and Smaller screens */
@media only screen and (max-width: 950px) {
    .NoticeFrame {
        height: 250px;
    }
    .RightPageHyperLink {
        display: none;
    }
    .LSCards, .LSCardsDouble {
        width: 80% !important;
    }

    .ResponseCourtList {
        display:inline-block;
    }
    .LSTime {
        width: 100%;
        float: left;
    }

    .LSDocket {
        float: left;
        display: block;
        text-align: center;
        width: 100%;
        z-index: 5;
    }
    .BigScreenButton {
        display:none;
    }
        .DocketNum {
        display: block;
        width: 100%;
        font-weight:600!important;
    }

    .CaseName {
        display: block;
        width: 100%;
        overflow-wrap: break-word;
    }

    /*
        .breakout-button {
        font: inherit;
        font-weight: 600;
        padding: 0.6rem 2rem;
        background: transparent;
        color: currentcolor;
        border: 1px solid;
        transition: background 100ms ease;
        position: static;
        z-index: 1;
    }

        .breakout-button,
        .breakout-button::before {
            cursor: pointer;
        }

            .breakout-button::before {
                content: "";
                display: block;
                top: 0;
                left: 0;
                width: 355px;
                height: 200px;
                background: rgba(220,20,60, 0.5);
                z-index: 1;
            }

            .breakout-button:focus {
                outline: none;
            }

            .breakout-button:hover {
                background: #333333;
            }

            .breakout-button:focus::before {
                outline: 1px solid #ffffff;
                outline-offset: -0.8rem;
            }

    */
}

/* Tablet and Desktop Smaller screens */
@media only screen and (min-width : 950px) and (max-width : 1200px) {
    .NoticeFrame {
        height: 350px;
    }
    .RightPageHyperLink {
       display:none;
    }
    .LSTime {
        display: table-cell;
        width: 99%;
        float: left;
        padding-right: 20px;
    }
    .LSDocket {
        display: table-cell;
        width: 85%;
        float: left;
    }

    .BigScreenButton {
        display: table-cell;
        width: 14%;
        float: left;
    }

    .DocketNum {
        width: 24%;
        float: left;
    }

    .CaseName {
        width: 75%;
        float: left;
        overflow-wrap: break-word;
    }
}

/* Big screens */
@media only screen and (min-width: 1200px) {
    #JudHmenu {
        display:none;
    }
    .NoticeFrame {
        height: 450px;
    }
    .RightPageHyperLink {
        float: right;
        margin-right: 45px;
        font-weight: 600;
        text-decoration: none !important;
        background-color: #173994;
        border: 1px solid #660000;
        border-radius: 5px;
        color: #fff !important;
        padding: 6px 10px 6px 10px;
    }
    .LSTime {
        display: table-cell;
        width: 80px;
        float: left;
        text-align: right;
        padding-right: 20px;
    }

    .LSDocket {
        display: table-cell;
        width: 750px;
        float: left;
    }

    .BigScreenButton {
        display: table-cell;
        width: 90px;
        float: left;
    }

    .DocketNum {
        width: 180px;
        float: left;
    }

    .CaseName {
        width: 650px;
        float: left;
        overflow-wrap: break-word;
    }

    .disabled-link {
        cursor: default;
        pointer-events: none;
        text-decoration: none;
        color: grey;
    }
    .btnDocketNo {
        pointer-events: auto !important;
    }
}