/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5dbec;
}
.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd url("../images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;
    color: #222222;
}
.ui-widget-content a {
    color: #222222;
}
.ui-widget-header {
    border: 1px solid #4297d7;
    background: #008C8C;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5dbec;
    background: #dfeffc url("../images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #2e6e9e;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #2e6e9e;
    text-decoration: none;
}
.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,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #79b7e7;
    background: #d0e5f5 url("../images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1d5987;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #1d5987;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #79b7e7;
    background: #f5f8f9 url("../images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #e17009;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #79b7e7;
    background-color: #e17009;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #e17009;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fad42e;
    background: #fbec88;
    color: #363636;
}
.ui-state-checked {
    border: 1px solid #fad42e;
    background: #fbec88;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url("../images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
    color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_469bdd_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("../images/ui-icons_d8e7f3_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../images/ui-icons_217bc0_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../images/ui-icons_f9bd01_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../images/ui-icons_cd0a0a_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("../images/ui-icons_6da8d5_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
    -webkit-box-shadow: -8px -8px 8px #aaaaaa;
    box-shadow: -8px -8px 8px #aaaaaa;
}

/** End of jquery ui theme **/

#wait-spinner {
	z-index: 50000;
	position: absolute;
}

#wait-spinner-image {
	height: 45px;
	width: 45px;
	background-repeat: no-repeat;
	background-image: url(../images/spinner.gif);
}

.wait-spinner div {
	padding-top: 4px;
}

/***********************************************
ajax auto complete
***********************************************/
div.autocomplete {
	position: absolute;
	width: auto !important;
	/* min-width:154px; */
	background-color: #f8f8f8;
	border: 1px solid #999999;
	margin: 0;
	padding: 0;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	list-style-type: none;
	display: block;
	float: none;
	margin: 0;
	padding: 2px;
	/*height:32px;*/
	cursor: pointer;
}

.indicator img {
	background: url(../images/ajax-loader.gif) no-repeat 0 0;
	display: block;
	margin: 3px 10px 0px 24px;
	width: 16px;
	height: 16px;
	border: none;
}

.screenlet-title-bar .indicator img {
	float: right;
	margin: 0 3px;
	width: 16px;
	height: 16px;
	display: block;
}

