@charset "utf-8";
/* RESET */
@font-face {
	font-family: 'pt-sans';
	src: url('../fonts/PT_SANS.eot'); /* IE9兼容模式 */
	src: url('../fonts/PT_SANS.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
 url('../fonts/PT_SANS.woff') format('woff'),
		url('../fonts/PT_SANS.ttf') format('truetype'),
		/* Chrome,Firefox 3.5 and Safari */
 url('../fonts/PT_SANS.svg#qzficon') format('svg');
	/* Google Chrome, Opera 9, and the iPhone. */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bauserif';
	src: url('../fonts/bauserif.eot'); /* IE9兼容模式 */
	src: url('../fonts/bauserif.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
 url('../fonts/bauserif.woff') format('woff'),
		url('../fonts/bauserif.ttf') format('truetype'),
		/* Chrome,Firefox 3.5 and Safari */
 url('../fonts/bauserif.svg#qzficon') format('svg');
	/* Google Chrome, Opera 9, and the iPhone. */
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'ProximaNova';
    font-style: normal;
    font-weight: 400;
    /*ProximaNova-Regular*/
    src: url('../fonts/337509_11_0.eot');
    src: url('../fonts/337509_11_0.eot?#iefix') format('embedded-opentype'),url('../fonts/337509_11_0.ttf') format('truetype');
}
/* CSS Document */
html, body, button, div, span, iframe, h1, h2, h3, h4, h5, h6, fieldset,
	form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
	ul, li, img {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
	list-style-type: none;
}

body {
	font-family: Arial, pt-sans, Helvetica, sans-serif;
	font-size: 75%;
	text-align: left;
	color: #333;
	width: 100%;
	height: 100%;
}

input, textarea, select {
	background: #eafff4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #d7d7d7;
	padding: 3px 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

input[readonly='readonly'] {
	background: initial;
}

input.readonly {
	border: none;
}

input.hasborder {
	border: 1px solid #d7d7d7
}

textarea.readonly {
	border: none;
}

div.hasborder {
	border: 1px solid #000;
	height: 380px;
	margin-top: 15px
}

a:link {
	text-decoration: underline;
	color: black;
}

a:visited {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: underline;
	color: blue;
}

a:active {
	text-decoration: none;
	color: blue;
}
/*common*/
.tip {
	font-size: 0.8em;
	vertical-align: top;
}

.msg_success {
	display: block;
	color: red;
}

.required {
	color: red;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.half {
	width: 50%;
}

.txt-right {
	text-align: right;
}
.txt-left {
	text-align: left;
}

.action-area {
	border: 1px solid #b9c1d0;
	background: #edeff3;
	margin-top: 5px;
}

.top43 {
	margin-top: -43px;
}

.currency-sign {
	padding-left: 5px;
}

hr {
	border: none;
	border-bottom: 1px solid #000;
}

.min-height1339 {
	min-height: 1339px;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.btn-primary {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}

.hidden {
	display: none;
}

.no-bullets {
	margin: 1em 0 1.25em 0;
}

.no-bullets>li {
	padding: 0.1333em 0 0.1333em 0.0667em;
	list-style: none;
	line-height: 1.2;
	font-size: 15px;
}

.einput.desc-display {
	display: block;
	padding-left: 130px;
	margin-left: 10px;
	word-break: break-all;
}

.einput.desc-display p {
	margin: 0;
}

#ticket_edit_content .einput.desc-display {
	padding-left: 120px
}

.hasTooltip {
	cursor: pointer;
}
.hasTooltipForAccount {
	cursor: pointer;
}
.hasTooltipForGroup {
	cursor: pointer;
}
.qtip {
	max-width: 600px !important;
	font-size: inherit !important;
}

#loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(22, 0, 0, .5);
	z-index: 10000;
}

#loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	margin-top: -50px;
}

.help-popup {
	background: url(../images/help-icon.jpg) no-repeat;
	text-indent: -9999px;
	height: 13px;
	width: 13px;
	display: inline-block;
}

.help-item-column {
	margin-left: 15px;
}

.help-vaulthome-column {
	position: absolute;
	margin-left: -20px;
	margin-top: 0;
}

.help-flowpreview-column {
	float: right;
	padding-left: 50px;
}
#helpdiv li {
	margin-left: 15px;
	list-style-type:inherit;
}
#helpdiv ul {
	margin-left: 15px;
	list-style-type: initial
}
/*jquery-Override*/
.ui-dialog .ui-widget-header {
	background: #0076a1;
	color: #fff;
	border-radius: 0px;
	padding: .1em 1em !important;
	border: none;
	height: 23px;
	line-height: 23px;
}

.ui-dialog.hint-dialog .ui-widget-header {
	background: #b2e482
}

.ui-dialog.hint-dialog .ui-dialog-title {
	color: #000;
}

.ui-dialog.hint-dialog .ui-dialog-content {
	background: #f5feed;
}

.ui-dialog .ui-dialog-title {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, pt-sans, Helvetica, sans-serif;
	margin: 0;
}

.ui-dialog.ui-corner-all {
	padding: 0;
	border-radius: inherit;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	border: 1px solid #999999;
	background: #dadada;
	font-weight: normal;
	color: #212121;
}
.ui-jqgrid .ui-jqgrid-pager{
	z-index: 1000 !important
}
.ui-state-default, .ui-widget-content .ui-state-default {
	background: #F5F5F5;
	color: #000;
	border-radius: 5px;
}

.ui-dialog .ui-dialog-buttonpane button{
	border-radius: 5px;
}

button.ui-state-default, button.ui-widget-content .ui-state-default {
	background: #0076a1!important;
	color: #fff !important
}


h2 button{
vertical-align:middle;
}
.einput button{
vertical-align:middle;
}

.grey_btn{
	background: #666666 !important;
	color: #fff !important
}

#changeColor{
	background: #7F00FF !important;
	color: #fff !important
}

.ui-widget .ui-widget {
	font-size: 0.75em;
}

.ui-widget, .ui-dialog .ui-dialog-title, .ui-widget input, .ui-widget select,
	.ui-widget textarea, .ui-widget button {
	font-family: Arial, pt-sans, Helvetica, sans-serif;
	border-radius: inherit;
	font-size: inherit;
}

.ui-datepicker {
	z-index: 99999 !important;
}
/*.ui-dialog-titlebar-close {visibility: hidden;}*/
.sortfield {
	text-decoration: none;
	float: right;
	display: block;
	width: 6px;
	height: 25px;
	cursor: pointer;
	background-image: url(../images/up.png);
	background-repeat: no-repeat;
	background-position: 0;
}

.sortfieldUp {
	background-image: url(../images/up_select.png);
	background-repeat: no-repeat;
	background-position: 0;
}

.sortfieldDown {
	background-image: url(../images/down_select.png);
	background-repeat: no-repeat;
	background-position: 0;
}

.char_right .sortfield {
	margin-left: 3px;
}

#screenControl .ztree li a span.button.switch {
	visibility: visible !important;
}

#ui-datepicker-div .ui-widget-header {
	background: #CCCCD1 50% 50% repeat-x;
	color: #222222
}

#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default
	{
	background: #e6e6e6 50% 50% repeat-x;
	color: #555555
}

#ui-datepicker-div .ui-widget .ui-widget {
	font-size: 1.1em;
}

#ui-calendar-div .ui-widget-header {
	background: #CCCCD1 50% 50% repeat-x;
	color: #222222
}

#ui-calendar-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default
	{
	background: #e6e6e6 50% 50% repeat-x;
	color: #555555
}

#ui-calendar-div .ui-widget .ui-widget {
	font-size: 1.1em;
}

.left-calendar {
	text-align: center;
	padding-top: 50px;
}

.left-calendar span {
	cursor: pointer;
}
/*jquery_vilidate*/
.error {
	color: red;
}
/*header*/
#top_searchbox {
	z-index: 99;
    position: absolute;
    overflow: visible;
    top: 37px;
    right: 10px;
    width: auto !important;
}

#top_searchbox .sb_wrapper {
	position: absolute;
	right: 180px;
	top: 51px;
}

#header, #menu, #mainContent, #footer, #Indexlogin {
	min-width: 1024px;
	margin: 0px auto;
}

#header {
	float: left;
	height: 70px;
	background-color: #ecedf3;
	position: relative;
	z-index: 3;
	width: 100%;
}

#header .logo {
	background-size: 166px 55px;
	display: block;
	min-width: 166px;
	width: 13%;
	height: 55px;
	margin: -5px 0px 0px 10px;
}

#projectNameForNewChild{
	float:left;
	margin-bottom:20px;
	padding-left:200px;
	padding-top:0.5%;
}



#header .trmi {
	position: absolute;
	right: 15px;
	top: 5px;
}

#header .title {
	margin: 10px 10px 10px 30px
}

#header .trmi a {
	color: #333333;
}

#header .trmi a:hover {
	color: #E6673D;
}

#header .username {
	background: url(../images/user_icon.png) left top no-repeat;
	height: 16px;
	padding-left: 20px;
}

#header .logout {
	background: url(../images/logout_icon.png) left top no-repeat;
	height: 16px;
	padding-left: 20px;
	display: inline-block;
}

#notfound404 {
	background: url('../images/login_bg.jpg') repeat;
}

