/*
 CSS Style
 name: shcBond Pty Ltd.
 url: http://www.shcbond.com
 author: SoftwareSeni
 author-url: http://www.softwareseni.com
 version: shcBond.v1 - 2013.10.28
 */
@import url("fonts/stylesheet.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif, sans-serif;
}

/* HTML5 display-role reset for older browsers */
body {
	text-align: center;
}
a {
	text-decoration: none;
	transition: background 0.6s;
}
	a:hover {
		transition: background 0.6s;
	}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align:left;
	font-size:13px;
	border:1px solid #d3d3d3;
}

#container {
	width: 100%;
}

#wrapper {
	width: 100%;
	min-height: 80px;
	margin: 0 auto;
	text-align:left;
	margin-bottom:11px;
	overflow:auto;
}
.count-h {
	width: 100%%;
	min-height: 407px;
	margin: 0 auto;
	font-family: "myriad_web_proregular";
	margin-top:20px;
}
	.count-h h4 {
		font-size:18px;
		font-weight:bold;
		text-align:left;
		line-height:24px;
		margin-top:15px;
	}
	.count-h h5{
		font-size:16px;
		text-align:left;
		font-weight:bold;
		line-height:34px;
	}
/* --------------------- HEADER -------------------- */
header {
	min-height: 80px;
	width: 100%;
	background: #ffffff;
	position: relative;
	padding: 0px;
}
#header-admin {
	min-height: 80px;
	width: 100%;
	background: #ffffff;
	position: relative;
	padding: 0px;
}

.btn-signout {
	position: relative;
	/*margin-right: -4.2%;*/
	top: 0;
	margin-top: -20px;
	border-left: 20px solid #f5802d;
	background: #005290;
	float:right;
}
.btn-signout input[type="button"] {
	width: 90px;
	height: 27px;
	background: #7aaa40;
	float: right;
	border: 0px;
	color: #ffffff;
	font-family: Calibri;
	font-size: 14px;
	padding-bottom: 3px;
	margin-top: 20px;
	margin-right: -90px;
	cursor: pointer;
}
.btn-signout a {
	text-decoration: none;
}
.btn-signout-transparency {
	/*display:none;
	 background:#ffffff;
	 opacity:0.1;
	 filter:alpha(opacity=10);
	 position:relative;
	 float:right;
	 width:90px;
	 height:13px;
	 margin-top:20px;
	 z-index:99;
	 cursor:pointer;*/
}
.btn-signout button.btnz-signout {
	font-size: 14px;
	font-family: "myriad_web_proregular";
	text-transform: capitalize;
	padding: 10px 20px 10px 30px;
	width: 130px;
	height: 36px;
	text-align: left;
	margin-right: 0px;
	background: url(../images/icon_sign.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	transition: width 0.6s;
}
.btn-signout button.btnz-signout:hover {
	width: 150px;
	transition: width 0.6s;
}
#logo {
	padding-top: 10px;
	margin-bottom: 5px;
	margin-left:52px;
}
#logo img {
	float: left;
}

.a-left {
	text-align: left;
}
.a-right {
	text-align: right;
}
.a-center {
	text-align: center;
}

.left {
	float: left;
}
.right {
	float: right;
}

.top-menu {
	display:none;
	float: left;
	margin: 10px 0px 0px 30px;
}
.top-menu ul {

}
.top-menu li {
	float: left;
}
.top-menu li a {
	display: block;
	padding: 10px 10px 7px 10px;
	font-family: "myriad_web_proregular";
	font-size: 14px;
	color: #292929;
	text-transform: uppercase;
	text-decoration: none;
	transition: background 0.6s;
}
.top-menu li a:hover {
	background: #005290;
	color: #ffffff;
	transition: background 0.6s;
}
.top-menu li.help a:hover {
	background-color: #005290;
	background-image: url(../images/asset_icon.png);
	background-repeat: no-repeat;
	background-position: 45px 2px;
	color: #ffffff;
	transition: background 0.5s;
}
.top-menu span {
	display: block;
	height: 30px;
	margin-top: -5px;
	padding-left: 20px;
	float: right;
	background-position: 0px -2px;
}
.a-left.icon-help-black {
	background-image: url(../images/asset_icon.png);
	background-repeat: no-repeat;
	background-position: 45px -28px;
	width: 60px;
	position: relative;
}
/*ASSET ICON*/
span.icon-help {
	background-image: url(../images/asset_icon.png);
	background-repeat: no-repeat;
}

#menu-admin {
	width: 100%;
	height: 38px;
	/*overflow: auto;*/
	font-family: "myriad_web_proregular";
	font-size: 15px;
	background: #f5802d; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5802d 38%, #d35f0d 89%, #f69136 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#f5802d), color-stop(89%,#d35f0d), color-stop(99%,#f69136)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5802d 38%,#d35f0d 89%,#f69136 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5802d 38%,#d35f0d 89%,#f69136 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5802d 38%,#d35f0d 89%,#f69136 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5802d 38%,#d35f0d 89%,#f69136 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5802d', endColorstr='#f69136',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #005290;
}

.menu-admin-transparency {
	display: none;
	width: 100%;
	float: left;
	height: 25px;
	background: #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=10);
	position: absolute;
}
.menu-admin {
	width: 100%;
	height: 45px auto;
}
.menu-admin ul {
	width: 92%;
	position: ;
	left: 0;
}