/* Calendar Button and Image */
.view-calendar button {
	background: url(../images/cal.gif) no-repeat !important;
	display: inline-block;
	border: none;
	vertical-align: middle;
	/*wt;begin/end*/
	margin: 2px 2px 2px 2px;
	height: 18px;
	width: 18px;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.view-calendar .date-field {
	width: 100px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	height: 25px;
	margin-bottom: -25px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 65px;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* Message */
.content-messages p {
	margin: 0.5em 0 0.5em 0;
}

.eventMessage, .errorMessage {
	background-color: #FFFFEE;
	border: solid #212529 0.1em;
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 1em;
	z-index: 999;
	position: unset;
}

.eventMessage {
	color: #333;
}

.errorMessage {
	color: #ff0000;
}

.promptMessage {
    color: #ff0000;
}

.successMessage {
    color: green;
    padding-left: 50px;
    background: url(../images/successed.png) no-repeat 10px 13px;
    background-size: 30px;
    border: 1px solid #eee;
}
.successed {
    color: green;
}
/* ---------------------- */
/*      Table Styles      */
/* ---------------------- */
.basic-table {
	background-color: #ffffff;
	margin-bottom: 1em;
	width: 100%;
}

form table, form .basic-table, .screenlet-body .basic-table {
	background: transparent;
	margin-bottom: 0;
}

.basic-table tr td {
	/* Style for all cells */
	padding: 0.8em 0.1em;
	vertical-align: middle;
}

.basic-table tr .align-bottom {
	vertical-align: bottom;
}

.basic-table tr .align-top {
	vertical-align: top;
}

.basic-table tr .label, .basic-table tr .group-label {
	/* field labels for forms */
	font-weight: bold;
	text-align: right;
	padding-right: 1.5em;
	white-space: nowrap;
}

.basic-table tr .group-label {
	/* "header" for field label groups */
	font-size: 1.2em;
	padding: 2em 1.5em 0 0;
}

.basic-table tr th, .basic-table .header-row {
	font-weight: bold;
	text-align: left;
}

.basic-table .header-row td {
	background: #fafafa;
}

.basic-table .header-row td a {
	color: #212529;
}

.basic-table .alternate-row {
	/* Alternating row style */
	background-color: #eeeeee;
}

.basic-table .selected {
	background: #FFFCCF;
}

.basic-table .alternate-rowSelected {
	background: #FFF55F;
}

.basic-table .Validate {
	/*Style use by alt-row-style on list*/
	background: #A0D5F7;
}

.basic-table .alternate-rowValidate {
	/*Style use by alt-row-style on list*/
	background: #72A8F2;
}

.basic-table .Warn {
	/*Style use by alt-row-style on list*/
	background: #f55C5C;
}

.basic-table .alternate-rowWarn {
	/*Style use by alt-row-style on list*/
	background: #FC7455;
}

.basic-table tr .button-col {
	/* button column style - for the small
collection of buttons used in lists */
	vertical-align: top;
	padding: 0.3em;
}

.basic-table tr .button-col a, .basic-table tr .button-col button,
	.basic-table tr .button-col input[type="reset"], .basic-table tr .button-col input[type="submit"],
	.basic-table tr .button-col input[type="button"] {
	-webkit-appearance: none;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	background: #ddd url(../images/button.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),
		color-stop(1, #ddd));
	background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
	border: 0.1em solid;
	border-color: #ddd #bbb #999;
	cursor: pointer;
	color: #333;
	display: inline-block;
	font-size: 0.9em;
	font-weight: bold;
	outline: 0;
	overflow: visible;
	padding: 0.1em 0.5em 0.2em 0.5em;
	text-decoration: none;
	text-shadow: #fff 0 1px 1px; /* Setting must be in px */
	/*text-transform:uppercase;*/
	width: auto;
}

.basic-table .collapsed {
	visibility: collapse;
}

/*      Alternate table header style      */
.basic-table .header-row-2 th, .basic-table .header-row-2 td {
	background-color: #999;
	border-bottom: 0;
	border-left: 0.1em solid #aaa;
	border-right: 0.1em solid #888;
	color: #ffffff;
	font-weight: bold;
}

.basic-form .list-table, .list-table {
	border-collapse: collapse;
	padding: 0;
}

.basic-form .list-table tr td, .list-table tr td {
	width: auto;
	height: 20px;
	padding: 5px;
	border: 1px solid #EEE;
}

.basic-form .list-table tr.header-row td, .list-table tr.header-row td {
	text-align: center;
	vertical-align: middle;
}

.ui-dialog-content .basic-table td.label {
    width: 15%;
}

.light-grid {
    border-right: 0.1em solid #eeeeee;
    border-top: 0.1em solid #eeeeee;
}

.light-grid td, .light-grid .header-row td {
    border-bottom: 0.1em solid #eeeeee;
    border-left: 0.1em solid #eeeeee;
}

/* common */
.required-field {
	color: red;
	padding-left: 3px;
	background: none;
}

.tooltip {
	display: inline-block;
	color: #ccc;
	padding-top: 5px;
}

.ERROR {
	border: 0.2em solid #ff0000;
	color: #ff0000;
	font-weight: bold;
}

/* 申请表格 */
.appl-table {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    margin-top: 15px;
}

.appl-table .label {
    border: 1px solid #e9e9e9;
    padding: 15px;
    text-align: center;
    width: 85px;
}

.appl-table tr td {
    border: 1px solid #e9e9e9;
    padding: 5px;
}

.appl-table td label {
    padding: 5px;
}

.appl-table td label input {
    margin-right: 5px;
}

.appl-table td label span {
    line-height: 30px;
}

.appl-table .add-order-row {
    color: red;
    display: block;
    width: 25px;
    margin-top: 5px;
}

.appl-table .delete-order-row {
    color: red;
}

.appl-table textarea {
    width: 100%;
	height: 100px;
}

.appl-table tr td .ui-widget-header {
	border: none;
	background: none;
}

.appl-table tr td .ui-widget.ui-widget-content {
	border: none;
}

.appl-submit-button {
    text-align: center;
    padding-top: 15px;
}

.submit-order-buttons, 
.submit-appl-buttons, 
.submit-appointment-buttons {
	padding-top: 20px;
	text-align: center;
}
.hidden {
	display: none;
}

/* css for product */
.search-area {
	margin-bottom: 10px;
}

.facility-select-container {
	padding: 0 0 15px 0;
}

.facility-select-container select {
	margin: 0 5px;
}

.product-list, .room-list, .training-lesson-list {
	width: 100%;
	line-height: 26px;
	font-size: 12px;
	color: #333333;
	border-collapse: collapse;
}

.product-list th, .room-list th, .training-lesson-list th {
	background-color: #f4f4f4;
	text-align: center;
}

.product-list th, .room-list th, .training-lesson-list th, .product-list td,
	.room-list td, .training-lesson-list td {
	border: 1px solid #ddd;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
}

/* css for breeding stat */
.facility-select-container, .sticked-facility-container {
	float: left;
}

.sticked-facility-container li {
	float: left;
	padding: 2px 5px;
	background: #CCC;
	margin: 6px;
	border-radius: 5px;
}

.sticked-facility-container li.selected a {
	color: red;
}
/* css for cart */
#loginForm {
	margin: 0 auto;
}

.login-links {
	text-align: center;
}

.external-login {
	margin-top: 5px;
	text-align: center;
}

.external-login .oauth-login img,
.external-login .saml-login img,
.external-login .cas-login img {
	height: 17px;
	vertical-align: bottom;
}

#registerForm {
	margin: 0 auto;
	width: 600px;
}

.register-tip {
	padding: 10px;
	line-height: 20px;
    color: #FFF;
    border: 1px solid #eee;
    background: #ffa132;
}
#registerForm td.label {
    width: 25%;
}
#registerForm label.error {
	padding-left: 5px;
}

