﻿body {
    padding-top: 4px;
    padding-bottom: 20px;
    background-color:rgb(21,57,94);
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.headercontainer{
    background-color: rgb(21,57,94);
   
}

.headertext{
    color:white;
    font-size:64px;
}
.headertext32{
    color:white;
    font-size:28px;
    font-style:italic;
    text-align:center;
}
.zerotopmargin{
    margin-top:0px;
}
.logincontent{
  
   margin-left:0px;
   margin-top:0px;
   float:left;
}
.bering-banner {
    padding-left:50px;
    float:left;
    vertical-align:top;
}

.menu {
    background-color:white;
}
.menu-active{
    /*background-color:rgb(91,155,213);*/
     background-color:lightgray;
     color:black;
}

.menu a{
    color:black; 
    padding:4px;
}

.menublank{
    background-color:white;width:1px;
}

.footertext{
    color:wheat;
    font-size: 10px;
    text-align:center;
}
.signcout{
    color:white;
    font-size: 12px;
}

.registrationcontent{
   width: 60%; 
   margin-left:200px;
   margin-top:0px;
}

.newregistrationcontent{
   width: 98%; 
   margin-left:30px;
   margin-top:10px;
}

div.columns4       { width: 100%; margin-left:20px; }
div.columns4 p   { width: 100%; height: 2px; float: left; }
div.columnslabel   { width: 12%; height: 20px; float: left; }
div.columnscontrol   { width: 38%; height: 20px; float: left; }
div.fieldcolumn    { position:relative; }
div.fieldcolumn label   { margin-top:10px; }
div.fieldcolumn input[type=text],[type=number]   { width:80%; }
div.clear          { clear: both; height:20px; }

#requestqueue {
        width: 100%;
        min-height: 396px;
        margin: 10px auto 0;
    }

#help {
        margin: 10px auto 0;
    }

.popupcontent{
    background-color:white;
}

.smalltext{
    font-size: 10px;
}

.imgnote{
    cursor: pointer; 
    cursor: hand;
    height:auto;
    width:20px;
}

.gridfont{
    font-size:7.5pt;
    color:black;
}

.loginpadding{
    padding-right:20px;
}

.logoutsection{
    max-width:70%;
    float:right;
    text-wrap:none;
}

.workorder{
     
}

.workorderfiltercolumn{
    width:8%; 
}
.workordercolumn{
    width:7.8%; 
}

.blinking {
    animation: visibilityToggle 1s step-start 5;
}

@keyframes visibilityToggle {
    50% {
        visibility: hidden;
    }
}
 