#menu-admin-search {
	width: 100%;
	/* fixed use >> height:35px;*/
	height: 40px;
	overflow: auto;
	background: #4e6a30;
	font-family: Calibri;
	font-size: 14px;
	font-weight: ;
	padding-bottom: 7px;
	z-index: 9;
}
.menu-admin-search {
	width: 92%;
	color: #ffffff;
	margin-left: 35px;
	padding: 0px 0px 2px 0px;
}
.menu-admin-search-text {
	text-align: left;
	float: left;
	margin-right: 20px;
	color: #ffffff;
	padding-top: 4px;
}
.menu-admin-search input[type="text"] {
	margin-left: 10px;
	font-style: italic;
	padding: 2px 5px 3px 5px;
	background: #eeeeee;
	border: 1px solid #000000;
	font-size: 12px;
}
.menu-admin-search select {
	width: 120px;
	margin-left: 10px;
	font-style: italic;
	padding: 1px 0px 1px 5px;
	margin-top: 5px;
	background: #eeeeee;
	border: 1px solid #000000;
	font-size: 12px;
}
.menu-admin-search-submit {
	border: none;
	background: url(../images/bg_menu_search.png);
	background: -moz-linear-gradient(bottom, #556587, #6e86a2);
	background: -ms-linear-gradient(bottom, #556587, #6e86a2);
	background: -o-linear-gradient(bottom, #556587, #6e86a2);
	background: -webkit-linear-gradient(bottom, #556587, #6e86a2);
	background: linear-gradient(bottom, #556587, #6e86a2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e86a2', endColorstr='#556587'); /* IE */
	border: 1px solid #38486a;
	box-shadow: 0px 1px 1px #253453;
	-webkit-box-shadow: 0px 1px 1px #253453;
	-moz-box-shadow: 0px 1px 1px #253453;
	width: 61px;
	height: 22px;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	margin-left: 5px;
	padding-bottom: 1px;
	padding-left: 2px;
	cursor: pointer;
}
.menu-admin-search input[type="submit"]:hover {
	/*background: url(images/bg_menu_search_hover.png);*/
	background: #556587;
	height: 22px;
}
.menu-admin-go {
	border: none;
	/*background: url(images/bg_menu_go.png) no-repeat;*/
	background: url(../images/bg_menu_search.png);
	background: -moz-linear-gradient(bottom, #556587, #6e86a2);
	background: -ms-linear-gradient(bottom, #556587, #6e86a2);
	background: -o-linear-gradient(bottom, #556587, #6e86a2);
	background: -webkit-linear-gradient(bottom, #556587, #6e86a2);
	background: linear-gradient(bottom, #556587, #6e86a2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e86a2', endColorstr='#556587'); /* IE */
	border: 1px solid #38486a;
	box-shadow: 0px 1px 1px #253453;
	-webkit-box-shadow: 0px 1px 1px #253453;
	-moz-box-shadow: 0px 1px 1px #253453;
	width: 35px;
	height: 22px;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	margin-left: 5px;
	padding-bottom: 1px;
	padding-left: 2px;
	cursor: pointer;
}
.menu-admin-go  input[type="submit"]:hover {
	background: url(../images/bg_menu_go_hover.png);
	height: 22px;
}
.menu-admin-search span {
	float: left;
	width: 35px;
	height: 1px;
}

/* --------------------- CONTENT -------------------- */
#content-admin {
	width: 92%;
	overflow: auto;
	text-align: left;
	position: relative;
}
#content-page {
	width: 100%;
	min-height: 400px;
	overflow: auto;
	background: -moz-linear-gradient(bottom, #e6e3e3, #dee0a7);
	background: -ms-linear-gradient(bottom, #e6e3e3, #dee0a7);
	background: -o-linear-gradient(bottom, #e6e3e3, #dee0a7);
	background: -webkit-linear-gradient(bottom, #e6e3e3, #dee0a7);
	background: linear-gradient(bottom, #e6e3e3, #dee0a7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee0a7', endColorstr='#e6e3e3'); /* IE */
	padding-bottom: 60px;
}
#content-page-2 {
	padding-bottom: 60px;
}
#title-page {
	font-family: Calibri;
	font-size: 20px;
	color: #2f2f2e;
	font-weight: bold;
	text-align: left;
	margin-bottom: -12px;
	margin-top: 20px;
}
#content-admin h1 {
	font-family: Calibri;
	font-size: 20px;
	text-align: left;
	margin-top: 20px;
	color: #2f2f2e;
}
.btn-addin-page  a {
	background: url(../images/bg_btn_addin_page.png) no-repeat;
	background: -moz-linear-gradient(bottom, #4562a6, #5d8bbc);
	background: -ms-linear-gradient(bottom, #4562a6, #5d8bbc);
	background: -o-linear-gradient(bottom, #4562a6, #5d8bbc);
	background: -webkit-linear-gradient(bottom, #4562a6, #5d8bbc);
	background: linear-gradient(bottom, #4562a6, #5d8bbc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d8bbc', endColorstr='#4562a6'); /* IE */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #2e3e7c;
	box-shadow: 0px 1px 1px #696969;
	-webkit-box-shadow: 0px 1px 1px #696969;
	-moz-box-shadow: 0px 1px 1px #696969;
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-family: Calibri;
	font-size: 18px;
	width: 220px;
	height: 32px;
	text-align: center;
	padding-top: 7px;
	margin: 10px 0px 30px 0px;
	cursor: pointer;
}
.btn-addin-page a:hover {
	background: #4562a6;
	/*background: url(images/bg_btn_addin_page_hover.png) no-repeat;*/
	margin-left: 0px;
}

#content-credits-purchased {
	margin: 10px 0px 0px 0px;
	width: 100%;
	overflow: auto;
	background: #ffffff;
	border-right: 1px solid #818533;
	border-left: 1px solid #818533;
	border-top: 1px solid #818533;
}

#content-schedule-surveys {
	float: right;
	margin: 10px 0px 0px 0px;
	width: 100%;
	overflow: auto;
	background: #ffffff;
	border-right: 1px solid #818533;
	border-left: 1px solid #818533;
	border-top: 1px solid #818533;
}

#content-latest-territory {
	text-align: left;
	margin: 0px 0px 0px 0px;
	overflow: auto;
	background: #ffffff;
	padding: 0px;
	width:96%;
	margin:0 auto;
}

.table-content-head {
	/*background: url(images/bg_table_content.png) repeat-x;*/
	background:#f5802d;
	padding-top: 3px;
	width: 100%;
	min-height: 25px;
	overflow: auto;
	color: #bf494d;
	font-family: Calibri;
	text-align: center;
}

#content-credits-purchased table td {
	padding: 2px 10px 2px 7px;
	font-size: 15px;
	font-family: Calibri;
	border-right: 1px solid #818533;
	border-bottom: 1px solid #818533;
	border-top: 1px solid #818533;
	color: #4e6a30;
}

#content-schedule-surveys table td {
	padding: 2px 10px 2px 7px;
	font-size: 15px;
	font-family: Calibri;
	border-right: 1px solid #818533;
	border-bottom: 1px solid #818533;
	border-top: 1px solid #818533;
	color: #4e6a30;
}

#content-latest-territory table {
	width: 100%;
	overflow: auto;
}
#content-latest-territory td {
	padding: 2px 1px 2px 1px;
}

.content-table-prev {
	/*background:url(images/bg_btn_action_prev.png);*/
	background: -moz-linear-gradient(top, #a3c8fa, #4967c1);
	background: -ms-linear-gradient(top, #a3c8fa, #4967c1);
	background: -o-linear-gradient(top, #a3c8fa, #4967c1);
	background: -webkit-linear-gradient(top, #a3c8fa, #4967c1);
	background: linear-gradient(top, #a3c8fa, #4967c1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3c8fa', endColorstr='#4967c1'); /* IE */
	box-shadow: 0px 1px 1px #c0c0c0;
	-webkit-box-shadow: 0px 1px 1px #c0c0c0;
	-moz-box-shadow: 0px 1px 1px #c0c0c0;
	text-decoration: none;
	width: 55px;
	border: none;
	color: #ffffff;
	font-size: 12px;
	font-family: Calibri;
	font-weight: bold;
	cursor: pointer;
	padding-top: px;
	margin-top: 2px;
	margin-bottom: px;
	margin-right: 4px;
	float: left;
}
.content-table-prev a {
	color: #ffffff;
	border: 1px solid #4d82f2;
	height: 16px;
	text-decoration: none;
	text-align: center;
	display: block;
	padding-top: 1px;
}
.content-table-prev a:hover {
	/*background:url(images/bg_btn_action_prev_hover.png);*/
	background: #75a3f7;
	display: block;
	margin-top: px;
}
.content-table-add {
	/*background:url(images/bg_btn_action_add.png);*/
	background: -moz-linear-gradient(top, #a3c8fa, #4967c1);
	background: -ms-linear-gradient(top, #a3c8fa, #4967c1);
	background: -o-linear-gradient(top, #a3c8fa, #4967c1);
	background: -webkit-linear-gradient(top, #a3c8fa, #4967c1);
	background: linear-gradient(top, #a3c8fa, #4967c1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3c8fa', endColorstr='#4967c1'); /* IE */
	box-shadow: 0px 1px 1px #c0c0c0;
	-webkit-box-shadow: 0px 1px 1px #c0c0c0;
	-moz-box-shadow: 0px 1px 1px #c0c0c0;
	text-decoration: none;
	width: 50px;
	border: none;
	color: #ffffff;
	font-size: 12px;
	font-family: Calibri;
	font-weight: bold;
	cursor: pointer;
	padding-top: px;
	margin-top: 2px;
	margin-bottom: px;
	float: left;
}
.content-table-add a {
	color: #ffffff;
	border: 1px solid #4d82f2;
	height: 16px;
	text-decoration: none;
	text-align: center;
	display: block;
	padding-top: 1px;
}
.content-table-add a:hover {
	/*background:url(images/bg_btn_action_prev_hover.png);*/
	background: #75a3f7;
	display: block;
	margin-top: px;
}

.line-result {
	background: url(../images/bg_line_result.png) no-repeat;
	height: 5px;
	width: 70px;
	float: right;
	padding-right: 5px;
	margin-top: -10px;
}
.btn-table {
	background: url(../images/bg_btn_nextprev_table.png);
	height: 21px;
	width: 34px;
	float: left;
	padding: 0px 0px 0px 5px;
}
/*.btn-first-table {
 background: url(../images/bg_btn_prev-first_table.png) no-repeat;
 width:13px;
 height:15px;
 float:left;
 padding:0px 3px 0px 3px;
 margin-top:4px;
 }*/
.btn-first-table a {
	background: url(images/bg_btn_prev-first_table.png) no-repeat;
	text-decoration: none;
	display: block;
	width: 13px;
	height: 15px;
	float: left;
	padding: 0px 3px 0px 3px;
	margin-top: 4px;
}
/*.btn-prev-table {
 background: url(images/bg_btn_prev_table.png) no-repeat;
 width:9px;
 height:15px;
 float:left;
 padding:0px 3px 0px 3px;
 margin-top:4px;
 }*/
.btn-prev-table a {
	background: url(../images/bg_btn_prev_table.png) no-repeat;
	text-decoration: none;
	display: block;
	width: 9px;
	height: 15px;
	float: left;
	padding: 0px 3px 0px 3px;
	margin-top: 4px;
}
/*.btn-next-table {
 background: url(images/bg_btn_next_table.png) no-repeat;
 width:10px;
 height:15px;
 float:left;
 padding:0px 3px 0px 3px;
 margin-top:4px;
 }*/
.btn-next-table a {
	background: url(../images/bg_btn_next_table.png) no-repeat;
	text-decoration: none;
	display: block;
	width: 10px;
	height: 15px;
	float: left;
	padding: 0px 3px 0px 3px;
	margin-top: 4px;
}
/*.btn-last-table {
 background: url(images/bg_btn_next-last_table.png) no-repeat;
 width:10px;
 height:15px;
 float:left;
 padding:0px 3px 0px 3px;
 margin-top:4px;
 }*/
.btn-last-table a {
	background: url(../images/bg_btn_next-last_table.png) no-repeat;
	text-decoration: none;
	display: block;
	width: 10px;
	height: 15px;
	float: left;
	padding: 0px 3px 0px 3px;
	margin-top: 4px;
}
.page-field-table {
	float: left;
	font-size: 13px;
	height: 18px;
	margin: 0px 2px 0px 0px;
	float: left;
}
.page-field-table input[type="text"] {
	font-size: 12px;
	height: 15px;
	text-align: right;
	padding-right: 5px;
}

#table-left {
	float: left;
	width: 560px;
	min-height: 400px;
	background: #c8e08c;
	border: 1px solid #21921e;
	margin-top: 20px;
	padding: 15px 20px 20px 20px;
	font-family: Calibri;
}
#table-left span {
	color: #ff0000;
	margin-left: 5px;
}
#table-right span {
	color: #ff0000;
	margin-left: 5px;
}
#table-left h2 {
	font-size: 18px;
}
#table-right {
	float: right;
	width: 600px;
	min-height: 254px;
}
#table-right-table {
	float: right;
	width: 560px;
	min-height: 160px;
	background: #c8e08c;
	border: 1px solid #21921e;
	padding: 15px 20px 35px 20px;
	margin-top: 20px;
	font-family: Calibri;
}
#table-right-table-bottom {
	float: right;
	width: 560px;
	min-height: 120px;
	overflow: auto;
	background: #c8e08c;
	border: 1px solid #21921e;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 15px 20px 37px 20px;
	font-family: Calibri;
}
#table-right h2 {
	font-size: 18px;
}
.field {
	margin-top: 10px;
}
.field-label {
	float: left;
	width: 200px;
	font-size: 15px;
}
.field a {
	text-decoration: none;
	font-size: 14px;
	font-family: Calibri;
}
.radio-left {
	width: 135px;
	float: left;
}

.btn-save input[type="submit"] {
	/*background: url(images/bg_btn_save_green.png) no-repeat;*/
	/*background: -moz-linear-gradient(bottom, #519c67, #70b88f);
	 background: -ms-linear-gradient(bottom, #519c67, #70b88f);
	 background: -o-linear-gradient(bottom, #519c67, #70b88f);
	 background: -webkit-linear-gradient(bottom, #519c67, #70b88f);
	 background: linear-gradient(bottom, #519c67, #70b88f);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70b88f', endColorstr='#519c67');
	 border-radius:3px;
	 -webkit-border-radius:3px;
	 -moz-border-radius:3px;
	 border:1px solid #3a8a4b;
	 box-shadow:0px 1px 1px #696969;
	 -webkit-box-shadow:0px 1px 1px #696969;
	 -moz-box-shadow:0px 1px 1px #696969;
	 */
	background: url(../images/bg_btn_addin_page.png) no-repeat;
	background: -moz-linear-gradient(bottom, #4562a6, #5d8bbc);
	background: -ms-linear-gradient(bottom, #4562a6, #5d8bbc);
	background: -o-linear-gradient(bottom, #4562a6, #5d8bbc);
	background: -webkit-linear-gradient(bottom, #4562a6, #5d8bbc);
	background: linear-gradient(bottom, #4562a6, #5d8bbc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d8bbc', endColorstr='#4562a6'); /* IE */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #2e3e7c;
	box-shadow: 0px 1px 1px #696969;
	-webkit-box-shadow: 0px 1px 1px #696969;
	-moz-box-shadow: 0px 1px 1px #696969;
	width: 94px;
	height: 32px;
	cursor: pointer;
	color: #ffffff;
	font-size: 14px;
}
.btn-save input[type="submit"]:hover {
	background: #4562a6;
	width: 94px;
	height: 32px;
}

/* --------------------- FOOTER -------------------- */
#footer {
	width: 100%;
	min-height: 90px;
	background: #005290;
	margin-top: 30px;
	color: #ffffff;
	bottom: 0;
}
.footer-content {
	width: 92%;
	height: 90px;
	margin: 0 auto;
	text-align: left;
}
.footer-left {
	float: left;
	margin-top: 15px;
	font-family: "myriad_web_proregular";
	font-size: 14px;
}
.footer-left .cp {
	margin-left: 5px;
	font-size: 13px;
}
.footer-left a {
	text-decoration: none;
	color: #ffffff;
	font-family: "myriad_web_proregular";
	font-size: 13px;
	line-height: 24px;
	padding: 0 5px;
	transition: color 0.6s;
}
.footer-left a:hover {
	color: #f5802d;
	transition: color 0.6s;
}
.footer-right {
	float: right;
	margin-right: 10px;
	margin-top: 20px;
}

/*asli css*/
input[type="text"], input[type="password"] {
	padding: 2px 4px;
	border:1px solid #78acd3;
	border-radius:5px;
	height:20px;
	font-family:'myriad_web_proregular';
	color:#494949;
	font-size:13px;
	margin:5px 0;
	width:240px;
}

#ajaxLoadAni {
	background: #3A3A3A;
	color: #fff;
	display: none;
	font-weight: bold;
	position: fixed;
	top: 0;
	left: 40%;
	padding: 8px;
	width: 106px;
	z-index: 9999;
}

#ajaxLoadAni span {
	float: right;
	margin: 2px 0 0 0;
}

#tabs {
	font-size: 0.9em;
	margin: 0px auto;
	width:93%;
	/*overflow: scroll;*/
}

.ui-widget-content {
	font-size: 1em;
}

#records {
	width: 100%;
	text-align: left;
}


#records tr:nth-child(2n) {
	background: #e5edf4;
}

#records tr:hover {
	background: #ccdce9;
}

#records td {
	padding: 6px;
	margin: 6px;
}

#records10 {
	width: 100%;
}

#records10 tr:nth-child(2n) {
	background: #e5edf4;
}

#records10 tr:hover {
	background: #ccdce9;
}

#records10 td {
	padding: 6px;
	margin: 6px;
}

#records11 {
	width: 100%;
}

#records11 tr:nth-child(2n) {
	background: #e5edf4;
}

#records11 tr:hover {
	background: #ccdce9;
}