#notfound404 .notfound-box {
	width: 808px;
	margin: 0 auto;
	padding-top: 50px;
}

#notfound404 .notfound-text {
	float: right;
	box-shadow: 0px 0px 40px 10px #888;
	width: 550px;
	background: #fff url('../images/404-mammoth.jpg') right no-repeat;
	height: 192px;
	font-size: 18px;
	line-height: 40px;
	padding: 40px 20px 20px 20px;
	border: 3px solid #bfbebe;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 10px;
}

#notfound404 .notfound-text a {
	color: #36bef7;
}

#corporation_register_layout #header {
	float: inherit;
}
/*menu*/
#menu {
	width: 100%;
	margin: 0px;
	border-bottom: 1px solid #808080;
	padding-left: 190px;
}

#menu td {
	height: 22px;
	line-height: 22px;
	text-align: left;
	color: white;
}

#projectNameForNew {
	font-family: bauserif, Arial, Verdana, Geneva, sans-serif;
	color: #0076a1;
	z-index: 999;
	font-size: 2.7em;
	padding-top:0.5%;
}

#projectNameForNew .project-newlogo {
	float:left;min-width:179px;
	padding-left:10px;
}

#projectNameForNew .project-newlogo img{
	max-height: 60px;
}

#menu #projectName {
	font-family: bauserif, Arial, Verdana, Geneva, sans-serif;
	top: 23px;
	position: absolute;
	color: #0076a1;
	left: 2px;
	z-index: 999;
	font-size: 2.7em;
}


 #projectNameForSubject{
	float:left;
	margin-bottom:20px;
	margin-left:30%;
	padding-top:1%;
}



#menu #topMenu #menus {
	width: 85%;
	height: 23px;
	overflow: auto;
	margin-bottom: 2px;
}

#menu #topMenu #menus div {
	display: inline-block;
	background: url('../images/menu_sep_line.png') no-repeat right;
}

#menu #topMenu #menus div a {
	text-decoration: none;
	margin: 0px 12px 0px 8px;
	display: inline-block;
	color: #000;
}

#menu #topMenu #menus div>a:hover {
	border-bottom: 1px solid #0076a1;
	color: #0076a1 !important;
}

#menu #topMenu #menus div ul {
	display: none;
}

#menu #topMenu #menus div:hover>ul {
	display: block;
}

#menu #quickAdd {
	width: 140px;
	position: relative;
	right: 10px;
	top: 30px;
	z-index: 999;
}

#menu #quickAdd #addNewMenu {
	margin: -3.5px 0 0 10px;
	height: 26px;
}
/*main content*/
#mainContent {
	position:relative;
	overflow:hidden;
	background:#eff3f6
}

#mainContent.hasBg {
	
}
/*left menu*/
#leftContent {
	float: left;
	width: 9%;
}

#sidemenuiconbox {
	background: #dfdfdf;
	position: absolute;
	left: 185px;
	text-align: center;
	width: 6px;
	height: 100%;
	z-index: 999;
}

#sidemenuicon {
	cursor: pointer;
	background: url(../images/bar_close.gif) no-repeat;
	margin-top: 300px;
	height: 60px;
}

#sidemenu {
	width: 185px;
	position: absolute;
	z-index: 1;
	height: 100%;
}

#sidemenu ul {
	list-style: none;
	width: 100%;
	border-top: 1px solid #c1c1c1;
}

#sidemenu ul li {
	border-bottom: 1px solid #c1c1c1;
}

#sidemenu ul li a {
	color: #000;
	display: block;
	line-height: 23px;
	padding-left: 17px;
	text-decoration: none;
}

#sidemenu ul li.selected {
	color: #FFFFFF;
}

#sidemenu ul li.selected a {
	color: white;
}

#sidemenu ul li.left-mytask {
	margin-top: 50px;
	border-top: 2px solid #ccc;
}

#gadget {
	text-align: center;
	margin: 100px 20px 0px 0px;
}

#gadget button {
	cursor: pointer;
}

#gadget li {
	list-style-type: none;
	margin: 0 auto;
}
/*#sidemenu ul li a.line{background: url(../images/menu_arrow.png) no-repeat scroll left 10px top 0 ;margin-left: 4px;padding-left: 27px;}*/
#sidemenu .corporation-logo {
	background: #eff3f6;
	text-align: center;
	padding: 10px 0;
}

.corporation-logo {
	float: right;
    top: 60px;
    right: 15px;
    position: inherit;
}

.corporation-logo img{
	height: 25px;width: 190px;
}
.corporation-oldLogo {
	height: 60px;
	overflow: hidden;
	float: right;
	padding-right: 275px
}

.corporation-oldLogo img{
	height: 50px;
}

/*subContent*/
#subContent {
	position:relative;
	float:left;
	margin:0 0 0 -4px;
	padding:0 .5% 30px;
	width:90%;
	background:#fff;
	border-left:4px solid #b9c0d0
}

#subContent.haveSidebar {
	min-width: 525px !important;
	float: left;
	display: block;
	padding: 10px 0.5% 20px 0.5%;
	width: 90%;
	margin: 0 0 -20px -4px;
	border-left: 4px solid #b9c0d0;
}

#subContent.haveSidebar #subsubcontent {
	padding: 0 10px 0 200px;
}

#subContent.noSidebar {
	padding: 0 20px;
	width: 1164px;
}

#subContent h2 {
	color: #606060;
	font-size: 18px;
	font-weight: bold;
	font-weight: normal;
	padding: 10px 0;
}

#subContent button, #subContent .lnkbutton, #top_searchbox button {
	text-align: left;
	outline: none;
	color: #fff;
	cursor: pointer;
	margin: 2px 1px;
	padding: 3px 10px;
	font-size: 13px;
	height: 25px;
	behavior: url(ie-css3.htc);
	border-radius: 5px;
	/* This lets IE know to call the script on all elements which get the 'box' class */
}

.ms-parent button{
	margin: 2px 0px !important;
}

#subContent .lnkbutton{
	padding: 5px 10px;
    text-decoration: none;
}

#subContent .widgetButton {
	text-align: left;
	background: none;
	background-color: #144e1d;
	outline: none;
	border-radius: 3px 3px 3px 3px;
	color: #fff;
	cursor: pointer;
	margin: 1px;
	padding: 3px 10px;
	vertical-align: middle;
	behavior: url(ie-css3.htc);
	/* This lets IE know to call the script on all elements which get the 'box' class */
}

.btn-popup {
	padding: 3px 10px;
	height: 28px;
}

.txt-perpage {
	color: #3488a6;
}

#subContent .left-part {
	width: 49%;
}

#subContent .detail-hr {
	padding-left: 1%;
}

#subContent .right-part {
	width: 48%;
	padding-left: 1%;
}
/*subContent table*/
.user-password .elabel {
	padding-top: 5px;
}

.user-password input {
	display: inline-block;
	vertical-align: top;
	margin-top: 7px;
}

.user-password .tip {
	display: inline-block;
	line-height: 10px;
	padding-left: 10px;
	margin-top: -2px;
}

#subContent table.list-items .einput {
	min-width: inherit;
}

#subContent table {
	text-align: left;
	width: 100%;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	border-spacing: 0;
}

#subContent table th {
	background-color: #F5F5F5;
	color: #222222;
	line-height: 25px;
	font-weight: bold;
	padding: 1px 6px 1px 6px;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	text-align: left;
}
#subContent table th.char_right{text-align: right;}

#subContent table th.char_center{text-align: center;}

#subContent table th.btn_center {text-align: center;}

#subContent table th input, #subContent table th select {
	margin-right: 10px;
}

#subContent table th select {
	width: 145px;
}

#subContent table td {
	border-right: 1px solid #E5E5E5;
	overflow: hidden;
	padding: 2px 5px;
	text-overflow: ellipsis;
	border-bottom: 1px solid #E5E5E5;
}

#subContent table tr.tr_alt {
	background-color: #F5F5F5;
}

#subContent table tr:nth-child(odd) {
	background-color: #F5F5F5;
}

#subContent table.list-items td {
	
}

#subContent table.list-items tr:hover {
	background-color: #E5E5E5
}

#subContent table.table-pagination {
	border: none;
	padding-top: 30px;
}

#subContent table.table-noborder {
	border: none;
}

#subContent table.table-pagination .pagination {
	float: left;
	width: 1000px
}

#subContent table.table-pagination .pagination ul {
	text-align: center;
}

#subContent table.table-pagination .pagination ul li {
	list-style-type: none;
	width: 70px;
	float: left;
}

#subContent table.table-pagination td {
	border: none;
}

#subContent table.table-noborder td {
	border: none;
}

#subContent table.table-pagination .paging-num-list {
	padding: 0 20px;
	font-size: 18px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

#subContent table.table-pagination .paging-num-list b {
	padding: 0 5px;
	vertical-align: middle;
	display: inline-block\9;
	margin-bottom: 15px\9;
}

#subContent table.table-pagination .total-page {
	font-weight: bold;
	padding-left: 20px;
}

#subContent table.table-pagination .pagedot {
	display: inline-block;
	line-height: 30px;
	height: 30px;
	vertical-align: bottom;
}

#subContent table.search-section {
	background-color: #F5F5F5;
}

#subContent table.search-section table {
	margin-top: 0;
}

#subContent table.search-section td {
	padding: 0 5px;
}

