/* --------------------------------------------------------
Style Sheet for Aviator
version: 2.0
last modified: 9/30/2021
author: Ebenezer Mamidi
email: emamidi@nisource.com
website: https://ldcaviator.com
----------------------------------------------------------*/

html {
    /* font-size: 16px; Setting this overrides the browser font size.*/
    font-size: calc(0.8rem + 0.1vw);
}

html.DialogHtml {
    /* Root element font size for dialog windows */
    font-size: calc(0.9rem + 0.1vw);
}

body {
    background-color: white;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #010334;
    margin: 0em;
    padding: 0em;
    min-width: 1200px !important;
    width: auto !important;
    width: 800px;
}

.animateBkg {
    background: linear-gradient(-45deg, #ffffff, #f5b041, #f1948a, #f7dc6f, #aed6f1, #ffffff);
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.pageContainer {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    min-height: 100vh;
}

.headerRow {
    padding: 0.5em 0.25em;
    background-color: #f6f6f6;
    /*#f6f6f6 - prod; #d4acac - test; #d3d4ac - stage*/
    box-sizing: border-box;
}

.menuRow {
    background-color: #004b87; /*Aviator Old color #2375bb;*/
    padding: 0em 0.3em;
    box-sizing: border-box;
    margin-top: -0.3em;
}

.mTopAviatorLogoPrd {
    max-width: 95px !important;
}

.mTopAviatorLogoNonPrd {
    max-width: 120px !important;
}

#mTopNiSourceLogo {
    max-width: 95px !important;
}

.contentRow {
    --background-color: rgb(196 201 238 / 0.30);
    padding: 0em 1.5em;
    box-sizing: border-box;
    margin-top: -2px;
    padding-bottom: 1.5rem;
}

.footerRow {
    background-color: #004b87;
    color:white;
    padding: 0.6em 2em;
    box-sizing: border-box;
    margin-top: -2px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.5rem;
    font-size:0.6rem;
}


.row {
    width: 100%;
    display: inline-block;
}

.clear {
    clear: both;
    display: block;
}

.col-10 {
    width: 10%;
}

.col-15 {
    width: 15%;
}

.col-20 {
    width: 20%;
}

.col-25 {
    width: 25%;
}

.col-30 {
    width: 30%;
}

.col-33 {
    width: 33.3%;
}

.col-35 {
    width: 35%;
}

.col-40 {
    width: 40%;
}

.col-50 {
    width: 50%;
}

.col-60 {
    width: 60%;
}

.col-67 {
    width: 67%;
}

.col-70 {
    width: 70%;
}

.col-75 {
    width: 75%;
}

.col-80 {
    width: 80%;
}

.col-85 {
    width: 85%;
}

.col-100 {
    width: 100%;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.aviatorLogoText {
    color: #004b87;
    font-weight: bolder;
    vertical-align: middle;
    font-size: 1.3rem;
    letter-spacing: 2px;
    font-family: Copperplate, Papyrus, fantasy;
}

.cssWebDataMenu {
    line-height: 2rem;
    float: left;
    background-color: #004b87 !important;
    border-color: #004b87 !important;
}

.cssWebDataMenu > div > ul > li > a {
    color: white !important;
    font-size: 0.875rem;
}

.logoffLink {
    padding-top: 1em;
    box-sizing: border-box;
    padding-right: 0.5em;
}

.logoffLink * {
    color: white !important;
    font-size: 0.875rem;
    text-decoration: none;
}

.pipelineDiv {
    font-size:0.75rem !important;
}

.pipelineDiv select {
    padding: 0.3em;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.topErrorMessage {
    padding-top: 0.6em;
    color: red;
    font-size: 0.875rem;
}

.actionMenuLinks {
    padding-top: 0.5em;
    font-size: 0.875rem;
}

.actionMenuLinks a {
    background-color: #217dc5;
    color: white;
    padding: 0.25em 1em;
    border: none;
    cursor: pointer;
    width: 100%;
    text-decoration: none;
    font-size: 0.875rem;
}

a.aspNetDisabled {
    color: Gray !important;
    background-color: #acc2d4 !important;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.actionMenuLinks a:hover {
    background-color: #3292dd;
}

.userInfo {
    padding-top: 0.7em;
    font-size: 0.875rem;
}

.welcomeBanners{
    padding-top:2em;
}
.welcomeBanners h1{
    font-size:3rem;
}

.bannerLeft {
    padding: 2.5em;
    box-sizing: border-box;
    text-indent: 2em;
    text-align: justify;
}

.bannerRight {
    padding: 2.5em;
    padding-right: 1.5em;
    box-sizing: border-box;
    text-align:left;
    font-style:italic;
}

.bannerLogin {
    padding: 3em;
    padding-top: 2em;
    box-sizing: border-box;
}

.cssShorcutsPanel {
    padding: 1em 3em;
    box-sizing: border-box;
}

.cssShorcutsPanel a {
    background-color: #217dc5;
    color: white;
    padding: 1.5em 3em;
    border: none;
    cursor: pointer;
    width: 70%;
    text-decoration: none;
    font-size: 1rem;
    display:block;
    margin-top:1em;
    text-align:center;
}

.cssShorcutsPanel a:hover {
    background-color: #3292dd;
}

.footerRow a {
    color: white;
    text-decoration: none;
}

.cssLoginStatusLabel{
    color:green;
    padding-left:3em;
}

.cssPassExpireLabel {
    color: orange;
    padding-left: 3em;
}

.loginButton {
    background-color: #217dc5;
    color: white;
    padding: 1em 3em;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-top: 2em;
}

.loginButton:hover {
    background-color: #3292dd;
}

.logintxt {
    width: 100%;
    padding: 0.9em 1.5em;
    margin: 0.6em 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.loginlbl, .loginErr {
    margin-top: 1em;
    display: inline-block;
}

.headLbl {
    font-size: 2rem;
    display: inline-block;
    text-align: center;
    padding-top:0.7em;
}

.headPopupLbl {
    font-size: 1.8rem;
    display: inline-block;
    text-align: center;
    padding-top: 0.5em;
}
.loginForm {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 2em;
}

.errorPage {
    margin-top: 6em; 
}

.errorPage h1 {
    font-size: 2.5rem;
    color: #505257;
}

.errorPage h2 {
    font-size: 1.5rem;
    color: #505257;
}

.errorPage h3 {
    font-size: 1rem;
    color: #d05656;
}

.sessionError {
    color: #ffc107;
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0.5;
    }
}

.cssWDG, tbody.igg_Item {
    border-collapse: collapse !important;
    table-layout: fixed !important;
    white-space: normal !important;
}

.gridItemCss, tbody.igg_Item > tr > td {
    font-size: 0.8rem !important;
    padding: 0.15em 0.1em !important;
    height: 1.2em !important;
    line-height: 1.2em !important;
    border-right: solid 1px #DCDCDC !important;
}

tbody.igg_Item > tr:last-child > th, tbody.igg_Item > tr:last-child > td {
    border-bottom: solid 1px #DCDCDC !important;
}

.gridHeaderCss, .igg_HeaderCaption {
    text-align: center !important;
    font-size: 0.8rem !important;
    padding: 0em 0em !important;
    height: 2em !important;
    line-height: 2em !important;
}

.igg_Pager{
    line-height:2em !important;
}

.igg_RedBckGrndRow td, .igg_RedBckGrndRow a {
    background-color: #FFBABA !important;
    color: #D8000C !important;
}

.igg_RedBckGrndRow td {
    border-bottom: solid 1pt #D8000C !important;
}

.igg_YellowBckGrndRow td, .igg_YellowBckGrndRow td a {
    background-color: #FEEFB3 !important;
    color: #9F6000 !important;
}

.igg_YellowBckGrndRow td {
    border-bottom: solid 1pt #9F6000 !important;
}

.igdt_Control {
    font-size: 0.875rem !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.horizontal-align-left {
    text-align: left !important;
}

.horizontal-align-center {
    text-align: center !important;
}

.horizontal-align-right {
    text-align: right !important;
}

.Yellow {
    background-color: #ffd69a !important;
}

.pagerBtnClass {
    padding: 0.1em 1em;
    margin: 0 0.1em;
    background-color: #217dc5 !important;
    color: white !important;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.8rem !important
}

.pagerLblClass {
    margin: 0 0.25em;
    font-size: 0.8rem !important
}

.pagerDdClass {
    padding: 0em 1em;
    font-size: 0.8rem !important
}

input.aspNetDisabled {
    color: Gray !important;
    background-color: #acc2d4 !important;
    pointer-events: none;
    cursor: default;
}

INPUT {
    font-size: 0.75rem !important;
    color: #000000 !important;
}

.emptyDataMessageCss {
    color: #505257;
    padding:0em 3em;
    font-size:1.2rem;
}

.nomRightPanel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1em !important;
}

.nomMenu{
    overflow-x: auto !important;
}

body.Dialog {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0em 1em 1em 1em !important;
    min-width: 100% !important;
}

INPUT.OkCan {
    width: 45px;
}

INPUT.Button {
    width: 55px;
}

SELECT {
    font-size: 0.75rem;
    color: black;
    padding: 0.2em;
}

A {
    color: #0063A5;
}

A.menu {
    text-decoration: none;
    font-size: 1rem;
}


.htmlTable {
    border-collapse: collapse;
}

.htmlTable td, .htmlTable th {
    border: solid 1px #DCDCDC !important;
    padding: 0.15em 0.1em !important;
    line-height: 1.2em !important;
    height: 1.2em !important;
}

.htmlTable tr:nth-child(even) {
    background-color: #F6F6F6;
}

.htmlTable tr:hover {
    background-color: #ddd;
}

.htmlTable th {
    padding: 0.2em 0.1em !important;
    text-align: center !important;
    background-color: #777777 !important;
    color: white !important;
}

.htmlTable th * {
    color: white !important;
}

/* Block title and block sub-title */
.bt {
    font-size: 0.75rem;
    color: #2375bb;
}

.bst {
    font-size: 0.8rem;
    color: #2375bb;
}

.bstc {
    font-size: 0.8rem;
    color: #2375bb;
    text-align: center;
}
/*Input prompt right-just, right-just-bold, cent-just-bold, left-just, left-just-bold*/
.ipr {
    font-size: 0.75rem;
    color: #2375bb;
    text-align: right;
}

.iprb {
    font-size: 0.75rem;
    color: #2375bb;
    text-align: right;
    font-weight: bold;
}

.ipc {
    font-size: 0.75rem;
    color: #2375bb;
    text-align: center;
}

.ipcb {
    font-size: 0.875rem;
    color: #2375bb;
    text-align: center;
    font-weight: bold;
}

.ipl {
    font-size: 0.75rem;
    color: #2375bb;
    text-align: left
}

.iplb {
    font-size: 0.75rem;
    color: #0063A5;
    text-align: left;
    font-weight: bold;
}

.iplg {
    font-size: 0.75rem;
    color: #2375bb;
    text-align: left;
}
/*Input query*/
.iq {
    font-size: 0.75rem;
    color: black;
    text-align: left;
    font-weight: normal
}

.iqc {
    font-size: 0.75rem;
    color: black;
    text-align: center;
    font-weight: normal
}

.iqr {
    font-size: 0.75rem;
    color: black;
    text-align: right;
    font-weight: normal
}
/*Total value, total prompt, group total header*/
.t {
    font-size: 0.75rem;
    color: black;
    text-align: right;
    background-color: #fffaaa;
    border: none;
    cursor: default
}

.msg {
    font-size: 0.75rem;
    color: red;
    font-weight: bold;
    text-align: left;
    background-color: white;
    border: none;
    cursor: default
}

.tc {
    font-size: 0.75rem;
    color: black;
    text-align: center;
    background-color: #fffaaa;
    border: none;
    cursor: default
}

TD.thdr {
    border: 0.2em solid black;
}
/*View-only*/
.vo {
    font-size: 0.75rem;
    color: black;
    text-align: center;
    background-color: white;
    border: none;
    cursor: default
}

.vol {
    font-size: 0.75rem;
    color: black;
    text-align: left;
    background-color: #fffaaa;
    cursor: default
}
/*Other*/
H1 {
    font-size: 1.25rem;
    font-weight: bold;
}

H2 {
    font-size: 0.8rem;
    color: black;
}

H6 {
    font-size: 0.6rem;
    color: #2375bb;
    height: 1rem;
}
/*Title of page*/
.tp {
    font-size: 1.2rem;
    color: #2375bb;
    text-align: left;
    font-weight: bold;
    display: block;
    margin-block-start: 0.2em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/*Title of page with display inline*/
.tpInline {
    font-size: 1.2rem;
    color: #2375bb;
    text-align: left;
    font-weight: bold;
    margin-block-start: 0.2em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/*Test in Banner*/
.btxtd {
    font-size: 0.75rem;
    color: black;
    text-align: left;
}
/*Text of page*/
.txtd {
    font-size: 0.875rem;
    color: #0063A5;
    text-align: left;
}

.txtp {
    font-size: 0.75rem;
    color: #0063A5;
    text-align: left;
}

.txtr {
    font-size: 0.75rem;
    color: #0063A5;
    text-align: right;
}

.txpb {
    font-size: 0.75rem;
    color: black;
    text-align: left;
}

.txbl {
    font-size: 0.75rem;
    color: black;
    text-align: left;
}

.msga {
    font-size: 0.75rem;
    color: red;
    font-weight: normal;
    text-align: left;
    background-color: white;
    border: none;
    cursor: default
}

.txtb {
    font-size: 0.875rem;
    color: #00629F;
    font-weight: bold;
    text-align: left;
    background-color: white;
    border: none;
    cursor: default
}

.txtc {
    font-size: 0.75rem;
    color: #00629F;
    font-weight: bold;
    text-align: left;
    background-color: white;
    border: none;
    cursor: default
}

.txti {
    font-style: italic;
    font-size: 0.6rem;
    color: black;
    font-weight: bold;
    text-align: left;
    background-color: white;
    border: none;
    cursor: default
}

.icob {
    font-size: 0.6rem;
    color: #00629F;
    font-weight: bold;
    text-align: left;
    background-color: white;
    border: none;
    cursor: default
}

.tbdr {
    color: #ff6600;
    background-color: white;
    border: none;
    cursor: default
}