body {
    padding-bottom: 20px;
    font-family: Arial;
    font-size:11pt;
}

.container {
    max-width:1900px;
}

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

.headerdiv {
    float: left;
    display: block;
}

h2 {
    font-size: 28pt;
    color: #e31836;
}

.headeruser {
    color: rgba(0,71,133, 1); 
    padding-top:25px;
    padding-right:30px;
    font-size:14pt;
}

.navdiv {
  position: absolute;
  top: 90px;
  left: 15px;
  z-index: 900;
  float: left;
  width: 55px;
  padding: 0px 5px 5px 5px;
}

#navdiv:after {
    clear: both;
    content: "";
    display: block;
}

.contentdiv {
    margin-left:90px;
    width:90%;
}

.footerdiv {
    padding-left:75px;
    padding-right: 40px;
    clear:both;
}
.portaltinytile {
    font-size: 14pt;
    background-color: rgba(0,71,133,.9);
    border-radius: 5px;
    color: white;
    margin-bottom: 15px;
    padding: 10px 14px;
    cursor: pointer;
}

.portaltinytile:hover {
    background-color: rgb(238, 162, 54);
}

.portaltinytile.active {
    background-color: rgba(239,62,66,0.9);
}

.portaltinytile.active:hover {
    background-color: rgba(206,206,206,.9);
}

.tooltip.offset {
  margin-left: 10px;
  margin-top: 20px;
  font-size:11pt;
  font-family: Arial;
}

.tooltip-inner {
  color: #000000;
  background-color: rgb(220,220,220);
  padding: 10px 10px;
}

.headerdiv > img {
    padding:20px 25px 0px 25px;
}

a {
    color: #004785;
}

.redpanel {
    background-color: rgba(239,62,66,0.9);
    padding: 20px;
    border-radius: 20px;
    width:450px;
}

.redpanel .text-danger {
    color: #000000;
}

.btn-primary {
    background-color: rgb(238, 162, 54);
    border-color: rgb(238, 162, 54);
}

.btn-primary.disabled {
    background-color: rgba(238, 162, 54, 0.5);
    border-color: rgba(238, 162, 54, 0.5);
    cursor:not-allowed;
}

.btn-primary:hover, .btn-primary:active, btn-primary:focus {
    background-color: rgba(0,71,133,.9) !important;
    border-color: rgb(0, 71, 133) !important;
}

.redpanel .header {
    font-size: 18pt;
}

.redpanel a {
    color: #ffffff;
    text-decoration:underline;
    cursor:pointer;
}

.redpanel .helptext {
    color: #ffffff;
}

.glyphicon {
    padding-right:6px;
    padding-left:6px;
}
.text-danger .glyphicon, .text-success .glyphicon {
      padding-left:0px;
}

.glyphicon.text-danger {
    font-size: 8pt;
    font-style: normal;
}

.help-in-label {
    font-style: normal;
    color: rgba(0,71,133, 1);
    cursor:pointer !important;
}

.help-in-label .glyphicon {
    padding-left:0px;
    padding-right:0px;
}

.portaltinytile .glyphicon {
    padding:0px
}

.tabs {
    padding-left:0px;
}

.tabs li {
    list-style: none;
    float: left;
    margin-right: 5px;
    margin-bottom: 0px;
}

.tabs li div {
    display: block;
    background-color: #ececec;
    padding: 10px 15px;
    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
}

 .tabs li.active div, .tabs li div:hover  {
    display: block;
	background-color : rgba(239,62,66,0.9);
	color: white;
} 

 .tabs li.disabled div:hover  {
    cursor:not-allowed;
    background-color: #ececec;
    color: #000000;
}
.tabpanel {
    border: 2px solid #ececec;
    border-radius: 0px 5px 5px 5px;
}

 label {
    color: rgba(0,71,133, 1);
 }

.row {
    padding: 5px;
}

.nopadding {
    padding:0px;
}

.extratoppadding {
    padding-top:15px;
}

.helptext {
    font-size: 0.8em;
    font-style:italic;
    color: #808080;

}

div.label {
    font-weight: bold;
    color: rgba(0,71,133, 1);
    font-size:1em;
    padding-left:15px;
}

[v-cloak] > * { display:none }
[v-cloak]::before { content: "loading…" }

.processbar {
    width: 50px;
    height: 20px;
    background-color: lawngreen;
    position: relative;
    -webkit-animation: processbar 5s linear infinite; /* Safari 4.0 - 8.0 */
    animation: processbar 5s linear infinite;
}

@-webkit-keyframes processbar {
    from {left: 0px;}
    to {left: 1000px;}
}

@keyframes processbar {
    from {left: 0px;}
    to {left: 1000px;}
}