#subContent table.search-section td:nth-child(1) {
	text-align: right;
}

#subContent table .acctInput {
	width: 90%
}

#subContent #subAccount {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}

#subContent button.btn-delete .ico-btn {
	background: url(../images/icon_delete.png);
	background-position: 0 0;
	width: 19px;
	height: 19px;
	text-indent: -9999em;
	display: inline-block;
}

#subContent button.btn-delete .ico-btn:hover {
	background-position: -20px 0;
}
#subContent button.btn-viewdetail .ico-btn {
	background: url(../images/icon_view.png);
	background-position: 0 0;
	width: 19px;
	height: 19px;
	text-indent: -9999em;
	display: inline-block;
}

button.btn-viewdetail .ico-btn {
	background: url(../images/icon_view.png);
	background-position: 0 0;
	width: 19px;
	height: 19px;
	text-indent: -9999em;
	display: inline-block;
}

#subContent button.btn-redirectto .ico-btn {
	background: url(../images/kangaroo.png);
	text-indent: -9999em;
	height: 19px;
    width: 19px;
    background-size: 19px 19px;
    display: inline-block;
}
#subContent button.btn-delete, #subContent button.btn-redirectto, #subContent button.btn-viewdetail {
	background: none;
	padding: 0 5px;
	border: none;
}

#addNew button.btn-delete .ico-btn {
	background: url(../images/icon_delete.png);
	background-position: 0 0;
	width: 19px;
	height: 19px;
	text-indent: -9999em;
}

#addNew button.btn-delete .ico-btn:hover {
	background-position: -20px 0;
}

#addNew button.btn-delete {
	background: none;
	padding: 0 10px;
	border: none;
}
/*overwrite normal table*/
#subContent .ui-jqgrid .ui-jqgrid-view {
	z-index: 1 !important;
}

#subContent .ui-jqgrid .ui-jqgrid-resize {
	margin-right: -7px;
	height: 100% !important;
}

#subContent .ui-jqgrid .ui-jqgrid-htable .ui-th-div .s-ico {
	padding-right: 15px;
}

#subContent table.ui-jqgrid-htable, #subContent table.ui-jqgrid-btable {
	border: none;
}

#subContent table.ui-jqgrid-htable th {
	border-bottom: none;
}

#subContent table.ui-jqgrid-htable th, #subContent table.ui-jqgrid-btable td
	{
	padding: 0 5px;
	height: 29px;
	font-size: 1.1em;
}

#subContent table.ui-jqgrid-htable th input, #subContent table.ui-jqgrid-htable th select,
	#subContent table.ui-jqgrid-btable th input, #subContent table.ui-jqgrid-btable th select
	{
	margin: 0;
}

#subContent table.ui-pg-table {
	border: none;
}

#subContent table.ui-pg-table td {
	width: inherit !important;
	border: none;
	border-radius: inherit;
	padding: 0 6px;
}

.s_th {
	border: none !important;
	font-weight: normal !important;
	text-align: right;
	width: 40%;
}

.s_span {
	margin-right: 0px;
}

.char_left {
	text-align: left;
}

.char_right {
	text-align: right;
}

.char_center {
	text-align: center;
}

.btn_center {
	text-align: center;
}

.ico-edit, .ico-del, .ico-diredit, .ico-permission, .ico-group,
	.ico-detail, .ico-activity, .ico-opportunity, .ico-task {
	background-repeat: no-repeat;
	display: block;
	height: 10px;
	overflow: hidden;
	width: 15px;
	background-image: url(../images/editdel_black.png);
}

.ico-diredit {
	background-position: -1px -1px;
}

.ico-clip {
	background-repeat: no-repeat;
	display: block;
	height: 10px;
	overflow: hidden;
	width: 15px;
	background-image: url("../images/clip.png");
}

.ico-edit {
	background-position: 0 0;
}

.ico-del {
	background-position: -15px 0;
}

.ico-group {
	background-position: -45px 0;
}

.ico-permission {
	background-position: -30px 0;
}

.ico-detail {
	background-position: -101px 0;
}

.ico-activity {
	background-position: -60px 0;
}

.ico-opportunity {
	background-position: -75px 0;
}

.ico-task {
	background-position: -90px 0;
}

.ico-btn {
	display:block;
	height: 16px;
	line-height: 15px;
	overflow: hidden;
}

.ui-dialog-buttonset {
	float: none !important;
	text-align: center;
}
/*view detail page*/
.detail-half {
	width: 49%;
}

.detail-half1 {
	width: 49%;
	min-width:512px;
}

.detail-half2 {
	width: 65%;
	min-width:512px;
}

.stats-section {
	width: 48%;
	padding-left: 1%;
}

.view-container .elabel {
	width: 150px;
}

.view-container .einput.no-break, .einput.no-break {
	word-break: inherit;
}

.view-container .view-leftpart{
	min-width: 750px;
}

.blog-content-popup {
	min-height: 50px;
}
.blog-content-popup-detailbuttion {
	min-height: 50px;
}
/*add or edit page*/
.efield {
	clear: both;
	width: 100%;
	float: left;
	padding: 5px 0 0 0;
}

.efieldHaney {
	clear: both;
	width: 178px;;
	float: left;
	padding: 2px 0 0 0;
}

.efield .einput select {
	min-width: 175px;
	width: 175px;
}

.elabel {
	width: 172px;
	float: left;
	color: #65707b;
	line-height: 24px;
	height: 24px;
	text-align: right;
}

.elabelview {
	width: 145px;
	float: left;
	color: #65707b;
	line-height: 24px;
	height: 24px;
	text-align: right;
}




.historyMetric {
	margin-left: 10px;
	width: 146px;
	float: left;
	color: #65707b;
	line-height: 24px;
	height: 24px;
	text-align: right;
	font-size: 12px;
}

.historyCommentHistory {
	margin-left: 10px;
	width: 115px;
	float: left;
	color: #65707b;
	line-height: 24px;
	height: 24px;
	text-align: right;
	font-size: 12px;
}

.einput {
	border: 0 none;
	display: inline-block;
	min-width: 150px;
	line-height: 24px;
	margin-left: 8px;
}

.einputview {
	border: 0 none;
	display: inline-block;
	min-width: 110px;
	line-height: 24px;
	margin-left: 8px;
}

.haneyEinput {
	border: 0 none;
	display: inline-block;
	float: right;
	min-width: 150px;
	color: gray;
	line-height: 24px;
	margin-right: 100px;
}

.haneyTextArea {
	width: 500px;
	border-radius: 5px;
	height: 80px;
	overflow-x: visible;
	overflow-y: visible;
}

.haney_history {
	color: black;
	margin-left: 11px;
}
/*.einput input {width: 250px;}*/
.inline-input {
	width: 30%
}

.help-inline {
	color: red;
	display: block;
	width: 250px;
}

.textarea-mutilple .elabel {
	float: none;
}

.ecustomlabel {
	width: 240px;
	float: left; /*margin-right: 10px;*/
	text-align: right;
}

.ecustompagelabel {
	width: 190px;
	float: left; /*margin-right: 10px;*/
	text-align: right;
	line-height: 24px;
}

.epageinput {
	border: 0 none;
	display: inline-block;
	min-width: 150px;
	line-height: 24px;
	margin-left: 8px;
}

.emetalabel {
	width: 100px;
	float: left;
	margin-right: 10px;
}

#corporation_register .einput input {
	width: inherit;
}
/*bottom*/
#footer {
	clear: both;
	color: #fff;
	text-align: center;
	padding: 1px 0 10px 0;
}

#footer a {
	color: #0579a2
}

#footer a:hover {
	color: #fff
}
/*login*/
.index-main-login {
	padding: 1px;
	padding-bottom: 80px;
	width: 100%;
	height: 100%;
	background-position: center;
	background: url('../images/login_bg.jpg') repeat;
	position: relative;
}

#Indexlogin {
	position: relative;
	margin: auto;
	left: 0;
	top: 0px;
	width: 650px;
	min-width: inherit;
}

#Indexlogin .login-logo {
	padding-bottom: 30px;
	width: 100%;
}

#Indexlogin .login-box {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

#Indexlogin .loginInput {
	width: 100%;
	float: left;
	position: relative;
}

#Indexlogin .loginInput p {
	display: block;
	font-size: 14px;
	height: 35px;
	font-family: Arial, Verdana, Geneva, sans-serif
}

#Indexlogin .loginInput span {
	display: inline-block;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
}

#Indexlogin .loginInput span a {
	text-decoration: none;
}

#Indexlogin .loginInput .input {
	width: 40%;
	border-radius: 2px;
	border: 1px solid #ccc;
	line-height: 21px;
	padding-left: 10px;
	margin-left: 5px;
	height: 21px;
}

#Indexlogin .username-line {
	padding-top: 40px;
}

#Indexlogin .password-line {
	padding-top: 20px;
}

#Indexlogin .username-line span, #Indexlogin .password-line span {
	color: #fff;
	width: 90px;
	font-size: 16px;
}

#Indexlogin .btn-login {
	background: none repeat scroll 0 0 #4a9deb;
	line-height: 1.5em;
	color: #fff;
	font-size: 24px;
	padding: 4px 18px 5px;
	border-radius: 0.3em 0 0.3em 0.3em;
	-moz-border-radius: 0.3em 0 0.3em 0.3em;
	-webkit-border-radius: 0.3em 0 0.3em 0.3em;
	float: right;
	margin: 1px 29px 0 0;
	border: none;
}

