body {
    font-size: 12px;
    font-family: Verdana;
    background-color:#d9d9d9;
}
div#nav a {
    text-decoration:none;
}
form {
    font-size: 12px;
    font-family:Arial;
}

h1 {
    font-family: bio-sans,Helvetica,sans-serif;
}
a {
    color: #7b0000;
}

h3 {
    color:#531808;
}

.button {
    margin-right: 0.5em;
    border-radius: 4px;
}

ol {
    margin-left: 2em;
}

div#sidebarAd.cleanslate {
    background: #444 !important;
    color: #fff !important;
}

    div#sidebarAd.cleanslate .ad-sponsor {
        color: #ccc !important;
    }

.zurb-footer-top {
    background: #222;
}

@-webkit-keyframes bigAssButtonPulse {
    from {
        background-color: #749a02;
        -webkit-box-shadow: 0 0 25px #333;
    }

    50% {
        background-color: #91bd09;
        -webkit-box-shadow: 0 0 50px #91bd09;
    }

    to {
        background-color: #749a02;
        -webkit-box-shadow: 0 0 25px #333;
    }
}

@-webkit-keyframes greenPulse {
    from {
        background-color: #07be97;
        -webkit-box-shadow: 0 0 9px #333;
    }

    50% {
        background-color: #50bdac;
        -webkit-box-shadow: 0 0 18px #91bd09;
    }

    to {
        background-color: #008571;
        -webkit-box-shadow: 0 0 9px #333;
    }
}

@-webkit-keyframes bluePulse {
    from {
        background-color: #007d9a;
        -webkit-box-shadow: 0 0 9px #333;
    }

    50% {
        background-color: #2daebf;
        -webkit-box-shadow: 0 0 18px #2daebf;
    }

    to {
        background-color: #007d9a;
        -webkit-box-shadow: 0 0 9px #333;
    }
}

@-webkit-keyframes redPulse {
    from {
        background-color: #bc330d;
        -webkit-box-shadow: 0 0 9px #333;
    }

    50% {
        background-color: #e33100;
        -webkit-box-shadow: 0 0 18px #e33100;
    }

    to {
        background-color: #bc330d;
        -webkit-box-shadow: 0 0 9px #333;
    }
}

@-webkit-keyframes magentaPulse {
    from {
        background-color: #630030;
        -webkit-box-shadow: 0 0 9px #333;
    }

    50% {
        background-color: #a9014b;
        -webkit-box-shadow: 0 0 18px #a9014b;
    }

    to {
        background-color: #630030;
        -webkit-box-shadow: 0 0 9px #333;
    }
}

@-webkit-keyframes orangePulse {
    from {
        background-color: #d45500;
        -webkit-box-shadow: 0 0 9px #333;
    }

    50% {
        background-color: #ff5c00;
        -webkit-box-shadow: 0 0 18px #ff5c00;
    }

    to {
        background-color: #d45500;
        -webkit-box-shadow: 0 0 9px #333;
    }
}

@-webkit-keyframes orangellowPulse {
    from {
        background-color: #fc9200;
        -webkit-box-shadow: 0 0 9px #333;
    }

    50% {
        background-color: #ffb515;
        -webkit-box-shadow: 0 0 18px #ffb515;
    }

    to {
        background-color: #fc9200;
        -webkit-box-shadow: 0 0 9px #333;
    }
}

a.button {
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}

.green.button {
    -webkit-animation-name: greenPulse;
    -webkit-animation-duration: 3s;
}

.blue.button {
    -webkit-animation-name: bluePulse;
    -webkit-animation-duration: 4s;
}

.red.button {
    -webkit-animation-name: redPulse;
    -webkit-animation-duration: 1s;
}

.magenta.button {
    -webkit-animation-name: magentaPulse;
    -webkit-animation-duration: 2s;
}
.magentaAlert {
    color:#ffffff;
    background-color:black;
    animation-duration:2s;
animation-iteration-count:infinite;
animation-name:magentaPulse;
margin:5px;
padding:5px;
text-wrap:avoid;
line-height:18px;
}

.orange.button {
    -webkit-animation-name: orangePulse;
    -webkit-animation-duration: 3s;
}

.orangellow.button {
    -webkit-animation-name: orangellowPulse;
    -webkit-animation-duration: 5s;
}

.wall-of-buttons {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}
.greyHeader {
    font-size: 14pt;
    width: 100%;
    color: #ffffff;
    line-height: 20px;
    padding-top: 4px;
    font-family: bio-sans,Helvetica,sans-serif;
    height: 31px;
    background-color: #474846;
    text-align: center
}
.selectedRowStyle {
    background-color: Yellow;
}
.container {
    background: linear-gradient( to right,#ffffff 0%, #ff9e2c 100% );
  
}
.LogisticsButtons {
    -webkit-animation-name: greenPulse;
    -webkit-animation-duration: 1s;
    background-color: #4c7e80;
    box-shadow: 0 3px 0 #808080;
    color: white;
    padding: 1em 1.5em;
    position: relative;
    text-decoration: none;
    font-family-sans-serif: bio-sans,Helvetica,sans-serif;
    font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 14px;
}
.orderHeader {
    font-size: 16px;
    color: #2c3492;
    font-family-sans-serif: bio-sans,Helvetica,sans-serif;
    font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.buttonHeader {
    -webkit-animation-name: greenPulse;
    -webkit-animation-duration: .5s;
    background-color: #4c7e80;
    box-shadow: 0 3px 0 #808080;
    width: 100%;
    text-align: center;
}
.statBlock {
    background-color: cadetblue;
    color: #ffffff;
    width: 200px;
    min-height: 150px;
    padding: 5px;
    margin: 5px;
    top: 50%;
    left: 50%;
   
}
.statHeader {
    text-align:center;
    font-size: 36px;
    padding: 5px;
    margin: 5px;
}
.statDetails {
    text-align: center;
    font-size: 16px;
    padding: 5px;
    margin: 5px;
    font-family-sans-serif: bio-sans,Helvetica,sans-serif;
    font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.arrow {
    border: solid black;
    border-width: 0 8px 8px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.centeredDiv {
    vertical-align: middle;
    margin: 0px 0px 0px 225px;
}
.truckBackground {
    background-image: url("/Images/truck-2-xxl.png");
    background-size: 65px;
    background-position:bottom right;
    background-repeat: no-repeat;
    background-color:#f1536e;
}
.dbBackground {
    background-image: url("/Images/database-xxl.png");
    background-size: 65px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #00c689;
}
.fullFolderBackground {
    background-image: url("/Images/full-folder-xxl.png");
    background-size: 65px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #3da5f4;
}
.listViewBackground {
    background-image: url("/Images/list-view-xxl.png");
    background-size: 65px;
    background-position: bottom right;
    background-repeat: no-repeat;
}
.oawBackground {
    background-image: url("/Images/at-xxl.png");
    background-size: 65px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #fda006;
}
.truckBackgroundColor {
    background-color: #f1536e;
}
.dbBackgroundColor {
    background-color: #00c689;
}
.fullFolderBackgroundColor {
    background-color: #3da5f4;
}
.oawBackgroundColor {
    background-color: #fda006;
}