#registerForm input.error {
    border: 1px solid red;
}

#ajax-login-container {
	width: 320px;
}
#registerForm #choose-research-group,
#registerForm #choose-parent-research-group {
    width: 50px;
    padding-left: 20px;
}
.lookup-research-group h1 {
	border-bottom: 1px solid #e1e1e1;
	display: block;
	clear: both;
}

.lookup-research-group li {
	display: block;
	float: left;
	padding: 5px;
}

.add-cart td.label {
    padding: 0.8em;
}

.add-cart tr td {
    padding-left: 0.8em;
}

.add-cart-buttons {
	padding: 5px 0 0 50px;
}

.add-cart-success {
	color: green;
	padding: 20px;
}

.quantity {
	width: 40px;
}

.view-cart h2 {
	border-bottom: 1px solid #EEE;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
}

.view-cart .experiment-div {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
    margin: auto;
}

.view-cart .total-amount {
	text-align: right;
	padding: 10px;
}

.view-cart .total-amount-span {
	color: red;
	font-weight: bold;
	font-size: 20px;
}

.view-cart .breeding-order-container {
	padding-top: 20px;
}

.view-cart .breeding-buttons {
	margin-bottom: 20px;
}

.view-cart .breeding-buttons label {
	padding: 5px;
}

.view-cart .submit-order-buttons {
	text-align: right;
	border-top: 1px solid #EEEEEE;
	padding: 5px;
	margin-top: 20px;
}

.view-cart .submit-order-back-buttons {
	text-align: right;
	padding: 10px;
}

.view-cart #receiver-address ul li {
	margin: 10px;
}

.view-cart .expected-delivery-date {
    width: 80px;
}

.order-result-or {
	color: #ccc;
	text-align: center;
	padding: 20px 0;
}

