@media (min-width: 1200px) {
    .container {
        /*max-width: 1170px;*/
        width: 100%;
        max-width: 100%;
    }

    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
}

body {
    font-family: 'Roboto';
    font-weight: 300;
}

#content p {
    font-size: 12pt;
}

#content ul {
    font-size: 12pt;
}

#content li {
    font-size: 12pt;
    padding-bottom: 10px;
}

td,
th {
    padding: 3px;
}

.navbar-inverse {
    background-color: #2C3449;
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #2C3449;
}

h5, h6,
.h5, .h6 {
    color: #008AE6;
}

h4, .h4 {
    width: 100%;
    border-bottom: 1px solid #7A869A;
}

.navbar-brand {
    font-size: 18pt;
    font-weight: 500;
}


#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.1); /* Black background with opacity */
    background-image: Url("/Content/Images/Loading_2.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: progress; /* Add a pointer on hover */
}


#promos-popup {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 1200px; /* Full width (cover the whole page) */
    height: 800px; /* Full height (cover the whole page) */
    top: 150px;
    left: 100px;
    padding: 20PX;
    background: white;
    border: 2px solid black;
    overflow: auto;
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}

#promos-popupta {
    margin-top:10px;
    width: 100%;
    height: 95%;
    font-family: "Lucida Console", Monaco, monospace;
}


/* Override the default Material Icons font size
*/
.material-icons {
    font-size: 18px;
}


.gridcell-shade-blue {
    background-color: #dcf7fe;
}
.gridcell-shade-yellow {
    background-color: #fffeee;
}
.gridcell-shade-red {
    background-color: #ffeeee;
}