.server_time_box
{
     border: 2px solid #696969;
     padding: 4px;
     vertical-align:	middle;
     text-align:	center;
     width: 210px;

     border-radius: 1;
     margin-top: 0px;
     margin-bottom: 0px;
     box-shadow: 3px 3px #d3d3d3;
}







.btn_left_menu
{
    display: inline-block;
    margin-top: 4;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: #C0C0C0;
    border-radius: 1;
    padding: 10px 30px;
    color: #fff;
    width: 160px;
    height: 30px;
    box-shadow: 4px 4px #d3d3d3;
}










.btn_left_menu_inact
{
    display: inline-block;
    margin-top: 4;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color:  #F8F8FF;
    border-radius: 1;
    padding: 10px 30px;
    color: #fff;
    width: 160px;
    height: 30px;
    box-shadow: 4px 4px #d3d3d3;
}


.btn_left_exit
{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 4;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: #808080;
    border-radius: 1;
    padding: 10px 30px;
    color: #000;
    width: 160px;
    height: 30px;
    box-shadow: 4px 4px #c0c0c0;
}

.btn_function
{
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: #6495ed;
    border-radius: 1;
    padding: 10px 30px;
    color: #000;
    width: 200px;
    height: 30px;
    box-shadow: 4px 4px #d3d3d3;
}


.btn_function2
{
    display: inline-block;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: #6495ed;
    border-radius: 1;
    padding: 8px 20px;
    color: #000;
    width: 200px;
    height: 22px;
    box-shadow: 3px 3px #d3d3d3;
}



.btn_function3
{
    display: inline-block;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: #6495ed;
    border-radius: 1;
    padding: 8px 20px;
    color: #000;
    width: 200px;
    height: 22px;
    box-shadow: 3px 3px #d3d3d3;
}


.btn_login
{
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #696969;
    border-radius: 2px;
    /*background-color: #00ffff;*/
    padding: 10px 10px;
    color: #000;
    /*width: 100px;*/
    box-shadow: 4px 4px #d3d3d3;
}


.box1
{
     border: 2px solid #696969;
     padding: 6px;
     vertical-align:	middle;
     text-align:	center;
     width: 300px;
     border-radius: 1;
     margin-top: 1px;
     margin-bottom: 5px;
     box-shadow: 3px 3px #d3d3d3;
}









.prodstatbox
{
     border: 1px solid #000;
     border-radius: 3px;
     padding: 2px 2px 12px 2px;

     margin-top: 5px;
     margin-bottom: 5px;
     box-shadow: 2px 2px #d3d3d3;
     text-align: center;
     width: 550px;
     height: 46px;
}

.alarmbox
{
     overflow-y: scroll;
     border: 1px solid #000;
     padding: 2px 2px 2px 2px;

     border-radius: 3px;
     margin-top: 0px;
     margin-bottom: 2px;
     box-shadow: 2px 2px #d3d3d3;
     text-align: center;
     width: 760px;
     height: 93px;

}

.statusbox
{
     border: 1px solid #000;
     padding: 2px 2px 12px 2px;
     text-align:	center;

     border-radius: 3px;
     margin-top: 2px;
     margin-bottom: 2px;
     box-shadow: 3px 3px #d3d3d3;

     width: 300px;
     height: 36px;
}



.analyticsbox_small
{
     border: 1px solid #000;
     padding: 20px 2px 2px 2px;
     text-align:	center;
     background:  #b7cde3;
     border-radius: 3px;
     margin-top: 2px;
     margin-bottom: 2px;
     box-shadow: 3px 3px #d3d3d3;

     width: 300px;
     height: 80px;

}




.analyticsbox_small2
{
     border: 1px solid #000;
     padding: 18px 2px 2px 2px;
     text-align:	center;
     background:  #b7cde3;
     border-radius: 3px;
     margin-top: 2px;
     margin-bottom: 2px;
     box-shadow: 3px 3px #d3d3d3;

     width: 300px;
     height: 80px;

}



.analytics_b
{



}




