.UILocalGazette{
        min-height: 600px;
        background: #fff;
}
.UILocalGazette .header-div {
        padding: 10px;
        font-size: 24px;
        text-transform: uppercase;
        text-align: center;
}
.UILocalGazette label.header-title {
        padding: 10px;
        display: block;
        border-bottom: 1px solid whitesmoke;
}
.UILocalGazette .option-div {
        padding: 20px;
        text-align: right;
        /* border-bottom: 1px solid whitesmoke; */
}
.UILocalGazette .option-div label{
        font-size: 15px;
        font-weight: bold;
        margin-right: 10px;
        margin-left: 5px;
        /* color: #900000; */
}
.UILocalGazette .option-div select{
        padding: 6px;
        border-radius: 3px;
        border: 1px solid #ddd;
        /* background: whitesmoke; */
        cursor: pointer;
        font: 14px/1.5 arial;
}
.UILocalGazette .option-div select:hover{
        background: whitesmoke;
}
.UILocalGazette .option-div select option{
        font: 14px/1.5 arial;
        padding: 5px;
        height: 30px;
}
.UILocalGazette .content-div {
        padding: 0px 20px;
}
.UILocalGazette .content-div table{
        border-radius: 3px;
        border: none;
}
.UILocalGazette .content-div th{
        text-align: center;
        min-width: 140px;
        background: white;
        color: black;
        padding: 10px 0;
        border: none;
        border-bottom: 2px solid #ddd;
        background: whitesmoke;
        font-size: 15px;
}
.UILocalGazette .content-div tr{
        line-height: 1.5;
}
.UILocalGazette .content-div td{
        text-align:center;
        border: none;
        padding: 10px;
        border-bottom: 1px solid #ddd;
        font-size: 15px;
        vertical-align: top;
}
.UILocalGazette .content-div td a{
        font: 15px arial;
        line-height: 1.5;
        color: var(--bg-blue-weight);
}
.UILocalGazette .content-div td a:hover{
        color: red;
}
.UILocalGazette .content-div td:last-child{
        text-align: justify
}
@media only screen and (max-width: 1023px){
        .UILocalGazette .option-div label {
                display: inline-block;
                margin: 10px 0;
        }
        .UILocalGazette .option-div {
                text-align: left;
        }
        .UILocalGazette .content-div th {
                display: none;
        }
        .UILocalGazette .content-div table[id*="grwGazetteList"]>tbody>tr {
                display: flex;
                flex-wrap: wrap;
        }
        .UILocalGazette .content-div table[id*="grwGazetteList"]>tbody>tr>td:nth-child(3) {
                display: none;
        }
        .UILocalGazette .content-div table[id*="grwGazetteList"]>tbody>tr>td:nth-child(1), .UILocalGazette .content-div table[id*="grwGazetteList"]>tbody>tr>td:nth-child(2) {
                max-width: 50%;
                text-align: left;
        }
        .UILocalGazette .content-div table[id*="grwGazetteList"]>tbody>tr>td[colspan="4"] tr {
                display: flex;
                flex-wrap: wrap;
        }
        .UILocalGazette .content-div table[id*="grwGazetteList"]>tbody>tr>td[colspan="4"] tr td {
                width: unset !important;
        }
}