html {
  position: relative;
  min-height: 100%;
}

body {
    min-width: 325px;
    padding-bottom: 20px;
    /* Must match the height set in the .footer class */
    margin-bottom: 220px;
}

/* These margins must match the heights set in the footer class */
@media (max-width: 371px) {
    body {
        margin-bottom: 390px;
    }
}

@media (min-width: 372px) and (max-width: 768px) {
    body {
        margin-bottom: 390px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        margin-bottom: 185px;
    }
}

@media (min-width: 992px) and (max-width: 1068px) {
    body {
        margin-bottom: 192px;
    }
}

@media (min-width: 1069px) and (max-width: 1199px) {
    body {
        margin-bottom: 175px;
    }
}

@media (min-width: 1200px) {
    body {
        margin-bottom: 175px;
    }
}

@media (min-width: 992px) {
    body {
        background-position: center top;
    }
}

@media (max-width: 767px) {
    header > .pull-left {
        width: 100%;
    }
}

.odi-header {
    position: relative;
    min-height: 20px;
    padding: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.navbar {
    margin-bottom: 20px;
    min-height: 40px;
}
.navbar-brand {
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-toggle {
    padding: 0;
    margin: 0;
    margin-right: 7px;
    margin-top: 5px;
}
.navbar-toggle > .glyphicon {
    color: rgb(221,221,221);
    margin: 4px 6px;
    font-size: 1.10em; /*17px;*/
}

.odi-container {
    color: #393b3d; /*#fff;*/
    background-color: #98b1c7;
    border: 10px solid #98b1c7;
    border-radius: 10px;
    box-shadow: 2px 2px 10px lightgray;
    margin-bottom: 10px;
}

.odi-container .odi-container-title {
    float: left;
    line-height: 20px;
    font-size:0.90em; /*8pt;*/
    font-weight: bold;
    font-family: Tahoma, Arial, sans-serif;
    white-space: nowrap;
    margin-bottom: 6px;
    width: 45%
    
}

.odi-container .odi-container-content {
    clear: both;
    padding: 4px;
    color: #000;
    background-color: #fff;
}

.odi-container .odi-container-pager {
    float: right;
}

.odi-container > .odi-container-content > .list-group,
.odi-container > .odi-container-content > .alert,
.odi-container > .odi-container-content > .well {
  margin-bottom:0;
}
/*#rootContainer { 
  margin-top:115px;
}*/

.update-email {
  margin:12px;
}

.update-email hr {
  margin-top:4px;
  margin-bottom:12px;
}

.reset-password {
  margin:12px;
}

.popover {
  max-width:75%;
}
.popover .glyphicon-remove {
  color:rgb(169,68,66);
}
.popover .glyphicon-ok {
  color:rgb(60,118,61);
}
.popover kbd {
  color:black;
  background-color:#eee;
  box-shadow:none;
}

.odi-container > .odi-container-content > .list-group > a {
  /*text-decoration:underline;*/
}
.table {
    font-family: Arial, Tahoma, sans-serif;
    font-size: 1em; /*9pt;*/
}

.header {
    cursor: pointer;
}

.form-group.has-feedback > input.input-sm + .glyphicon.form-control-feedback {
    right:14px; 
    top:22px;
}

.navbar {
    margin-bottom: 0;
}

.breadcrumb {
    margin-bottom:0; 
    background-color: transparent;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here (this should match the margin in the body tag */
    height: 220px;
    background-color: #214A98;
}

/* These heights must match the margins set for the body element */
@media (max-width: 371px) {
    .footer {
        height: 390px;
    }
}

@media (min-width: 372px) and (max-width: 767px) {
    .footer {
        height: 350px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer {
        height: 185px;
    }
}

@media (min-width: 992px) and (max-width: 1068px) {
    .footer {
        height: 192px;
    }
}

@media (min-width: 1069px) and (max-width: 1199px) {
    .footer {
        height: 175px;
    }
}

@media (min-width: 1200px) {
    .footer {
        height: 175px;
    }
}

.footer > .footer-links {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em; /*10pt;*/
    padding: 10px 0;
    color: #1c5c9f;
}

.footer > .footer-contact,
.footer em strong {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.1em; /*10pt;*/
}

.footer > .footer-contact address > .odi-address-line-one {
    font-size: 1.2em; /*12pt;*/
}

.footer > .footer-contact > .col-xs-5 {
    width: 49.50%;
}

.footer > .footer-contact > .col-xs-2 {
    width: 0.50%;
    padding-left: 3px;
    padding-right: 3px;
}

.footer > .footer-version {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em; /*10pt;*/
    color: white;
}

/* Correct the container width for the small viewport */
@media (min-width: 768px) and (max-width: 991px) {
    .footer > .footer-contact,
    .footer em strong {
        font-size: 9pt;
    }
    .footer > .footer-contact address > .odi-address-line-one {
        font-size: 11pt;
    }
    .footer-contact.container {
        width: 768px;
    }
}

.nav-tabs {
    margin-bottom: 10px;
}

.odi-container.col-sm-6 {
    padding-left:0;
    padding-right:0;
}

@media (min-width: 768px) {
    .odi-container.col-sm-6 {
        width:49.5%;
    }
    .odi-container.col-sm-6:nth-child(n+2) {
        margin-left:1%;
    }
}

.glyphicon{
    color:rgb(40, 96, 144);
}
.btn-primary > .glyphicon{
    color: #fff;
}

p.form-control-static {
    border: solid 1px rgb(204, 204, 204);
    padding: 3px 6px;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    box-sizing: border-box;
    width:auto;
    min-width: 100px;
    min-height: 28px;
    font-size: 1.4em; /*14px;*/
}
.input-group-addon.control-label {
    font-weight: bold;  
    border:0;
    background-color:#fff;
    color:#000;
}
.input-group .form-control-static:first-child:not(:last-child),
.input-group .form-control-static:nth-child(2):not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .input-group-addon:last-child {
    top:0;
    color: #000;
    cursor: pointer;
}
.input-group .input-group-addon:last-child:hover {
    background-color: #ddd;
}
.input-group .input-group-addon:last-child:active {
    background-color: #eee;
}
@media (min-width: 1200px) {
    .odi-container-content > .row {
        margin-right: 45px;
    }
    .odi-container-content > .row:nth-child(n+2) {
        margin-top:5px;
    }
    .odi-container.col-sm-6 > .odi-container-content > .row {
        margin-left:0;
        margin-right: 0;
    }
}
.has-error p.form-control-static {
    border-color: #843534;
    background-color: #FFF4F4;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .control-label {
    color: #a94442;
}
.text-overflow-sm {
    max-height: 100px;
    overflow-x: auto;
}
.text-overflow-md {
    max-height: 225px;
    overflow-x: auto;
}
.text-overflow-lg {
    max-height: 375px;
    overflow-x: auto;
}        
@media (min-width: 768px) {
    .flex-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
    }
    .flex-container > .odi-container > .odi-container-content {
        height: calc(100% - 30px);
    }
    
    .flex-container > .odi-container > .odi-container-content > .flex-item {
        height: calc(100% - 54px);
    }
}
.list-group-item .checkbox {
    margin-top:0;
    margin-bottom:0;
}
.list-group-item label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.list-group-item input[type=checkbox] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0 3px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -3px;
    *overflow: hidden;
}

@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
        margin-left: -98px;
    }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
}

#EnterpriseFooter #footer {
    display: block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    color: white;
    padding: 20px 0 10px 0;
    text-align: center;
    line-height: 5px;
}

#EnterpriseFooter #footer a {
    color: white;
}