#records11 td {
	padding: 6px;
	margin: 6px;
}

#records12 {
	width: 100%;
}

#records12 tr:nth-child(2n) {
	background: #e5edf4;
}

#records12 tr:hover {
	background: #ccdce9;
}

#records12 td {
	padding: 6px;
	margin: 6px;
}

#records22 {
	width: 100%;
}

#records22 tr:nth-child(2n) {
	background: #e5edf4;
}

#records22 tr:hover {
	background: #ccdce9;
}

#records22 td {
	padding: 6px;
	margin: 6px;
}

#records33 {
	width: 100%;
}

#records33 tr:nth-child(2n) {
	background: #e5edf4;
}

#records33 tr:hover {
	background: #ccdce9;
}

#records33 td {
	padding: 6px;
	margin: 6px;
}

 #delConfDialog,
 #delConfDialog2,
 #allConfDialog,
 #repConfDialog,
 #cancelConfDialogDetach,
 #cancelConfDialog,
 #delTmConfDialog,
 #delPrConfDialog,
 #delPrConfDialog_del,
 #dateCommDialog,
 #msgDialog,
 #msgDialog2,
 #email_status,
 #bulkDialog,
 #updateDialog,
 #invDialog,
 #amountDialog,
 #reproDialog,
 #ApproveRequestDialog,
 #updateDialogDetach,
 #updateDialogRecommendation,
 #updateDialogSummary,
 #surveyDialog,
 #trenreport,
 #report_status,
 #allc_usermaster,
 #tracking {
	font-size: 0.8em;
 }

  .ui-dialog .ui-dialog-buttonpane{
  	padding:10px 30px 8px 10px;
  }
  #ApproveRequestDialog label{
  	margin-left:20px !important;
  	height:24px;
  }

 #updateDialog label,
 #invDialog label,
 #amountDialog label,
 #reproDialog label,
 #updateDialogRecommendation label,
 #updateDialogSummary label,
 #updateDialogDetach label,
 #ApproveRequestDialog label {
	display: inline-block;
	text-align: left;
	width: 160px;
	/*margin-left:70px;*/margin-left:19px;
	font-family:'myriad_web_proregular';
	font-size:13px;
 }

 #tracking{
	background: #eaeaea;
	margin:5px 0px;
	padding:10px;
 }
 #allc_usermaster{
	background: #eaeaea;
	margin:5px 0px;
	padding:10px;
 }
 #report_status{
	background: #eaeaea;
	margin:5px 0px;
	padding:10px;
 }
 #delTmConfDialog,
 #dateCommDialog,
 #delPrConfDialog_del,
 #delPrConfDialog{
/*	background: #eaeaea;*/
/*	margin:5px 0px;*/
	padding:12px;
 }

 #tracking label{
	display: inline-block;
	text-align: left;
	width: 160px;
	margin-left:20px;
	font-family:'myriad_web_proregular';
	font-size:13px;
 }
 #allc_usermaster label{
	display: inline-block;
	text-align: left;
	width: 160px;
	margin-left:20px;
	font-family:'myriad_web_proregular';
	font-size:13px;
 }
 #report_status label{
	display: inline-block;
	text-align: left;
	width: 100px;
	margin-left:1px;
	font-family:'myriad_web_proregular';
	font-size:13px;
 }
 #report_status .labels{
	display: inline-block;
	text-align: left;
	width: 400px;
	margin-left:1px;
	font-family:'myriad_web_proregular';
	font-size:13px;
 }
 #report_status .notif{
	display: inline-block;
	text-align: justify;
	width: auto;
/*	margin-left:10px;*/
	font-family:'myriad_web_proregular';
	font-size:11px;
	font-style: italic;
 }

 #detailDialog label,
 #detailDialogTm  label,
 #detailDialogPr label,
 #DetailDialogPr label,
 #DetailDialogClient label {
	display: inline-block;
	text-align: left;
	width: 160px;
	margin-left:70px;
	font-family:'myriad_web_proregular';
	font-size:13px;
}

 #detailDialog label,
 #detailDialogTm label,
 #detailDialogPr label,
 #DetailDialogPr label,
 #DetailDialogClient label{
 	margin-left: 20px;
 }

 #detailDialogTm table td,
 #detailDialogPr table td,
 #DetailDialogClient table td{ vertical-align: text-top; height: 23px;}
 #detailDialogTm .title-for-box,
 #detailDialogPr .title-for-box,
 #DetailDialogClient .title-for-box{ margin-top: 20px; }

#updateDialog input[type="radio"],
#updateDialog input[type="checkbox"],
#invDialog input[type="radio"],
#amountDialog input[type="radio"],
#invDialog input[type="checkbox"],
#amountDialog input[type="checkbox"],
#reproDialog input[type="radio"],
#reproDialog input[type="checkbox"],
#updateDialogRecommendation input[type="radio"],
#updateDialogRecommendation input[type="checkbox"],
#updateDialogSummary input[type="radio"],
#updateDialogSummary input[type="checkbox"],
#updateDialogDetach input[type="radio"],
#updateDialogDetach input[type="checkbox"] {
	margin: 7px 5px;
	font-family:'myriad_web_proregular';
	width:auto;
}

/*#updateDialogDetach label {
    display: inline-block;
    text-align: right;
    width: 250px;
}*/

#create label. #create2 label. #recommendation label, #csummary label, #create3 label. #create4 label. {
	display: inline-block;
	text-align: right;
	width: 250px;
}

/* Validation label */
#create label.error {
	color: red;
	font-size: .9em;
	padding: 4px;
	margin: 0 0 0 4px;
	width: auto;
}

#create2 label.error {
	color: red;
	font-size: .9em;
	padding: 4px;
	margin: 0 0 0 4px;
	width: auto;
}

#recommendation label.error {
	color: red;
	font-size: .9em;
	padding: 4px;
	margin: 0 0 0 4px;
	width: auto;
}

#create3 label.error {
	color: red;
	font-size: .9em;
	padding: 4px;
	margin: 0 0 0 4px;
	width: auto;
}

#create4 label.error {
	color: red;
	font-size: .9em;
	padding: 4px;
	margin: 0 0 0 4px;
	width: auto;
}

/* DataTables specific styles */
.fg-toolbar {
	padding: 6px 16px;
	min-height: 24px;
}
.dataTables_length, .dataTables_info {
	float: left;
	margin: 3px 0 0;
	font-size:13px;
}
.dataTables_filter, .dataTables_paginate {
	float: right;
	font-size:13px;
}
.DataTables_sort_wrapper {
	cursor: pointer;
	text-align:left;
	padding: 6px;
	position: relative;
	color:#ffffff;
	background: #00669e; /* Old browsers */
	background: -moz-linear-gradient(top,  #00669e 0%, #005290 47%, #005290 51%, #005290 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00669e), color-stop(47%,#005290), color-stop(51%,#005290), color-stop(100%,#005290)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00669e 0%,#005290 47%,#005290 51%,#005290 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00669e 0%,#005290 47%,#005290 51%,#005290 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00669e 0%,#005290 47%,#005290 51%,#005290 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00669e 0%,#005290 47%,#005290 51%,#005290 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00669e', endColorstr='#005290',GradientType=0 ); /* IE6-9 */
}
.DataTables_sort_wrapper .css_right {
	position: absolute;
	right: 0;
	top: 4px;
}

/*NEW DASHBOARD STYLE ------ version 666*/
.container_table_dash {
	padding: 10px;
}
.title_table {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 25px;
	font-family: Verdana, Arial, sans-serif;
}
.viewall {

}
.fg-toolbar a {
	text-decoration: none;
	color: #595959;
	float: right;
}
.fg-toolbar a:hover {
	color: #34a8e4;
}
.link_table a {
	color: #34a8e4;
}
.link_table a:hover {
	color: #c04137;
}

/* NEW STYLE HOME DASHBOARD */
.dataTables_wrapper {
	width: 100%;
	font-size:14px;
}
.dash-home {
	width:100%;
	height:190px;
	margin-top:-20px;
	background-color:#f5802d;
	background-image: url(../images/bg_dash_home.png);
	background-repeat:repeat;
	background-position: 0;
}
	.content-dash-home {
		width:92%;
		margin: 0 auto;
		padding:20px 0 0 0;
	}
	 .content-dash-home h3 {
	 	text-align:left;
	 	margin: 5px 0 5px 0;
	 	font-size:20px;
	 	font-family:Arial, Helvetica, sans-serif;
	 	line-height:28px;
	 }
	/*Btn CIRCLE */
	.nav-circle {
		width: 1200px;
		margin:0 auto;
		padding-top: 55px;
	}
		.wrap-circle {
			width:84%;
			margin: 0 auto;
		}
	.btn-circle {
		margin:0 auto;
		width: 210px;
		height: 210px;
		float:left;
		margin-right:12%;
		background: #d3d3d3;
		position:relative;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border:20px solid #ffffff;
	}
	#circle-selected {
		background:#d8691b;
		border:10px solid #d15712;
	}
	.circle-selected-out {
		background:#f3b28c;
	}
		.last {
			margin-right:0px;
			float:none;
		}
		.btn-circle h2, h3 {
			font-family: "myriad_web_proregular";
			color: #3c3c3c;
		}
		.btn-circle h2 {
			margin-top: 46px;
			font-size:24px;
		}
		.btn-circle h4 {
			font-size:20px;
			font-family: Calibri;
			text-align:center;
			margin-top:0;
		}
		.btn-inner-circle {
			width:165px;
			height:165px;
			margin: 0 auto;
			margin-top: 12.5px;
			background: #2989d1;
			position:relative;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-o-border-radius: 50%;
			border:10px solid #2d83c3;
			cursor: pointer;
			overflow:hidden;
			transition: background 0.6s;
		}
			.btn-inner-circle:hover {
				background: #95c6eb;
				border:10px solid #297dbb;
				transition: background 0.6s;
			}
		/* Icon Dashboard Style */
		.icon-pr {
			background-image:url(../images/asset_icon-dash-home.png);
			background-repeat:no-repeat;
			background-position:30px -140px;
			display:block;
			width:100%;
			height:100%;
			transition: background 0.6s;
		}
			.icon-pr:hover {
				background-position:-120px -140px;
				transition: background 0.6s;
			}
				.icon-pr-selected {
					background-position:-120px -140px;
				}
		.icon-tm {
			background-image:url(../images/asset_icon-dash-home.png);
			background-repeat:no-repeat;
			background-position:30px 20px;
			display:block;
			width:100%;
			height:100%;
			transition: background 0.6s;
		}
			.icon-tm:hover {
				background-position:-120px 20px;
				transition: background 0.6s;
			}
		.icon-cl {
			background-image:url(../images/asset_icon-dash-home.png);
			background-repeat:no-repeat;
			background-position:30px -305px;
			display:block;
			width:100%;
			height:100%;
			transition: background 0.6s;
		}
			.icon-cl:hover {
				background-position:-120px -305px;
				transition: background 0.6s;
			}
		.icon-s-survey {
			background-image:url(../images/asset_icon-dash-home.png);
			background-repeat:no-repeat;
			background-position:30px -460px;
			display:block;
			width:100%;
			height:100%;
			transition: background 0.6s;
		}
			.icon-s-survey:hover {
				background-position:-120px -460px;
				transition: background 0.6s;
			}
		.icon-p-credits {
			background-image:url(../images/asset_icon-dash-home.png);
			background-repeat:no-repeat;
			background-position:30px -605px;
			display:block;
			width:100%;
			height:100%;
			transition: background 0.6s;
		}
			.icon-p-credits:hover {
				background-position:-128px -605px;
				transition: background 0.6s;
			}
		.icon-add-emp {
			background-image:url(../images/asset_icon-dash-home.png);
			background-repeat:no-repeat;
			background-position:30px -756px;
			display:block;
			width:100%;
			height:100%;
			transition: background 0.6s;
		}
			.icon-add-emp:hover {
				background-position:-130px -756px;
				transition: background 0.6s;
			}
		.icon-add-pr {
			background-image:url(../images/asset_icon-dash-home.png);
			background-repeat:no-repeat;
			background-position:30px -924px;
			display:block;
			width:100%;
			height:100%;
			transition: background 0.6s;
		}
			.icon-add-pr:hover {
				background-position:-130px -924px;
				transition: background 0.6s;
			}