.order-result-links {
	text-align: right;
}
/* 饲养申请 */
.animal-strain, .animal-spec, .animal-supplier {
	width: 90px;
}

#animal-table {
	width: 100%;
}

.animal-head {
	padding: 5px;
}

.realNameAuthResult {
	margin-left: 12px;
}

.front-btn,a.front-btn {
	color: #FFF;
	background-color: #008C8C;
	padding: 0.5em 0.5em;
	margin: 0 0 3px 0;
	text-decoration: none;
	border: 1px solid transparent;
	display: inline-block;
	cursor: pointer;
}

.transfer-facility {
	display: none;
}

.transfer-research-group-id {
	display: none;
	margin-left: 20px;
}

.estimated-breeding-amount {
	text-align: right;
	padding: 10px;
}

.estimated-breeding-amount span {
    color: red;
    font-weight: bold;
    font-size: 20px;
}

/* -------------------------- */
/*     Float Clear/Reset      */
/* -------------------------- */
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
}

.no-clear .clear {
	/* Used in container elements to override
 the clear class in contained elements. */
	clear: none;
}

/* ------------------------- */
/*      Screenlet Style      */
/* ------------------------- */
.screenlet {
	background-color: #FFFFFF;
	border-top: 0.2em solid #008C8C;
	border-right: 0.1em solid #ccc;
	border-bottom: 0.1em solid #ccc;
	border-left: 0.1em solid #ccc;
	height: auto !important;
	height: 1%;
	margin-bottom: 1em;
	overflow: auto;
}

.screenlet-body {
	background-color: #FFFFFF;
	height: auto !important;
	height: 1%;
	padding: 0.4em;
}

.screenlet-body div {
	margin: 0.8em 0.1em
}

/* Special Screenlet style for locale and timezone window */
.lists.screenlet {
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 1em;
}

.lists.screenlet .basic-table tr td {
	text-align: center;
}

.lists.screenlet .basic-table tr td a {
	display: block;
}

/* No padding screenlet decorator */
.no-padding {
	padding: 0;
	border: none;
}

.no-padding .h1, .no-padding .h2, .no-padding .h3, .no-paddingr h1,
	.no-padding h2, .no-padding h3 {
	padding: 0.7em;
}

/* ----------------------------------- */
/*      Screenlet Title Bar Style      */
/* ----------------------------------- */
.screenlet-title-bar {
	background: #f9f9f9;
	color: #ffffff;
	height: 1%; /* IE fix */
	min-height: 1.5em;
	padding: 0.5em 0.2em;
}

.screenlet-title-bar .h1, .screenlet-title-bar .h2, .screenlet-title-bar .h3,
	.screenlet-title-bar h1, .screenlet-title-bar h2, .screenlet-title-bar h3 {
	background: none;
	color: #212529;
	text-shadow: 1px 1px 0 #fff; /* Setting must be in px */
}

.screenlet-title-bar ul {
	display: inline; /* IE Fix */
}

.screenlet-title-bar ul li {
	background: none;
	border-left: 0.1em solid #dedede;
	color: #222;
	float: right;
	font-size: 1em;
	font-weight: bold;
	padding: 0.1em 0.5em 0.2em 0.5em;
}

.screenlet-title-bar ul .h1, .screenlet-title-bar ul .h2,
	.screenlet-title-bar ul .h3 {
	border-left: none;
	float: left;
}

.screenlet-title-bar h1, .screenlet-title-bar .h1 {
	font-size: 1.6em;
}

.screenlet-title-bar h2, .screenlet-title-bar .h2 {
	font-size: 1.3em;
}

.screenlet-title-bar h3, .screenlet-title-bar .h3 {
	font-size: 1.1em;
}

.screenlet-title-bar .h3 a {
	color: #222;
	display: inline;
}

.screenlet-title-bar ul a {
	color: #222;
	display: block;
}

.screenlet-title-bar ul a:visited {
	color: #222;
}

.screenlet-title-bar ul a:hover {
	color: #F9924B;
	text-decoration: none;
}

