/*菜单图标*/
#app-navigation ul li.menu-order {
    background-image: url("icon/menu-order.png");
}

#app-navigation ul li.menu-order.selected {
    background-image: url("icon/menu-order-selected.png");
}

#app-navigation ul li.menu-rack {
    background-image: url("icon/menu-rack.png");
}

#app-navigation ul li.menu-rack.selected {
    background-image: url("icon/menu-rack-selected.png");
}

#app-navigation ul li.menu-animal {
    background-image: url("icon/menu-animal.png");
}

#app-navigation ul li.menu-animal.selected {
    background-image: url("icon/menu-animal-selected.png");
}

#app-navigation ul li.menu-report {
    background-image: url("icon/menu-report.png");
}

#app-navigation ul li.menu-report.selected {
    background-image: url("icon/menu-report-selected.png");
}

#app-navigation ul li.menu-measurement {
    background-image: url("icon/menu-measurement.png");
}

#app-navigation ul li.menu-measurement.selected {
    background-image: url("icon/menu-measurement-selected.png");
}

#app-navigation ul li.menu-mating {
    background-image: url("icon/menu-mating.png");
}

#app-navigation ul li.menu-mating.selected {
    background-image: url("icon/menu-mating-selected.png");
}

#app-navigation ul li.menu-import {
    background-image: url("icon/menu-import.png");
}

#app-navigation ul li.menu-import.selected {
    background-image: url("icon/menu-import-selected.png");
}

#app-navigation ul li.menu-strain {
    background-image: url("icon/menu-strain.png");
}

#app-navigation ul li.menu-strain.selected {
    background-image: url("icon/menu-strain-selected.png");
}

#app-navigation ul li.menu-label {
    background-image: url("icon/menu-label.png");
}

#app-navigation ul li.menu-label.selected {
    background-image: url("icon/menu-label-selected.png");
}

#app-navigation ul li.menu-check {
    background-image: url("icon/menu-check.png");
}

#app-navigation ul li.menu-check.selected {
    background-image: url("icon/menu-check-selected.png");
}

#app-navigation ul li.menu-disposal {
    background-image: url("icon/menu-disposal.png");
}

#app-navigation ul li.menu-disposal.selected {
    background-image: url("icon/menu-disposal-selected.png");
}

#app-navigation ul li.menu-sperm {
    background-image: url("icon/menu-sperm.png");
}

#app-navigation ul li.menu-sperm.selected {
    background-image: url("icon/menu-sperm-selected.png");
}

#app-navigation ul li.menu-quarantine {
    background-image: url("icon/menu-quarantine.png");
}

#app-navigation ul li.menu-transfer.selected {
    background-image: url("icon/menu-quarantine-selected.png");
}

/** 通用 **/
sup {
	vertical-align: super;
	font-size: smaller;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
/*订单*/
#app-navigation .unreviewd-orders {
    color: #F9924B;
}
div.order-actions {
    margin: 0;
}
div.order-actions a {
    margin-right: 5px;
}
/*房间布局样式*/
table.room-layout {
	border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5em;
}
.room-layout tr td{
    padding: 0;
    border: 1px dotted #ccc;
    height: 50px;
    min-width: 100px;
	text-align:center;
}
.room-layout .rack, #no-pos-racks .rack{
	border: 1px solid #ccc;
    height: 56px;
    line-height: 38px;
    background: #EEE;
}
.room-layout .ui-draggable-dragging{
	width: 100px;
}
#facility-stat {
	margin-left: 26em !important;
}
.daily-task-data-line {
	margin-bottom: 20px;
}
/*笼架布局样式*/
table.rack-layout {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.5em;
}
table.rack-layout tr td{
    padding: 0;
    border: 1px solid #eee;
    height: 65px;
    min-width: 120px;
}
table.rack-layout tr th{
    min-width: 20px;
    background: #eee;
    border: 1px solid #fff;
    text-align:center;
    vertical-align: middle;
}
table.rack-layout .cage{
	color: #555;
    height: 100%;
    cursor: pointer;
}

table.rack-layout .cage .wait-clean {
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    margin: 3px 3px 0 0;
    background: url("icon/clean-cage.png") no-repeat;
    background-size: 15px;
}

