/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 75px;
    padding-bottom: 20px;
}

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

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.Review-Well {
}

.Page-Header {
    font-size: 20px;
}

.Form-Name {
    font-size: 17px;
}

.Sponsor-Header {
    font-size: 16px;
    font-weight: bold;
    color: darkred;
}

.Image-Header {
    margin-top: 5px;
    margin-bottom: 5px;
    align-content: center;
}


.Sponsor-Nav {
    padding: 3px 50px 2px 2px;
    height: 25px;
    font-size: 12px;
    color: darkred;
}

a.Sponsor-Nav {
    padding: 3px 2px 2px 2px;
    color: darkgreen;
}

a:hover.Sponsor-Nav {
    padding: 3px 2px 2px 2px;
    color: darkorange;
}
.side-navDIS {
    padding: 3px;
    font-size :small;
    color: #767676
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }

      #wrapperDIS {
        min-height: 100%;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
      }

      #main-wrapperDIS {
        height: 100%;
        overflow-y: auto;
        padding: 75px 0 0 0;
      }

      #mainDIS {
        position: relative;
        height: 100%;
        overflow-y: auto;
        padding: 0 15px;
      }

      #sidebar-wrapperDIS {
        height: 100%;
        padding: 75px 0 0 0; 
        position: fixed;
        border-right: 1px solid gray;
        background-color: #f5f5f5;
      }

      #sidebarDIS {
        position: relative;
        height: 100%;
        overflow-y: auto;
      }
}
.btn-color
{
    color:#767676;
}

.txtBold {
    font-weight: bold;
}

.txtWhite {
    color: #ffffff;
}

.txtRed {
    color: red;
}

.txtGray {
    color: gray;
}

.txtItalic {
    font-style: italic;
}
.txtSmall{
    font-size: small;
}
.txtX-Small{
    font-size: x-small;
}
.txtCenter {
    text-align: center;
}

.txtRight {
    text-align: right;
}

.tdCenter {
    text-align: center;
}

.tdRight {
    text-align: right;
}

.tdMiddle {
    vertical-align: middle !important;
}

.tdBottom {
    vertical-align: bottom;
    padding-bottom: 12px;
}

.tdTop {
    vertical-align: top;
}
.colHeading {
    background-color: #f0f0f0;
}

.sectionHeading {
    color: #003399;
    font-weight: bold;
}

.form-background {
    background-color: #fffffa;
}

.highLite {
    background-color: #e3f3fb;
}
.highLiteY {
    background-color: #eef70a;
}.chkWrapper{
    padding : 4px;
}

.footerDIS {
    background-color: #efefef;
    bottom: 0;
    height: 40px;
    position: fixed;
    padding-top: 8px;
}
/* Table css for DIS - Testing */
.tableDIS {
    width: 100%;
    /* margin-bottom: 15px;*/
}

    .tableDIS > thead > tr > th,
    .tableDIS > tbody > tr > th,
    .tableDIS > tfoot > tr > th,
    .tableDIS > thead > tr > td,
    .tableDIS > tbody > tr > td,
    .tableDIS > tfoot > tr > td {
        padding: 4px;
        line-height: 1.42857143;
        vertical-align: top;
        /*border-top: 1px solid #ddd;*/
    }


.tableFORM {
    width: 97%;
    margin-left: 1em;
    page-break-inside: avoid;
}

    .tableFORM > thead > tr > th,
    .tableFORM > tbody > tr > th,
    .tableFORM > tfoot > tr > th,
    .tableFORM > thead > tr > td,
    .tableFORM > tbody > tr > td,
    .tableFORM > tfoot > tr > td {
        padding: 4px;
        line-height: 1.42857143;
        vertical-align: top;
        page-break-inside: avoid;
        /*border-bottom: 1px solid #ddd;*/
    }

.tableNAV {
    width: 97%;
    margin-left: 1em;
}

    .tableNAV > thead > tr > th,
    .tableNAV > tbody > tr > th,
    .tableNAV > tfoot > tr > th,
    .tableNAV > thead > tr > td,
    .tableNAV > tbody > tr > td,
    .tableNAV > tfoot > tr > td {
        padding: 4px;
        line-height: 1.42857143;
        vertical-align: top;
        background-color: #f5e8a3;
        /*border-top: 1px solid #ddd;*/
    }

div.LineNum {
    color: #a85e5e;
}

td.LineNum {
    text-align: left;
    width: 3em;
    color: gray;
}

.LineErr {
    color: white;
    background-color: red;
    padding: 2px 2px 2px 2px;
}

.LineChg {
    color: black;
    background-color: #eef70a;
    padding: 2px 2px 2px 2px;
}