.dash-home-bottom {
	width:100%;
	height:190px;
	margin-top:15px;
	background-color:#f6f6f6;
	border-bottom:1px solid #cccccc;
}

#updateDialog, #reproDialog, #updateDialogRecommendation, #updateDialogSummary, #invDialog, #amountDialog {
	text-align:left;
}
#updateDialogDetach {
	text-align:left;
}
/* Style Table on dashboard */
/*#records12_wrapper.dataTables_wrapper table tr th {
	background: #444444; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #444444 0%, #191919 66%, #191919 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(66%,#191919), color-stop(100%,#191919)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #444444 0%,#191919 66%,#191919 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #444444 0%,#191919 66%,#191919 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #444444 0%,#191919 66%,#191919 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #444444 0%,#191919 66%,#191919 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
	/*color:#ffffff;
	padding:6px;
	cursor:pointer;
	border:1px solid #d3d3d3;
}*/
.table-wrap {
	margin: 0 0 40px 0;
}
table a {
	transition: color 0.6s;
	color:#005290;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	table a:hover {
		color:#f5802d;
		transition:color 0.6s;
	}
table td:last-child {
	min-width:80px;
}
	table td:last-child a:first-child {
		background-image:url(../images/asset_icon.png);
		background-repeat:no-repeat;
		background-position:-6px -179px;
	}
		table td:last-child a:first-child {
			padding-left:22px;
			padding-top:2px;
			padding-bottom:2px;
		}
	/*table tbody td:first-child {
		text-align:center;
	}
	table:not(td){
		/*text-align:center;
	}*/

.table-bottom .for-dash {
	height:30px;
	background:#e4e4e4;
}


.dropdown.table-dash {
	text-align:right;
	margin-bottom:10px;
	font-size:13px;
}
a.btn-view-all {
	font-size:12px;
	padding:4px 10px;
	border:none;
	transition: border 0.6s;
}
	.blue {
		background:#005290;
		color:#ffffff;
		border:none;
		transition: border 0.6s;
	}
		a.blue:hover {
			border-right:7px solid #f5802d;
			transition: border 0.6s;
		}

/*NEW STYLE OF MAIN MENU*/
#navi {
	width: 92%;
	margin: 0 auto;
	position:relative;
	z-index:999;
}
	#navi ul ul {
		display:none;
	}
		#navi ul li:hover > ul {
			/*padding: 5px;*/
			background: #f5802d;
			border: 1px solid #ffa566;
			padding-bottom:4px;
			transition: background 0.6s;
		}
	#navi ul {
		float: left;
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0;
	}
		#navi ul:after {
			content:"";
			display:block;
			clear:both;
		}
		#navi ul li {
			float:left;
			padding:0px;
			border-right: 1px solid #f69136;
		}
			#navi ul li:before {
				border-left: 1px solid #f69136;
			}
			#navi ul li:hover {
				background: #f5802d;
				transition: background 0.6s;
			}
				#navi ul li:hover a {
					color: #ffffff;
					padding: 9px 20px;
					transition: background 0.6s;
				}
			#navi ul li a {
				display: block;
				color: #ffffff;
				padding: 9px 20px;
				text-decoration: none;
				font-family:"myriad_web_proregular";
				font-size:16px;
				transition: background 0.6s;
				position: relative;
			}
				#navi ul li a:hover {
					color: #ffffff;
					background: #f5802d;
					transition: background 0.6s;
				}
				#navi ul li a.visited {
					background: #f5802d;
				}
		#navi ul ul {
			position: absolute;
			top:98%;
			/*padding: 10px;*/
			/*width: 100%;*/
		}
			#navi ul ul li{
				float:none;
				position:relative;
				padding:0px;
				border-right:none;
				/*margin:5px;*/
			}
				#navi ul ul li:hover a {
					transition: background 0.6s;
				}
				#navi ul ul li a {
					color:#ffffff;
					background:#f79957;
					padding: 10px 20px;
					text-align:left;
					font-family:Calibri;
					font-size:16px;
					border-top:4px solid #f5802d;
					border-left:4px solid #f5802d;
					border-right:4px solid #f5802d;
					transition: background 0.6s;
					/*width: 120px;*/
				}
					#navi ul ul li a:last-child {
						/*border-bottom:4px solid #f5802d;*/
					}
					#navi ul ul li a:hover {
						background:#fcd9c0;
						color:#525252;
						transition: background 0.6s;
					}
		#navi ul ul ul {
			position:absolute;
			left:100%;
			top:0;
			/*margin-left:2px;*/
			width:180px;
		}
		.hover { display:block; }
#navi ul#strike_left {
	float:right;
}
	#navi ul#strike_left li a {
		padding-left:35px;
		background-image: url(../images/asset_icon.png);
		background-repeat: no-repeat;
		background-position: 0px -56px;
		transition: background 0.6s;
	}
		#navi ul#strike_left li:hover ul {
			width:180px;
			right:0;
			transition: background 0.6s;
		}
		#navi ul#strike_left ul li {
			width:180px;
		}
			#navi ul#strike_left ul li a {
				padding: 10px 10px;
				background-image:none;
				transition: background 0.6s;
			}
	#navi ul#strike_left ul ul {
		left:-182px;
	}

#navi ul#strike_left_ {
	float:right;
}
	#navi ul#strike_left_ li a {
/*		padding-left:35px;*/
		background-image: url(../images/help.png);
		background-repeat: no-repeat;
		background-position: center;
		transition: background 0.6s;
		padding: 9px 25px;
	}
		#navi ul#strike_left_ li:hover ul {
			width:50px;
			right:0;
			transition: background 0.6s;
		}
		#navi ul#strike_left_ ul li {
			width:180px;
		}
			#navi ul#strike_left_ ul li a {
				padding: 10px 10px;
				background-image:none;
				transition: background 0.6s;
			}
	#navi ul#strike_left_ ul ul {
		left:-182px;
	}

/* back to top */
.back-to-top {
	position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #ffffff;
    background-color: #292929;
    font-size: 15px;
    padding: 1em;
    display: none;
    z-index:999;
    transition: background 0.6s;
}
	a.back-to-top:hover {
		background-color:#2989d1;
	}


td.ui-datepicker-week-end a:first-child.ui-state-default {
	padding-left:0;
	background-image:none;
}
td.ui-datepicker-week-end:last-child {
	min-width:0px;
}

/*
 * CONTENT LOGIN
 */

#login-content {
	background-color:#f5802d;
	min-height:510px;
	padding:10px 0px;
	background-image:url(../images/bg_content.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-bottom:-29px;
}
	#login-content h2 {
		font-size:30px;
		font-family:"myriad_web_proregular";
		color:#ffffff;
		line-height:50px;
	}
	#login-content h4 {
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		color:#ffffff;
		line-height:30px;
	}
/* Color Style */
.white {
	color:#ffffff;
	transition: color 0.6s;
}
	a.white:hover {
		color:#005290;
		transition: color 0.6s;
	}
.orange {
	color:#f5802d;
}
.blue-color {
	color:#005290;
}
.black {
	color:#191919;
}
/* End of color Style; */

/*Margin Style */
.m-left-10 { margin-left:10px; }
.m-left-20 { margin-left:20px; }
.m-left-30 { margin-left:21px; }
.m-left-40 { margin-left:40px; }
.m-left-50 { margin-left:50px; }
.m-left-70 { margin-left:70px; }

.m-top-10 { margin-top:10px; }
.m-top-20 { margin-top:20px !important;  }
#tabs .section-create .m-top-20 { padding-left: 20px  }
.m-top-30 { margin-top:30px; }
.m-top-40 { margin-top:40px; }
.m-top-50 { margin-top:50px; }

.m-top-min-10 { margin-top:-10px; }
.m-top-min-20 { margin-top:-20px; }
.m-top-min-30 { margin-top:-30px; }

.m-left-min-20 { margin-left:-20px !important; }

.m-left-10 { margin-left:10px !important; }
.m-left-20 { margin-left:20px !important; }

.m-right-10 { margin-right:10px; }
.m-right-20 { margin-right:20px; }

.m-bottom-10 { margin-bottom:10px; }
.m-bottom-20 { margin-bottom:20px; }

.pmail {
	margin-right:5px;
	margin-top:5px;
}

.for-w-small {
	width:120px;
}
.for-w-large {
	width:220px;
}

/* End of margin Style */
i.icon-login {
	width:70px;
	height:70px;
	margin:0 auto;
	display:block;
	background-image:url(../images/icon_login.png);
	background-repeat:no-repeat;
	background-position:0;
}
i.icon-survey {
	width:100px;
	height:80px;
	margin:0 auto;
	display:block;
	background-image:url(../images/icon_survey.png);
	background-repeat:no-repeat;
	background-position:center;
}

.for-form {
	width:100%;
}
.form-main {
	margin:0 auto;
}
	.form-centered {
		width:460px;
		margin: 0 auto;
	}
		.form-login {
			/*width:250px;*/
		}
			.form-login label {
				color:#ffffff;
				font-family: "myriad_web_proregular";
				font-size:16px;
			}
.form-login input[type="text"], input[type="password"] {
	border:none;
	height:28px;
	padding-left:10px;
	padding-right:10px;
	width:200px;
}
	.form-login input:focus {
		border-color: #66afe9;
		/*outline: 0;*/
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
		transition:border: 1px solid #999; 0.6s;
	}