#Indexlogin .client-login-logo {
	padding-bottom: 30px;
	margin-left: 30px;
}

.client-login-items {
	padding: 0 0 130px 60px;
	margin-bottom: 5px;
}

.client-login-comment {
	font-weight: bold;
	font-size: 20px;
	color: #530202;
	padding-left: 30px;
}

#Indexlogin .btn-client-login {
	margin: 0px 25px 0 0;
}

#Indexlogin #clientsupport {
	border: 1px solid #CCC;
	border-radius: 5px;
	height: 32px;
	width: 70%;
	padding-left: 12px;
	font-size: 12px;
}

.partner-login-items {
	padding: 0 0 90px 90px;
	margin-bottom: 5px;
}

.partner-login-items li, .client-login-items li,
	.tekefficient-login-items li, .serviam-login-items li,
	.bitech-login-items li, .morrisontelecom-login-items li, .effectiveconnect-login-items li,
	.eclipse-login-items li {
	float: left;
	width: 50%;
	font-size: 18px;
	line-height: 1.5em;
}

.partner-login-comment {
	font-weight: bold;
	font-size: 18px;
	color: #444;
	padding-left: 30px;
}

#blackrock_login .index-main-login {
	padding: 0;
}

#blackrock_login #blackrock_login_header {
	height: 110px;
	background: url(../images/bg_blackrock_header.jpg);
	text-align: center;
}

#blackrock_login #blackrock_login_header img {
	padding-top: 20px;
}

#blackrock_login .loginInput .blackrock-login-txt {
	color: #187399;
	font-size: 38px;
	display: block;
	line-height: inherit;
	padding-bottom: 20px;
	padding-left: 30px;
}

#blackrock_login #Indexlogin .btn-login {
	background: none repeat scroll 0 0 #000;
	line-height: 35px;
	font-size: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

#blackrock_login #Indexlogin .username-line span, #blackrock_login #Indexlogin .password-line span
	{
	color: #000;
}

#blackrock_login #Indexlogin .login-box {
	text-align: right;
}

#blackrock_login .blackrock-login-comment {
	font-size: 15px;
	padding-left: 30px;
}

#blackrock_login .blackrock-login-comment a {
	color: #0539fc;
}

#client_login #footer, #partner_login #footer, #blackrock_login #footer,
	#tekefficient_login #footer, #serviam_login #footer,#fostar_login #footer, #bitech_login #footer,
	#morrisontelecom_login #footer, #effectiveconnect_login #footer, #eclipse_login #footer  {
	background: #989898;
	position: fixed;
	bottom: 0;
	width: 100%;
}

#blackrock_login .blackrock-small-logo {
	position: absolute;
	z-index: 999;
	top: 60px;
	left: 40px;
}
/*register*/
#corporation_register {
	margin: 0 auto;
}

#corporation_register h2 {
	text-align: center;
}

#corporation_register .elabel {
	width: 150px;
	text-align: right;
}

#corporation_register .einput {
	min-width: 109px;
}

#corporation_register .help-inline {
	width: auto;
}
/*Tekefficient*/
#tekefficient_login .index-main-login {
	padding: 0;
	background: url('../images/tekeffiicient_bg.jpg') repeat;
	background-size: cover;
}

#tekefficient_login #tekefficient_login_header {
	height: 110px;
	background: #4a5115;
	text-align: center;
}

#tekefficient_login .loginInput .tekefficient-login-txt {
	color: #fff;
	font-size: 38px;
	display: block;
	line-height: inherit;
	padding-bottom: 20px;
}

#tekefficient_login #Indexlogin .btn-login {
	background: none repeat scroll 0 0 #4a5115;
	line-height: 44px;
	font-size: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

#tekefficient_login #Indexlogin .username-line span, #tekefficient_login #Indexlogin .password-line span
	{
	color: #000;
}

#tekefficient_login #Indexlogin .login-box {
	text-align: right;
}

#tekefficient_login .tekefficient-login-comment {
	font-size: 15px;
	padding-left: 30px;
	color: #fff;
}

#tekefficient_login .tekefficient-login-comment a {
	color: #0539fc;
}

#client_login #footer, #partner_login #footer, #blackrock_login #footer,
	#serviam_login #footer, #bitech_login #footer, #morrisontelecom_login #footer,
	#effectiveconnect_login #footer,#eclipse_login #footer
	{
	background: #989898;
	position: fixed;
	bottom: 0;
	width: 100%;
}

#tekefficient_login .tekefficient-login-items {
	padding: 0 0 100px 20px;
	margin-bottom: 5px;
}

#tekefficient_login .tekefficient-login-items li {
	list-style-type: disc;
	color: #fff;
}

#tekefficient_login .tekefficient-small-logo {
	position: absolute;
	z-index: 999;
	top: 25px;
	left: 40px;
}

#tekefficient_login #footer {
	color: #000;
	background-color: #fff;
}

#tekefficient_login #tekefficient_subthumb {
	overflow: hidden;
}
/*Serviam*/
#serviam_login .index-main-login {
	padding: 0;
}

#serviam_login #serviam_login_header {
	height: 110px;
	background: url(../images/bg_serviam_header.png);
	text-align: center;
}

#serviam_login #serviam_login_header img {
	padding-top: 20px;
}

#serviam_login .loginInput .blackrock-login-txt {
	color: #187399;
	font-size: 38px;
	display: block;
	line-height: inherit;
	padding-bottom: 20px;
	padding-left: 30px;
}

#serviam_login #Indexlogin .btn-login {
	background: none repeat scroll 0 0 #000;
	line-height: 35px;
	font-size: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

#serviam_login #Indexlogin .username-line span, #serviam_login #Indexlogin .password-line span
	{
	color: #000;
}

#serviam_login #Indexlogin .login-box {
	text-align: right;
}

#serviam_login .blackrock-login-comment {
	font-size: 15px;
	padding-left: 30px;
}

#serviam_login .blackrock-login-comment a {
	color: #0539fc;
}

#serviam_login .blackrock-small-logo {
	position: absolute;
	z-index: 999;
	top: 60px;
	left: 40px;
}
#fostar_login .blackrock-small-logo {
    position: absolute;
    z-index: 999;
    top: 15px;
    left: 70px;
}
#fostar_login #fostar_login_header {
    height: 110px;
    background: url(../images/bg_serviam_header.png);
    background: rgba(255,255,255,.5);
}
#fostar_login .fontSize{
	font-size:65px !important;
	color: #fff;
	line-height:65px !important;
}
#fostar_login .fontSize_small{
	font-size:20px !important;
	color: #e8e8e8e0 !important;
	line-height:24px !important;
}
#fostar_login .topback{
	padding:25px;
	align-content: center;
    position: relative;
    margin: auto;
    left: 0;
    top: 0px;
    width: 650px;
    min-width: inherit;
}
#fostar_login .blackrock-logo{
	float:left
}
#fostar_login .blackrock-login-comment {
    font-size: 10px;
    padding-left: 8px;
    color: #9e9c9c;
    padding-top: 110px;
}
#fostar_login #Indexlogin .btn-login {
    background: none repeat scroll 0 0 #54d4f1;
    font-size: 20px;
    border-radius: 0;
    width: 79%;
    -webkit-border-radius: 0;
}
#fostar_login #Indexlogin .loginInput .input {
    width: 77%;
    border-radius: 5px;
    border: 1px solid #ccc;
    line-height: 27px;
    padding-left: 5px;
    margin-left: 5px;
    height: 27px;
    background: #fff;
    /* color:#54d4f1; */
}

/* #fostar_login #Indexlogin .loginInput .input::input-placeholder {
	color:#54d4f1;
}
#fostar_login #Indexlogin .loginInput .input::-webkit-input-placeholder {
	color:#54d4f1;
}
#fostar_login #Indexlogin .loginInput .input::-ms-input-placeholder {
	color:#54d4f1;
}
#fostar_login #Indexlogin .loginInput .input::-moz-placeholder {
	color:#54d4f1;
} */
#fostar_login #Indexlogin .btn-client-login {
    margin: 11px 35px 0px 0px;
}
#fostar_login .index-main-login {
     background:url('../images/fostar-workweb-login.jpg') no-repeat;
     padding: 0;
     background-size: cover;
}
/*bitech*/
#bitech_login .index-main-login {
	padding: 0;
	background: url('../images/bitech_login_bg.png') repeat;
}

#bitech_login #bitech_login_header {
	height: 110px;
	background: url(../images/bg_bitech_header.jpg);
	text-align: center;
}

#bitech_login #bitech_login_header img {
	padding-top: 20px;
}

#bitech_login .loginInput .blackrock-login-txt {
	color: #187399;
	font-size: 38px;
	display: block;
	line-height: inherit;
	padding-bottom: 20px;
	padding-left: 30px;
}

#bitech_login #Indexlogin .btn-login {
	background: none repeat scroll 0 0 #000;
	line-height: 35px;
	font-size: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

#bitech_login #Indexlogin .username-line span, #bitech_login #Indexlogin .password-line span
	{
	color: #000;
}

#bitech_login #Indexlogin .login-box {
	text-align: right;
}

