#toast-container>div {
 width: 250px;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
#wait {
    position:   fixed;
    z-index:    1000;
    top:        50%;
    left:       50%;
    height:     100%;
    width:      100%;   
}
@font-face
{
font-family: Code39AzaleaFont;
src: url('../fonts/Code39Azalea.eot') format('embedded-opentype'), /* IE9 Compat Modes */
   url('../fonts/Code39Azalea.woff') format('woff'), /* Modern Browsers */
   url('../fonts/Code39Azalea.ttf') format('truetype'), /* Safari, Android, iOS */
   url('../fonts/Code39Azalea.svg#Code39Azalea') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'CODE39AZALEANARROW2';
    src: url('../fonts/CODE39AZALEANARROW2.TTF') format('truetype');
}
@font-face {
    font-family: 'CODE39AZALEAWIDE2';
    src: url('../fonts/CODE39AZALEAWIDE2.TTF') format('truetype');
}
@font-face {
    font-family: 'CODE39AZALEAWIDE3';
    src: url('../fonts/CODE39AZALEAWIDE3.TTF') format('truetype');
}

fieldset {
    margin: 4px;
    border: 1px solid silver;
    padding: 4px;
    border-radius: 2px;
}

legend {
    padding: 2px;
    font-size: 12px;
    font-weight: bold;
    color: gray;
    margin-bottom: 0px !important;
}