.btn-blue {
	height:36px;
	padding: 0 50px;
	font-family:'myriad_web_proregular' !important;
	font-size:16px;
	color:#ffffff;
	border:none;
	background: #00518f; /* Old browsers */
	background: -moz-linear-gradient(top,  #00518f 0%, #033b65 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00518f), color-stop(100%,#033b65)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00518f 0%,#033b65 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00518f 0%,#033b65 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00518f 0%,#033b65 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00518f 0%,#033b65 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00518f', endColorstr='#033b65',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 4px #063355;
	-webkit-box-shadow: 0 0 4px #063355;
	-moz-box-shadow: 0 0 4px #063355;
	-o-box-shadow: 0 0 4px #063355;
	cursor:pointer;
	transition: background 0.6s;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
}
	/*.btn-blue:hover {
		background:#005290;
		transition: background 0.6s;
	}*/
.btn-orange{
	height:36px;
	padding: 0 50px;
	font-family:'myriad_web_proregular' !important;
	font-size:16px;
	color:#ffffff;
	border:none;
	background: #f5802d; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5802d 38%, #d35f0d 89%, #f69136 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#f5802d), color-stop(89%,#d35f0d), color-stop(99%,#f69136)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5802d 38%,#d35f0d 89%,#f69136 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5802d 38%,#d35f0d 89%,#f69136 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5802d 38%,#d35f0d 89%,#f69136 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5802d 38%,#d35f0d 89%,#f69136 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5802d', endColorstr='#f69136',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 4px #063355;
	-webkit-box-shadow: 0 0 4px #063355;
	-moz-box-shadow: 0 0 4px #063355;
	-o-box-shadow: 0 0 4px #063355;
	cursor:pointer;
	transition: background 0.6s;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	-o-transition: background 0.6s;
}
	.btn-orange:hover {
		background:#f5802d;
		transition: background 0.6s;
	}
.small-btn {
	font-size:13px !important;
	padding:5px 15px !important;
	height:auto !important;
}
/* Alert Msg Style */

.msg-error {
	width:300px;
	margin: 0 auto;
	color:#ffffff;
	background:#a63504;
	padding:10px;
	font-size:14px;
}
	.msg-error h3 {
		color:#ffffff;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
	}
	.msg-rounded {
		border-radius:5px;
	}
	.msg-shadow {
		box-shadow:0 0 8px #ffffff;
		-webkit-box-shadow:0 0 8px #ffffff;
		-moz-box-shadow:0 0 8px #ffffff;
	}
	.msg-req-label {
		font-size:14px;
		margin-top:5px;
	}

	.msg-success {
	width:300px;
	margin: 0 auto;
	color:#4F8A10;
	background:#DFF2BF;
	padding:10px;
	font-size:14px;
}
	.msg-success h3 {
		color:#4F8A10;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
	}
	.msg-rounded {
		border-radius:5px;
	}
	.msg-shadow {
		box-shadow:0 0 8px #ffffff;
		-webkit-box-shadow:0 0 8px #ffffff;
		-moz-box-shadow:0 0 8px #ffffff;
	}
	.msg-req-label {
		font-size:14px;
		margin-top:5px;
	}

#records_previous {
	margin-left:-20px;
	float:none;
}
.dataTables_paginate a.ui-corner-left {
	float:none;
}

.global-desc {
	font-size:14px;
	line-height:20px;
}
.headers{
	text-align:left;
	float:right;
}
	.top-info {
/*		width:340px;*/
		width:335px;
		/*margin-top: 10px;
		margin-bottom: 10px;*/
		min-height:87px;
		/*padding-right:20px;*/
		padding-bottom: 5px;
	}
	.top-info label , .top-info span.field-label {
		line-height: 14px !important;
		font-size: 0.7em !important;
	}
	.top-info .field-label {
/*	width: 180px;	*/
	width: 200px;
	}
	.tm-info{
		min-height:50px;
/*		margin-top:10px;*/
	}
	.headers label {
		font-size:.75em;
		line-height:18px;
/*		width:150px;*/
		width:120px;
		display: block;
		float:left;
	}
	#d {
		padding:10px 5px;
	}
	#d label {
		font-size:0.8em;
		line-height:20px;
		/*width:130px;*/
		width:100px;
		display: block;
		float:left;
		clear: both;
	}
		span.field-label {
			font-size:.75em;
			font-weight:bold;
			line-height:18px;
			/*width:150px;*/

		}
		#d span.field-label {
			font-size: 0.8em;
			font-weight:bold;
			line-height:20px;
			/*width:auto;*/
			width: 100px;
		}
		#d span.field-label a span{margin-left: 5px;
float: left;
width: 100px;
position: absolute;
line-height: 16px;}

	.d {
   	 padding: 10px 5px;
	}
	.d label {
	    display: block;
	    float: left;
	    font-size: 0.8em;
	    line-height: 20px;
	    width: 80px;
	}
	span.field-label {
	    font-size: 0.75em;
	    font-weight: bold;
	    line-height: 18px;
	}
	.d span.field-label {
	    font-size: 0.8em;
	    font-weight: bold;
	    line-height: 20px;
	    width: 160px;
	}
			.tooltip {
				color:#2989d1;
				cursor:pointer;
			}
.judul{
	font-weight:bold;
	font-size:18px;
	padding: 20px 0px 20px 5px;
	text-align:left;
	text-transform: capitalize;
	color: #005290;
}

/* Additional style for update box content */
.box-update {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #c0c0c0;
	text-align:left;
}
.box-update-content {
	background: #eaeaea; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #f2f2f2 2%, #f2f2f2 50%, #eaeaea 51%, #eaeaea 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f2f2f2), color-stop(50%,#f2f2f2), color-stop(51%,#eaeaea), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #f2f2f2 2%,#f2f2f2 50%,#eaeaea 51%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #f2f2f2 2%,#f2f2f2 50%,#eaeaea 51%,#eaeaea 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #f2f2f2 2%,#f2f2f2 50%,#eaeaea 51%,#eaeaea 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #f2f2f2 2%,#f2f2f2 50%,#eaeaea 51%,#eaeaea 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	padding:10px;
}

.box-update-content .send_to {padding-top: 10px !important; margin-left: -5px;}
.box-update-content .send_to p label { position: relative; margin-top: -10px;}
.box-update-content p label span {position: absolute; margin-top: 10px;}

#Csentpr  {}

.box-update-content p label input[type="checkbox"] {}
.box-update-content #senthr, .box-update-content #sentpr , .box-update-content #sentman { margin-top: 5px;}
.content-mid {
	width:93%;
	margin:0 auto;
}
.title-for-box {
	font-size:15px;
	font-family:'myriad_web_proregular';
	color:#005290;
	font-weight:bold;
	margin-top:25px;
	/*margin-left:20px;*/
	margin-left: 49px;
	margin-bottom:10px;
}
.title-for-box-2 {
	font-size:11px;
	font-family:'myriad_web_proregular';
	color:#ff0000;
	font-style:italic;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
}

 #updateDialog select, #updateDialog input,
 #invDialog select, #invDialog input,
 #amountDialog select, #amountDialog input,
 #reproDialog select, #reproDialog input,
 #updateDialogRecommendation select, #updateDialogRecommendation input,
 #updateDialogSummary select, #updateDialogSummary input,
 #updateDialogDetach select, #updateDialogDetach input,
 #ApproveRequestDialog select, #ApproveRequestDialog input {
	border:1px solid #78acd3;
	border-radius:5px;
	height:20px;
	font-family:'myriad_web_proregular';
	color:#494949;
	font-size:13px;
	margin: 5px 10px 5px 0;
	width:240px;
 }
	#updateDialog select,
	#invDialog select,
	#amountDialog select,
	#reproDialog select,
	#updateDialogRecommendation select,
	#updateDialogSummary select,
	#updateDialogDetach select,
	#ApproveRequestDialog select	{
		height:27px;
		width:250px;
	}

	#updateDialog input[type="password"] {
		padding:2px 4px;
	}

	#updateDialog select:focus,
	#updateDialog input:focus,
	#invDialog select:focus,
	#invDialog input:focus,
	#reproDialog select:focus,
	#reproDialog input:focus,
	#updateDialogRecommendation select:focus,
	#updateDialogRecommendation input:focus,
	#updateDialogSummary select:focus,
	#updateDialogSummary input:focus,
	#updateDialogDetach select:focus,
	#updateDialogDetach input:focus {
	border-color: #66afe9;
	/*outline: 0;*/
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	transition:border: 1px solid #999; 0.6s;
}

 .ui-dialog .ui-dialog-titlebar-close span {
	background:url(../images/icon_close_up.png);
	width:19px;
	height:19px;
 }
	.ui-dialog .ui-dialog-titlebar-close span:hover {}

	.box-create-content {
		background: #f2f2f2; /* Old browsers */
		background: -moz-linear-gradient(top,  #f2f2f2 2%, #f2f2f2 50%, #eaeaea 51%, #eaeaea 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#f2f2f2), color-stop(50%,#f2f2f2), color-stop(51%,#eaeaea), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f2f2f2 2%,#f2f2f2 50%,#eaeaea 51%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f2f2f2 2%,#f2f2f2 50%,#eaeaea 51%,#eaeaea 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f2f2f2 2%,#f2f2f2 50%,#eaeaea 51%,#eaeaea 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f2f2f2 2%,#f2f2f2 50%,#eaeaea 51%,#eaeaea 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
		padding:10px;
		text-align:left;
	}
.box-create {
	padding:0 10px;
}
#create, #create2, #recommendation, #csummary, #create_detach, #read_request_credit, #create3, #create4 {
	font-size:13px;
}
#form-add-hr-manager input[type="password"]{
	border:1px solid #78acd3;
	border-radius:5px;
	height:20px;
	font-family:'myriad_web_proregular';
	color:#494949;
	font-size:13px;
	margin:5px 0;
	width:228px;
}
#create select, #create input[type="text"],
#create2 select, #create2 input[type="text"],
#create3 select, #create3 input[type="text"],
#create4 select, #create4 input[type="text"],
#create input[type="password"],
#create2 input[type="password"],
#create3 input[type="password"],
#create4 input[type="password"],
#recommendation select,
#recommendation input[type="text"],
#recommendation input[type="password"],
#create_detach select, #create_detach input[type="text"],
#create_detach input[type="password"],
#read_request_credit select,
#read_request_credit input[type="text"],
#read_request_credit input[type="password"],
#csummary select,
#csummary input[type="text"],
#csummary input[type="password"] {
	border:1px solid #78acd3;
	border-radius:5px;
	height:20px;
	font-family:'myriad_web_proregular';
	color:#494949;
	font-size:13px;
	margin:5px 0;
	width:240px;
}
#create input[type="radio"],
#create2 input[type="radio"],
#create3 input[type="radio"],
#create4 input[type="radio"],
#create input[type="checkbox"],
#create2 input[type="checkbox"],
#create3 input[type="checkbox"],
#create4 input[type="checkbox"],
#recommendation input[type="radio"],
#recommendation input[type="checkbox"],
#create_detach input[type="radio"],
#create_detach input[type="checkbox"],
#csummary input[type="radio"],
#csummary input[type="checkbox"] {
	margin-bottom:10px;
	margin-top:10px;
	font-family:"myriad_web_proregular";
}
	#create-ofice span.ui-button-text, #create-staff-manager span.ui-button-text, #create-hr-manager span.ui-button-text, #create-staff-manager span.ui-button-text {
		color:#0060a8;
		font-family:'myriad_web_proregular';
		font-size:13px;
		padding:1px 5px 0px 5px;
		border:1px solid #ffffff;
	}

	.addtambahan span.ui-button-text {
		color:#0060a8;
		font-family:'myriad_web_proregular';
		font-size:13px;
		padding:1px 5px 0px 5px;
		border:1px solid #ffffff;
	}

	#create select,
	#create2 select,
	#create3 select,
	#create4 select,
	#recommendation select,
	#create_detach select,
	#csummary select {
		height:27px;
		width:250px;
	}
	#create input[type="password"] {
		padding:2px 4px;
	}