.screenlet-title-bar ul .disabled {
	color: #CCCCCC;
}

.screenlet-title-bar ul .collapsed, .screenlet-title-bar ul .collapsed:hover {
	background: url(../images/expand.gif) no-repeat center center;
	min-height: 1.1em;
	min-width: 1.1em;
}

.screenlet-title-bar ul .expanded, .screenlet-title-bar ul .expanded:hover {
	background: url(../images/collapse.gif) no-repeat center
		center;
	min-height: 1.1em;
	min-width: 1.1em;
}

.screenlet-title-bar ul .collapsed a, .screenlet-title-bar ul .expanded a {
	/* IE fix */
	cursor: default;
}

/* ------------------------------------ */
/*      Table decorator - Calendar      */
/* ------------------------------------ */
.calendar {
	border-right: 0.1em solid #cccccc;
}

.calendar tr td {
	border-bottom: 0.1em solid #cccccc;
	border-left: 0.1em solid #cccccc;
	vertical-align: top;
	padding: 0em;
}

.calendar .header-row td {
	background-color: #999;
	border-bottom: 0.1em solid #cccccc;
	border-left: 0.1em solid #cccccc;
	color: #ffffff;
	height: auto;
	text-align: center;
}

.calendar tr td .add-new {
	float: right;
}

.calendar tr td .h1 {
	color: #212529;
}

.calendar .current-period {
	background-color: #ffffcc;
}

.calendar .active-period {
	background-color: #eeeeee;
}

.help-tip {
	background-image: url("../images/tip.png");
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 25px;
	color: #F9924B;
}

.purchase-deadline, .supplier-description {
	padding: 5px 0;
	display: block;
	color: #F9924B;
}

/*显示笼架分配位置*/
.position-container .disabled-position {
    background: #AAA;
}

.position-container .ui-selected {
    background: #F39814 !important;
    color: #FFF;
}

.position-container table tr td {
    border: 1px solid #CCC;
    min-width: 40px;
}

.position-container .available-position {
    cursor: pointer;
}

.position-container .cage-position {
	background: #EEE;
}

.position-container .ui-tabs .ui-tabs-panel {
    padding: 0.5em;
}

.position-container .position-tip-div {
	padding: 10px 0px 0px 10px;
}

.position-container .empty-position-tip {
	color: forestGreen;
	padding-left: 10px;
}

.position-container .disabled-position-tip {
	border: 1px solid #000;
	background-color: #AAA;
    width:20px;
    height:15px;
    vertical-align: middle;
    display: inline-block;
}

.position-container .cage-position-tip {
	border: 1px solid #000;
	background-color: #EEE;
    width:20px;
    height:15px;
    vertical-align: middle;
    display: inline-block;
}

.position-container .available-position-tip {
	border: 1px solid #000;
	background-color: #FFF;
    width:20px;
    height:15px;
    vertical-align: middle;
    display: inline-block;
}

.disabled-send {
	background: #DDD !important;
}


#login-info .switch-group-span {
    display: inline-table;
    vertical-align: middle;
    margin-top: -5px;
}

#login-info .switch-a {
	cursor: pointer;
	display: table-cell;
    background: url(../images/change.png) 0 no-repeat;
	background-size: 100% 100%; 
    height: 20px;
    width: 20px;
}

.research-group-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    flex-wrap: wrap;
}

.group-option {
	display: flex;
    align-items: center;
	justify-content: center;
    font-size: 14px;
	margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
	padding: 5px 0px;
	width: 250px;
}

.group-option img {
	width: 15px;
	height: 15px;
}

.group-option .group-option-value {
	margin-left: 5px;
	cursor: pointer;
}