#bitech_login .blackrock-login-comment {
	font-size: 15px;
	padding-left: 30px;
}

#bitech_login .blackrock-login-comment a {
	color: #0539fc;
}

#bitech_login .blackrock-small-logo {
	position: absolute;
	z-index: 999;
	top: 60px;
	left: 40px;
}
/*Morrison Telecom*/
#morrisontelecom_login .index-main-login {
	padding: 0;
}

#morrisontelecom_login #morrisontelecom_login_header {
	height: 110px;
	background: url(../images/bg_serviam_header.png);
	text-align: center;
	margin-left: -180px;
}

#morrisontelecom_login #morrisontelecom_login_header img {
	padding-top: 20px;
}

#morrisontelecom_login .loginInput .blackrock-login-txt {
	color: #2c2769;
	font-size: 38px;
	display: block;
	line-height: inherit;
	padding-bottom: 20px;
	padding-left: 30px;
}

#morrisontelecom_login #Indexlogin .btn-login {
	background: none repeat scroll 0 0 #000;
	line-height: 35px;
	font-size: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

#morrisontelecom_login #Indexlogin .username-line span,
	#morrisontelecom_login #Indexlogin .password-line span {
	color: #000;
}

#morrisontelecom_login #Indexlogin .login-box {
	text-align: right;
}

#morrisontelecom_login .blackrock-login-comment {
	font-size: 15px;
	padding-left: 30px;
}

#morrisontelecom_login .blackrock-login-comment a {
	color: #0539fc;
}

#morrisontelecom_login .blackrock-small-logo {
	position: absolute;
	z-index: 999;
	top: 60px;
	left: 40px;
}

/*Effective Connect*/
#effectiveconnect_login .index-main-login {
	padding: 0;
}

#effectiveconnect_login #effectiveconnect_login_header {
	height: 110px;
	background: url(../images/bg_effectiveconnect_header.png);
	text-align: center;
	margin-left: -180px;
}

#effectiveconnect_login #effectiveconnect_login_header img {
	padding-top: 20px;
}

#effectiveconnect_login .loginInput .effectiveconnect-login-txt {
	color: #2c2769;
	font-size: 38px;
	display: block;
	line-height: inherit;
	padding-bottom: 20px;
	padding-left: 30px;
}

#effectiveconnect_login #Indexlogin .btn-login {
	background: none repeat scroll 0 0 #000;
	line-height: 35px;
	font-size: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

#effectiveconnect_login #Indexlogin .username-line span,
	#effectiveconnect_login #Indexlogin .password-line span {
	color: #000;
}

#effectiveconnect_login #Indexlogin .login-box {
	text-align: right;
}

#effectiveconnect_login .effectiveconnect-login-comment {
	font-size: 15px;
	padding-left: 30px;
}

#effectiveconnect_login .effectiveconnect-login-comment a {
	color: #0539fc;
}

#effectiveconnect_login .effectiveconnect-small-logo {
	position: absolute;
	z-index: 999;
	top: 60px;
	left: 40px;
}


/*Eclipse Telecom*/
#eclipse_login .index-main-login {
	padding: 0;
}

#eclipse_login #eclipse_login_header {
	height: 110px;
	background: url(../images/bg_eclipse_header.jpg);
	text-align: center;
	margin-left: -180px;
}

#eclipse_login #eclipse_login_header img {
	padding-top: 20px;
}

#eclipse_login .loginInput .eclipse-login-txt {
	color: #2c2769;
	font-size: 38px;
	display: block;
	line-height: inherit;
	padding-bottom: 20px;
	padding-left: 30px;
}

#eclipse_login #Indexlogin .btn-login {
	background: none repeat scroll 0 0 #000;
	line-height: 35px;
	font-size: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

#eclipse_login #Indexlogin .username-line span,
	#eclipse_login #Indexlogin .password-line span {
	color: #000;
}

#eclipse_login #Indexlogin .login-box {
	text-align: right;
}

#eclipse_login .eclipse-login-comment {
	font-size: 15px;
	padding-left: 30px;
}

#eclipse_login .eclipse-login-comment a {
	color: #0539fc;
}

#eclipse_login .eclipse-small-logo {
	position: absolute;
	z-index: 999;
	top: 60px;
	left: 40px;
}
/**End Login*/
h1 {
	font-size: 45px;
	color: #333;
	margin: 55px 0 10px 0
}

.sorry {
	margin: 40px;
	float: left
}

.selButton {
	width: 40px;
	margin: 3px;
}

.selSelected {
	width: 320px;
}

h3.selTitle {
	font-size: 17px;
	font-weight: normal;
	line-height: 39px;
	color: #BAA118;
}
/*city zip style*/
.cityzip .control-group {
	float: left;
}

.cityzip .control-group.label-zip .elabel {
	width: auto;
}

.cityzip .control-group.label-zip .einput input {
	width: 50px;
}

.prospect-hr hr {
	border-left: 1px solid #000;
	height: 300px;
	padding-left: 1%;
}

.ui-dialog #addNewContactForm.ui-dialog-content, .ui-dialog #updateContactForm.ui-dialog-content
	{
	overflow: hidden;
}
/*home page style*/
#home .home-chart area {
	outline: none;
}

#home #homeopportunity_list {
	padding: 0 10px 10px 10px;
	overflow: auto;
}

#home #homeopportunity_list #opportunity_content {
	height: 300px;
}

#home .prospect-hr hr {
	margin: 0 5px 0 0;
}

#home .home-chart #opportunity_sum span {
	width: 100px;
	display: inline-block;
	text-align: right;
}
/*task blog*/
#taskblog_createform .elabel {
	width: 120px;
	text-align: right;
}

.taskblog-hr hr {
	border-left: 1px solid #000;
	height: 300px;
	padding-left: 1%;
}

#subContent #taskblog_startview table, #subContent #taskblog_stats table
	{
	border: none;
}

#subContent #taskblog_startview table.list-items td, #subContent #taskblog_stats table.list-items td
	{
	border: none;
}

.taskblog-list {
	overflow: auto;
	height: 150px;
}
/*contact blog*/
#contactblog_createform .elabel {
	width: 120px;
	text-align: right;
}

.contactblog-hr hr {
	border-left: 1px solid #000;
	height: 300px;
	padding-left: 1%;
}

#subContent #contactblog_startview table, #subContent #contactblog_stats table
	{
	border: none;
}

#subContent #contactblog_startview table.list-items td, #subContent #contactblog_stats table.list-items td
	{
	border: none;
}
/*opportunity blog*/
#opportunityblog_createform .elabel {
	width: 155px;
	text-align: right;
}

.opportunityblog-hr hr {
	border-left: 1px solid #000;
	height: 300px;
	padding-left: 1%;
}

#subContent #opportunityblog_startview table, #subContent #opportunityblog_stats table,
	#subContent #caseblog_startview table {
	border: none;
}

#subContent #opportunityblog_startview table.list-items td, #subContent #opportunityblog_stats table.list-items td,
	#subContent #caseblog_startview table.list-items td {
	border: none;
}
/*ticket*/
.ticketblog-hr hr {
	border-left: 1px solid #000;
	height: 300px;
	padding-left: 1%;
}

#subContent #ticketblog_startview table, #subContent #ticketblog_startview table
	{
	border: none;
}

#subContent #ticketblog_startview table.list-items td, #subContent #ticketblog_startview table.list-items td
	{
	border: none;
}
/*prospect*/
#subContent table.prospect-report-table {
	color: blue;
	border: 1px solid #000;
	margin-top: 0;
}

.prospect-lh .efield .einput select {
	min-width: 100px;
}

.prospect-lh .einput {
	min-width: 100px;
}

.prospect-righttext .elabel {
	text-align: right;
}

.prospect-hr, .account-hr {
	padding-left: 1%;
	border-right: solid 1px #000000;
	height: 830px;
}
/*opportunity*/
div.hasborder.opportunity-metabox {
	padding: 5px;
	margin-top: 0px;
	height: auto;
}

.opportunity-metabox #metatoggle {
	height: 20px;
	width: 20px;
	float: right;
	cursor: pointer;
}

.opportunity-metabox #metaData {
	height: 220px;
	display: none;
}

.opportunity-metabox #subMetaData {
	height: 200px;
	overflow: auto;
}

.opportunityblog-list {
	height: 147px;
	overflow: auto;
}
/*campaign*/
#subContent table.campaign-report-table {
	color: blue;
	border: 1px solid #000;
	margin-top: 0;
}

.campaign-lh .efield .einput select {
	min-width: 100px;
}

.campaign-lh .einput {
	min-width: 100px;
}

.campaign-righttext .elabel {
	text-align: right;
}

.campaignblog-list {
	overflow: auto;
	height: 440px;
}
/*case*/
.caseblog-hr hr {
	border-left: 1px solid #000;
	padding-left: 1%;
}

.sysNewVal {
	position: absolute;
	text-align: left;
	background: #0076a1;
	outline: none;
	color: #fff;
	cursor: pointer;
	margin-left: 1px;
	padding: 3px 10px;
	vertical-align: middle;
	font-size: 12px;
	behavior: url(ie-css3.htc);
	/* This lets IE know to call the script on all elements which get the 'box' class */
}

#campaignblog_createform .elabel {
	width: 135px;
	text-align: right;
}