table.rack-layout .cage .is-escrow {
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    margin: 3px 3px 0 0;
    background: url("icon/escrow-cage.png") no-repeat;
    background-size: 15px;
}

table.rack-layout .cage .cage-card {
    display: block;
    width: 10px;
    height: 10px;
    float: right;
    margin: 3px 3px 0 0;
    border: 1px solid #ccc;
}

table.rack-layout .cage .cage-count {
    color: #cc0014;
}
table.rack-layout .position {
	color: #555;
	height: 100%;
	cursor: pointer;
}
table.rack-layout .position-locked {
	background: #F9924B;
	color: #FFF;
}
table.rack-layout .position .top {
	padding: 3px 0 0 3px;
	height: 20px;
}
table.rack-layout .position .middle {
	padding: 0 0 0 3px;
    overflow: hidden;
    word-break: break-all;
}
table.rack-layout .position .bottom {
    padding: 0 0 0 3px;
    overflow: hidden;
}
table.rack-layout .clicked {
    color: #F9924B;
}
table.rack-layout .cage.selected{
    color: #F9924B;
}

table.rack-layout .position.selected {
    background-color: #eee; 
}
table.rack-layout .ui-draggable-dragging{
    border: 1px dashed #cc9521;
}
table.rack-layout .ui-state-hover{
    border: none;
}
table.rack-layout .unauthed {
	color: #ccc;
	cursor: default;
    background: url("icon/unauthed.png") no-repeat right top;
    background-size: 16px;
}
table.rack-layout .reservedPositions {
    background: #EEE;
}
table.rack-layout .orderedPositions {
    border: 1px solid #FFA500;
}
table.rack-layout .highlighted {
    box-shadow: 0px 0px 16px #888888;
}
a.select-column {
	display: block;
}
/** 笼架显示 **/
.rack-general-info {
	padding: 6px;
	height: 15px;
    background: #f9f9f9;
    margin-bottom: 0.5em;
}
.rack-general-info li {
	float: left;
	margin-right: 25px;
}
.rack-general-info .progressbar {
	width: 250px;
    height: 10px;
    float: right;
}
.rack-options {
	display: flex;
    margin-bottom: 10px;
}
.rack-options label {
	float: left;
	padding: 5px 0;
	width: 94px;
}
.rack-options label input{
    margin-right: 5px;
}
.rack-options fieldset {
    border: 1px solid #eee;
    padding: 0 5px;
    float: left;
}
.rack-options fieldset legend {
    padding: 5px;
}
.rack-options .select-model{
    width: 8%;
}
.rack-options .select-model .models {
	width: 50px;
}
.rack-options .cage-view-options {
    width: 77%;
    margin-left: 5px;
}
.rack-options .pos-view-options {
    width: 15%;
    margin-left: 10px;
}
.rack-options .pos-view-options label {
    width: 70px;
}
/** 操作按钮 **/
.operation-buttons {
    margin-top: 15px;
    padding-left: 15px;
    text-align: center;
}
.rack-actions button{
    margin: 0 2px;
}
#no-pos-racks, #no-pos-cages {
	margin-bottom: 20px;
}
#no-pos-racks .rack, #no-pos-cages .cage{
	width: 100px;
}
.quick-view-cage .list-table tr.header-row td{
	color: #555;
	border-bottom: none;
}
.quick-view-cage .list-table tr.animal td{
    color: #555;
}
.quick-view-cage .cage-links{
	float: left;
	padding: 13px 0;
	margin-left: 10px;
}
.operation-tip{
	width: 250px;
	height: 50px;
}
.operation-tip p{
	color: green;
    padding-left: 50px;
    border: 1px solid #eee;
}
.animal-drag-helper{
    padding: 5px 5px 5px 20px;
    background: #FFF;
    border:1px solid #CCC;
}
/*笼架进度条*/
.progressbar {
	height: 0.15em;
}
.progressbar-plenty {
	border: 1px solid #009900;
	background: #009900;
}
.progressbar-short {
    border: 1px solid #ffd700;
    background: #ffd700;
}
.progressbar-full {
    border: 1px solid #ff3300;
    background: #ff3300;
}
/*通用样式*/
.sex-male, table.rack-layout .cage.sex-male{
    background: #99CCFF;
}
.sex-female, table.rack-layout .cage.sex-female{
    background: #FFAADD;
}
.sex-mix, table.rack-layout .cage.sex-mix{
    background: #FFFFDD;
}
.sex-empty, table.rack-layout .cage.sex-empty{
    background: #EDD;
}
.sex-unlimited, table.rack-layout .cage.sex-unlimited{
    background: #D2B48C;
}
.field-lookup a.field-lookup-a{
    margin-left: 5px;
}
/*操作*/
.breeding-actions {
	float: left;
	padding: 5px;
	border: 1px solid #eee;
	margin: 0 5px 5px 0;
}
.breeding-actions a {
	margin: 3px 0; 
}
.btn.icon.clean, .btn.icon.kill {
    background-image: url("icon/clean.png");
}
.btn.icon.move {
    background-image: url("icon/move.png");
}
.btn.icon.changeStatus {
    background-image: url("icon/edit.png");
}
.btn.icon.printCage {
    background-image: url("icon/print.png");
}
.btn.icon.reprintCage {
    background-image: url("icon/print.png");
}
.btn.icon.importEmptyCage {
    background-image: url("icon/import.png");
}
.btn.icon.lock {
    background-image: url("icon/lock.png");
}
.btn.icon.unlock {
    background-image: url("icon/unlock.png");
}
.btn.icon.exportRackToExcel {
    background-image: url("icon/download.png");
}
.btn.icon.reportSituation, .btn.icon.genotyping {
    background-image: url("icon/report.png");
}
.btn.icon.printRack {
    background-image: url("icon/print.png");
}
.btn.icon.addAnimalToCart {
	background-image: url("icon/cart.png");
}
.btn.icon.newMating {
    background-image: url("icon/mating.png");
}
.btn.icon.measureData {
    background-image: url("icon/measure.png");
}
.btn.icon.cageOrder, .btn.icon.submitTicket, .btn.icon.submitEsFeedbackTicket, .btn.icon.viewPositionLog {
    background-image: url("icon/order.png");
}
.btn.icon.cleanCageOrder {
    background-image: url("icon/cancel.png");
}
.btn.icon.orderPosition {
    background-image: url("icon/assign.png");
}
.btn.icon.cancelOrderPosition {
    background-image: url("icon/cancel.png");
}
.btn.icon.updateCageContact {
    background-image: url("icon/owner.png");
}
.btn.icon.animalTreatment {
    background-image: url("icon/treatment.png");
}
.btn.icon.importAnimal {
    background-image: url("icon/import.png");
}
.btn.icon.assignSpOrder {
    background-image: url("icon/assign.png");
}
.btn.icon.animalExitCenter {
    background-image: url("icon/exit-center.png");
}
.btn.icon.completeQuarantine {
    background-image: url("icon/completeQuarantine.png");
}
.btn.icon.submitBreedingDetection {
     background-image: url("icon/submitBreedingDetection.png");
 }