#create select:focus,
#create input[type="text"]:focus,
#create input[type="password"]:focus,
#create2 select:focus,
#create2 input[type="text"]:focus,
#create2 input[type="password"]:focus,
#recommendation select:focus,
#recommendation input[type="text"]:focus,
#recommendation input[type="password"]:focus,
#create3 select:focus,
#create3 input[type="text"]:focus,
#create3 input[type="password"]:focus,
#create4 select:focus,
#create4 input[type="text"]:focus,
#create4 input[type="password"]:focus,
#create_detach select:focus,
#create_detach input[type="text"]:focus,
#create_detach input[type="password"]:focus,
#csummary select:focus,
#csummary input[type="text"]:focus,
#csummary input[type="password"]:focus, {
	border-color: #66afe9;
	/*outline: 0;*/
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	transition:border: 1px solid #999; 0.6s;
}
#create textarea,
#create2 textarea,
#create3 textarea,
#create4 textarea,
#recommendation textarea,
#create_detach textarea,
#csummary textarea {
	width:240px;
	height:140px;
	border:1px solid #78acd3;
	border-radius:5px;
	margin:5px 0;
	font-size:13px !important;
	padding:2px 4px;
}
#edit select, #edit input[type="text"], #edit input[type="password"] {
	border:1px solid #78acd3;
	border-radius:5px;
	height:20px;
	font-family:'myriad_web_proregular';
	color:#494949;
	font-size:13px;
	margin:5px 0;
	width:240px;
}
	#edit select {
		height:27px;
		width:250px;
	}
	#edit input[type="password"] {
		padding:2px 4px;
	}
#edit select:focus, #edit input[type="text"]:focus, #edit input[type="password"]:focus {
	border-color: #66afe9;
	/*outline: 0;*/
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	transition:border: 1px solid #999; 0.6s;
}
#edit textarea {
	width:240px;
	height:140px;
	border:1px solid #78acd3;
	border-radius:5px;
	margin:5px 0;
	font-size:13px !important;
	padding:2px 4px;
}
.example1 {
	margin-top:20px;
}
#open-example1{
	/*padding:10px;*/
	text-decoration:none;
	color:#f5802d;
	margin-left:70px;
}
#close-example1{
	/*padding:10px;*/
	text-decoration:none;
	color:#3782c2;
	margin-left:70px;
}
.example1_g {
	margin-top:20px;
}
.example1_g_ms {
	margin-top:20px;
}
.example1_g_tcr {
	margin-top:20px;
}
#open-example1_g{
	/*padding:10px;*/
	text-decoration:none;
	color:#f5802d;
	margin-left:70px;
}
#close-example1_g{
	/*padding:10px;*/
	text-decoration:none;
	color:#3782c2;
	margin-left:70px;
}
#open-example1_g_ms{
	/*padding:10px;*/
	text-decoration:none;
	color:#f5802d;
	margin-left:70px;
}
#close-example1_g_ms{
	/*padding:10px;*/
	text-decoration:none;
	color:#3782c2;
	margin-left:70px;
}
#open-example1_g_tcr{
	/*padding:10px;*/
	text-decoration:none;
	color:#f5802d;
	margin-left:70px;
}
#close-example1_g_tcr{
	/*padding:10px;*/
	text-decoration:none;
	color:#3782c2;
	margin-left:70px;
}
.example12 {
	margin-top:20px;
}
#open-example12{
	/*padding:10px;*/
	text-decoration:none;
	color:#f5802d;
	margin-left:70px;
}
#close-example12{
	/*padding:10px;*/
	text-decoration:none;
	color:#3782c2;
	margin-left:70px;
}
.box-update textarea {
	width:240px;
	height:140px;
	border:1px solid #78acd3;
	border-radius:5px;
	margin:5px 0;
	margin-left:20px;
	margin-bottom:10px;
	font-size:13px !important;
	padding:4px;
}
	.txt-space{
		margin-left:9px !important;
	}
#create label,
#create2 label,
#create3 label,
#create4 label,
#recommendation label,
#create_detach label,
#read_request_credit label,
#csummary label {
	display: inline-block;
	text-align: left;
	width: 160px;
	margin-left:70px;
	font-size:14px;
	font-family:'myriad_web_proregular';
	color:#494949;
}
#create3 label {
	display: inline-block;
	text-align: left;
	width: 130px;
	margin-left:70px;
	font-size:13px;
	font-family:'myriad_web_proregular';
	color:#494949;
}
#create4 label {
	display: inline-block;
	text-align: left;
	width: 130px;
	margin-left:70px;
	font-size:13px;
	font-family:'myriad_web_proregular';
	color:#494949;
}
#edit label {
	display: inline-block;
	text-align: left;
	width: 160px;
	margin-left:70px;
	font-size:14px;
	font-family:'myriad_web_proregular';
	color:#494949;
}
	.for-btn {
		height:auto;
		padding:8px 30px !important;
		font-size:14px !important;
		font-family:'myriad_web_proregular';
	}
.create-f {
	margin:20px 0px 10px 70px;
}
.icon-create {
	background-image:url(../images/icon_create.png);
	background-position:0;
	background-repeat:no-repeat;
	width:40px;
	height:40px;
}
	.icon-create-other {
		background-image:url(../images/asset-icon-create.png);
		background-position:0 -46px;
		background-repeat:no-repeat;
		width:40px;
		height:40px;
	}
	.icon-search-result {
		background-image:url(../images/loop-ico.png);
		background-repeat:no-repeat;
		width:40px;
		height:40px;
	}
	.icon-create-q {
		background-image:url(../images/icon_q.png);
		background-position:center;
		background-repeat:no-repeat;
		width:40px;
		height:40px;
	}
	.icon-create-survey {
		background-image:url(../images/asset-icon-create.png);
		background-position:0 -86px;
		background-repeat:no-repeat;
		width:40px;
		height:40px;
	}
	.icon-create-credit {
		background-image:url(../images/asset-icon-create.png);
		background-position:0 -130px;
		background-repeat:no-repeat;
		width:40px;
		height:40px;
	}
.section-create {
	background: #f2f2f2; /* Old browsers */
	padding:10px 0 20px 0;
	text-align:left;
}
.box-title {
	background: #0060a8; /* Old browsers */
	background: -moz-linear-gradient(top,  #0060a8 0%, #0060a8 50%, #005290 51%, #005290 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0060a8), color-stop(50%,#0060a8), color-stop(51%,#005290), color-stop(100%,#005290)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0060a8 0%,#0060a8 50%,#005290 51%,#005290 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0060a8 0%,#0060a8 50%,#005290 51%,#005290 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0060a8 0%,#0060a8 50%,#005290 51%,#005290 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0060a8 0%,#0060a8 50%,#005290 51%,#005290 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060a8', endColorstr='#005290',GradientType=0 ); /* IE6-9 */
	padding:4px 20px;
	border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-top-left-radius:10px;
	-o-border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-right-radius:10px;
	-o-border-top-right-radius:10px;
	margin-bottom:20px;
	behavior: url(border-radius.htc);
}
.box-title p {
	color:#ffffff;
}
i.title {
	margin-top:5px;
}
span.line-stripe {

}
.for-question {
	margin-left:20px;
}
	.label-q {
		margin-top:20px;
	}
.for-act {
	width:140px;
}
.act-edit-survey {
	text-align:left;
	width:140px !important;
}
.for-survey-type {
	width:180px;
}

.form-pass-change {
	width:92%;
	margin:0 auto;
	text-align:left;
	background:#eeeeee;
	padding-bottom:20px;
}
.form-pass-change .judul.blue-color.m-left-10 {background-image: url('../images/pass.png');
background-position: 0px center;
background-repeat: no-repeat;
width: 340px !important;
line-height: 60px; padding-left: 45px;
height: 40px;}
.form-pass-change form#slicks-login input[type="submit"].btn-blue.for-btn{/*width: 130px;*/ margin-left: 180px}
.form-pass-change form#slicks-login input[type="button"].btn-blue.for-btn{/*width: 130px;*/ /*width: 86px;*/}
.form-pass-change form#slicks-login .form-set input {width: 265px !important;}

.form-set {
	margin-bottom:10px;
}
	.form-set label {
		font-size:14px;
		width:180px;
		display:block;
		padding-top:8px;
		float:left;
	}
	.form-set input {
		border:1px solid #78acd3;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
	}

.txtarea-label {
	vertical-align: top;
	margin-top: 10px;
}

#contentLeft table {
	border:none !important;
}
#contentLeft table th img {
	vertical-align:middle;
}
	#contentLeft table tbody tr th{
		vertical-align:middle;
	}
	#contentLeft table tbody tr p{
		padding-bottom:5px;
	}
.confir-alert {
	text-align:left;
	padding:10px;
	font-size:13px;
}
.ctrl-radio {
	display:inline-block;
	float:left;
}
.radio-txt {
	display:inline-block;
	float:left;
	margin-top:10px;
	margin-right:10px;
}
.label-r {
	float:left;
	margin-top:12px;
}
.group-r {
	display:block;
	overflow:auto;
}
#huft3 label {
	width:180px;
}
.error {
	color:#ff0000;
	margin-left:0px !important;
	padding-left:10px;
}
.form-add {
	text-align:left;
	font-size:13px;
}
.form-add label {
	display:inline-block;
	margin:10px 0;
	width:140px;
	margin-left:20px;
}
.dropdown select {
	border:1px solid #78acd3;
	border-radius:5px;
	height:25px;
	font-family:'myriad_web_proregular';
	color:#494949;
	font-size:13px;
}
.dropdown input[type="text"]{
	padding: 2px 4px;
	border:1px solid #78acd3;
	border-radius:5px;
	height:20px;
	font-family:'myriad_web_proregular';
	color:#494949;
	font-size:13px;
	margin:5px 0;
	width:170px;
}
select {
	border:1px solid #78acd3;
	border-radius:5px;
	height:25px;
	font-family:'myriad_web_proregular';
	color:#494949;
	font-size:13px;
}
.box-update table {
	border:none;
}
.box-td-content{
	padding: 3px 5px;
	font-family: 'myriad_web_proregular';
	color: #494949;
	font-size: 13px;
	margin: 5px 0;
	min-height:5px;
}

#detailDialog input {
	border:none !important;
	background:none !important;
}
#detailDialog input[type="text"]{
	height:auto;
}
.label-large {
	width:240px !important;
}
.label-large2 {
	width:200px !important;
}
.for-label-large label {
	width:220px !important;#re
}
.for-label-large textarea {
	width:240px;
	height:140px;
	border:1px solid #78acd3;
	border-radius:5px;
	margin:5px 0;
	margin-left:0px !important;
	margin-bottom:10px;
	font-size:13px !important;
	padding:4px;
}
.small {
	width:90px !important;
}
.for-small {
	width:80px !important;
}
.smaller {
	width:60px !important;
}
.no-m-left { margin-left: 0px !important; }
.displayname {
	display:inline-block;
	margin-top:10px;
	margin-bottom:10px;
	color:#005290;
}
#tampil, #tampil_detach, #tampil2 {
	color:#005290;
	cursor:pointer;
	text-decoration:underline;
	margin-top:20px;
	margin-left:70px;
}
#delConfDialog p {
	margin:12px;
}
#delConfDialog2 p {
	margin:12px;
}
#allConfDialog p {
	margin:12px;
}