.queuing-appointment-container {
	float: right;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.queuing-appointment-container a {
	margin: 2px 5px 0px;
}

.appl-cage-table .agreement-content {
    height: 300px;
    overflow-y: auto;
	border: 1px solid #e9e9e9;
    padding: 8px;
}

.appl-cage-table .agreement-title {
    font-weight: bold;
	text-align: center;
	font-size: 16px;
	padding: 5px 0px;
}

.appl-cage-table .agreement-div {
    display: flex;
    align-items: center;
	margin-top: 6px;
	float: right;
}

.appl-cage-table .agreement-div .agreement-span {
    font-weight: bold;
	cursor: pointer;
}

.appl-cage-table .agreement-input {
    margin-right: 10px;
}
/* 预约 */
#reserve-time-period-container .screenlet {
	margin-bottom: 0;
	overflow: inherit;
}
#reserve-time-period-container .screenlet-body div {
	margin: 0;
	padding: 0.8em 0;
    text-align: center;
    height: 25px;
    box-sizing: content-box;
}
#reserve-time-period-container .disabled {
	background: #EEEEEE;
}
#reserve-time-period-container .available {
	cursor: pointer;
	color: green;
}
#reserve-time-period-container .available span {
	font-size: 0.8em;
	color: #CCCCCC;
}
#reserve-time-period-container .available.selected {
	background: #F9924B;
	color: #FFFFFF;
}
.reserve-periods {
	max-width: 625px;
	margin: 5px;
}
.reserve-periods li {
	width: 140px;
	height: 40px;
	margin: 2px;
	padding: 5px;
	border: 0.1em solid #cccccc;
	box-sizing: content-box;
	float: left;
}
.available {
  user-select: none;
}

.available-time {
  user-select: none;
}

.available-object{
  user-select: none;
}

/*批量预约*/
#reserve-time-period-container #batch-reserve-time-container {
    height: auto;
    width: max-content;
    padding: 0;
}

#reserve-time-period-container .available-time:hover{
    border: 2px solid #7fc784;
}

#reserve-time-period-container .available-object:hover{
    border: 2px solid #7fc784;
}
.batch-reserve-container td,.batch-reserve-container th {
    width: 120px;
    height: 40px;
    margin: 2px;
    border: 0.1em solid #cccccc;
    float: left;
    font-size: 10px;
    font-family: system-ui;
    overflow: hidden;
    text-overflow: ellipsis;
}

.batch-reserve-container .available-time {
    cursor: pointer;
    color: green;
}

.batch-reserve-container .available-check-box.selected {
    background: #F9924B;
    color: #FFFFFF;
}

.batch-reserve-container .error,.batch-reserve-container .disabled{
    background: #EEEEEE;
}

.batch-reserve-container th{
    display: flex;
    justify-content: center;
    align-items: center;
}

#registerForm .password-tip {
    display: block;
    margin-top: 5px;
	color: red;
}

.button-bar {
	display: table;
	margin-bottom: 1.0em;
}

.button-bar ul {
	display: inline; /* IE Fix */
}

.button-bar form, .button-bar ul li {
	float: left;
	font-weight: bold;
	margin-right: 5px;
}

.button-bar ul .opposed {
	float: right;
}

.button-bar ul a {
	display: block;
}

.button-bar .opposed, .button-bar .opposed li, .button-bar ul .opposed {
	float: right;
}

.tab-bar {
	display: table;
	border-bottom: 0.01em solid #ccc;
	padding-left: 10px;
	width: 100%;
	box-sizing: border-box;
}

.tab-bar ul li {
	margin-right: 0.5em;
	margin-bottom: -1px;
	background: #fff;
	border-top: 0.1em solid #ccc;
	border-right: 0.1em solid #ccc;
	border-left: 0.1em solid #ccc;
	padding: 0.8em;
	white-space: nowrap;
}

.tab-bar ul a, .tab-bar ul a:visited {
	color: #666;
}

.tab-bar ul .selected {
	border-bottom: 0.1em solid #FFF;
}

.tab-bar ul a:hover, .tab-bar ul .selected, .tab-bar ul .selected a,
	.tab-bar ul .selected a:hover {
	color: #F9924B;
	text-decoration: none;
}

.tab-bar ul a:focus {
	text-decoration: underline;
}

.tab-bar ul .disabled {
	color: #ccc;
}