.btn.icon.endMating {
    background-image: url("icon/disable.png");
}
#form-design-div .submit-order-buttons {
	text-align: center;
}
#mating-action-new-litter {
	background-color: #F9924B;
}
/*通用选择器*/
#chooser-container{
	min-height: 500px;
}
#chooser-container #chooser-rack-nav{
	float: left;
	min-width: 275px;
}
#chooser-container #chooser-rack-layout, 
#chooser-container #chooser-select-cages, 
#chooser-container #chooser-selected-objects, 
#chooser-container #chooser-list-animals{
	min-width: 600px;
	margin-left: 295px;	
}
#chooser-container #chooser-select-cages,
#chooser-container #chooser-list-animals,
#chooser-container #chooser-animal-list,
#chooser-container #chooser-selected-objects{
	display: none;
}
#chooser-container .ui-selected { 
	border:2px solid #F39814; 
}
#chooser-container #chooser-rack-layout table.rack-layout {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}
#chooser-container #chooser-rack-layout table.rack-layout tr td{
	cursor: pointer;
    height: 30px;
    min-width: 60px;
}
#chooser-container #chooser-rack-layout table.rack-layout tr td.disabled {
	background: #CCC;
}
#chooser-container .selected-objs li{
	float: left;
	background: #F39814; 
    color: white; 
	border: 1px solid #EEE;
	margin: 5px;
	padding: 3px;
}
#chooser-container .selected-objs li a{
    font-weight: normal;
    margin-left: 5px;
    color: #FFF;
}
#chooser-container .animal-table td{
	padding: 0.2em 0.1em;
}
#animal-chooser-preview {
	padding: 5px 0;
}
/*通用选择器结束*/
.list-table tr.animal td {
    border: 1px dotted #EEE;
}