#repConfDialog p {
	margin:12px;
}

#cancelConfDialog p {
	margin:12px;
}

#cancelConfDialogDetach p {
	margin:12px;
}
.c-schedule {
	padding-left:162px;
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.create-f.a-left.c-schedule input#createSubmit {width: 120px}
.create-f.a-left.c-schedule a.btn-blue.for-btn {padding: 8px 42px !important;}
#attach span.loadingimg, #detach span.loadingimg, #create_detach span.loadingimg, #trri_sur span.loadingimg, #create_trri span.loadingimg {
	margin-left:300px
}

.woro2 {
	/*background: -webkit-gradient(linear, center top, center bottom, from(#fa3c45), to(#dc0d17));
	background: -webkit-linear-gradient(top, #fa3c45, #dc0d17);*/
	background: #00669e; /* Old browsers */
	background: -moz-linear-gradient(top,  #00669e 0%, #005290 47%, #005290 51%, #005290 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00669e), color-stop(47%,#005290), color-stop(51%,#005290), color-stop(100%,#005290)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00669e 0%,#005290 47%,#005290 51%,#005290 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00669e 0%,#005290 47%,#005290 51%,#005290 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00669e 0%,#005290 47%,#005290 51%,#005290 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00669e 0%,#005290 47%,#005290 51%,#005290 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00669e', endColorstr='#005290',GradientType=0 ); /* IE6-9 */
	border: none;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
	font-family: "Helvetica Neue", Helvetica, Arial, "segoe ui", tahoma, sans-serif;
	font-size: 11px;
	-webkit-font-smoothing: antialiased;
	font-weight: bold;
	color:#ffffff;
	height: 14px;
	line-height: 14px;
	min-width: 12px;
	padding: 5px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .4)
	display:block;
	position:absolute;
	top:5px;
	right:-10px;
	z-index: 999;
}
.even{
	background:#e5edf4;
}
.s_driver{
	margin-right:24px;
	margin-top:-10px;
	margin-bottom:5px;
}
#listonclick p {
	text-align:left;
	margin:5px 5px 10px 5px;
	font-size:13px;
}
.addi-btn{
	width:auto !important;
	margin-top:20px;
	margin-right:40px;
}
#re-send, #re-set, #re-set_exp, #re-send_det, #re-set_det, #re-set_det_exp{
	margin-top:10px;
}
#re-set p, #re-set_exp p, #re-send p, #re-send_det p, #re-set_det p, #re-set_det_exp p{
	font-size:12px;
}
#msgDialog{
	padding-top:10px;
	padding-bottom:10px;
}
#email_status{
	padding-top:20px;
	padding-bottom:20px;
}
#msgDialog2{
	padding-top:20px;
	padding-bottom:20px;
}
#bulkDialog{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	text-align: left;
}
#surveyDialog{
	padding:25px;
	/*padding-bottom:10px;*/
}

#trenreport{
	padding:15px;
	/*padding-bottom:10px;*/
}
.search-field{
	background:#f5802d;
	position:absolute;
	right:0;
	bottom:36px;
	padding:0px 10px 0px 3px;
	border-top-left-radius:8px;
}
.kalimat-welcome{
	position:relative;
	float:right;
	margin-right:10px;
	margin-top:-5px;
	text-align:right;
	color:#000000;
	padding-top: 5px;
	padding-right: 5px;
	font-size: 0.7em;
	line-height: 14px;

}
.kalimat-welcome a , .kalimat-welcome .the_email {
	color: #2989D1;
}
.kalimat-welcome .name_welcome, .kalimat-welcome .the_balance, .kalimat-welcome a , .kalimat-welcome .the_email {
	font-weight: bold;
}
.kalimat-welcome .the_balance {
}

/*! CSS tambahan */
.dash-home-2 {
	width: 100%;
	height: 120px;
	background-color: #f5802d;
	background-image: url(../images/bg_dash_home.png);
	background-repeat: repeat
}
.dash-home-2 .wrap {
	width: 92%;
	margin: 0 auto
}
.dash-home-2 h2, .dash-home-2 h4 {
	color: #fff;
	text-align: left
}
.dash-home-2 h2 {
	font-size: 30px;
	padding-top: 25px
}
.dash-home-2 h4 {
	font-size: 18px;
	margin-top: 5px;
	font-weight: normal;
}
.dash-home-content {
	padding: 20px 0;
	text-align: left
}
.dash-home-content .wrap {
	width: 92%;
	margin: 0 auto
}
.dash-home-content p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px
}
.dash-home-content p.h4 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 5px
}
/* search result */
.result-list-name {
	padding:5px 15px;
}
.result-list-name:nth-child(odd){
	background:#ddd;
}
.result-list-name a{text-decoration: none;}
.result-list-name .name {}
.result-list-name .permision {color: rgba(212, 125, 91, 1);float:right;}

.search-result-admin{
	width:850px;
}
.search-result-admin .section-create{
	/*min-height:200px;*/
	background:#eee;
	border:1px solid #ddd;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
}
.highlight { background-color: yellow }

#default_body_for_invitation, #default_body_for_first_reminder, #default_body_for_second_reminder, #default_body_for_final_reminder
{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* page add new employee */
.box-create.m-top-30 .create-f.a-left #save2 input.btn-blue.for-btn{background: linear-gradient(to bottom, #00518F 0%, #033B65 100%) repeat scroll 0% 0% transparent;
box-shadow: 0px 0px 4px #063355;}
.create-f.a-left.update input.btn-blue.for-btn.save {background: linear-gradient(to bottom, rgba(73, 163, 233, 1) 0%, rgba(5, 84, 144, 1) 100%) repeat scroll 0% 0% transparent;}
.create-f.a-left.update a.btn-blue.for-btn.m-left-10 {
    background: none repeat scroll 0% 0% transparent;
    box-shadow: none;
    color: #1660C2;
    text-decoration: underline;
}
.icon-list-m {background-image: url('../images/icon_list.png');
background-position: 0px center;
background-repeat: no-repeat;
width: 40px;
height: 40px;
margin-top: 10px; float: left;}
.judul.listm {font-weight: bold;
font-size: 18px;
padding: 20px 0px 20px 5px;
text-align: left;
text-transform: capitalize;
color: #005290;
line-height: 30px;
margin-bottom: -10px;}
.icon-list-help {background-image: url('../images/uhelp.png');
background-position: 0px center;
background-repeat: no-repeat;
width: 40px;
height: 40px;
margin-top: 10px; margin-left: 25px; margin-right: 5px; float: left;}
.judul-help{
	font-weight:bold;
	font-size:16px;
	padding: 30px 0px 20px 5px;
	text-align:left;
	text-transform: capitalize;
	color: #005290;
}
.content_pdf{
/*	font-weight:bold; */
	text-decoration: underline;
	font-size:14px;
	padding: 30px 0px 20px 5px;
	text-align:left;
	text-transform: capitalize;
	color: #00518f;
	padding: 30px 0px 0px 60px;
}
.ol, a{
	list-style-type: decimal;
	color: #00518f;
}
.li{
	line-height: 2;
}

.icon-sch-list {background-image: url('../images/Survey-Icon.png');
background-position: 0px center;
background-repeat: no-repeat;
width: 39px;
height: 41px;
margin-top: 10px; /*margin-left: 10px;*/ margin-right: 5px; float: left;}
.section-create-sch {
	padding:0px 0 20px 0;
	text-align:left;
	margin-left: -10px;
}
.judul-sch{
	font-weight:bold;
	font-size:18px;
	padding: 30px 0px 0px 5px;
	text-align:left;
	text-transform: capitalize;
	color: #005290;
}
.create-f-sch {
	margin:10px 0px 15px 126px;
}
.sch-country {
	margin:10px 0px 10px 66px;
	width: 257px;
}
.sch-tm {
	margin:10px 0px 10px 2px;
	width: 257px;
	color:#494949;
}

/*chart*/
.detail-param{
	background: #ffffff;
	padding: 0px 20px 5px 20px;
	text-align: left;
	font-size: 12px;
}

.detail-param .header{
	padding: 10px 0;
	font-weight: bold;
	font-size: 12px;
}



.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #DetailDialogPr.ui-dialog-content.ui-widget-content  .box-update .box-update-content table tbody tr td p.title-for-box {margin-left: 20px !important;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #DetailDialogClient.ui-dialog-content.ui-widget-content .box-update .box-update-content table tbody tr td p.title-for-box {margin-left: 20px !important;}
#updateDialog label.error {width: 260px !important ;}
#login-content .m-top-30 form#slick-login input.btn-blue.m-top-30.left {margin-left: 0 !important; float: none !important; float: unset !important}
#login-content .m-top-30 form#slick-login .form-main.form-centered .form-login.a-left input.btn-blue.m-top-30.left {float: left !important;}
.create-f.a-left.tombol-credit-request {margin-left: 240px;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #updateDialog.ui-dialog-content.ui-widget-content .box-update form#d-form .box-update-content .title-for-box {margin-left: 20px !important;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #updateDialogDetach.ui-dialog-content.ui-widget-content .box-update form#dd-form .box-update-content .title-for-box {margin-left: 20px !important;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #detailDialogTm.ui-dialog-content.ui-widget-content .box-update .box-update-content table tbody tr td p.title-for-box {margin-left: 20px !important;}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #detach span#result_2 #create_detach form .section-create #showimel2 #sembunyi2 div .judul.blue-color.m-left-30 {padding-left: 50px;}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #trri_sur span#result_5 #create_trri form .section-create #showimel2_trri #sembunyi2_trri div .judul.blue-color.m-left-30 {padding-left: 50px;}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #detach span#result_2 #create_detach form .section-create #sembunyi_detach.section-create .judul {padding-left: 50px}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #trri_sur span#result_5 #create_trri form .section-create #sembunyi_trri.section-create .judul {padding-left: 50px}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #attach span#result_1 #create form #attach #sembunyi.section-create #txtHintPasien .judul {padding-left: 50px}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #detach span#result_2 #create_detach form .section-create #sembunyi2 .judul {padding-left: 50px}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #trri_sur span#result_5 #create_trri form .section-create #sembunyi2 .judul {padding-left: 50px}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #attach span#result_1 #create form .create-f.a-left.c-schedule input#createSubmit{width: auto !important;}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #detach #result_2 #create_detach form .create-f.a-left.c-schedule input#createSubmit{width: auto !important;}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #trri_sur #result_5 #create_trri form .create-f.a-left.c-schedule input#createSubmit{width: auto !important;}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #attach span#result_1 #create form .create-f.a-left.c-schedule {/*padding-left: 243px !important;*/}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #detach #result_2 #create_detach form .create-f.a-left.c-schedule {/*padding-left: 243px !important;*/}
.count-h #tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all #create.ui-tabs-panel.ui-widget-content.ui-corner-bottom .box-create.m-top-30 .section-create #trri_sur #result_5 #create_trri form .create-f.a-left.c-schedule {/*padding-left: 243px !important;*/}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #updateDialog.ui-dialog-content.ui-widget-content .box-update form#a-form .box-update-content div p.title-for-box {margin-left: 20px !important}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #updateDialogDetach.ui-dialog-content.ui-widget-content .box-update form#d-form .box-update-content #emp  p.title-for-box {margin-left: 20px !important}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #updateDialogDetach.ui-dialog-content.ui-widget-content .box-update form#d-form .box-update-content #man p.title-for-box {margin-left: 20px !important}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #detailDialog.ui-dialog-content.ui-widget-content .box-update .box-update-content p.title-for-box {margin-left: 20px !important}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #detailDialogPr.ui-dialog-content.ui-widget-content .box-update .box-update-content table tbody tr td p.title-for-box {margin-left: 20px !important}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #ApproveRequestDialog.ui-dialog-content.ui-widget-content .box-update form#credit-form .box-update-content p.title-for-box{margin-left: 20px !important}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #delConfDialogDetach.ui-dialog-content.ui-widget-content {font-size: 12px; padding-top: 25px}
#tabs #create form .box-create .section-create p button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all {}

.count-h #tabs #create form .box-create.m-top-30 .section-create button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all {width: 250px;background: none repeat scroll 0% 0% #FFF;border: 1px solid #78ACD3;}
.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {width: 245px;}
.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all .ui-widget-header.ui-corner-all.ui-multiselect-header.ui-helper-clearfix {background: #F2F2F2 !important}

/*import*/
.imp_csv { display: block; /*margin: 10px auto;*/ background: #eee; border-radius: 10px; padding: 15px }
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable #updateDialog .box-update form#q-form .box-update-content .title-for-box {margin-left: 20px !important;}

/*download csv page*/
/* Start of Column CSS */
#con2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	/*background:#ffa7a7;*/ /* column 2 background colour */
	background-image: url("../assets/csv-image1.jpg");
	background-repeat: no-repeat;
	background-position: 201px 10px;
}
#con1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	/*background:#fff689;*/ /* column 1 background colour */
}
#col1 {
	float:left;
	width:20%;
	position:relative;
	left:52%;
	overflow:hidden;
	padding: 100px;
}
#col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
	padding-left: 10px;
}
.dcontent{
	width:150%;
	margin-left: -60px;
	font-size: 14px;
	text-align: left;
}
.dspan{
	/*width:150%;
	margin-left: -60px;
	*/
	font-size: 13px;
	font-style: italic;
}
/* --> */