.prod_end_btn_frame
{
     border: 2px solid    #d7dbdd;
     padding: 5px 8px 8px 5px;
     text-align:	center;

     border-radius: 3px;
     background-color:   #f0f3f4;


}





.prod_table
{

     border: 1px solid #000;
     padding: 2px 2px 2px 2px;

     border-radius: 3px;
     margin-top: 2px;
     margin-bottom: 2px;
     box-shadow: 2px 2px #d3d3d3;


}


.prod_frame
{
     border: 2px solid #000;
     padding: 20px 12px 12px 12px;

     border-radius: 10px;
     margin-top: 4px;
     margin-bottom: 4px;
     box-shadow: 4px 4px #d3d3d3;

     width: 1600px;
     height: 680px;

}



.mix_frame
{
     border: 2px solid #000;

     padding-top:    20px;
     padding-right:  20px;
     padding-bottom: 20px;
     padding-left:   20px;

     border-radius: 10px;
     margin-top: 4px;
     margin-bottom: 4px;
     box-shadow: 4px 4px #d3d3d3;

     width: 1600px;
     height: 556px;

}


.trend_box1
{
	border: 2px solid #696969;
        padding: 6px;
        vertical-align:	middle;
	text-align:	center;
	width: 660px;
	height: 660px;
        border-radius: 1;
        margin-top: 4px;
        margin-bottom: 4px;
        margin-left: 20px;
        box-shadow: 4px 4px #d3d3d3;
}


.line1
{
	height: 2px;
	font-size: 2px;
	line-height: 2px;
	background: #C0C0C0;
        width: 100%;
        margin-top: 0em;
        margin-bottom: 4em;
        border-style: inset;
        border-width: 1px;
}


.line2
{
	height: 2px;
	line-height: 2px;
	background: #C0C0C0;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 8px;
}

.line3
{
	height: 2px;
	line-height: 2px;
	background: #C0C0C0;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
}

.menu_left
{
        vertical-align: top;
	padding: 1px 2px 2px 1px;
        margin-left: 1px;

}



table.tbl_login
{
	border-width: 1px 1px 1px 1px;
        padding: 20px 16px 16px 16px;
	border-style: solid solid solid solid;
	border-color: black black black black;
}



input
{
    font-family: Trebuchet MS;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    background-color: #FFF;
    padding: 2px;
}



input:hover
{
    border: 1px solid #222;
    background-color: #EEE;
}



#chart-container
{
                width: 1000px;
                height: 500px;
                margin-left: 20;
                /*border: 1px solid #c6c6c6;*/
}

#chart-container3
{
                width: 1000px;
                height: 500px;
                margin-left: 20;
                /*border: 1px solid #c6c6c6;*/
}


#chart-container5
{
                width: 900px;
                height: 450px;
                margin-left: 60;
                margin-top: 10;
}



#analytics-chart-container1
{
                width: 1000px;
                height: 500px;
                margin-left: 20;
                /*border: 1px solid #c6c6c6;*/
}

#analytics-chart-container2
{
                width: 1000px;
                height: 500px;
                margin-left: 20;
                /*border: 1px solid #c6c6c6;*/
}

#mix-chart-container
{
                width: 1080px;
                height: 700px;
                margin-left: 20;
                border: 0px solid #c6c6c6;
}

.msg_box
{
	display: none;
	background: #e3e0cf;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	text-align: center;
	font-weight: bold;
        margin-top: 4em;
	border: solid #000 1px;
	padding: 0 3px 0 3px;
	height: 28px;
	/*vertical-align: top;*/
        position: absolute; top: 850px;
	width: 99%;
}



div.payload_frame
{
    padding: 10px 10px 10px 0px;
    vertical-align: top;
    border: 0px solid #696969;
    height: 680px;
}


.psw_class
{
    background: #fff;
    border: 1px solid #c6c6c6;
    box-shadow: 0, 0, 0, 0.0980392) 1px 1px 3px 1px inset;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #555;
    width: 100%;
    font-size: 1em;
    display: block;
    padding: 10px 12px;
    margin: 0;
    letter-spacing: -1px;
    font-weight: 300;
}


