/* CSS Document */

/* Fonts
================================================== */
@font-face {
	font-family: 'Galano Grotesque Semibold';
	src: url('../fonts/GalanoGrotesque-SemiBold-webfont.eot');
	src: url('../fonts/GalanoGrotesque-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/GalanoGrotesque-SemiBold-webfont.woff2') format('woff2'), url('../fonts/GalanoGrotesque-SemiBold-webfont.woff') format('woff'), url('../fonts/GalanoGrotesque-SemiBold-webfont.ttf') format('truetype'), url('../fonts/GalanoGrotesque-SemiBold-webfont.svg#galano_grotesquesemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Galano Grotesque Regular';
	src: url('../fonts/GalanoGrotesque-Regular-webfont.eot');
	src: url('../fonts/GalanoGrotesque-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/GalanoGrotesque-Regular-webfont.woff2') format('woff2'), url('../fonts/GalanoGrotesque-Regular-webfont.woff') format('woff'), url('../fonts/GalanoGrotesque-Regular-webfont.ttf') format('truetype'), url('../fonts/GalanoGrotesque-Regular-webfont.svg#galano_grotesqueregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Font Settings
================================================== */


		html, body { 
			margin: 0; 
			padding: 0; 
			height: 100%;
			width: 100%; 
			border:none; 
			background-color: #eaecea;
			overflow:hidden;
			position:relative;
		}
	
		#header{
			height: 74px;
			width: 100%;
			background-color: #ffffff;
            background-image: url('../images/zyxel_logo.png');
            background-repeat: no-repeat;
			background-position: 26px 26px;
			position: relative;
			box-shadow: 2px 2px 8px 0px rgba(201,201,201,0.8);
        }
		
		#Menu_background{
			float: left;
			width: 60px;
			height: calc(100% - 76px);
			margin-left: 1.3%;
			background-color: #b4b8b4;
			box-shadow: 2px 0px 4px 0px rgba(0,0,0,0.2);
			position: relative;
			z-index:2;	
		}
	
		#div_background{
			height: calc(100% - 76px);
			width: 100%;
		}
		
		#div_background_other{
			height: calc(100% - 76px);
			width: 100%;
		}
	
		#background{
			height: 100%;
		}
		
		#Menu_text{
			font-size: 0px; 
			list-style-type:none;
			display:inline;
			height: 100%;
		}
		
		#Menu_text li{
			width: 70px;
			height: 60px;
		}

		#Menu_text li:active{
			background-image:url('../images/menu_active_bg.png');
			background-repeat:no-repeat;
			position: relative;
			width: 70px;
			height: 60px;
			background-position: center center;
			margin-left: -10px;
		}
		
		#Menu_text li.active{
			background-image:url('../images/menu_active_bg.png');
			background-repeat:no-repeat;
			position: relative;
			width: 70px;
			height: 60px;
			background-position: center center;
			margin-left: -10px;
		}
		
		#Menu_text a:active{
			font-family: Galano Grotesque Regular;
			font-size: 8px;
			color: #ffffff;
			text-align:center;
			text-decoration:none;
			padding-top: 35px;
		}
		
		#Menu_text a.active{
			font-family: Galano Grotesque Regular;
			font-size: 8px;
			color: #ffffff;
			text-align:center;
			text-decoration:none;
			padding-top: 35px;
		}
		
		#i_menu_zyxel a:link{
			background-image: url('../images/i_menu_zyxel_normal.png');
			background-repeat: no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			background-position: center top;
			margin-top: 10px;
		}
	
		#i_menu_zyxel a:hover{
			background-image: url('../images/i_menu_zyxel_hover.png');
			background-repeat: no-repeat;
			position: absolute;
			margin-left: 0px;
		}
		
		#i_menu_zyxel a:active{
			background-image: url('../images/i_menu_zyxel_active.png');
			background-repeat: no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_zyxel a.active{
			background-image: url('../images/i_menu_zyxel_active.png');
			background-repeat: no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_dashboard a:link{
			background-image:url('../images/i_menu_dashboard_normal.png');
			background-repeat:no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			background-position: center top;
			margin-top: 10px;
		}
		
		#i_menu_dashboard a:hover{
			background-image:url('../images/i_menu_dashboard_hover.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 0px;
		}
		
		#i_menu_dashboard a:active{
			background-image:url('../images/i_menu_dashboard_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_dashboard a.active{
			background-image:url('../images/i_menu_dashboard_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_alarm a:link{
			background-image:url('../images/i_menu_alarm_normal.png');
			background-repeat:no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			background-position: center top;
			margin-top: 10px;
		}
		
		#i_menu_alarm a:hover{
			background-image:url('../images/i_menu_alarm_hover.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 0px;
		}
		
		#i_menu_alarm a:active{
			background-image:url('../images/i_menu_alarm_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_alarm a.active{
			background-image:url('../images/i_menu_alarm_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
	
		#i_menu_inventory a:link{
			background-image:url('../images/i_menu_inventory_normal.png');
			background-repeat:no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			background-position: center top;
			margin-top: 10px;
		}
		
		#i_menu_inventory a:hover{
			background-image:url('../images/i_menu_inventory_hover.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 0px;
		}
		
		#i_menu_inventory a:active{
			background-image:url('../images/i_menu_inventory_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_inventory a.active{
			background-image:url('../images/i_menu_inventory_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_map a:link{
			background-image:url('../images/i_menu_map_normal.png');
			background-repeat:no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			background-position: center top;
			margin-top: 10px;
		}
		
		#i_menu_map a:hover{
			background-image:url('../images/i_menu_map_hover.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 0px;
		}
		
		#i_menu_map a:active{
			background-image:url('../images/i_menu_map_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_map a.active{
			background-image:url('../images/i_menu_map_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}

		#i_menu_performance a:link{
			background-image:url('../images/i_menu_performance_normal.png');
			background-repeat:no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			background-position: center top;
			margin-top: 10px;
		}
		
		#i_menu_performance a:hover{
			background-image:url('../images/i_menu_performance_hover.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 0px;
		}
		
		#i_menu_performance a:active{
			background-image:url('../images/i_menu_performance_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_performance a.active{
			background-image:url('../images/i_menu_performance_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_maintenance a:link{
			background-image:url('../images/i_menu_maintenance_normal.png');
			background-repeat:no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			background-position: center top;
			margin-top: 10px;
		}
		
		#i_menu_maintenance a:hover{
			background-image:url('../images/i_menu_maintenance_hover.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 0px;
		}
		
		#i_menu_maintenance a:active{
			background-image:url('../images/i_menu_maintenance_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_maintenance a.active{
			background-image:url('../images/i_menu_maintenance_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_administration a:link{
			background-image:url('../images/i_menu_administration_normal.png');
			background-repeat:no-repeat;
			position: absolute;
			width: 60px;
			height: 60px;
			background-position: center top;
			margin-top: 10px;
		}
		
		#i_menu_administration a:hover{
			background-image:url('../images/i_menu_administration_hover.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 0px;
		}
		
		#i_menu_administration a:active{
			background-image:url('../images/i_menu_administration_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#i_menu_administration a.active{
			background-image:url('../images/i_menu_administration_active.png');
			background-repeat:no-repeat;
			position: absolute;
			margin-left: 10px;
			margin-top: 0px;
		}
		
		#Action_background{
			height: calc(100% - 76px);
			width: 5.1%;
			float:right;
			background-position: center top;
			border-radius: 4px;
		}
		
		#Action_background ul{
			list-style-type:none;
			display:inline;
		}
		
		#Action_background li{
			background: #fcfcfc;
			margin-bottom: 10px;
		}
		
		#Action_background li:active{
			background: #888888;
		}
		
		#Action_background li.active{
			background: #888888;
		}
		
		#i_action_colum_settings{
			width: 28px;
			height: 28px;
			margin-left:auto;
			margin-right:auto;
		}
		
		#i_action_colum_settings a:link{
			background-image:url('../images/i_action_colum_settings_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;			
		}
		
		#i_action_colum_settings a:hover{
			background-image:url('../images/i_action_colum_settings_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_colum_settings a:active{
			background-image:url('../images/i_action_colum_settings_active.png');
			background-repeat:no-repeat;
			position: absolute;
			
		}
		
		#i_action_colum_settings a.active{
			background-image:url('../images/i_action_colum_settings_active.png');
			background-repeat:no-repeat;
			position: absolute;
			
		}
		
		.content_background{
			height: calc(100% -74px);
			box-shadow: 2px 2px 8px 0px rgba(201,201,201,0.8);
			background-position: center top;
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			margin-left: calc(2.6% + 60px);
			margin-right: 5.1%;
			float: center;
			position: relative;
		}
		
		#content{
			background: rgba(0,0,0,0.2);
			z-index:2;
			display: none;
			height: 100%;
		}
		
		#div_content{
			background: rgba(0,0,0,0.2);
			z-index:2;
			display: none;
		}
		
		#content_main{
			background-color: #fcfcfc;
		}
		
		.exit{
			width: 20px;
			height: 20px;
			background-image: url('../images/i_close.png');
			background-repeat: no-repeat;
			background-color: #fcfcfc;
			margin-top: 15px;
			margin-right: 26px;
			float: right;
		}
		
		#zyxel_background{
			width: 26%;
			height: 100%;
			background-color: #fcfcfc;
			box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
			display: none;
			z-index:3;
			position: relative;
			filter: blur(0px);
			overflow: hidden;
		}
		
		#zyxel_photo{
			width: 84px;
			height: 84px;
			border: 0;
			margin-top: 44px;
			margin-left: calc(50% - 42px);
		}
		
		#zyxel_name{
			font-family: Galano Grotesque Regular;
			font-size: 16px;
			color: #333333;
			text-align:center;
			text-decoration:none;
			margin-top: 2px;
		}
		
		#zyxel_table{
			width: calc(20%/0.26);
			margin-top: 8px;
			margin-left: calc(3%/0.26);
		}
		
		#table_title{
			width: calc(10%/0.26);
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			padding-top: 18px;
			text-align: left;
		}
		
		#table_content{
			width: calc(10%/0.26);
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #666666;
			padding-top: 18px;
			text-align: left;
		}
		
		.button_div{
			width: 100%;
			height: 30px;
			margin-top: 20px;
			margin-bottom: 22px;
		}
		
		.display{
			display:none;
		}
		
		.button{
			width: 84px;
			height: 30px;
			padding: 6px 18px;
			font-family: Galano Grotesque Semibold;
			font-size: 15px;
			color: #fff;
			box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15);
			border-radius: 15px;
			outline: medium none;
		}
		
		.button_green{
			background-color: #64be00;
		}
		
		.button_gray{
			background-color: #b3b3b3;
		}
		
		.button_center{
			margin-left: calc(50% - 42px);
		}
		
		input.button_green:hover{
			background-color: #3c9f00;
		}
		
		input.button_gray:hover{
			background-color: #919191;
		}
		
		#Control_background{
			width: 69%;
			height: 100%;
			background-color: #fcfcfc;
			box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
			display: none;
			margin-left: 31%;
			position: relative;
			overflow-y: scroll;
			overflow-x: hidden;
		}
		
		#control_title{
			font-family: Galano Grotesque Regular;
			font-size: 16px;
			color: #333333;
			text-align: left;
			margin-left: calc(2.1%/0.69);
			padding-top: 24px;
		}
		
		#control_subtitle{
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			color: #333333;
			text-align: left;
			margin-left: calc(2.1%/0.69);
			padding-top: 24px;
		}
		
		.checkboxlist{
			width : 200px;
			height: 19px;
			margin-left: 7px;
			padding-left: 26px;
			background-position: left center;
		}
		
		input[disabled] {
    		background: #dddddd;
		}
		
		input[type="checkbox"] {
			display: none;
		}
		
		input[type="checkbox"] + label{
			display: inline-block;
			background-image: url('../images/check_box_unselect.png');
			background-repeat: no-repeat;
		}
		
		input[type="checkbox"]:checked + label{
			background-image: url('../images/check_box_selected.png');
		}
		
		#Allcheckbox{
			width : calc(64.8%/0.69);
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			text-align: left;
			padding-top: 18px;
			padding-left: 5px;
			padding-bottom: 23px;
			margin-left: calc(2.1%/0.69);
			margin-right: calc(2.1%/0.69);
		}
		
		#content_list{
			width: 11%;
			height: calc(100% - 60px);
			float: left;
			position: relative;
			padding-top: 86px;
			margin-left: calc(1.3% + 60px);
		}
		
		#sms_list{
			width: 11%;
			height: calc(100% - 60px);
			float: left;
			position: relative;
			padding-top: 86px;
			display: none;
			margin-left: calc(1.3% + 60px);
		}

		#Alarm_text{
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			color: #4d4d4d;
			text-align:center;
			text-decoration:none;
		}
		
		#Alarm_text_desc{
			font-family: Galano Grotesque Regular;
			font-size: 12px;
			color: #666666;
			text-align:center;
			text-decoration:none;
		}
		
		#Alarm_image{
			width: 90px;
			height: 90px;
			background-repeat: no-repeat;
			background-position: center center;
			margin-left:calc(50% - 45px);
			margin-top: 10px;
		}
		
		#Alarm_Number{
			font-family: Galano Grotesque Regular;
			font-size: 22px;
			color: #333333;
			text-align:center;
			text-decoration:none;
			padding-top: 23px;
		}
		
		.tab_alarm{
			width: calc(81.7% - 60px);
			height: calc(100% - 26px);
			padding-top: 26px;
			margin-left: calc(13.2% + 60px);
			position: relative;	
		}

		.tab_other{
			width: calc(82.6% - 60px);
			height: calc(100% - 26px);
			padding-top: 26px;
			margin-left: calc(12.3% + 60px);
			position: relative;	
		}
		
		.tab_disable{
			width: calc(91.5% - 60px);
			margin-left: calc(3.4% + 60px);
		}

		#table_Titles{
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #ffffff;
			text-align:left;
			text-decoration:none;
		}
		
		#table_text{
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			text-align:center;
			text-decoration:none;
		}
		
		#table{
			width: 74%;
			height: 100%;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			background: #f3f5f3;
			box-shadow: 2px 2px 8px 0px rgba(201,201,201,0.8);
			margin-left: 1.4%;
			margin-right: 1.4%;
		}
		
		#tab_content{
			width: 100%;
			height: calc(100% - 17px);
			padding: 0;
			margin: 0;
			background: #fcfcfc;
			box-shadow: 2px 2px 8px 0px rgba(201,201,201,0.8);
			display: block;
			border-width: 0px;
			overflow: hidden;
		}
		
		#tab_background{
			list-style-type: none;
			display: inline-block;
			padding: 0;
			margin: 0;
		}
		
		#tab_background li{
			height: 30px;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			display: inline-block;
			margin-right: 4px;
		}
		
		#tab_background li:active{
			background: #fcfcfc;
			margin-right: 4px;
		}
		
		#tab_background li.active{
			background: #fcfcfc;
			margin-right: 4px;
		}
		
		#tab_background li a{
			background: #f3f5f3;
			width: 106px;
			height: 31px;
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			color: #666666;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			box-shadow: 2px -3px 8px 0px rgba(201,201,201,0.8);
			margin-bottom: -1px;
			border-width: 0px;
			line-height: 30px;
		}
		
		#tab_background li a:hover{
			background: #fcfcfc;
			font-family: Galano Grotesque Semibold;
			font-size: 15px;
			color: #4d4d4d;
		}
		
		#tab_background li a:active{
			
			font-family: Galano Grotesque Semibold;
			font-size: 15px;
			color: #4d4d4d;
		}
		
		#tab_background li a.active{
			background: #fcfcfc;
			font-family: Galano Grotesque Semibold;
			font-size: 15px;
			color: #4d4d4d;
		}
		
		#i_action_filter{
			width: 28px;
			height: 28px;
			margin:0 auto;
		}
		
		#i_action_filter a:link{
			background-image:url('../images/i_action_filter_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;
		}
		
		#i_action_filter a:hover{
			background-image:url('../images/i_action_filter_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_filter a:active{
			background-image:url('../images/i_action_filter_active.png');
			background-repeat:no-repeat;
			position: absolute;	
		}
		
		#i_action_filter a.active{
			background-image:url('../images/i_action_filter_active.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_move{
			width: 28px;
			height: 28px;
			margin:0 auto;
		}
		
		#i_action_move a:link{
			background-image:url('../images/i_action_move_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;
		}
		
		#i_action_move a:hover{
			background-image:url('../images/i_action_move_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_move a:active{
			background-image:url('../images/i_action_move_active.png');
			background-repeat:no-repeat;
			position: absolute;	
		}
		
		#i_action_move a.active{
			background-image:url('../images/i_action_move_active.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_add_note{
			width: 28px;
			height: 28px;
			margin:0 auto;
		}
		
		#i_action_add_note a:link{
			background-image:url('../images/i_action_add_note_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;
		}
		
		#i_action_add_note a:hover{
			background-image:url('../images/i_action_add_note_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_add_note a:active{
			background-image:url('../images/i_action_add_note_active.png');
			background-repeat:no-repeat;
			position: absolute;	
		}
		
		#i_action_add_note a.active{
			background-image:url('../images/i_action_add_note_active.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_refresh{
			width: 28px;
			height: 28px;
			margin:0 auto;
		}
		
		.tooltip{
			position: relative;
			display: inline-block;
		}
		
		.tooltip .tooltiptext{
			width: 50px;
			visibility: hidden;
			background-color: white;
			font-family: Galano Grotesque Semibold;
			color: #4d4d4d;
			text-align: center;
			border-radius: 3px;
			position: absolute;
			z-index: 1;
			top: 5px;
			right: 40px;
			
			box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
		}
		
		.tooltip .tooltiptext::after{
			content: "";
			position: absolute;
			top: 50%;
			left: 100%;
			margin-top: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent transparent white;
		}
		
		.tooltip:hover .tooltiptext{
			visibility: visible;
		}
		
		#i_action_refresh a:link{
			background-image:url('../images/i_action_refresh_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;
		}
		
		#i_action_refresh a:hover{
			background-image:url('../images/i_action_refresh_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_refresh a:active{
			background-image:url('../images/i_action_refresh_active.png');
			background-repeat:no-repeat;
			position: absolute;	
		}
		
		#i_action_refresh a.active{
			background-image:url('../images/i_action_refresh_active.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_export{
			width: 28px;
			height: 28px;
			margin:0 auto;
		}
		
		#i_action_export a:link{
			background-image:url('../images/i_action_export_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;
		}
		
		#i_action_export a:hover{
			background-image:url('../images/i_action_export_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_export a:active{
			background-image:url('../images/i_action_export_active.png');
			background-repeat:no-repeat;
			position: absolute;	
		}
		
		#i_action_export a.active{
			background-image:url('../images/i_action_export_active.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_edit{
			width: 28px;
			height: 28px;
			margin:0 auto;
		}
		
		#i_action_edit a:link{
			background-image:url('../images/i_action_edit_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;
		}
		
		#i_action_edit a:hover{
			background-image:url('../images/i_action_edit_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_edit a:active{
			background-image:url('../images/i_action_edit_active.png');
			background-repeat:no-repeat;
			position: absolute;	
		}
		
		#i_action_edit a.active{
			background-image:url('../images/i_action_edit_active.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_create_collector{
			width: 28px;
			height: 28px;
			margin:0 auto;
		}
		
		#i_action_create_collector a:link{
			background-image:url('../images/i_action_create_collector_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;
		}
		
		#i_action_create_collector a:hover{
			background-image:url('../images/i_action_create_collector_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_create_collector a:active{
			background-image:url('../images/i_action_create_collector_active.png');
			background-repeat:no-repeat;
			position: absolute;	
		}
		
		#i_action_create_collector a.active{
			background-image:url('../images/i_action_create_collector_active.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_create_region{
			width: 28px;
			height: 28px;
			margin:0 auto;
		}
		
		#i_action_create_region a:link{
			background-image:url('../images/i_action_create_region_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;
		}
		
		#i_action_create_region a:hover{
			background-image:url('../images/i_action_create_region_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_create_region a:active{
			background-image:url('../images/i_action_create_region_active.png');
			background-repeat:no-repeat;
			position: absolute;	
		}
		
		#i_action_create_region a.active{
			background-image:url('../images/i_action_create_region_active.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_delete{
			width: 28px;
			height: 28px;
			margin:0 auto;
		}
		
		#i_action_delete a:link{
			background-image:url('../images/i_action_delete_normal.png');
			background-position: center center;
			background-repeat:no-repeat;
			position: absolute;
			width: 28px;
			height: 28px;
		}
		
		#i_action_delete a:hover{
			background-image:url('../images/i_action_delete_hover.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#i_action_delete a:active{
			background-image:url('../images/i_action_delete_active.png');
			background-repeat:no-repeat;
			position: absolute;	
		}
		
		#i_action_delete a.active{
			background-image:url('../images/i_action_delete_active.png');
			background-repeat:no-repeat;
			position: absolute;
		}
		
		#Inventory_list{
			width: 11%;
			height: calc(100% - 60px);
			float: left;
			position: relative;
			padding-top: 86px;
			display: none;
			margin-left: calc(1.3% + 60px);
		}
		
		.content_Menu{
			text-align:center;
			padding-bottom: 26px;
		}
		
		.content_Menu a{
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			text-decoration:none;
		}
		
		.content_Menu a:hover {
			font-family: Galano Grotesque Semibold;
			font-size: 15px;
			color: #4d4d4d;
		}
		
		.content_Menu a.active{
			font-family: Galano Grotesque Semibold;
			font-size: 15px;
			color: #4d4d4d;
			text-decoration: underline;
		}
		
		.color_b3b3b3{
			color: #b3b3b3;
		}
		
		.color_666666{
			color: #666666;
		}
		
		.alarm_tool_background{
			display:none;
			width: 26.6%;
			height: 100%;
			background-color: #fcfcfc;
			box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
			display: none;
			margin-left: 73.4%;
			position: relative;
			z-index:3;
			overflow: hidden;
		}
		
		.alarm_tool_background_filter{
			display:none;
			width: 70%;
			height: 100%;
			background-color: #fcfcfc;
			box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
			display: none;
			margin-left: 30%;
			position: relative;
			z-index:3;
			overflow: hidden;
		}
		
		.tool_background_div{
			width: 100%;
			height: calc(100% - 72px);
			overflow-x: hidden;
			overflow-y: auto;
		}
		
		.alarm_tool_background_SMS{
			display:none;
			width: 70%;
			height: 100%;
			background-color: #fcfcfc;
			box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
			display: none;
			margin-left: 30%;
			position: relative;
			z-index:3;
			overflow: hidden;
		}
		
		.alarm_tool_background_create{
			display:none;
			width: 80%;
			height: 100%;
			background-color: #fcfcfc;
			box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
			display: none;
			margin-left: 20%;
			position: relative;
			z-index:3;
			overflow: hidden;
		}
		
		.alarm_tool_title{
			font-family: Galano Grotesque Semibold;
			font-size: 16px;
			color: #333333;
			text-align: left;
			margin-left: calc(1.9% / 0.216);
			padding-top: 24px;
		}
		
		.SMS_title{
			font-family: Galano Grotesque Semibold;
			font-size: 14px;
			color: #333333;
			text-align: left;
			padding-right: 15px;
			padding-top: 26px;
		}
		
		.SMS_name{
			vertical-align: left;
			padding-top: 41px;
			margin-left:26px;
			width: 40%;
			height: 32px;
		}
		
		.SMS_name input{
			border: 0;
			border-bottom: 1px solid #d6d6d6;
			outline: medium none;
			background: #fcfcfc;
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			color: #333333;
			text-align:left;
			text-decoration:none;
			width: 100%;
		}
		
		.sms_item{
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			padding-right: 40px;
		}
		
		#add_note_description{
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			color: #4d4d4d;
			text-align: left;
			margin-left: calc(1.9%/0.216);
			padding-top: 33px;
			padding-bottom: 20px;
		}
		
		#add_note_time{
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			text-align: right;
			margin-right: calc(1.9%/0.216);
			padding-top: 9px;
		}
		
		#add_note_input_box{
			height: 130px;
			width: calc(100% - (3.8%/0.216));
			margin-left: calc(1.9%/0.216);
			color: #ffffff;
			border: 1px solid #d6d6d6;
		}
		
		.export_subtitle{
			font-family: Galano Grotesque Semibold;
			font-size: 13px;
			color: #333333;
			text-align: left;
			font-weight:bold;
			margin-left: calc(1.9%/0.216);
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
		.export_time_content{
			height: 80px;
			margin-left: calc(1.9%/0.216);
		}
		
		.export_time_title{
			float: left;
		}
		
		.export_time_item{
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			text-align: left;
			line-height: 25px;
		}
		
		.export_time_textbox{
			float: left;
			width : calc((17.8%/0.216) - 40px);
		}
		
		.export_time{
			width: 100%;
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			text-align: left;
			background-image:url('../images/i_calender.png');
			background-repeat:no-repeat;
			background-position:right center;
			height: 25px;
			margin-bottom: 8px;
		}
		
		.export_text{
			width: 100%;
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			text-align: left;
			height: 25px;
			margin-bottom: 8px;
		}
		
		#download{
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #666666;
			text-align: center;
			margin: 0 auto;
			outline: medium none;
		}
		
		.center{
			margin: 0 auto;
			position: relative;
			float: left;
			left: 50%;
			width: 50%;
			text-align: center;
			padding-top: 15px;
			transform: translate(-50%, -50%);
		}
		
		input[type="radio"] {
			display: none;
		}
		
		input[type="radio"] + label span{
			display: inline-block;
			background-image: url('../images/radio_unselect.png');
			background-repeat: no-repeat;
			background-position: left center;
			padding-left: 26px;
		}
		
		input[type="radio"]:checked + label span{
			background-image: url('../images/radio_selected.png');
		}
		
		.tagDiv{
			margin-top: 10px;
			margin-left: calc(1.9%/0.216);
			width : calc(17.8%/0.216);
			height: 20%;
			overflow-x: auto;
			overflow-y: auto;
		}
		
		.tagDiv li{
			padding: 4px 6px;
			float: left;
			display: inline-block;
		}
		
		.SMS_To{
			margin-left: 26px;
			margin-top: 26px;
			margin-right: 26px;
			margin-bottom: 12px;
		}
		
		#text_To{
			width:87%; 
			height: 100px;
			vertical-align:top;
			resize:none;  
			margin-right: 26px;
		}
		
		#filter_SMS{
			position: relative; 
			width:100%;
			height: 60%;
		}
		
		#text_Message{
			width:78%; 
			height: 100%;
			vertical-align:top;
			resize:none;
		}
		
		.week_button{
			width: 40px;
			height: 40px;
			padding: 8px 5px;
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			text-align: center;
			color: #4d4d4d;
			box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15);
			border-radius: 20px;
			outline: medium none;
			margin-top: 13px;
			margin-right: 16px;
		}
		
		.week_button_Normal{
			border: 1.5px solid #64be00;
			background-color: #ffffff;
		}
		
		input.week_button:hover{
			font-family: Galano Grotesque Semibold;
			color: #ffffff;
		}
		
		input.week_button_Normal:hover{
			background-color: #64be00;
		}
		
		.SMS_subtitle{
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #333333;
			text-align: left;
			margin-top: 26px;
			padding-top: 26px;
			margin-right: 5px;
		}
		
		.SMS_time{
			color: #ffffff;
			border: 1px solid #d6d6d6;
			margin-top: 26px;
			background-image:url('../images/i_time.png');
			background-repeat:no-repeat;
			background-position:left;
			padding-left:26px;
			margin-right:20px;
		}
		
		.SMS_text{
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			text-align: left;
		}
		
		.performance_play_normal{
			background-image:url('../images/i_play_normal.png');
			background-color: #fcfcfc;
			background-repeat:no-repeat;
			background-position:center center;
			margin-right: 20px;
			border-radius: 3px;
			box-shadow: 2px 2px 8px 0px rgba(201,201,201,0.8);
			float:right;
			height: 12px;
			width: 12px;
		}
		
		.performance_play_normal:hover{
			background-image:url('../images/i_play_hover.png');
		}
		
		.performance_play_disable{
			background-image:url('../images/i_play_disable.png');
		}
		
		.performance_pause_normal{
			background-image:url('../images/i_pause_normal.png');
			background-color: #fcfcfc;
			background-repeat:no-repeat;
			background-position:center center;
			margin-right: 20px;
			border-radius: 3px;
			box-shadow: 2px 2px 8px 0px rgba(201,201,201,0.8);
			float:right;
			height: 12px;
			width: 12px;
		}
		
		.performance_pause_normal:hover{
			background-image:url('../images/i_pause_hover.png');
		}
		
		.performance_pause_disable{
			background-image:url('../images/i_pause_disable.png');
		}
		
		.administration_name{
			vertical-align: center;
			margin:64px auto 30px;
			width: 40%;
			height: 32px;
		}
		
		.administration_name input{
			border: 0;
			border-bottom: 1px solid #d6d6d6;
			outline: medium none;
			background: #fcfcfc;
			font-family: Galano Grotesque Regular;
			font-size: 15px;
			color: #333333;
			text-align:center;
			text-decoration:none;
			width: 100%;
		}
		
		.administration_table{
			width: 60%;
			height: 43%;
			margin:0 auto; 
		}
		
		.administration_table_format{
			border-collapse: collapse;
			width: 100%;
		}
		
		.administration_table_title{
			padding: 8px;
			font-family: Galano Grotesque Semibold;
			font-size: 14px;
			color: #333333;
			text-align:center;
			border-bottom: 1px solid #ddd;
		}	
		
		.administration_table_border{
			border: 1px solid #d6d6d6;
		}
		
		.table_td{
			line-height: 25px;
		}
		
		.administration_table_td{
			height: 25px;
			margin-bottom: 8px;
		}
		
		.administration_table_text{
			padding: 8px;
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			text-align:center;
		}
		
		.administration_form_title{
			padding: 8px;
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #ffffff;
			text-align:left;
		}
		
		.privilege{
			height: 25px;
			width: 22px;
			pointer-events: none;
			margin-bottom: 8px;
		}
		
		.write_icon
		{
			background-image:url('../images/Privilege_edit.png');
			background-repeat:no-repeat;
			background-position:right center;
		}
		
		.onlyread_icon
		{
			background-image:url('../images/Privilege_visible.png');
			background-repeat:no-repeat;
			background-position:right center;
		}
		
		.dataCollection_name{
			vertical-align: left;
			padding-top: 41px;
			margin-left:26px;
			width: 30%;
			height: 32px;
		}
		
		.dataCollection_name input{
			border: 0;
			border-bottom: 1px solid #d6d6d6;
			outline: medium none;
			background: #fcfcfc;
			font-family: Galano Grotesque Regular;
			font-size: 15px;
			color: #333333;
			text-align:left;
			text-decoration:none;
			width: 100%;
		}
		
		.dataCollection_title{
			font-family: Galano Grotesque Semibold;
			font-size: 14px;
			color: #333333;
			text-align: left;
			padding-right: 15px;
			padding-top: 26px;
		}
		
		.text_width{
			width: 270px;
		}
		
		.text_width_100{
			width: calc(100% - 12px);
			margin-right: 12px;
			padding-bottom: 12px
		}
		
		.dataCollection_item{
			font-family: Galano Grotesque Regular;
			font-size: 13px;
			color: #4d4d4d;
			text-align: left;
			padding-right: 15px;
		}
		
		.admin_usercheckbox{
			width : 100%;
			height: 30px;
			background-position: bottom right;
		}
		
		.maintenance_title{
			font-family: Galano Grotesque Semibold;
			font-size: 15px;
			color: #4d4d4d;
			text-align: left;
			padding-right: 15px;
			padding-bottom: 10px;
		}
		
		.maintenance_name{
			vertical-align: left;
			padding-top: 10px;
			padding-bottom: 10px;
			width: 50%;
			height: 32px;
		}
		
		.maintenance_name input{
			border: 0;
			border-bottom: 1px solid #d6d6d6;
			outline: medium none;
			background: #fcfcfc;
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			color: #333333;
			text-align:left;
			text-decoration:none;
			width: 100%;
		}
		
		.maintenance_item{
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			padding-right: 60px;
		}
		
		.maintenance_td_item{
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			color: #4d4d4d;
			text-align: left;
			padding-right: 15px;
		}
		
		.fw_upgrade_item{
			font-family: Galano Grotesque Regular;
			font-size: 14px;
			padding-right: 20px;
		}
		
		.outside_border{
			margin: 26px;
			border: 1px solid #d6d6d6;
			border-radius: 10px;
			width: calc(100% - 52px;)
		}
		
		.item{
			font-family: Galano Grotesque Regular;
			font-size: 14px;
		}
		
		.border_title{
			width:110px;
		    height:26px;
		    position:relative;
		    top:-10px;
		    left: 30px;
		    text-align: center;
		    background: white;
		}