div.cage-card-color {
	border:1px solid #000;
	width:15px;
	height:15px;
	float: left;
	margin: 0.8em 0.1em;
}
.basic-table tr td.check-field {
    width: 12px;
    padding: 5px;
    text-align: center;
}
#import-methods {
    width: 500px;
}
.import-order .ui-autocomplete-input{
	width: 100px;
}
.import-order #import-order-price{
	display: none;
}

.import-preview-input{
	width: 90px;
}
.import-preview-required{
	width: 90px;
}
.choose-position{
	width: 230px;
}
.screenlet-body div.position-container {
    margin: 0;
}
.position-container li {
	background: #FFFFEE;
	border: 1px solid #000;
	margin: 5px;
	padding: 5px;
}
.position-container li a{
	font-weight: normal;
	float: right;
}
.position-container .basic-table {
	margin-bottom: 0;
}
.position-container .basic-table td {
	padding: 0.5em 0.1em;
}
.edit-order-pos-btns {
    text-align: center;
    margin-top: 10px;
}
/*操作车*/
.animal-cart-div {
	color: #CCC;
    width: 45px;
    height: 20px;
    line-height: 22px;
    background: url("icon/animal-cart.png") no-repeat;
    background-size: 20px;
    text-align: right;
    cursor:pointer;
}
.animal-cart-span{
    color: #F9924B;
}
/*笼架定位*/
.rack-location-div {
	float: left;
    color: #F9924B;
    padding-left: 20px;
    height: 20px;
    line-height: 22px;
    background: url("icon/rack-location.png") no-repeat;
    background-size: 20px;
    text-align: right;
    cursor:pointer;
}
.rack-location-clean {
	float: right;
	line-height: 22px;
	display: none;
}
.stick-bar {
	background: rgba(220, 220, 220, 0.8);
	padding: 6px 10px;
	border: 1px solid #ccc;
	width: 88%;
	z-index: 999;
}
.page{
    padding:20px 0;
}
.page li{
    display: inline-block;
    margin:0 4px;
}
.page li a{
    display: inline-block;
    height:30px;
    line-height: 30px;
    border:1px solid #ddd;
    color:#555;
    padding:0 10px;
}
.page li a:hover,.page li a.current{
    background-color: #008C8C;
    color:#fff;
}
/*饲养统计*/
.animal-amount-pie{
	padding-left:50px;
    width:350px;
    height:210px;
}
.animal-amount-line{
	width: 95%;
	height: 250px;
}
.cage-position-columnar{
    width: 95%;
    height: 250px;
}
.breedingstat {
    float: left;
    height: 2%;
    left: 0;
    margin: 0% 1% 1% 0%;
    width: 49%;
}
.breedingstat .screenlet-body {
	height: 322px !important;
}
.breedingstat .view-calendar input {
	width: 100px;
}
#breeding-stat-summary,
#breeding-stat-position,
#breeding-stat-animal-amounts,
#breeding-stat-positions
{
	margin-bottom: 0;
}
#ViewBreedingStatSummary .stat-numbers {
    color: #F9924B;
    font-size: 2.0em;
    font-weight: bold;
}
.stat-facility-id {
	width: 80px;
}

/*笼卡*/
#EditBreedingCageCard_animalBuyOrderId {
	color: #ccc;
}
.edit-animal-lookup{
	width: 100px;
}
.edit-animal-input{
	width: 50px;
}

