﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
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;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}
#newsdate {
    font-weight: normal;
    font-size: x-small;
    color: maroon;
    font-family: Verdana, Arial
}

#newsSource {
    font-weight: bold;
    font-size: x-small;
    color: darkblue;
    font-family: Verdana, Arial;
    border-collapse: collapse;
}
#storylink {
    font-size: x-small;

    font-family: Verdana, Arial;
    border-collapse: collapse;
}

div.blueTable {
    border: 1px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}

.divTable.blueTable .divTableBody .divTableCell {
    font-size: 12px;
}

.divTable.blueTable .divTableRow:nth-child(even) {
    background: #D0E4F5;
}

.divTable.blueTable .divTableHeading {
    background: #165883;
    background: -moz-linear-gradient(top, #5082a2 0%, #2d688f 66%, #165883 100%);
    background: -webkit-linear-gradient(top, #5082a2 0%, #2d688f 66%, #165883 100%);
    background: linear-gradient(to bottom, #5082a2 0%, #2d688f 66%, #165883 100%);
    border-bottom: 2px solid #444444;
}

    .divTable.blueTable .divTableHeading .divTableHead {
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        border-left: 0px solid #D0E4F5;
    }

        .divTable.blueTable .divTableHeading .divTableHead:first-child {
            border-left: none;
        }

.blueTable .tableFootStyle {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background: #165883;
    background: -moz-linear-gradient(top, #5082a2 0%, #2d688f 66%, #165883 100%);
    background: -webkit-linear-gradient(top, #5082a2 0%, #2d688f 66%, #165883 100%);
    background: linear-gradient(to bottom, #5082a2 0%, #2d688f 66%, #165883 100%);
    border-top: 2px solid #444444;
}

.blueTable .tableFootStyle {
    font-size: 12px;
}
/* DivTable.com */
.divTable {
    display: table;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    display: table-header-group;
}

.divTableCell, .divTableHead {
    display: table-cell;
}

.divTableHeading {
    display: table-header-group;
}

.divTableFoot {
    display: table-footer-group;
}

.divTableBody {
    display: table-row-group;
}

/*CLEAN DIV TABLE*/
.table {
    display: table;
    text-align: right;
    width: 60%;
    margin: 10% auto 0;
    border-collapse: separate;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.table_row {
    display: table-row;
}

.theader {
    display: table-row;
}

.table_header {
    display: table-cell;
    border-bottom: #ccc 1px solid;
    border-top: #ccc 1px solid;
    background: #bdbdbd;
    color: #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
}

    .table_header:first-child {
        border-left: #ccc 1px solid;
        border-top-left-radius: 5px;
    }

    .table_header:last-child {
        border-right: #ccc 1px solid;
        border-top-right-radius: 5px;
    }

.table_small {
    display: table-cell;
}

.table_row > .table_small > .table_cell:nth-child(odd) {
    display: none;
    background: #bdbdbd;
    color: #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.table_row > .table_small > .table_cell {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #5b5b5b;
    border-bottom: #ccc 1px solid;
}

.table_row > .table_small:first-child > .table_cell {
    border-left: #ccc 1px solid;
}

.table_row > .table_small:last-child > .table_cell {
    border-right: #ccc 1px solid;
}

.table_row:last-child > .table_small:last-child > .table_cell:last-child {
    border-bottom-right-radius: 5px;
    background: #bdbdbd;
    color: #e5e5e5;
}

.table_row:last-child > .table_small:first-child > .table_cell:last-child {
    border-bottom-left-radius: 5px;
    /*background: #bdbdbd;
    color: #e5e5e5;*/
}

.table_row:nth-child(2n+3) {
    background: #e9e9e9;
}


#exTab1 .tab-content {
    color: white;
    background-color: maroon;
    padding: 5px 15px;
}

#exTab2 h3 {
    color: white;
    background-color: #D0E4F5;
    padding: 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
    border-radius: 0;
    background-color: maroon;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0;
    /*background-color: #a2b8ca;*/
    
}

#exTab3 .tab-content {

    background-color: #FFFFFF;
    padding: 5px 15px;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}


hr.style13 {
    height: 10px;
    border: 0;
    box-shadow: 0 8px 8px -8px #8c8b8b inset;
}