/*pagination -- START*/
#div.wrapper{
  background-color:red;
  margin:10px auto;
  width:700px;
}
/*****Delete this*****/
#tabs #read .wrapper {min-height: 50px; margin-top: 20px;}
#tabs #read .wrapper section.archive-pages {width: 100%}
#tabs #read .wrapper section.archive-pages ul { float: right; }
.archive-pages li a:hover{
  color:#000;
}
.archive-pages li.selected{
  color:white;
}
.archive-pages a,
.archive-pages a:visited{
  color:#555;
}
.archive-pages li.selected{
  color:white;
  padding:5px;
  width:18px;
  line-height:20px;
  background: rgb(53,121,214);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(53,121,214,1) 0%, rgba(53,121,214,1) 91%, rgba(27,85,157,1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(53,121,214,1)), color-stop(91%,rgba(53,121,214,1)), color-stop(100%,rgba(27,85,157,1)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(53,121,214,1) 0%,rgba(53,121,214,1) 91%,rgba(27,85,157,1) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(53,121,214,1) 0%,rgba(53,121,214,1) 91%,rgba(27,85,157,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(53,121,214,1) 0%,rgba(53,121,214,1) 91%,rgba(27,85,157,1) 100%);
  background: radial-gradient(ellipse at center,  rgba(53,121,214,1) 0%,rgba(53,121,214,1) 91%,rgba(27,85,157,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3579d6', endColorstr='#1b559d',GradientType=1 );
}
.archive-pages li.selected:hover{
  cursor:default;
  background: rgb(53,121,214);
  background: -moz-radial-gradient(center, ellipse cover,  rgba(53,121,214,1) 0%, rgba(53,121,214,1) 91%, rgba(27,85,157,1) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(53,121,214,1)), color-stop(91%,rgba(53,121,214,1)), color-stop(100%,rgba(27,85,157,1)));
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(53,121,214,1) 0%,rgba(53,121,214,1) 91%,rgba(27,85,157,1) 100%);
  background: -o-radial-gradient(center, ellipse cover,  rgba(53,121,214,1) 0%,rgba(53,121,214,1) 91%,rgba(27,85,157,1) 100%);
  background: -ms-radial-gradient(center, ellipse cover,  rgba(53,121,214,1) 0%,rgba(53,121,214,1) 91%,rgba(27,85,157,1) 100%);
  background: radial-gradient(ellipse at center,  rgba(53,121,214,1) 0%,rgba(53,121,214,1) 91%,rgba(27,85,157,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3579d6', endColorstr='#1b559d',GradientType=1 );
}
.archive-pages li:hover{
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(196,196,196,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(196,196,196,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(196,196,196,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(196,196,196,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(196,196,196,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(196,196,196,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c4c4c4',GradientType=0 );
}
.archive-pages li a{
  cursor:pointer;
  line-height:20px;
  display:block;
  padding:5px;
  float:left;
  width:18px;
  text-aling:center;
}
.archive-pages{
  diaply:block;
  background-color:#f4f4f4;
  float:left;
  padding:0px;
  margin:0px;
  font-size:.8em;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  border:1px solid silver;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.archive-pages ul{
  float:left;
  margin:0px;
  padding:10px;
  list-style:none;
}
.archive-pages li{
  border:1px solid silver;
  float:left;
  font-weight:700;
  margin:0 2px;
  text-align:center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(214,214,214,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(214,214,214,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d6d6d6',GradientType=0 );
}
.archive-pages .first a,
.archive-pages .previous a,
.archive-pages .next a,
.archive-pages .last a{
  overflow:hidden;
  white-space:nowrap;
  -webkit-transition-duration: 300ms;
  -webkit-transition-property: width,text-indent,letter-spacing;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 300ms;
  -moz-transition-property: width,text-indent,letter-spacing;
  -moz-transition-timing-function: ease;
  -o-transition-duration: 300ms;
  -o-transition-property: width,text-indent,letter-spacing;
  -o-transition-timing-function: ease;
}
.archive-pages a{
  text-decoration:none;
}
.archive-pages .next a:after{
	content:"Next »";
}
.archive-pages .last a:after{
  content:"Last »";
}
.archive-pages .first a:before{
content:'« First'
}
.archive-pages .previous a:before{
  content:'« Previous'
}
.archive-pages .first a:hover,
.archive-pages .previous a:hover,
.archive-pages .next a:hover,
.archive-pages .last a:hover{
  width: 100px;
  text-indent:0;
  letter-spacing:0px;
}
.archive-pages .first a{
  text-indent:+6px;
  letter-spacing:10px;
}
.archive-pages .previous a{
  text-indent:+7px;
  letter-spacing:10px;
}
.archive-pages .next a{
  text-indent:-159px;
  letter-spacing:10px;
}
.archive-pages .last a{
    text-indent:-154px;
  letter-spacing:10px;
}
/*pagination -- END*/

.tooltip {
    position: relative;
    /*display: inline-block;*/
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 7px;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
		position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/*tooltips trend report*/
div.tooltips_trend, div.tooltips2 {
	position: relative;
	display: inline;
}
div.tooltips_trend span, div.tooltips2 span {
	position: absolute;
	width:600px;
	color: #000000;
	background: #FFFFFF;
	border: 2px solid #f5802d;
	/*height: 35px;*/
	line-height: 15px;
	margin: 0px 5px 0px 5px;
	text-align: justify;
	visibility: hidden;
	border-radius: 0px;
	/*box-shadow: 3px 3px 1px #d35f0d;*/
	font-size: 0.9em;
}
div.tooltips_trend span, div.tooltips2 span {
	visibility: hidden;
	opacity: 0.8;
	left: 100%;
	top: 50%;
	margin-top: -33px;
	margin-left: 500px;
	/*z-index: 999;*/
	padding: 3px 10px;
}

/* Tooltip menu */
.tooltipmenu .tooltiptext {

    visibility: hidden;
    width: 500px;
    background-color: #ffffff;
    color: #063355;
    text-align: left;
    padding: 7px;
    border-radius: 6px;
		border: 2px solid #f5802d;

    /* Position the tooltip text - see examples below! */
		position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 135%;
		margin-left: -55px;
    margin-bottom: -50px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipmenu:hover .tooltiptext {
    visibility: visible;
}

/*
* Responsive adjustment
*/

@media only screen and (max-width: 767px){

	/* Header ====================================== */
	header #wrapper div:nth-child(2) {
		width: 100%;
		min-width: auto!important;
		top: 41px;
		padding-top: 5px!important;
	}

	header #wrapper div:nth-child(2) h1 {
		padding-left: 15px;
	}

	header .head-title-survey{
		min-width: auto!important;
		width: 94%;
	}

	#logo {
		padding-top: 0;
		margin: 100px auto 10px;
		text-align: center;
	}

	#logo a {
		display: inline-block;
	}

	#logo a img {
		height: 50px;
	}

	#logo:after {
		clear: both;
		content: "";
		display: table;
	}

	/* Content ====================================== */
	.content-survey .content {
		position: relative;
	}

	.content-survey .content .survey-pagi {
		width: 100%;
		display: block;
	}

	.content-survey .content .survey-pagi .gp-pagi {
		margin-bottom: 5px;
		float: right;
		margin-top: 40px;
		padding-right: 15px;
	}

	.content-survey .content .survey-pagi .gp-prog {
		position: absolute;
		top: 10px;
		right: 15px;
		float: none;
	}

	.content-survey .content .survey-pagi:after {
		clear: both;
		content: "";
		display: table;
	}

	.content-survey .content #welcome {
		width: 100%;
		box-sizing: border-box;
	}

	/* survey table ====================================== */

	.help-desc-right {
		padding-left: 0!important;
	}

	.survey-table {
		overflow-x: auto;
	}

	.survey-table .for-q-att {
		padding-right: 10px!important;
    height: 45px!important;
    display: inline-block;
    max-width: 350px;
		width: 350px!important;
    line-height: 15px;
	}

	.bottom-survey button#next {
		margin-left: 0;
	}

	.bottom-survey #messages {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding: 0 15px;
		box-sizing: border-box;
	}

	.comment-survey textarea {
		width: 100%!important;
		box-sizing: border-box;
	}

	.complete-survey {
		width: 100%!important;
		margin: 0 auto!important;
		padding: 15px;
		box-sizing: border-box;
	}

	.alert-box {
		width: 100%!important;
		box-sizing: border-box;
		padding: 15px!important;
	}


	/* Footer ====================================== */
	.footer-content {
		width: 92%;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0;
	}

	.footer-left {
		float: none;
		margin-top: 0;
		font-size: 14px;
    margin-bottom: 10px;
	}

	.footer-right {
		float: none;
		margin-top: 0;
		margin-right: 0;
	}
}

/*client setting notification*/
/*.container_notification{
height:100px;
width:500px;
border:2px dotted #F00;
border-left:none;
border-right:none;
text-align:center;
}*/
/*.container_notification div{
display: inline-block;
border-left: 2px dotted #ccc;
vertical-align: middle;
line-height: 100px;
} */
.column-left{ float: left; width: 25%;  height:200px;}
.column-right{ float: right; width: 23%;  height:200px; margin-right: 18px;/*border-right: 2px dotted #ccc;*/}
.column-center{ display: inline-block; width: 23%; /*height:200px;*/ margin-left: 10px;}
.column-center2{ display: inline-block; width: 23%; height:200px; margin-left: 10px;}