/*动物管理页面*/
#FindAnimal table {
	width: 700px;
}
#genotype-field {
	display: inline-block;
	margin: 0;
}
.items-per-page{
	margin-bottom: 3px;
}
div.find-stat {
	float: left;
	margin-top: 0;
	margin-bottom: 10px;
}
div.find-stat .animal-stat,
div.find-stat .cage-stat {
	margin: 0;
	margin-left: 20px;
	float: left;
}
.content div{
    display: none;
}
.content .div_show{
    display: block;
}
td.animal-id {
    text-align: center;
}
td.animal-id input {
    margin: 5px;
}
/*tab选中颜色*/
div .tab-bar .tab{
	color:#F9924B;
}
tr .thru-date{
	color:#ff0000;
}
.animal-info-label{
	color:#000;
}
.remove-container .available-position {
	background: #FFF !important;
	color: #212529 !important;
}
.position-container .available-position {
    background: #F39814;
    color: #FFF;
}
.position-container .overdue-position {
    color: red;
}
.position-container .free-position {
	cursor:pointer;
}
.position-container .ordered-position {
	background: #AFEEEE;
	color: #FFF;
}
.position-container .used-ordered-position {
    background: #D1C381;
    color: #FFF;
}
.routine-position-color {
    background-color: #F39814;
    width:20px;
    height:15px;
    vertical-align: middle;
    display: inline-block;
}
.ordered-position-color {
    background-color: #AFEEEE;
    width:20px;
    height:15px;
    vertical-align: middle;
    display: inline-block;
}
.used-ordered-position-color{
    background-color: #D1C381;
    width:20px;
    height:15px;
    vertical-align: middle;
    display: inline-block;
}
.rack .view-rack {
	color: #F39814;
}
.cursor-pointer {
    cursor:pointer;
}
/*繁殖笼*/
.mating-find-tab-bar .button-bar {
    margin-bottom: 0;
}
#mating-pups .animal-cart {
	position: absolute;
    top: 8px;
    right: 10px;
}

.poor-sperm {
    width: 20px;
    height: 20px;
    display: block;
	background-image: url("icon/poor_sperm.png");
    background-size: 100% 100%;
}
.mouse-obtained-sperm {
	width: 20px;
    height: 20px;
    display: block;
	background-image: url("icon/mouse_obtained_sperm.png");
    background-size: 110% 110%;
}
.pass-sperm {
	width: 20px;
    height: 20px;
    display: block;
	background-image: url("icon/pass_sperm.png");
    background-size: 110% 110%;
}
.not-tested-sperm {
	width: 20px;
    height: 20px;
    display: block;
	background-image: url("icon/not_tested_sperm.png");
    background-size: 100% 100%;
}
.strain-actions {
	margin: 0 !important;
    display: flex;
}
.strain-actions a {
	margin-right: 5px;
}
.breeding-rack-tab-bar a {
	color: #FFF;
    text-decoration: none;
	font-weight: bold;
}
#ViewAnimalBreedingOrder div {
	padding: 0;
	margin: 0;
}
#order-container {
	margin-bottom: 10px;
}
.jstree-default .facility-icon-research-group {
	background-position: 0px 0;
	background-image: url(icon/tree-research-group.png);
    background-size: 22px;
}
.jstree-default .facility-icon-research-group-member {
	background-position: 0px 0;
	background-image: url(icon/tree-research-group-member.png);
    background-size: 20px;
}
.selected-td-position {
	background-color:  #F39814;
}
#details-of-room-container {
    overflow-y: auto;
    max-height: 650px;
}
#details-of-room-container .rack-layout tr td{
    height: 35px;
    min-width: 50px;
}

.pdf-tip {
	margin-top: 10px;
}

.pdf-button {
	text-align:center;
	margin-top:30px;
}

.rack-container {
    overflow-x: auto;
}
.breeding-span-error {
    color: red;
}
.measured-table {
    border-collapse: collapse;
    border-spacing: 0;
}
.measured-tr {
    margin: 0 !important;
    width: 400px !important;
}
.measured-td {
    display: flex;
    justify-content: center;
}
.measured-span {
    flex-basis: 50%;
    text-align: center;
}
.measured-td-date {
    width: 50px !important;
}
.measured-td-name {
    width: 180px !important;
}
.measured-td-value {
    width: 200px !important;
}
.measured-table-span {
    cursor: pointer;
    margin-left: 10px;
}
.measured-table-div {
    display: flex;
    align-items: center;
}

.detection-staging {
    margin-right:30px;
}

.disabled-cage {
    height: 10px;
    font-size: 11px;
}

.copy-field {
    color:  #F39814 !important;
}

.copy-field-mark {
    color:  #F39814 !important;
}

.table-scroll-container {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 500px;
    border: 1px solid #ddd;
}

.table-scroll-container table {
    width: 100%;
    border-collapse: collapse;
}

.basic-table th {
    user-select: none;
}