.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; }


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;
    height: 100%;
    width: 1140px;
    margin: auto;
    overflow-x: hidden;
}
/*FORM {background-color: #f2f2f2;}*/

html {overflow-y: overlay;-ms-overflow-style: -ms-autohiding-scrollbar;}

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;
}
tr.tabdata {
    font-size: 14.0px;
    font-family: Roboto, sans-serif;
}
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-Regular-webfont.eot');
    src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Regular-webfont.woff') format('woff'),
         url('font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('font/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('font/Roboto-Bold-webfont.eot');
    src: url('font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Bold-webfont.woff') format('woff'),
         url('font/Roboto-Bold-webfont.ttf') format('truetype'),
         url('font/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
 
 
@font-face {
    font-family: 'Roboto';
    src: url('font/Roboto-Medium-webfont.eot');
    src: url('font/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Medium-webfont.woff') format('woff'),
         url('font/Roboto-Medium-webfont.ttf') format('truetype'),
         url('font/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    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;
}

.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;
}
.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;}
.tdalign{width: 56px;}
.tdct{width: 144px;}
.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);
}

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

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

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

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