body
{
    width: 1140px;
}
.PageWidth {
    width: 1140px;
}
.Menu_L1_Link {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Roboto, sans-serif; LETTER-SPACING: 1px; 
    TEXT-ALIGN: center; TEXT-DECORATION: none;
    width: 155px;
    background-color: #0066B2;
}
.Menu_L1_Active {
	font-family: Roboto, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #F5A623;
    width: 155px;
}
.MenuArea_L1
{
    width: 940px;
}
.Menu_L2_Link {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Roboto, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none;
    width: 940px;
    height: 40px;
    background-color: #FDECD2;
}

.Menu_L2_Link_Space {
    width: 0.3%;
    background-color: #FFFFFF;
}

.Menu_L2_Link A:link     {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; font-weight: medium; color: #38455E;}
.Menu_L2_Link A:visited  {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; font-weight: medium; color: #38455E;}
.Menu_L2_Link A:hover    {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #38455E;}

.Menu_L2_Active {
	FONT-SIZE: 12px; background-color:#FFFFFF; FONT-FAMILY: Roboto, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none; font-weight: bold;
}
.LocationDisplay {
	color:#38455E !important;
    vertical-align:middle;
    font-size:22px;
    font-family:Roboto, sans-serif;
    font-weight:bold;
    text-align:center;
    background-color: rgba(0, 102, 178, 0.07);
    width:200px;
    height:100px;
}
.Item_L1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Roboto, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none;
    background-color: #0066B2;
    width:200px;
}
.Item_L2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Roboto, sans-serif; TEXT-ALIGN: right; TEXT-DECORATION: none;
    width:200px;
    background-color: rgba(0, 102, 178, 0.07);
}

#MenuArea_L1
{
    height:50px;
}

#table2
{
    border-spacing:initial;
    width: 1140px;
}

#table7 
{
	width: 1140px;
}

#table3 
{
	width: 1140px;
}

.Item_Content
{
    width: 884px;
}
.Item_Edge
{
    background: #ffffff;
    width: 56px;
}

BODY {
	FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Roboto, sans-serif; background-attachment:fixed; background-repeat:no-repeat; background-position:center center;
    width: 1140px;
    margin: auto;
    overflow: hidden;
    overflow-x: auto;
}
.logout {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0436a5; FONT-FAMILY: Roboto, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
TABLE {
	FONT-SIZE: 14px; FONT-FAMILY: Roboto, sans-serif
}
.GatewayName {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Roboto, sans-serif
}
.GatewayType {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Roboto, sans-serif
}
.table_title {
	FONT-WEIGHT: bold; LINE-HEIGHT: 22px;
}
.curUserName {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #023da3; FONT-FAMILY: Roboto, sans-serif
}
.welcom {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #00399e; FONT-FAMILY: Roboto, sans-serif
}
.TimeOut {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0436a5; FONT-FAMILY: Roboto, sans-serif; TEXT-DECORATION: none
}
#loading {
	width: 380px;
	background-color: #ffffff;
	border: 1px solid #ff9900;
}
#loadcss {
	display: block;
	background-color: #ff9900;
	text-align: right;
}
#btnOK {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc
}
#btnCancel {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; BORDER-TOP-COLOR: #cccccc; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc
}
.InputTextWarning {
	border-top:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	color:#CC0000;
}

