﻿
/************************************************************/
.tk-dialog .pop_org.box .dialog__title.primary-bg {
  background: #3399ff;
}

.tk-dialog .pop_org.box .dialog__cnt {
  padding: 0;
}

.tk-dialog .pop_org.box .dialog__title > .close-btn::before {
  background-color: white;
}

.tk-dialog .pop_org.box .dialog__title > .close-btn::after {
  background-color: white;
}
/************************************************************/
.overlay-organizationSaleMode {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  background: #000;
}

.popup-organizationSaleMode {
  /*position: absolute; top: 200px; left: 50%; z-index: 1001; margin-left: -340px;*/
  width: 680px;
  background: #fff;
}

/*.popup-organizationSaleMode .close { position: absolute; top: 0; right: 5px; font-style: normal; font-size: 28px; line-height: 1; color: #fff; cursor: pointer; }*/
.popup-organizationSaleMode .popup-hd {
  height: 110px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  background: #3399ff;
  margin-top: -14px;
}

.popup-organizationSaleMode .popup-hd p {
  /*font-size: 24px;*/
  line-height: 40px;
  font-size: 0;
}

.popup-organizationSaleMode .popup-hd p>span,
.popup-organizationSaleMode .popup-hd p>label {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
}

.popup-organizationSaleMode .popup-hd p.sub>span {
  font-size: 16px;
  display: inline;
  vertical-align: initial;
}

.popup-organizationSaleMode .popup-hd p label {
  max-width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}

.popup-organizationSaleMode .popup-hd p.sub {
  font-size: 16px;
  line-height: 30px;
}

.popup-organizationSaleMode .yellow {
  color: #fff55b;
}

.popup-organizationSaleMode .popup-bd {
  padding: 20px;
}

.popup-organizationSaleMode .school-name {
  margin-top: -40px;
  padding: 0 50px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  color: #666;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 6px 6px 0 0;
  background: #fff;
}

.popup-organizationSaleMode .school-name label {
  max-width: 400px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  line-height: 37px;
}

.popup-organizationSaleMode .grade {
  position: relative;
  margin-bottom: 10px;
}

.popup-organizationSaleMode .grade.senior {
  border: 1px solid #39f;
}

.popup-organizationSaleMode .grade.junior {
  border: 1px solid #f90;
}

.popup-organizationSaleMode .grade.primary {
  border: 1px solid #09bb63;
}

.popup-organizationSaleMode .grade-hd {
  float: left;
  width: 50px;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.popup-organizationSaleMode .grade.senior .grade-hd {
  height: 90px;
  background: #39f;
}

.popup-organizationSaleMode .grade.junior .grade-hd {
  height: 90px;
  background: #f90;
}

.popup-organizationSaleMode .grade.primary .grade-hd {
  height: 50px;
  background: #09bb63;
}

.popup-organizationSaleMode .grade .subject {
  margin-left: 50px;
  padding: 5px;
  font-size: 0;
  overflow: hidden;
  text-align: left;
}

.popup-organizationSaleMode .grade .subject a {
  display: inline-block;
  margin: 5px;
  width: 70px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #999;
  background: #e6f5ff;
  cursor: pointer;
  color: #333333;
}

.popup-organizationSaleMode .grade .subject a.disabled:hover,
.popup-organizationSaleMode .grade .subject a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.popup-organizationSaleMode .grade.senior .subject .on {
  border: 1px solid #39f;
  color: #39f;
}

.popup-organizationSaleMode .grade.junior .subject .on {
  border: 1px solid #f90;
  color: #f90;
}

.popup-organizationSaleMode .grade.primary .subject .on {
  border: 1px solid #09bb63;
  color: #09bb63;
}

.popup-organizationSaleMode .note {
  padding: 0 10px;
  font-size: 14px;
  line-height: 35px;
  background: #f0f0f0;
}

.popup-organizationSaleMode .red {
  color: #ff5a5a;
}

.popup-organizationSaleMode .note p {
  text-indent: 2em;
}

.popup-organizationSaleMode .buttons {
  margin-top: 20px;
  text-align: center;
}

.popup-organizationSaleMode .buttons a {
  display: inline-block;
  margin: 0 15px;
  padding: 0 30px;
  font-size: 14px;
  line-height: 40px;
  border-radius: 4px;
}

.popup-organizationSaleMode .buttons .btn-confirm {
  color: #fff;
  background: #ff7200;
}

.popup-organizationSaleMode .buttons .btn-confirm:hover {
  background: #ff8e33;
}

.popup-organizationSaleMode .buttons .btn-cancel {
  color: #fff;
  background: #a2a2a2;
}

.popup-organizationSaleMode .buttons .btn-cancel:hover {
  background: #acacac;
}

.popup-organizationSaleMode .remark {
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #ff5a5a;
  font-size: 14px;
}

.popup-organizationSaleMode .remark.active {
  color: #666;
}


.set-up-organizationSaleMode {
  width: 380px;
  line-height: 25px;
  word-break: break-all;
  white-space: normal;
  text-align: left;
  font-size: 14px;
  box-sizing: border-box;
  line-height: 20px;

}

.set-up-organizationSaleMode .set-up-text {
  font-size: 14px;
  color: #333;
  line-height: 25px;
}

.set-up-organizationSaleMode .set-up-text span {
  color: #f20;
}

.set-up-organizationSaleMode p {
  color: #999;
  font-size: 12px;
  line-height: 30px;
}

.set-up-organizationSaleMode .correct-btn a {
  display: inline-block;
  width: 92px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  background-color: #3399ff;
  color: #fff;
  border-radius: 5px;
  margin: 0 20px;
}

.set-up-organizationSaleMode .correct-btn a.huang {
  background-color: #ff9900;
}

.set-up-organizationSaleMode .correct-btn a:hover {
  background-color: #0080ff;
}

.set-up-organizationSaleMode .correct-btn a.huang:hover {
  background-color: #f29201;
}

.set-up-organizationSaleMode .correct-btn {
  text-align: center;
  padding: 10px 0;
  background-color: #e7f5ff;
}

.set-up-organizationSaleMode .set-mar {
  box-sizing: border-box;
  padding: 20px;

}

.organizationSaleModeDialog-bindques {
  font-size: 14px;
  margin-left: 10px;
  color: #999;
}

.organizationSaleModeDialog-bindques:hover {
}