.campaignblog-hr hr {
	border-left: 1px solid #000;
	height: 560px;
	padding-left: 1%;
}

#subContent #campaignblog_startview table, #subContent #campaignblog_stats table,
	#subContent #campaignblog_startview table {
	border: none;
}

#subContent #campaignblog_startview table.list-items td, #subContent #campaignblog_stats table.list-items td,
	#subContent #campaignblog_startview table.list-items td {
	border: none;
}
/*agent*/
#agentblog_createform .elabel {
	width: 150px;
	text-align: right;
}

.agentblog-hr hr {
	border-left: 1px solid #000;
	height: 300px;
	padding-left: 1%;
}

#subContent #agentblog_startview table, #subContent #agentblog_stats table,
	#subContent #agentblog_startview table {
	border: none;
}

#subContent #agentblog_startview table.list-items td, #subContent #agentblog_stats table.list-items td,
	#subContent #agentblog_startview table.list-items td {
	border: none;
}

#colorschema {
	position: absolute;
	right: 20px;
	top: 5px;
}

#colorschema ul {
	list-style: none;
}

#colorschema li {
	float: left;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-left: 5px;
	border: 1px solid #ccc;
	cursor: pointer;
}

#colorschema .defaultschema {
	background: #4988dc
}

#colorschema .redschema {
	background: #af200e
}

#calendar div {
	
}

/*landing content*/
.landing-help-content {
	
}

.landing-help-content .title {
	font-size: 16px;
}

.landing-help-content .item li {
	margin-left: 20px;
	line-height: 1.5em;
}

/*workflow*/
.workfolw_title {
	width: 100%;
	position: absolute;
	top: 0px;
	height: 28px;
	line-height: 28px;
	font: bold;
	color: white;
}

.workfolw_bottom {
	height: 28px;
	position: absolute;
	bottom: 0px;
	text-align: right;
	/*line-height:28px;*/
}

.workfolw_bottom a {
	color: white;
}

.workflow_step {
	width: 100%;
	height: 362px;
	position: absolute;
	top: 29px;
}

.workflow_step_content {
	margin: 0px auto;
	width: 80%;
	height: 240px;
	clear: both;
	margin-top: 0px;
}

.workflow_previewButton {
	display: block;
	width: 80px;
	height: 30px;
	background-color: #3489a6;
	color: white;
	border: solid;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	cursor: pointer;
	float: right;
}

.workflow_previewDiv {
	width: 100%;
	margin-top: 20px;
}

.workflow_compone_space {
	margin-top: 3px;
}

.workflow_preview_table {
	padding: 4px 4px 4px 4px;
}

.workflow_preview_table tr th {
	text-align: right;
}

.workflow_preview_table  ul li {
	list-style-type: none;
}

/*home*/
.dashedHr {
	border-bottom-style: dashed;
}

#getBillDiv table {
	text-align: left;
	width: 100%;
	border: 1px solid #e5e5e5;
	margin-top: 10px;
}

#getBillDiv table th {
	background-color: #F5F5F5;
	color: #222222;
	line-height: 25px;
	font-weight: bold;
	padding: 1px 10px 1px 1px;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

#getBillDiv table th input, #subContent table th select {
	margin-right: 10px;
}

#getBillDiv table th select {
	width: 145px;
}

#getBillDiv table td {
	border-right: 1px solid #E5E5E5;
	overflow: hidden;
	padding: 2px 5px;
	text-overflow: ellipsis;
	border-bottom: 1px solid #E5E5E5;
}

#getBillDiv table tr.tr_alt {
	background-color: #F5F5F5;
}

#getBillDiv table.list-items td {
	
}

/*sub menu*/
#menu .submenudiv {
	width: 180px;
	float: left;
	position: absolute;
	z-index: 99;
	background: #dfdfdf;
}

#menu .submenudiv ul {
	list-style: none;
	width: 100%;
	float: left;
}

#menu .submenudiv ul li {
	width: 100%
}

#menu .submenudiv ul li a {
	color: #000;
	display: block;
	line-height: 23px;
	text-decoration: none;
}

#menu .submenudiv ul li.selected {
	color: #FFFFFF;
}

#menu .submenudiv ul li.selected a {
	color: white;
}
/* div have scroll*/
#subContent .hasScroll table {
	margin-top: 0px;
}

.sideCalendar {
	background: url(../images/left_calendar.png) no-repeat scroll left;
	display: block;
	width: 35px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.sideSpot {
	background: url(../images/left_spot.png) no-repeat scroll left;
	display: block;
	width: 35px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.sideLog {
	background: url(../images/left_log.png) no-repeat scroll left;
	display: block;
	width: 35px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.sideCalculator {
	background: url(../images/left_calculator.png) no-repeat scroll left;
	display: block;
	width: 35px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.sideStorageUsage {
	background: url(../images/left_storage_usage.png) no-repeat scroll left;
	display: block;
	width: 35px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.sideInternalChat {
	background: url(../images/left_internal_chat.png) no-repeat scroll left;
	display: block;
	width: 35px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.tipChat_convesation {
	position: absolute;
	color: white !important;
	display: none;
	font-size: 12px !important;
	text-align: center;
	line-height: 12px;
	padding-top: 4px !important;
	width: 20px;
	height: 20px;
	background-image: url('../images/circle_tip.png');
	background-repeat: no-repeat;
}

.sideEmail {
	background: url(../images/left_email.png) no-repeat scroll left;
	display: block;
	width: 35px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.sideStopWatch {
	background: url(../images/left_stop_watch.png) no-repeat scroll left;
	display: block;
	width: 35px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.ticketblog-list {
	height: 370px;
	overflow: auto;
}
/* chat css */
#chatContent #chatTop table tr th {
	text-align: right;
}

#chatContent #chatTop {
	border: solid;
	border-width: 1px 1px 10px 1px;
	border-color: #d7d7d7;
	height: 160px;
}

#chatContent #bottomContent {
	border: solid;
	border-color: green;
	border-width: 1px 1px 20px 1px;
	border-color: #d7d7d7;
	overflow-y: auto;
	height: 34%;
}

#chatContent #bottomContent ul {
	list-style-type: none;
}

.timespan {
	display: none;
}

#chatContent #bottomContent ul li {
	display: block;
	width: 97%;
	line-height: 20px;
	padding-left: 5px;
}

#chatContent #bottomContent ul li a {
	color: blue;
}

#chatContent #sendContent {
	border: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #d7d7d7;
}

.popupButton {
	background: #0076a1;
	color: #fff;
	text-align: left;
	outline: none;
	color: #fff;
	cursor: pointer;
	margin-left: 1px;
	padding: 3px 10px;
	vertical-align: middle;
	font-size: 12px;
	behavior: url(ie-css3.htc);
	border: none;
}

.thSortField {
	cursor: pointer;
}

/*for dragged email address item*/
.draggedEmail {
	color: blue;
}

/*prospect*/
.createbtndiv {
	width: 160px;
	float: left;
	position: absolute;
	z-index: 99;
}

.createbtndiv ul {
	list-style: none;
	width: 100%;
	float: left;
}

.createbtndiv ul li {
	width: 100%
}

.createbtndiv ul li a {
	color: #000;
	display: block;
	line-height: 23px;
	text-decoration: none;
	font-size: 12px;
	margin-left: 8px;
}

.createbtndiv ul li.selected {
	color: #FFFFFF;
}

.createbtndiv ul li.selected a {
	color: white;
}

.blog-list-detail ul, .blog-list-detail li {
	padding-left: inherit;
	margin-left: 10px;
}

@media ( max-width :1400px) {
	.top43 {
		margin-top: 0;
	}
	.detail-half {
		width: 100% !important;
	}
	.detail-hr {
		display: none;
	}
	.stats-section {
		width: 100%;
		padding: 0;
	}
	.blog-list-pad {
		height: auto !important;
		margin-bottom: 0px;
	}
	.blog-list-detail, .ticketblog-list {
		height: auto !important;
	}
}

#agentprospect .elabel {
	width: 180px;
}
/* home hint */
.homeHint {
	margin-left: 10%;
	line-height: 150%;
	color: #5f5f5f
}
/*coporation register layout*/
#corporation_register_layout #mainContent.hasBg {
	background: url('../images/login_bg.jpg') repeat;
}

#corporation_register_layout #footer {
	margin-top: 0;
}

#corporation_register_layout #header .logo {
	float: inherit;
	margin: 0 auto;
}

#corporation_register_layout #menu {
	background: url(../images/corp_header_bg.jpg) repeat-x;
	height: 76px;
}

#corporation_register_layout #menu .menu-right {
	display: block;
	background: url(../images/corp_header_right_bg.jpg) no-repeat;
	height: 76px;
	float: right;
	width: 218px;
}

#corporation_register_layout #subContent.haveSidebar {
	width: 748px !important;
	float: inherit;
	margin: 40px auto;
	border-radius: 10px;
	box-shadow: 5px 5px 40px 10px #888;
	padding-bottom: 20px;
}

/* add comment list */
#commentList table {
	text-align: left;
	width: 100%;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}

#commentList table th {
	background-color: #F5F5F5;
	color: #222222;
	line-height: 25px;
	font-weight: bold;
	padding: 1px 10px 1px 1px;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	white-space: nowrap;
}

#commentList table th input, #commentList table th select {
	margin-right: 10px;
}

