﻿/*nav style fixes*/
nav a:link {
    text-decoration: none;
}

/*gridview fixes*/ 

    /* dhg commented this out to help with GO BACK button on Responsive menus
     not sure what other effects this will have 
*,
 *::before,
*::after {

    box-sizing: content-box;  
}*/
   
.table th {
    vertical-align: middle;
    border-top-width: 0px;
    padding: 10px;
}

.table td {
    vertical-align: bottom;
    border-top-width: 0px;
    padding: 10px;
}

.table tr {
    display: table-row;
    /*  dhg margin-right: 0px;
    margin-left: 0px;*/
    vertical-align: bottom;
    font-size: medium;
}

#RightColumnPlaceHolder_scrollPanel {
    overflow-x: hidden;
}

#RightColumnPlaceHolder_scrollPanel1 {
    overflow-x: hidden;
}

/*nav tab Updates */
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
    display: table;
    content: inherit;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    box-sizing: content-box;
    padding: 0px;
    padding-top: 3px;
    padding-left: 20px;
    padding-right: 5px;
    vertical-align: bottom;
    border-top: 1px solid #ddd;
}

#MainMenu {
    margin-left: 0px;
}

.nav-tabs > li > a {
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    border-radius: 4px 4px 0 0;
    line-height: 1.42857;
    margin-right: 2px;
    color: gray;
    text-decoration: none;
}

.nav-tabs > li > a.active {
    color: black;
    font-weight: bold;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid #fff;
}

.nav-tabs > li > a:hover {
    background-color: WhiteSmoke;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.tab_content > .active {
    display: block;
}

.fade.in {
    opacity: 1;
}

/* page controls */
input, select, textarea {
    background-color: white;
}

#rbCumulative, #rbInterval, #spanenable input {
    margin: 4px;
}

input.rbspace {
    margin: 4px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* BPP master page footer */
#bppfooter {
    background-color: #da291c;
    color: white;
    font-size: small;
    padding: 0px 0px -10px 0px;
    /*width: 101%;*/
    /*min-width: 100%*/
    /*margin: 15px auto;
    /*float: left;*/
    /*position: fixed;*/
    /*position: absolute;*/
    /*position: fixed;
    bottom: 0px;*/
    /*left: 0;
    right: 0;*/
    height: 40px;
    /*box-sizing: content-box;*/
    /*margin-left: -40px;*/
    /*vertical-align: bottom*/
}
html, body, form {
    height: 100%;
    margin: 0;
}
.wrapper {
    min-height: 100%;
    /* Equal to height of footer */
    /* But also accounting for potential margin-bottom of last child */
    margin-bottom: -30px;
}
.footer, .push {
    height: 30px;
}

/* Button */
.bppbtn {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 37px;
    padding: 0px;
    min-width: 80px;
}

.bppbtn2 {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 37px;
    padding: 0px;
    min-width: 100px;
}

/* grid column header links*/
th a:link {
    color: #4a4a4a;
}

.TblHdrCol {
    color: #4a4a4a;
    background: #e8e8e8;
    text-align: left;
    font-weight: bold;
    border: 1px solid black;
    padding: 10px 10px;
    height: 19px;
    color: black;
    /*display: table-row;
    margin-right: 0px;
    margin-left: 0px;
    vertical-align: bottom;
    font-size: medium;*/
}

/*#homeimage,
#homeimage::before,
#homeimage::after {
    box-sizing: content-box;
}*/

nav.navbar-aep.navbar-expand-lg .navbar-nav li.nav-item a.nav-link {
    font-size: 1rem;
}

nav.navbar-aep.navbar-expand-lg .navbar-nav li.nav-item div.dropdown-menu a.dropdown-item {
    font-size: 1rem;
}

/* main menu enhancements */
/*nav.navbar-aep.navbar-expand-lg .navbar-nav li.nav-item a:active {
    text-decoration: underline;
}*/
#MasterMenu nav .active {
    text-decoration: underline;
    /* color: purple;  */
}

#MasterMenu .menuinactive {
    text-decoration: none;
}

#spanenable label {
    display: ruby-base;
}

br.big {
    line-height: 190%;
    vertical-align: top
}
