/* DEFAULTS
----------------------------------------------------------*/

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Bar-Code39";
  src: url("./Code39.eot"); /* IE9 Compat Modes */
  src: url("./Code39.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./Code39.otf") format("opentype"), /* Open Type Font */
    url("./Code39.svg") format("svg"), /* Legacy iOS */
    url("./Code39.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./Code39.woff") format("woff"), /* Modern Browsers */
    url("./Code39.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


a:link, a:visited
{
    color: #034af3;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
    
}

a:hover
{
	font-style:normal;
    color: #1d60ff;
    font-weight:normal;
}

a:active
{
	font-style:normal;
    color: #034af3;
    font-weight:normal;
    
}

.print
{
   
    margin-left:-40px;
}
p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
.bottoneMenu
{

    margin-right:0px;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #444446;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}



/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset	
{

    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

.ordine
{
	width:100%;
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}
fieldset p 
{
	
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
	
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 0px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}




        .Normal
        {
            background-color: #f2f3f4;
            cursor: hand;
        }
        .Normal:Hover, .Alternate:Hover
        {
            background-color: #444446;
            cursor: hand;
            color:White;
        }
        .Alternate
        {
            background-color: #e1e1e1;
            cursor: hand;
        }
    
.greenStyle
{
    color: Green;
}
.redStyle
{
    color: Red;
}
.hidden
    {
        display: none;
    }


.table-container {
    height: 30em;
}

.product  {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}

    .product  thead {
        /* head takes the height it requires, 
    and it's not scaled when table is resized */
        flex: 0 0 auto;
        width: calc(100% - 0.9em);
    }

.product tbody {
    /* body takes all the remaining available space */
    flex: 1 1 auto;
    display: block;
    overflow-y: auto;
}

.product  tbody tr {
    width: 100%;
}

    .product  thead,
    .product  tbody tr {
        display: table;
        table-layout: fixed;
    }
/* decorations */
.table-container {
    padding: 0em;
}

.product  {
}

.product  td, table th {
    padding: 0.3em;
}

    table th {
    }








a.thumb :link {
    color: grey;
}

.thumb img {
    
}

.thumb:hover {
    background-color: transparent;
    color: grey;
}

    .thumb:hover img {
    
    }

.thumb span { /*CSS for enlarged image*/
    position: absolute;
    background-color: white;
    top: 0;
    left: 0;
    margin-left:-200px;
    margin-top:-200px;

    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}

    .thumb span img { /*CSS for enlarged image*/
        border-width: 0;
        padding: 2px;
    }

.thumb:hover span { /*CSS for enlarged image*/
    visibility: visible;
    position: absolute;
    background-color: white;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -400px;
    border: 1px dashed gray;
    z-index: 50;
}

a.level1:link
{
    color: grey;
}


a.pagelink:link,
a.pagelink:visited,
a.pagelink:active {
    color: white;
    text-decoration: none;
}

a.pagelink:hover {
    color: white;
    text-decoration: none;
}

.scroll_checkboxes {
    height: 120px;
    width: 200px;
    padding: 5px;
    overflow: auto;
    border: 1px solid #ccc;
}

.FormText {
    FONT-SIZE: 11px;
}

.tooltip {
    border-bottom: 0px dotted #000000;
    color: #000000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
    width: 200px;
}

    .tooltip span {
        margin-left: -999em;
        position: absolute;
    }

    .tooltip:hover span {
        border-radius: 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        font-family: Calibri, Tahoma, Geneva, sans-serif;
        position: absolute;
        left: 1em;
        top: 2em;
        z-index: 99;
        margin-left: 0;
        width: 200px;
    }

    .tooltip:hover img {
        border: 0;
        margin: -10px 0 0 -55px;
        float: left;
        position: absolute;
    }

    .tooltip:hover em {
        font-family: Candara, Tahoma, Geneva, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        display: block;
        padding: 0.2em 0 0.6em 0;
    }

.classic {
    padding: 0.8em 1em;
}

.custom {
    padding: 0.5em 0.8em 0.8em 2em;
}

* html a:hover {
    background: transparent;
}

.classic {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

.critical {
    background: #FFCCAA;
    border: 1px solid #FF3334;
}

.help {
    background: #EBEBEB;
    border: 1px solid grey;
}

.plusinfo {
    background: #EBEBEB;
    border: 1px solid grey;
}

.info {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

.warning {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}


.barcode {
    font-family: 'Bar-Code39';
    font-size: 30px;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 10px;
}

.sample {
    font-family: 'Bar-Code39';
    font-size: 34px;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 10px;
}

.hide{

    display:none;
}
.show {
    display:block;
}

.green {
    color: green;
}

.red {
    color: red;
}