#commentList table th select {
	width: 145px;
}

#commentList table td {
	border-right: 1px solid #E5E5E5;
	overflow: hidden;
	padding: 2px 5px;
	text-overflow: ellipsis;
	border-bottom: 1px solid #E5E5E5;
}

#commentList table tr.tr_alt {
	background-color: #F5F5F5;
}

#commentList table.list-items td {
	
}

#commentList table.list-items tr:hover {
	background-color: #E5E5E5
}

#commentList table.table-pagination {
	border: none;
	padding-top: 30px;
}

#commentList table.table-noborder {
	border: none;
}

#commentList table.table-pagination .pagination {
	float: left;
	width: 1000px
}

#commentList table.table-pagination .pagination ul {
	text-align: center;
}

#commentList table.table-pagination .pagination ul li {
	list-style-type: none;
	width: 70px;
	float: left;
}

#commentList table.table-pagination td {
	border: none;
}

#commentList table.table-noborder td {
	border: none;
}

#commentList table.table-pagination .paging-num-list {
	padding: 0 20px;
	font-size: 18px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

#commentList table.table-pagination .paging-num-list b {
	padding: 0 5px;
	vertical-align: middle;
}

#commentList table.table-pagination .total-page {
	font-weight: bold;
	padding-left: 20px;
}

#commentList table.table-pagination .pagedot {
	display: inline-block;
	line-height: 30px;
	height: 30px;
	vertical-align: bottom;
}

#commentList table.search-section {
	background-color: #F5F5F5;
}

#commentList table.search-section table {
	margin-top: 0;
}

#commentList table.search-section td {
	padding: 0 5px;
}

#commentList table .acctInput {
	width: 90%
}

#corporation_register_layout #subContent.haveSidebar {
	width: 830px !important;
	float: inherit;
	margin: 40px auto;
	border-radius: 10px;
	box-shadow: 5px 5px 40px 10px #888;
	padding-bottom: 20px;
}

#subContent #relateList {
	background-color: white;
}

#subContent #createRelate {
	background-color: white;
}

#subContent #relateList button {
	background-color: gray;
	background-image: none;
	padding: 2px 2px 2px 5px;
	width: 100%;
	height: 21px;
	display: block;
	border-radius: 0;
	margin-top: 1px;
}

#subContent #createRelate button {
	background-color: gray;
	background-image: none;
	padding: 2px 2px 2px 5px;
	width: 100%;
	height: 21px;
	display: block;
	border-radius: 0;
	margin-top: 1px;
}

.buttionDiv {
	display: inline-block;
}

.hint-long-desc .elabel {
	float: none;
}

.hint-long-desc .einput.desc-display {
	display: block;
	margin-left: 0px;
}

.hint-long-desc .einput.desc-display p {
	margin: 0;
}

/*.treat-parent-company{border: 1px solid #000;width: 400px;display: block;background: pink;}*/
.treat-parent-company .efield {
	float: none;
}

.treat-parent-company .elabel label {
	color: black;
	font-weight: bold;
}
/*Account Support Control */
.userSelect {
	width: 250px;
	height: 300px;
}

.userSelectMam {
	width: 250px;
	height: 400px;
}

.elabelControl {
	width: 170px;
	float: left;
	width-left: 100px;
	color: #65707b;
	line-height: 24px;
	height: 24px;
	margin-left: 40px;
	text-align: right;
}

.elabelControlMa {
	width: 170px;
	float: left;
	width-left: 100px;
	color: #65707b;
	line-height: 24px;
	height: 24px;
	margin-left: 6px;
	text-align: right;
}

.blog-public-flag {
	float: right;
}

.blog-public-flag input[type='checkbox'] {
	margin-top: 6px;
}

#div_alert {
	display: none;
}

#div_alert #alertLogo {
	width: 125px;
	height: 80px;
	margin: auto;
	background: url(../images/logo.png) no-repeat;
}

/* current page */
.currentPage {
	color: rgb(51, 51, 51);
	font-size: 16px;
	font-family: Arial, pt-sans, Helvetica, sans-serif;
}
/* for all list page for search*/
.openOrClose {
	cursor: pointer;
	font-size: 2em;
}

/* jump to */
.jump_list {
	height: 18px;
	width: 18px;
	background-image: url("../images/kangaroo.png");
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}

@media screen and (max-width: 700px) {
	.corporation-logo {
		float: inherit;
		padding-right: 0;
		margin-top: 53px;
	}
	#header {
		height: 100px;
	}
}

.jqgridbackgroundcss {
	background-color: #F5F5F5;
	background-image: none;
}
#subContent .ui-jqgrid-htable .powerColumnColor {
	background-color: rgba(0, 208, 255, 0.2);
}
 
.powerColumnColor {
	background-color: rgba(0, 208, 255, 0.2);
}
#subContent .linkedRowColor a {
	color: blue;
}
#subContent .linkedRowColor {
	color: blue;
}
#subContent .deleteRowColor {
	background-color: #fcd5b4;
}

.statusColorDiv {
	margin-left: -5px;
	margin-right: -5px;
	line-height: 360%;
	height: 100%;
}

#email-detail-footer-buttonl {
	background: url(../images/outlook_icon.jpg) no-repeat;
	background-position: 0px 0px;
}

#email-detail-footer-buttonc {
	background: url(../images/outlook_icon.jpg) no-repeat;
	background-position: -66px 0px;
}

#email-detail-footer-buttonr {
	background: url(../images/outlook_icon.jpg) no-repeat;
	background-position: -33px 0px;
}

#email-detail-footer-buttond {
	background: url(../images/icon_delete.png) no-repeat;
	background-position: -15px 5px;
}
#email-detail-footer-buttond:hover {
	background: url(../images/icon_delete.png) no-repeat;
	background-position: -15px 2px;
}

#email-detail-footer-buttonl:hover {
	background-position: 0px -3px;
}

#email-detail-footer-buttonc:hover {
	background-position: -66px -3px;
}

#email-detail-footer-buttonr:hover {
	background-position: -33px -3px;
}

#loadingSpinner{
	background:none !important;
	background: url(../images/importloading.gif) no-repeat !important;
	background-size: 150% 150% !important; 
}

.ckeditor-desc li {
	list-style: inherit;
}

.ckeditor-desc ul {
	margin-left:15px;
	list-style-type: disc;
}

.docCount_rignt {
	float: right;
	MARGIN-TOP: 8PX;
}

.docCount_left {
	
}

iframe {
	width: 100%;
}

@media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active)
	{
	/* IE10+ CSS styles go here */
	.ico-btn {
		line-height: 16px;
	}
	#subContent button, #top_searchbox button {
		/*display: inline-table;*/
		/*height: auto;*/
		/*padding: 3px 10px;*/
	}
}

/*this css is for product list*/
.th_product{border: none !important;font-weight: normal !important;text-align: right;width: 34%;}

.zoom{
	cursor: pointer;
	width: 18px;
	height: 18px;
	display: inline-block;
}
.zoom_in{
	background: url(../images/minus.png) no-repeat;
	background-size: 18px;
}
.zoom_out{
	background: url(../images/plus.png) no-repeat;
	background-size: 18px;
}

.elabel1 {
	width: 128px;
	float: left;
	color: #65707b;
	line-height: 24px;
	height: 24px;
	text-align: right;
}

.einput1 {
	border: 0 none;
	display: inline-block;
	min-width: 120px;
	line-height: 24px;
	margin-left: 8px;
}

.tips{
	display: inline-block;
    vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url(../images/tips.png) no-repeat;
}

/* linked in */
.in_list {
	height: 18px;
	width: 18px;
	background-image: url("../images/in.png");
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* linked out */
.out_list {
	height: 18px;
	width: 18px;
	background-image: url("../images/out.png");
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}

.maxExpand{
    font-size: 12px;
    color: #333;
}
#rightDiv{position: relative;}
#rightDiv .arrangeOneViewListStr{
	font-family: ProximaNova;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 100px;
    width: inherit;
    color: #000;
}
.leftDivTitleStyle{
	font-family: ProximaNova;
    font-size: 15px;
}
#rightDiv .arrangeOneViewListStr span{float:left;width: 65px;text-align:right;margin-right:20px;}
#rightDiv .maxExpand {
	font-family: ProximaNova;
    font-size: 20px;
}
.sortDiv h3 {
	line-height: 30px;
}
.sortDiv hr{padding: 0;margin: 0;}
.arrangeOneViewButton{

}
.arrangeOneViewListStr{
    width: 250px;
    display: block;
    float: left;
    margin: 4px 0 0 0;
}
.arrangeOneViewCount{
    text-align:right;
    margin-right:10px;
}
.arrangeOneViewButtons{
    float: right !important;
    margin-right: 20px !important;
}

#subContent button.open_close_button{
	background: url("../images/icon_tworight.png") no-repeat 0px 12px;
	width: 10px;
}

#subContent button.close_button{
	background: url("../images/close_btn.png") no-repeat 0px 3px;
	width: 29px;
	height: 31px;
	cursor: pointer;
}

#subContent button.close_button span{
	display:flex;
}