.table1_help {
	width:80px;
}
.table1_bg {
	BACKGROUND-COLOR: #767676; margin-top:-1px;
}
.table1_title {
	BORDER-BOTTOM: #c4d7e5; TEXT-ALIGN: center; BORDER-LEFT: #c4d7e5; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #e7e7e7; HEIGHT: 20px; FONT-SIZE: 12px; BORDER-TOP: #c4d7e5; FONT-WEIGHT: bold; BORDER-RIGHT: #c4d7e5
}
.table1_head {
	LINE-HEIGHT: 20px; HEIGHT: 20px; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.table1_left {
	LINE-HEIGHT: 24px; BACKGROUND-COLOR: #e7e7e7; PADDING-LEFT: 5px; HEIGHT: 24px;
}
.table1_right {
	LINE-HEIGHT: 24px; BACKGROUND-COLOR: #f8f8f8; PADDING-LEFT: 5px; HEIGHT: 24px
}
.table1_submit {
	PADDING-BOTTOM: 5px; LINE-HEIGHT: 24px; PADDING-LEFT: 5px; HEIGHT: 24px; PADDING-TOP: 5px
}.table1_01 {
	LINE-HEIGHT: 20px; BACKGROUND-COLOR: #f8f8f8; PADDING-LEFT: 5px; HEIGHT: 20px; COLOR: #000; FONT-SIZE: 12px
}
.table1_02 {
	LINE-HEIGHT: 20px; BACKGROUND-COLOR: #f8f8f8; PADDING-LEFT: 5px; HEIGHT: 20px; COLOR: #000; FONT-SIZE: 12px
}.cbi-tabmenu {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	background-color: #e7e7e7;
}

.cbi-tab {
	height: 30;
	list-style: none;
	margin: 0 0 10 0;
	padding: 0;
	cursor:pointer;
	background-color: #ef8218;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Roboto, sans-serif;
	text-align: right;
	text-decoration: none
}

.cbi-tab a{
	color: #FFFFFF;
}

.cbi-tab-disabled {
	height: 30;
	list-style: none;
	margin: 0 0 10 0;
	padding: 0;
	cursor: pointer;
	background-color: #ef8218;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	font-family: Roboto, sans-serif;
	text-align: right;
	text-decoration: none
}

.cbi-tab-disabled a{
	color: #000000;
}

.cbi-tab-pel {
	height: 30;
	list-style: none;
	margin: 0 0 10 0;
	padding: 0;
	cursor:pointer;
	background: url(/img/panel3.gif);
}

.cbi-section-table {
	cellSpacing: 0;
	cellPadding: 0;
	border-style: solid;
	border-width: 2px;
	border-collapse: collapse;
	width: 470;
	text-align: left;
	font-size: 12px;
	font-family: Roboto, sans-serif;
}

table.cbi-section-table tr {
	border-style: solid;
	border-width: 2px;
	border-collapse: collapse;
}

table.cbi-section-table td {
	padding:5px 0;
}

table.cbi-section-table input,
table.cbi-section-table textarea,
table.cbi-section-table select,
table.cbi-section-table button {
	width: 150;
	font-size: 12px;
	font-family: Roboto, sans-serif;
	word-wrap: break-all;
	word-break: normal;
	white-space: normal;
}

.cbi-section-table-scroll {
	cellSpacing: 0;
	cellPadding: 0;
	border-style: solid;
	border-width: 2px;
	border-collapse: collapse;
	width: 470;
	text-align: left;
	font-size: 12px;
	font-family: Roboto, sans-serif;
}

table.cbi-section-table-scroll th,
table.cbi-section-table-scroll tr,
table.cbi-section-table-scroll td {
	border-style: solid;
	border-collapse: collapse;
	width: 150;
	font-size: 12px;
	font-family: Roboto, sans-serif;
	word-wrap: break-all;
	word-break: normal;
	white-space: normal;
}

table.cbi-section-table-scroll th,
table.cbi-section-table-scroll tr {
	border-width: 2px;
}

table.cbi-section-table-scroll td {
	border-width: 2px 0 2px 0;
}

.alert-message {
	font-weight: bold;
	font-size: 12px;
	font-family: Roboto, sans-serif;
	text-align: left;
}

.alert-message error{
	font-weight: bold;
	font-size: 12px;
	font-family: Roboto, sans-serif;
	font-color: #ff0000;
	text-align: left;
}

.formbutton {font-family:  Roboto, Helvetica, sans-serif; font-size: 10px;}

.dislink { font-family:  Roboto, Helvetica, sans-serif; font-size: 10px; color:#666666 ; text-decoration: line-through;  }


.helplink { font-style: italic; }

.sub-content{
    margin: 0;
    height: 30px;
    background-color: #cccccc;
    padding: 10px 10px 0px 10px;
	cursor: pointer;
}

.sub-content.active{
    background-color: #0066B2;
	color: #ffffff;
	cursor: pointer;
}

.sub-content a{
    color: #000000 !important;
}

A:link    {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; color: #FFFFFF;
				display: inline-block;
				width: 100%;
				height: 100%;
			}
A:visited {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; color: #FFFFFF}
A:hover   {font-family:  Roboto, sans-serif; font-size: 14px; font-weight: bold;  color: #FFFFFF}
input     {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none;}
select    {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; border-radius: 6px;}

.alert { color: #cc0000; }


FORM {
    overflow-y: auto;
    margin: auto;
    overflow-x: hidden;
}

BODY.main {
    font-family: Roboto, Helvetica, sans-serif; font-size: 14px;
    background-color: white;
    margin-top: 30px;
    margin-left: 30px;
}
table.headtable {
    border: 1px solid black;
    padding: 0px;
    width: 300px;
    height: 25px;
}

td.progressBarFilled {
    background-color: #5aa5b5;
    padding: 2px;
    width: 5%;
}

td.progressBarEmpxy {
    background-color: white;
    color: white;
    padding: 2px;
    width: 5%;
}
td.title {
    background-color:#660066;
    vertical-align:middle;
    font-size:18.0px;
    font-family:Roboto, sans-serif;
    color:#fffbf0;
}
td.header {
    color:#38455E !important;
    vertical-align:middle;
    font-size:22px;
    font-family:Roboto, sans-serif;
    font-weight:bold;
    text-align:center;
    background-color: rgba(0, 102, 178, 0.07);
    width:200px;
    height:80px;
    }
td.headline {
    vertical-align:middle;
    font-size:18.0px;
    font-family:Roboto, sans-serif;
    color:#38455E;
    font-weight:bold;
}
td.tabhead {
    background-color:#660066;
    vertical-align:middle;
    font-size:12.0px;
    font-family:Roboto, sans-serif;
    color:#ffffff;
    text-align:center;
    font-weight: bold;
}
td.databold {
    font-size:10.0px;
    font-family:Roboto, sans-serif;
    font-weight: bold;
}
td.tabdata {
    font-size: 14.0px;
    font-family: Roboto, sans-serif;
}

.oneline *{
    display: inline-block;
}

td.tabbar{
    background-color:#cccccc;
}
td.intabdataleft{
    font-size:10.0px;
    font-family:Roboto, sans-serif;
    font-weight: bold;
}

.nav-main{
    width: 940px;
}
.nav-main font{ color: #FFFFFF;}

.navmaintdct{
    width: 155px;
    background-color: #0066B2;
}

.navmaintdspace{
    width: 2px;
    background-color: #FFFFFF;
}

.nav-main-sel {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #F5A623;
    width: 155px;
}

.nav-sub {
    width: 940px;
    height: 40px;
}

.nav-sub font{ color: #38455E;}

.navsubtdct{
    width: 14%;
}

.navsubtdspace {
    width: 0.3%;
    background-color: #FFFFFF;
}

.nav-sub-sel {
    background-color: #FFFFFF !important;
}

.title-main {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align:center;
    background-color: #0066B2;
    width: 200px;
}
.title-sub {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #38455E;
    text-align:center;
    background-color: rgba(0, 102, 178, 0.07);
    width: 200px;
}

.title-sub font{color: #38455E;}

.help-header {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.help-main {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FF9933;
}
.help-sub {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #6666FF;
}
.help-text {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.model {
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: medium;
    color: #000000;
}
.model font{
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px !important;
    font-weight: medium;
    color: #000000;
}
.model span{
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 14px !important;
    font-weight: medium;
    color: #000000;
}

.light-orange {
background-color: #0066B2;
opacity: 0.07;
}

.light-orange-line {
color: rgba(0, 102, 178, 0.07);}

.orange {
background-color: #E7E7E7;}

.black { 
background-color: #2a8dd4;}

.blue {
background-color: #FDECD2;}

.blue div {
/*  padding-top: 7px;
    padding-bottom: 7px;*/
}

.InputTextWarning {
    border-top:0px;
    border-bottom:0px;
    border-left:0px;
    border-right:0px;
color:#CC0000;}

.content A:link    {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #777777}
.content A:visited {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #777777}
.content A:hover   {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #FF9933}
.nav-main A:link    {font-family:  Roboto, sans-serif; font-size:15px; text-decoration: none; font-weight: bold; color: #777777}
.nav-main A:visited {font-family:  Roboto, sans-serif; font-size:15px; text-decoration: none; font-weight: bold; color: #777777}
.nav-main A:hover   {font-family:  Roboto, sans-serif; font-size:15px; text-decoration: none; font-weight: bold; color: #FF9933}

.nav-sub A:link     {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; font-weight: medium; color: #FFFFFF}
.nav-sub A:visited  {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; font-weight: medium; color: #FFFFFF}
.nav-sub A:hover    {font-family:  Roboto, sans-serif; font-size: 14px; text-decoration: none; font-weight: bold; color: #FFFFFF}
.table1_bg {
    BACKGROUND-COLOR: #767676; margin-top:-1px;
}
.table1_left {
    LINE-HEIGHT: 24px; BACKGROUND-COLOR: #e7e7e7; PADDING-LEFT: 5px; HEIGHT: 24px;font-size: 8.0px;font-family: Roboto, sans-serif;
}
.table1_right {
    LINE-HEIGHT: 24px; BACKGROUND-COLOR: #f8f8f8; PADDING-LEFT: 5px; HEIGHT: 24px;font-size: 8.0px;font-family: Roboto, sans-serif;
}

#ServiceWanInfoTable tr:not(:first-child){
                cursor: pointer;transition: all .25s ease-in-out;
 }
#ServiceWanInfoTable tr:not(:first-child):hover{background-color: #ddd;}

hr {
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(0, 102, 178, 0.07);
    border-right-color: rgba(0, 102, 178, 0.07);
    border-bottom-color: rgba(0, 102, 178, 0.07);
    border-left-color: rgba(0, 102, 178, 0.07);
    background-color: rgba(0, 102, 178, 0.07);
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Medium-webfont.woff');
    src: url('../font/Roboto-Medium-webfont.woff?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Medium-webfont.woff#RobotoRegular') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Medium-webfont.woff');
    src: url('../font/Roboto-Medium-webfont.woff?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Medium-webfont.woff#RobotoBold') format('woff');
    font-weight: bold;
    font-style: normal;
}
 
 
@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Medium-webfont.woff');
    src: url('../font/Roboto-Medium-webfont.woff?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Medium-webfont.woff#RobotoMedium') format('woff');
    font-weight: 300;
    font-style: normal;
}

.button {
    height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #0066B2;
    border: none;
    border-radius: 3px;
    color: white;
    margin-right: 12px;
}
.button[disabled]{
    cursor: no-drop !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.button:hover{
    cursor: pointer;
    background-color: #035795;
}

.button_small {
    height: 30px;
    background-color: #0066B2;
    border: none;
    border-radius: 3px;
    color: white;
    margin-right: 12px;
}
.button_small[disabled]{
    cursor: no-drop !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.button_small:hover{
    cursor: pointer;
    background-color: #035795;
}

.cancel {
    background-color: #F5A623;
}
.cancel:hover {
    background-color: #db9c34;
}
.btnexit {
    background-color: #F5A623;
}
.btnexit:hover {
    background-color: #db9c34;
}
.btndelete {
    background-color: #F5A623;
}
.btndelete:hover {
    background-color: #db9c34;
}
.btnback {
    background-color: #009AE0;
}
.btnback:hover {
    background-color: #0686c0;
}

.tableShowData {
    width:97% !important;
    border: transparent;
}

.tableShowData tr:first-child{
    background-color: #0066B2; 
    height: 50px; FONT-WEIGHT: bold; LINE-HEIGHT: 22px; color: white;
}
.tableShowData font:first-child{
    color: #ffffff;
}
.tableShowData tr:nth-child(even){
    background-color: rgba(0, 102, 178, 0.07);
}
.tableShowData tr:not(:first-child):hover {
    background-color: rgba(245, 166, 35, 0.3);
}

.tableShowData tr:not(:first-child){
    height: 70px;
}

.tableShowData tr:not(:first-child) font{
    color:#38455E;
}

.tableShowDataHeader {color: #FFFFFF;}
.divTableShowData {
    overflow-x: auto;
    width: 940;
}
.tableShowDataW{
    width: 884px;
}

.tableW{width: 1140px;}
.tableW tr:first-child td:first-child {
    width:200px;
}
.tdalign{width: 56px;}
.tdct{width: 200px;}
.tdspace{width: 25px;}
.tdalignleft{padding-left: 56px;}
.tdleftmenu{width: 200px;}
.trbutton{height: 40px;}
.trh{height: 40px;}

.tabdata {
    height: 30px;
}


.tableShowDataChkBox {
    width:100% !important;
    border: transparent;
}


.tableShowDataChkBox tr:nth-child(even){
    background-color: #0066B2 !important;
}

.tableShowDataChkBox tr{
    height: 40px;
    background-color: rgba(0, 102, 178, 0.07);
}

.tableShowDataChkBox tr:not(:first-child) font{
    color:#38455E;
}

::-webkit-scrollbar {
width: 12px;
height: 12px;
}

::-webkit-scrollbar-track {
border: 1px solid #0066B2;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
background: #067fda;  
border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
background: #0066B2;  
}
input[type=radio] {
    width: 16px;
    height: 16px;
}

.tableQS{
    width: 660px;
}

.tableQSct{
    width: 560px;
}

font{
    font-family: Roboto, sans-serif;
}

input[type=checkbox][disabled]+ label{
        border: 1px solid #959292;
        background-color: rgba(149, 146, 146, 0.8);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.navmaintdct div{
	height: 40px;
	top: 50% !important;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.container{
    overflow-y: auto;
    height: 83%;
    width: 1135px;
    margin: auto;
    overflow-x: hidden;
}

.blue a {
    display: block;
    height: 40px;
}

.blue a div {
    height: 40px;
    display: table-cell;
    vertical-align:middle !important;   
}
form table>tbody>tr
{
	height: 25px;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
  }
  .overlay:target {
    visibility: visible;
    opacity: 1;
  }
  
  .popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    position: relative;
    transition: all 1s ease-in-out;
  }
  
  .popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
    background-color: lightgray;
  }
  .popup .close {
    position: absolute;
    top: 10px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    height: 30px;
    width: 20px !important;
  }
  .popup .close:hover {
    color: red;
  }
  .popup .content {
    max-height: 30%;
    overflow: auto;
  }