body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color:white;
}

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

.body-content-landing {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 500px;
}

.glyphicon-red {
    color: #DF0032;
}

.glyphicon-green{
    color: #268214;
}

.glyphicon-yellow {
    color:#d3ae0c;
}

h2.page-title, h1.page-title {
    color: #000000;    
}

#collapseButton {
    text-decoration: none;
}
#collapseButton:after {
    vertical-align: top;
    margin-left: 2px;
    font-family: "Glyphicons Halflings";
    content: "\e114";
}

/* Icon when the collapsible content is hidden */
#collapseButton.collapsed:after {
    vertical-align: top;
    margin-left: 2px;    
    font-family: "Glyphicons Halflings";
    content: "\e080";
}

/* Set navbar color */
.navbar {
    background-color: RGB(12,71,157); 
}

.navbar .navbar-brand {
    font-family: EMprint-Regular;
    font-size: 13pt;
    text-align:left;
    color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a {
    font-family: EMprint-Regular;
    font-size: 13pt;
    text-align:left;
    color: #FFFFFF;
}


.btn-primary {
    background-color: transparent;
    color: RGB(53,187,159);
    border-color: RGB(53,187,159);
    border-radius: 25px;
    font-family: EMprint-Semibold,"Segoe UI",Calibri,Tahoma;
}

.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active,
.btn-primary:focus,
.focus.btn-primary{
    background-color: RGB(53,187,159);
    color: #FFFFFF;
    border-color: RGB(53,187,159);
    outline:none;
    font-family: EMprint-Semibold,"Segoe UI",Calibri,Tahoma;
}

.error-general{
    font-family: EMprint-Light;
    font-size:24pt;
    color:RGB(210,40,44);
}

.error-message{
   font-family: EMprint-Light;
   font-size:11pt;
   color:RGB(210,40,44);
}

.rowselected {
    background-color: #cceeff;
}

.table-hover > tbody > tr:hover {
    background-color: #bedcff;
}

/* XOM Fonts*/

@font-face {
  font-family: 'EMprint-Regular';

  src: url('../fonts/EMprintW05Regular_web.eot');
  src: url('../fonts/EMprintW05Regular_web.eot?#iefix') format('embedded-opentype'), url('../fonts/EMprintW05Regular_web.woff2') format('woff2'), url('../fonts/EMprintW05Regular_web.woff') format('woff'), url('../fonts/EMprintW05Regular_web.ttf') format('truetype'), url('../fonts/EMprintW05Regular_web.svg#EMprint W05 Regular') format('svg');
}

@font-face {
  font-family: 'EMprint-Light';

  src: url('../fonts/EMprintW05Light_web.eot');
  src: url('../fonts/EMprintW05Light_web.eot?#iefix') format('embedded-opentype'), url('../fonts/EMprintW05Light_web.woff2') format('woff2'), url('../fonts/EMprintW05Light_web.woff') format('woff'), url('../fonts/EMprintW05Light_web.ttf') format('truetype'), url('../fonts/EMprintW05Light_web.svg#EMprint W05 Light') format('svg');
}

@font-face {
  font-family: 'EMprint-Semibold';

  src: url('../fonts/EMprintW05Semibold_web.eot');
  src: url('../fonts/EMprintW05Semibold_web.eot?#iefix') format('embedded-opentype'), url('../fonts/EMprintW05Semibold_web.woff2') format('woff2'), url('../fonts/EMprintW05Semibold_web.woff') format('woff'), url('../fonts/EMprintW05Semibold_web.ttf') format('truetype'), url('../fonts/EMprintW05Semibold_web.svg#EMprint W05 Semibold') format('svg');
}

.headingPortalName {
    font-family:'Segoe UI',Calibri,Tahoma;
    font-size:24px;
    color:#ffffff;
}
.subHeadingPortalName {
    font-family: 'Segoe UI',Calibri,Tahoma;
    font-size: 12px;
    color: #ffffff;
}
.contextPopup {
    display: inline-block;
    z-index: 1;
    left: 350px;
    top: 250px;
    position:absolute;
}

.contextPopup .popupBox {
    visibility: hidden;
    display:flex;
    width: 290px;
    background-color: #b1b1b1;
    color: #000;
    border:1px solid #565656;
    text-align: center;
    vertical-align:middle;
    border-radius: 6px;
    position: relative;
    padding: 6px 2px 6px 2px;
    
}

.contextPopup .popupText {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 1px 1px 1px 5px;
}

.contextPopup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.contextPopup .hide {
    visibility: hidden;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -7px;
    right: -7px;
    font-size: 22px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    text-align: center;
}

.popupCloseButton:hover {
    background-color: #ccc;
}
.rds-session-counts > span {
    font-size: x-small;
    font-family: Verdana, Geneva, Tahoma, sans-serif
}
.rds-chart-container {
    width: 1100px;
    border: 1px solid #363636;
    display: block;
    position: relative;
}
.rds-chart-row {
    height: 24px;
    border-top: 1px solid #888888;
}
.rds-chart-date {
    grid-column: 1;
    width: 139px;
    height: 24px;
    float: left;
    border-right: 1px solid #888888;
}
.rds-chart-date span {
    left: 35px;
}

.rds-chart-bars {
    width: 959px;
    height: 24px;
    float:right;
}

.rds-chart-line {
    content: "";
    z-index: 10;
    border-left: 1px dotted #ccc;
    position: absolute;
    margin-left: -2px;
    top: 0;
    bottom: 0;
    height: 100%;
}
.rds-chart-top-row {
    width: 1098px;
    height: 20px;
    background-color: #ccc;
    font-size:11px;
}
.rds-chart-top-row-date-block {
    width: 138px;
    height: 20px;
    float: left;
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
    padding-top: 3px;
    border: 1px solid #ccc;
}
.rds-chart-top-row-start-block {
    height: 20px;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    border: 1px solid #ccc;
}
.rds-chart-top-row-line-block {
    height: 20px;
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    border: 1px solid #ccc;
}
.invalid-input-value {
    background-color: yellow;
}
.main-footer {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size:8pt;
    color:#848383;
    vertical-align:middle;
}
@media print {
    .rds-sessions-page-noprint {
        display:none;
    }
}