#createForm_job button.close_button{
	background: url("../images/icon_tworight.png") no-repeat 0px 12px;
	width: 10px;
}
#createForm_job button.open_close_button.oneviewopened{
	background: url("../images/icon_twodown.png") no-repeat 0px 12px;
}
#subContent button.open_close_button.oneviewopened{
	background: url("../images/icon_twodown.png") no-repeat 0px 12px;
}
#subContent button.open_close_button span{
	display:flex;
}
#subContent button.open_data_button{
	background: url("../images/icon_tworight.png") no-repeat 0px 5px;
	width: 10px;
}
#subContent button.open_data_button.oneviewopened{
	background: url("../images/icon_twodown.png") no-repeat 0px 5px;
}
#subContent button.open_close_button_oneview{
	background: url("../images/icon_account_oneview.png") no-repeat 0px 10px;
	width: 10px;
}
#subContent button.open_data_button span{
	display:flex;
}
#subContent button.arrangeOneViewAddNew{
	background: none;
    color: blue;
	height: 30px;
	font-size: 20px;
}
.storebox-tiles{
	padding-top:90px;
}
.storebox-tiles .tile {
	background-color: #0076a1 !important;
	text-decoration:none;
    height: 100px;
    width: 85px;
    float: left;
    color: #fff;
    padding: 0;text-align: center;
    /* left: 5px !important; */
    position: relative;
}

.storebox-tiles .nav-img-style{
	margin: 8px auto;padding-top: 22px !important;
}

/*
 make jquery dialog popup button up.
*/
.btn_top_popup .ui-dialog-buttonset{
	float: none !important;
    text-align: center;
	position: absolute;
    top: 26px;
    width: 100%;
    background-color: #fff;
	
}

.btn_top_popup.ui-dialog .ui-dialog-content{
	position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
	padding-top: 40px;
}

.one_view_div{
	display: none;
}
.handle{
	cursor: move;
}

.ui-button-text{
	font-size:13px !important;
}
.image_account_prospect_ilabel{
	background: url("../images/label.png") no-repeat 0px 0px;
	width: 20px;
	background-size:20px 20px;
	display:inline-block;
	text-indent:-999em;
}
.detailButtonPopUpRight{
	background: url("../images/icon_tworight.png") no-repeat 0px 12px;
	background-position: -1px 4px;
}
.detailButtonPopUpDown{
	background: url("../images/icon_twodown.png") no-repeat 0px 12px;
	background-position: -1px 4px;
}
.detailButtonPopUpDefaultCss{
	height: 20px;
	width: 20px;
	float: left;
	cursor: pointer;
	margin-left: 7px;
}
.detailButtonUpDefaultPic
{
	width: 13px;
	border-top-left-radius: 8px;
	background: url(../images/icon_twodown.png) no-repeat 0px 12px;
	background-position: -1px 4px;
}

@media screen and (max-width: 1640px) {
	#myCommissionRegisterUpdate .efield {
    	width: 50%;
	}
}

.syncingAction{
	color:white;
	border:1px solid;
	font-size:15px;
	width:100px;
	text-align:center;
	background-color:#0076a1;
}
.clearFilterLignt{
	background-color: #0033ff !important;
}
#inventoryElabel .inventoryDate{
	width:80px;
	text-align: right;
	background: #eafff4;
}

#inventoryElabel .inventoryGroup{
	width:270px;
	background: #eafff4;
}

#inventoryElabel .serviceDetailDate{
	width:80px;
	text-align: right;
	background: #eafff4;
}

#global_search_button{
	text-align: left;
    outline: none;
    color: #fff;
    cursor: pointer;
    margin: 2px 1px;
    padding: 3px 10px;
    font-size: 13px;
    height: 25px;
    background: #ed7d31;
}
#exportBlogs{
	text-align: left;
    outline: none;
    color: #fff;
    cursor: pointer;
    margin: 2px 1px;
    padding: 3px 10px;
    font-size: 13px;
    height: 25px;
    background: #0076a1;
}
.mtuskerStoreTr{
	font-weight:bold;
	background-color:#0076A1;
}
.edit_btnClass{
	background-color:#0076a1;
}
/***navigation jumpto***/
.jumpto_ban {
	opacity: 0.2;
}

#jumpto_box .jumpbox_section {
	position: absolute;
	left: 23px;
	top: 100px;
	background-color: #ECEDF3;
	border: solid 1px #d0d0d0;
/* 	padding-top: 0px;
	padding-bottom: 0px; */
	max-width: 455px;
}

#jumpto_box .jumpbox_header {
	font-size: 13px;
}

#jumpto_box .jumpbox_title_a {
	position: relative;
	height: 100px;
	width: 85px;
	text-align: center;
	cursor: pointer;
	background-color: #0076a1 !important;
	color: #fff;
	float: left;
	text-decoration: none;
	/* margin-left: 5px;
	margin-top: 5px; */
	margin-right: 0px;
	margin-bottom: 0px;
}

#jumpto_box .jumpbox_title_back img {
	width: 25px;
}

#jumpto_box .jumpbox_title_a:hover {
	text-decoration: none;
	background-color: rgb(65, 126, 207) !important;
	color: #fff;
}

#jumpto_box .jumpbox_title_img {
	display: block;
	max-width: 100%;
	margin: 8px auto;
	padding-top: 12px !important;
}

#jumpto_box .three_dot {
	display: none;
	color: #fff;
	position: absolute;
	right: 26px;
	line-height: 2px;
	height: 2px;
	font-size: 2.6em;
	top: -24px;
	/* padding: 5px 5px 20px 10px; */
	padding-top:80px;
}

#jumpto_box ul {
	display: none;
	position: absolute;
	z-index: 9999;
	background: #ffffff;
	border: 1px solid #ccc;
	width: 220px;
	padding: 5px 0px;
	top: 0px;
	left: 195px;
}

#jumpto_box li {
	position: relative;
	height: 25px;
	margin-right: 0px;
	padding-left: 15px;
	cursor: pointer;
	text-align: left;
}

#jumpto_box li:hover {
	background-color: #cfe7fb;
}

#jumpto_box li a {
	text-decoration: none;
	width: 170px;
	display: inline-block;
	font-size: 12px;
	text-align: left;
	line-height: 25px;
	color: rgb(51, 51, 51);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#jumpto_box li a:hover {
	text-decoration: none;
	color: rgb(51, 51, 51);
}

.jump_jump {
	width: 20px;
	float: right;
	margin-right: 5px;
}

#jumpto_box button {
	text-align: left;
	outline: none;
	color: #fff;
	cursor: pointer;
	margin-left: 1px;
	padding: 3px 10px;
	font-size: 13px;
	height: 18px;
	background: #0076a1;
}

#jumpto_box .jump_entity_ul {
	width: 350px;
}

#jumpto_box .jump_entity_ul>li>a {
	width: 300px;
}

#jumpto_box .jump_entity_ul {
	left: 210px;
}

#jumpto_box .jump_domain_ul {
	left: 340px;
}

#jumpto_box .three_dot_ul {
	top: 90px;
	left: 70px;
}

.notification_box {
	width: 90px;
	height: 95px;
	border-bottom: 1px solid #bfc7d4;
	margin: 0 auto;
	position: relative;
	z-index: -1;
	
}
#tips_notification{
    position: absolute;
    top: 22px;
    right: -9px;
    background-color:#f6860a;
    cursor: pointer;
}
#tips_reminder{
    position: absolute;
    top: -6px;
    right: 7px;
    background-color:green;
    cursor: pointer
  
}
#tips_alters{
    position: absolute;
    top: -16px;
    right: 41px;
    cursor: pointer;
}
#tips_add{
    position: absolute;
    top: 45px;
    right: 22px;
    cursor: pointer;
    height: 18px;
    width: 20px;
}
#tips_all{
    position: absolute;
    top: 26px;
    right: 50px;
    cursor: pointer;
    height: 33px;
    width: 27px;
}
.notification_box img {
	
	width: 72px;
	height69px;
	margin: 20px auto;
}

.liNumber {
	float:right;
	display:block ;
	color: white;
	width: 22px;
	height: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: red;
	text-align: center;
	line-height: 20px!important;
	font-size: 12px;
	border-radius: 10px; 
	-webkit-transform : scale(0.8) 
}

.navbox-tiles .tileT {
	background-color: #FFC137 !important;
	text-decoration:none;
    height: 85px;
    width: 85px;
    float: left;
    color: #fff;
    padding: 0;text-align: center;
    left: 0px !important;position: relative;
}
/***END navigation jumpto***/

/*** start One view  ***/
.quoteBackBlue{
	color:blue;
}

/**css style for multi-choose without subcontent ID***/
.mchoice-lightgreen .ms-choice {
	background: #eafff4 !important;
}
.mchoice-lightgreen .ms-choice > div {
	right: 1px;
    top: 1px;
}
.pic-tips{
	display: inline-block;
    vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url(../images/product_pic.png) no-repeat;
}
/**CRM box title and icon style***/
#subContent .crm-customize-box button.open_close_button {
	background: url(../images/icon_tworight.png) no-repeat 0px 9px;
}
#subContent .crm-customize-box .customize-box-title {
	font-family: ProximaNova;
    font-size: 15px;
}
.opp-salesView{
	background: #0076a1;
    border-radius: 50%;
    color: #fff !important;
    width: 20px;
    height: 20px;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none !important;
    text-align: center;
    margin: 0 auto;
}

.opp-salesView:visited{
    color: #fff !important;
}