/*** 分页 ***/
.pagination-container {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 100px;
}

.pagination-container li {
    display: inline-block;
    width: auto;
    text-align: center;
    line-height: 40px;
    height: 40px;
    margin-left: 10px;
    color: #555555;
    font-size: 14px;
}

.pagination-container li a, .pagination-container li span {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    color: #555555;
}

.pagination-container li:hover a {
    color: #ffa132;
}

.pagination-container li:hover .sz {
    background-color: #ffa132;
    color: #fff;
}

.pagination-container .active .sz {
    background-color: #ffa132;
    color: #fff;
}

.pagination-container li .sz {
    width: 40px;
}
/** 服务导航 **/
table.services-navigation .map-title {
    font-size: 18px;
    text-align: center;
    min-width: 115px;
}

table.services-navigation .map-menu {
    font-size: 14px;
    text-align:center;
}

table.services-navigation tr td {
    padding: 20px 20px 10px 20px;
}

table.services-navigation ul li {
    display:inline-block;
    margin: 13px 0;
    padding-left: 13px;
    background: url(../images/li4.png) 0px -58px no-repeat;
}

table.services-navigation ul li a {
    padding-right: 20px;
    background: url(../images/process-arrow.png) no-repeat center right;
}

table.services-navigation ul li a.no-arrow {
    background: none;
}

.product-content-div {
	justify-content: center;
	align-items: center;
}

.product-content-div img {
	width: 100px;
}
/** styles for upload **/
.field-lookup a {
    background: url(../images/fieldlookup.gif) no-repeat 0 0;
    display: inline-block;
    vertical-align: top;
    margin-top: 0.6em;
    width: 16px; /* Setting must be in px */
    height: 16px; /* Setting must be in px */
}

.field-lookup a.clearField {
    width: auto;
}

.upload-file-container {
    width: 250px;
}

.upload-fields{
    padding: 0;
    margin: 5px;
}

.upload-fields li{
    padding: 0;
    margin: 10px 0;
}

.upload-button {
    display: block;
    width: 50px;
    height: 20px;
    margin-top: 10px;
    background: url(../images/upload-btn.png) no-repeat 0 0;
    padding-left: 20px;
}

/*      Sort field style      */
.basic-table .header-row th .sort-order-asc, .basic-table .header-row td .sort-order-asc
    {
    background: url(../images/arrow-wt-up.png) no-repeat right;
    padding-left: 0.5em;
    padding-right: 20px; /* Setting must be in px */
}

.basic-table .header-row th .sort-order-desc, .basic-table .header-row td .sort-order-desc
    {
    background: url(../images/arrow-wt-dw.png) no-repeat right;
    padding-left: 0.5em;
    padding-right: 20px; /* Setting must be in px */
}

.basic-table .header-row th .sort-order, .basic-table .header-row td .sort-order
    {
    background: url(../images/arrow-wt.png) no-repeat right;
    background-size: 13px;
    padding-left: 0.5em;
    padding-right: 20px; /* Setting must be in px */
}

.training-class-tab .selected {
    background-color: #F9924B;
}
#form-design-div {
	padding: 20px;
}
#form-register {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 20px
}
#form-agreement {
    background-color:#ebebeb;
    display: flex;
    border: 1px solid #d4d4d4;
    justify-content: center;
    align-content: center
}
#form-countdown {
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 0 6px
}
.countdown-register {
    color: #b5b5b5;
    margin-top: 6px
}
.form-subform {
    height: 30px;
    outline: none;
    border: none;
    padding-right: 15px;
    cursor: pointer;
}

#form-escrow {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 20px
}
.countdown-escrow {
    color: #b5b5b5;
    margin-top: 6px
}
.escrow-td {
	display: none;
}

.select-all:hover {
	border: 2px solid #7fc784;
}

.reserve-periods-container {
	text-align: right !important;
	padding-right: 10px !important;
}

.reserve-periods-all {
	padding: 5px 10px;
	border: 1px solid #949494;
	cursor: pointer;
}