@charset "utf-8";

$readonlyColor: rgba(0, 0, 0, 0.54);
$formColor: #444;

/** 表单样式 **/
input[type=text][readonly=readonly],
input[type=url][readonly=readonly],
input[type=date][readonly=readonly],
input[type=email][readonly=readonly],
textarea[readonly=readonly],
select[disabled=disabled],
.sino-dept-select[readonly=readonly] p,
.sino-user-select[readonly=readonly] p,
span[readonly=readonly],
label[readonly=readonly] span{
  color: $readonlyColor;
}

/**
 * 临时处理局发文和处发文中，相关部门中的表单项不可操作时也显示灰色
 * [注：相关字段的操作功能还未实现]
 */
.handleSpan {
  color: #ABBAB3;
}

.item-input textarea {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 220px;
	-moz-box-flex: 1;
	-moz-flex: 1 0 220px;
	-ms-flex: 1 0 220px;
	flex: 1 0 220px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	resize: none;
}

.form-horizontal .list {
	margin-top: 0px;
	background-color: #EFEFF4;
}

.form-horizontal .item-divider {
	padding-top: 27px;
	color: #867E7E;
	font-size: 1em;
	background-color: #EFEFF4;
}
.form-horizontal .item-divider:first-child {
	border-top-width: 0;
}

.form-horizontal .item-divider .icon {
	padding-top: 27px;
}

.form-item-group {
	padding: 0 0 0 16px;
	background-color: white;
	border-bottom: 1px solid #ddd;
}

.form-horizontal .item-input, .form-horizontal .item-toggle {
	border: none;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-left: 0;
	padding-right: 16px;
}

.form-horizontal .list {
	margin-top: 0!important;
}

.require .input-label:before {
	content: "\f314";
	color: red;
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 8px;
	position: relative;
}

.item-input .ion-ios-arrow-right:before {
	content: "\f3d3";
	position: fixed;
	right: 16px;
	margin-top: -6px;
}
.item-icon-right .ion-ios-arrow-right:before {
	content: "\f3d3";
	font-size: 18px;
	position: initial;
	right: 16px;
	width: auto;
	color: #7E7E7E;
}

.form-horizontal .item-comment {
	margin: 5px 0px;
	padding-left: 16px;
	color: #867E7E;
}

.form-horizontal .my-input-label:not([readonly="readonly"]) {
	-webkit-tap-highlight-color: rgb(68, 68, 68);
}

/** sino-dept-select/sino-user-select **/
.item-input .sino-dept-select,
.item-input .sino-user-select {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 ;
	-moz-box-flex: 1;
	-moz-flex: 1 0 ;
	-ms-flex: 1 0 ;
	flex: 1 0 ;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	resize: none;
}

.sino-dept-select,
.sino-user-select {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;

	.sino-dept-select-content,
	.sino-user-select-content{
		-webkit-box-flex: 1;
		-webkit-flex: 1 220px;
		-moz-box-flex: 1;
		-moz-flex: 1 220px;
		-ms-flex: 1 220px;
		flex: 1 220px;
		padding-right: 22px;
		text-overflow: initial;
		white-space: normal;
		color: $formColor;

		textarea {
			width: 95%;
		}
	}

	p {
		color: $formColor;
	}
}

.sino-dept-select[readonly=readonly] .icon,
.sino-user-select[readonly=readonly] .icon {
	display: none;
}

.sino-dept-select[readonly=readonly] .sino-dept-select-content,
.sino-user-select[readonly=readonly] .sino-user-select-content{
	padding-right: 0px;
}

.item-input input,
.item-input .input-label {
	color: $formColor;
}

.form-item-group textarea {
	line-height: 1.5;
}

//表单验证


form {
	select.ng-invalid + i.icon.error,
	span.ng-invalid + i.icon.error,
	div.ng-invalid + i.icon.error,
	input.ng-invalid + i.icon.error,
	textarea.ng-invalid + i.icon.error {
		display: block;
		position: absolute;
		top: calc(50% - 11px);
		right: 4px;
		min-width: 14px;
	}

	div.ng-invalid + i.icon.error {
		font-size: 16px;
		width: 24px;
	}
}

form {
	select.ng-valid + i.icon.error,
	span.ng-valid + i.icon.error,
	div.ng-valid + i.icon.error,
	input.ng-valid + i.icon.error,
	textarea.ng-valid + i.icon.error {
		display: none;
	}
}

.dy-content .item-divider {
  border-bottom: 0;
}

.search-label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  padding: 10px 0;
  width: calc(100% - 32px);
  border-bottom: 1px solid rgb(221, 221, 221);
  margin: 0 16px;
  -webkit-justify-content: space-between;
  justify-content: space-between;


  .search-text {
    width: 100%!important;
    border: 0!important;
  }
  .item-radio {
    border-radius: 6px;
    margin: 3px;
    text-align: center;
    font-size: 13px;
    .item-content {
      padding: 6px;
    }
  }

  .item-radio input:checked ~ .radio-icon {
    visibility: hidden;
  }
  .item-radio input:checked ~ .item-content {
    background: rgb(221, 221, 221);
  }
}

.search-button-group {
  display: flex;
  justify-content: center;
  .search-button {
    width: 100px;
    margin: 10px 10px;
  }
}