.usr_class
{
    background: #fff;
    border: 1px solid #c6c6c6;
    box-shadow: 0, 0, 0, 0.0980392) 1px 1px 3px 1px inset;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #555;
    width: 100%;
    font-size: 1em;
    display: block;
    padding: 10px 12px;
    margin: 0;
    letter-spacing: -1px;
    font-weight: 300;
}


.manufacturing_text
{
    background: #fff;
    border: 1px solid #c6c6c6;
    box-shadow: 0, 0, 0, 0.0980392) 1px 1px 3px 1px inset;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #555;
    width: 400px;
    font-size: 1em;
    display: block;
    padding: 10px 12px;
    margin: 0;
    letter-spacing: -1px;
    font-weight: 300;
}


input[type="date"], input[type="time"], select
{
    background: #fff;
    border: 1px solid #c6c6c6;
    box-shadow: 0, 0, 0, 0.0980392) 1px 1px 3px 1px inset;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #555;
    width: 100%;
    font-size: 1em;
    display: block;
    padding: 8px 8px;
    margin: 0;
    letter-spacing: -1px;
    font-weight: 300;
}



input[type="number"], select
{
    background: #fff;
    border: 1px solid #c6c6c6;
    box-shadow: 0, 0, 0, 0.0980392) 1px 1px 3px 1px inset;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #555;
    width: 100%;
    font-size: 1em;
    display: block;
    padding: 10px 12px;
    margin: 0;
    letter-spacing: -1px;
    font-weight: 300;
}


div.lista
{
	overflow-y: scroll;
	width: 1050px;
	height: 380px;
	border: 1px solid #025;
	background-color: #fff;
	color: #000;
	padding: 0 5px 0 5px;
	margin-top: 0px;
	clear: both;
}



div.hallsblock
{
	overflow-y:       scroll;
	/*width:            910px;*/
	height:           120px;
	border:           2px solid #F5F5F5;
	background-color: #FFF;
	color:            #FFF;
	padding:          0 2px 0 2px;
	margin-top:       2px;
	clear:            both;
}



div.prodlinesblock
{
	overflow-y:       scroll;
	/*width:            910px;*/
	height:           120px;
	border:           2px solid #F5F5F5;
	background-color: #FFF;
	color:            #FFF;
	padding:          0 2px 0 2px;
	margin-top:       2px;
	clear:            both;
}


div.activeprodsbox
{
	overflow-y:       scroll;
	/*width:          910px;*/
	height:           640px;
	border:           2px solid #F5F5F5;
	background-color: #FFF;
	color:            #FFF;
	padding:          0 2px 0 2px;
	margin-top:       0px;
	clear:            both;
}




div.analyticsbox
{
	overflow-y:       scroll;
	/*width:          910px;*/
	height:           640px;
	border:           2px solid #F5F5F5;
	background-color: #FFF;
	color:            #FFF;
	padding:          0 2px 0 2px;
	margin-top:       0px;
	clear:            both;
}



div.handbookbox
{
	overflow-y:       scroll;
	/*width:          910px;*/
	height:           300px;
	border:           2px solid #F5F5F5;
	background-color: #FFF;
	color:            #FFF;
	padding:          0 2px 0 2px;
	margin-top:       0px;
	clear:            both;
}


div.appbox
{
	overflow-y:       scroll;
	/*width:          910px;*/
	height:           200px;
	border:           2px solid #F5F5F5;
	background-color: #FFF;
	color:            #FFF;
	padding:          0 2px 0 2px;
	margin-top:       0px;
	clear:            both;
}     









.mixname
{
	width:  400px;
	height:  110px;
	border: 2px solid #000;
	background-color: #fff;
	color: #000;
	padding: 0 2px 0 2px;
	margin-top: 0px;
	clear: both;
}


div.mixbox
{
	overflow-y:       scroll;
	/*width:          910px;*/
	height:           600px;
	border:           2px solid #F5F5F5;
	background-color: #FFF;
	color:            #FFF;
	padding:          0 2px 0 2px;
	margin-top:       0px;
	clear:            both;
}