tr.Divider {
    border-bottom: 1px solid #ddd;
}
tr.DividerT {
    border-top: 1px solid #ddd;
}
td.GrayBorder {
    border: 1px solid #ddd;
}

td.GrayBorderT {
    border-top: 1px solid #ddd;
}

td.GrayBorderR {
    border-right: 1px solid #ddd;
}

td.GrayBorderB, th.GrayBorderB {
    border-bottom: 1px solid #ddd;
}

td.GrayBorderL {
    border-left: 1px solid #ddd;
}

td.GrayBorderTR {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

td.GrayBorderTB, th.GrayBorderTB {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

td.GrayBorderTL {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

td.GrayBorderRB {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

td.GrayBorderRL {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

td.GrayBorderBL {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

td.GrayBorderTRB {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

td.GrayBorderTBL {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

td.GrayBorderTRL {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

td.GrayBorderRBL {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

tr.GrayBorder {
    border: 1px solid #ddd;
}

div.GrayBorder,
div.GrayBorderT,
div.GrayBorderR,
div.GrayBorderB,
div.GrayBorderL,
div.GrayBorderTR,
div.GrayBorderTB,
div.GrayBorderTL,
div.GrayBorderRB,
div.GrayBorderRL,
div.GrayBorderBL,
div.GrayBorderTRB,
div.GrayBorderTBL,
div.GrayBorderTRL,
div.GrayBorderRBL {
    padding: 5px;
}

div.GrayBorder {
    border: 1px solid #ddd;
}

div.GrayBorderT {
    border-top: 1px solid #ddd;
}

div.GrayBorderR {
    border-right: 1px solid #ddd;
}

div.GrayBorderB {
    border-bottom: 1px solid #ddd;
}

div.GrayBorderL {
    border-left: 1px solid #ddd;
}

div.GrayBorderTR {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

div.GrayBorderTB {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

div.GrayBorderTL {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

div.GrayBorderRB {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

div.GrayBorderRL {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

div.GrayBorderBL {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

div.GrayBorderTRB {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

div.GrayBorderTBL {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

div.GrayBorderTRL {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

div.GrayBorderRBL {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.ddlNum {
    width: 4em;
}

.ddlYN {
    width: 6em;
}

.color-danger {
    color: #ad3b3b;
}
.bgGray {
    background-color : #fafafa;
}


/*.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

  .btn-default:hover,
  .btn-default:focus,
  .btn-default:active,
  .btn-default.active,
  .open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #ad3b3b;
    border-color: #adadad;
  }*/

.checkboxDIS,
.radioDIS {
    padding: 4px;
}
.labelDIS {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.radioDIS label,
.checkboxDIS label {
    display: inline-block;
    font-weight: normal;
    cursor: pointer;
    vertical-align: top;
    padding: 0px 10px 0px 5px;
}

.radioDISNEW,
.checkboxDISNEW {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    height: 28px;
    /* padding: 3px 6px;*/
}

.checkboxDISInHeader label {
    margin-bottom: 0px;
}

.radioWrap input {
    float: left;
    cursor: pointer;
}

.radioWrap label {
    margin-left: 25px;
    display: block;
    font-weight: normal;
}

.inputErrOLD {
    /* BACKGROUND-COLOR: #ffe1e1;*/
    border-color: #de3333;
    border-color: #ad3b3b;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(173, 59, 59, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(173, 59, 59, .6);
    /*222, 51, 51*/
}

.inputErr {
    display: inline-block;
    height: 28px;
    padding: 3px 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-color: #ad3b3b;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(173, 59, 59, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(173, 59, 59, .6);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.inputWARN {
    display: inline-block;
    height: 28px;
    padding: 3px 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-color: #c2a509;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 165, 9, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 165, 9, .6);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.appNote {
    font-weight: bold;
    font-style: italic;
    font-size: .9em;
}

a.anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
}

.navDIS > li > a {
    padding: 3px 5px;
}

.badgeDIS {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #a94442;
}

.bgError {
    background-color: #a94442;
}

.bgWarning {
    background-color: #e28f2a;
}

.bgChange {
    background-color: #658fe4;
}
.bgGroup{
    background-color: #fffae4;
}
.bgExpand1{
    background-color: #d9edf7;
}
.bgExpand2{
    background-color: #ccf2cd;
}

.label-as-badge {
    border-radius: 1em;
}

/* This style is the error validation*/
.error {
    color:red;
}
.mypanel-wrapper-div {
    overflow: scroll;
    overflow-x: hidden;
}

.ssup{
font-size:xx-small; 
vertical-align:super;
}
.popover {
    max-width: 100%;
}