@charset "utf-8";

/*-----------------------------------------------
 Logo
 -----------------------------------------------*/
#logo{
	width:130px;
	height:28px;
	margin:8px 0 0 10px;
}
#logo a{
	display:block;
	width:130px;
	height:22px;
}
.logoTitleCustom{
	background:url("../img/logo.png?20160606000000") no-repeat 0 0;
	background-size:auto 22px;
	margin:0;
}
/*-----------------------------------------------
 Header
 -----------------------------------------------*/
#header {
	border-top: 3px solid #66C2CC !important;
	background-color:#333333;
}
/*-----------------------------------------------
 buttons
 -----------------------------------------------*/
input[type="button"]{
	color:#fff;
	border:0 none;
}
.selectAll{
	color: #ffffff;
	border:0 none;
	background: #66C2CC;
	box-shadow: 0px 2px 0px 0px #3a939e;
}
.positiveBtn{
	background-color:#66C2CC;
	box-shadow: 0px 2px 0px 0px #3a939e;
}
.negativeBtn{
	background-color:#4a4a4a;
	box-shadow: 0px 2px 0px 0px #2a2a2a;
}
.editBtn{
	background-color:#66C2CC;
	box-shadow: 0px 2px 0px 0px #3a939e;
}
.deleteBtn,
.strongNegativeBtn{
	background-color:#1a1a1a;
	box-shadow: 0px 2px 0px 0px #000;
}
.negaBtn{
	background-color:#4a4a4a;
	box-shadow: 0px 2px 0px 0px #2a2a2a;
}

/*-----------------------------------------------
 header sub menu
 -----------------------------------------------*/
#userName {
	height:38px;
	line-height:3;
	background-color:#66C2CC ;
}
#userName a{}
#userName:hover{background-color:#77ccd5;}
.subMenuBody{
	top: 38px;
	background-color:#4eb0bb;
	border-top:2px dotted #fff;
}
.MenuInner div{border-bottom:1px dotted #fff;}
.MenuInner div a{color: #fff;}
.MenuInner div.customer_id,
.MenuInner div.customer_code {
	background-color: #4eb0bb;
}
.MenuInner div#Help:hover,
.MenuInner div#Back:hover,
.MenuInner div#Logout:hover,
.MenuInner div#contact:hover,
.MenuInner div#Admin:hover{
	background-color:#66C2CC;
}

/*-----------------------------------------------
 global navigation
 -----------------------------------------------*/
ul#globalMenu{
	margin-left:20px;
	float:left;
}

ul#globalMenu li:hover,
ul#globalMenu li.selectedList{
	border-radius:0;
}
ul#globalMenu li.selectedList{
	background: #f2f2f2;
}
ul#globalMenu li a{
	padding:0 10px;
	color:#f2f2f2;
	text-decoration: none !important;
	line-height: 3.3;
}
ul#globalMenu li.selectedList a{
	color:#333;
}

/* global submenu */
ul#globalMenu li div.subMenu div{
	background-color:#333;
}
ul#globalMenu li div.subMenu div.label{
	background-color:#000000;
}
ul#globalMenu li div.subMenu div a{
	color:#f2f2f2;
}

/*-----------------------------------------------
 tabBottom
 -----------------------------------------------*/
div.title,
#tabBottom{
	border:0 none;
	background-color:#f2f2f2;
}
.titleInner {background-color: transparent;}
.title h1,
#appPageTitle {}
/*-----------------------------------------------
 Error Message
-----------------------------------------------*/
.error_message {color:#d24430;}
.notify_message{color:#4e617b;}

/*-----------------------------------------------
 help
-----------------------------------------------*/
#Close{
	width: 30px;
	height: 30px;
	top: 7px;
	right: 4px;
}
#Close a{
	width: 30px;
	height: 30px;
	font-size:17px;
	line-height: 30px;
	border:0 none;
}
a.btn_help{
	background-color: #164C97;
	border:1px solid #164C97;
}
a.btn_help:hover{
	color: #164C97;
}

/*-----------------------------------------------
 table head platform
-----------------------------------------------*/
td.listEdit{
	background-color:#66C2CC;
}

/*-----------------------------------------------
 table
-----------------------------------------------*/

table#dataTable thead tr th{
	color:#fff;
	border-right: 1px solid #e6e9ee;
	border-bottom: 3px solid #1F97A7;
	background-color:#82BAC6;
}
/*-----------------------------------------------
 footer
-----------------------------------------------*/
#footer {}
#footer address {color:#ffffff;}