@charset "utf-8";

/*全局样式----------------------------------------------------------------------------------------------------------------------------*/
html,body{ margin:0; padding:0;font-size:12px; font-family:'微软雅黑',verdana;background:#f3f3f4;color:#676a6c;}
form{padding:0;margin:0;}
button, input, textarea {font-size:12px;font-family:'微软雅黑';}
select{ vertical-align: middle; font-size:12px;font-family:'微软雅黑';}
ul, li { margin: 0; padding: 0; list-style: none; }

body .ibox {min-height:80vh;}

/*字体、间距、链接基本样式------------------------------------------------------------------------------------------------------------*/
.bai{ color:#fff;}
.lan{ color:#005ce5;}
.hong{ color:#FF0000;}
.bold{ font-weight:bold;}
.f14{ font-size:14px;}
.f12{ font-size:12px;}
.cheng{ color:#FFFF00;}
.red {color:darkred;}
.hui{ color:#bde9f6;}
.hui6{ color:#666666;}
.hui8{ color:#888;}
.clear{ clear:both;}
.green{color:Green;}
.left{ float:left;}
.right{ float:right;}
.Lmg30{margin-left:30px;}
.Lmg10{margin-left:10px;}
.Tmg7{margin-top:5px;}
.Tmg20{margin-top:20px;}
.lh{ line-height:20px;}
.Tmg1{margin-top:1px;}
.Rmg5{ margin-right:5px;}
.Lpd10{ padding-left:10px;}
.Lpd100{ padding-left:100px;}
.pd7{ padding:7px;}
.Lpd5{ padding-left:5px;}
.Rpd10{ padding-right:10px;}
.Rpd20{ padding-right:20px;}
.normal {font-weight:normal;}
.hg3{ border-bottom:1px solid #eee;}
.addrtitle {color:#99a8b0;}
.alignright { text-align: right; }

a:link,a:visited{text-decoration: none;color:#1ab394;}
a:hover{color:#23527c;text-decoration: underline;}

.form-control.Validform_error,
.single-line.Validform_error,
.Validform_error {background:#ffe7e7;}
.Validform_checktip {display:none;}
.selectfull .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:100%;}

.nav-header-ico {font-size:36px;float:left;margin-top:-8px;color:#c3c3c3;}

/*按钮与文本框-----------------------------------------------------------------------------------------------------------*/
textarea {width:540px;border:1px solid #e5e6e7;padding:3px;font-size:12px;box-shadow:none;border-radius:1px;box-shadow:none;outline:none;transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;}
.text {/*border:1px solid #e5e6e7;*/height:16px;padding:2px; line-height:16px;width:150px;border-radius:1px;background-image:none;box-shadow:none;outline:none;transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;}
textarea:focus,
.text:focus {border:1px solid #1ab394;box-shadow:none;outline:none;}
.btn,.button,.submit{font-size:14px;line-height:35px;padding:0;border:1px solid #1ab394;background:#1ab394;border-radius:2px;color:#fff;cursor:pointer;box-shadow:none;outline:none;}
.btn:hover,
.button:hover,
.submit:hover {background:#32BB9F;border:1px solid #1ab394;color:#fff;}
/*.btn:active, .button:active, .submit:active {background:#606883;box-shadow:none;outline:none;color:#fff;}*/
.wd1 {width:52px;margin:-1px 2px 0 0;}
.wd2 {width:72px;margin:-1px 2px 0 0;}
.wd3,.wd5 {width:104px;margin:-1px 2px 0 0;}
.wd4 {width:150px;margin:-1px 2px 0 0;}
.wd6{width:66px;margin:-1px 2px 0 0;}
.mt10 { margin-top: 10px; }
.mt5 { margin-top: 5px; }
.mlr5 {margin-left:5px;margin-right:5px;}
.mlr10 {margin-left:10px;margin-right:10px;}
.btnLine{width:1px;height:21px !important;*height:20px;line-height:auto;padding:0;margin:0 2px 0 7px;*margin:0 7px 0 7px;background:#e7eaec;overflow:hidden;border:0px;}

.loginscreen.middle-box {margin:150px auto;}

.form-special input[type="text"],
.form-special select,
.form-special textarea,
.form-special input[type="password"] {height:36px;line-height:36px;padding:0px 10px;border-radius:5px;margin:5px 0px 15px 0px;width:300px;border:1px solid #ccc;}

.form-special input[type="submit"],
.form-special input[type="button"] {height:40px;line-height:40px;padding:0px 30px;border-radius:5px;font-size:18px;transition: all 0.3s;cursor: pointer;margin-top:30px;/*border:1px solid #ccc;*/}
.form-special select {width:300px;}
.form-special select option {line-height:28px;}
.form-special label {margin:10px 5px 10px 0px;display:inline-block;}
.form-special .control {text-align:center;}
.form-special .linkbtn {border:1px solid #ccc;padding:5px 15px;border-radius:5px;}
.form-special .profilepart {max-height:9999px;transition: all 0.3s;overflow:hidden;}
.form-special td input[type="text"] {margin:5px;}
.form-special i {color:red;font-weight:bold;}

.ibox-content .gradeA:nth-child(2n) {background-color: #f9f9f9;}

.ibox-content .profilepart input[type="text"],
.ibox-content .profilepart select,
.ibox-content .profilepart textarea,
.ibox-content .profilepart input[type="password"] {height:36px;line-height:36px;padding:0px 10px;border-radius:5px;margin:5px 0px 25px 0px;width:300px;border:1px solid #ccc;}
.ibox-content .profilepart input[type="button"] {height:40px;line-height:40px;padding:0px 30px;border-radius:5px;font-size:18px;transition: all 0.3s;cursor: pointer;margin-top:30px;}
.ibox-content .profilepart textarea {line-height:inherit;overflow-y:visible;}
.ibox-content .profilepart select {width:220px;}
.ibox-content .profilepart select option {line-height:28px;}
.ibox-content .profilepart label {margin:10px 5px 25px 0px;display:inline-block;}
.ibox-content .profilepart .t {font-weight:bold;}
.ibox-content .profilepart input[type="submit"] {padding:0px 15px;margin-bottom:15px;}
.ibox-content .profilepart .control {border-bottom:5px solid #eee;margin-bottom:25px;}

.ibox-content .profilepart .linkbtn {border:1px solid #ccc;padding:5px 15px;border-radius:5px;}
.ibox-content .profilepart .editbtn {display:none;}
.ibox-content .profilepart .profilepart {max-height:9999px;transition: all 0.3s;overflow:hidden;}
.ibox-content .profilepart .hidepart {max-height:0px;}
.ibox-content .profilepart.preview {background:#f2f2f2;padding:15px;margin-bottom:15px;}
.ibox-content .profilepart.preview input[type="submit"] {display:none;}
.ibox-content .profilepart.preview .linkbtn {display:none;}
.ibox-content .profilepart.preview select,
.ibox-content .profilepart.preview textarea,
.ibox-content .profilepart.preview table td,
.ibox-content .profilepart.preview input {background:transparent;}
.ibox-content .profilepart.preview .editbtn {display:inline-block;background:#fff;color:#000;}
.ibox-content .profilepart.preview #customprofile_lock_submitbtn {display:inline-block;background:#9774b5;}
.ibox-content .profilepart i {color:red;font-weight:bold;}
.ibox-content .profilepart .attachmentlist {text-align:center;}
.ibox-content .profilepart .attachmentlist li {width:23%;float:left;border:2px solid #ccc;padding:10px 0px;border-radius:5px;position:relative;margin:0px 1% 1% 0px;min-height:130px;word-break: break-all;}
.ibox-content .profilepart .attachmentlist img {display:block;width:50px;margin:5px auto;}
.ibox-content .profilepart .attachmentlist img.realimg {width:180px;}
.ibox-content .profilepart .attachmentlist li i {position:absolute;z-index:1;top:10px;right:15px;cursor:pointer;}
.ibox-content .profilepart .attachmentlist li .date {color:#a0a0a0;font-size:12px;}
.ibox-content .profilepart .avatar {max-width:100px;}

.ibox-content .profilepart .parentsurrogatelist {text-align:center;}
.ibox-content .profilepart .parentsurrogatelist li {width:23%;float:left;border:2px solid #ccc;padding:10px 0px;border-radius:5px;position:relative;margin:0px 1% 1% 0px;height:150px;word-break: break-all;}
.ibox-content .profilepart .parentsurrogatelist .title {font-size:18px;}
.ibox-content .profilepart .parentsurrogatelist img {display:block;max-width:60%;margin:5px auto;max-height:60%;}

.ibox-content .profilepart table {width:100%;/*background:#ccc;*/}
.ibox-content .profilepart table tr {/*background:#eee;*/}
.ibox-content .profilepart table td {padding:5px 5px;/*background:#fff;*/}
.ibox-content .profilepart table label {margin-bottom:5px;margin-top:0px;}
.ibox-content .profilepart table td input[type="text"] {margin:5px;}
.ibox-content .profilepart table td select {margin:5px;}

.ibox-content .profilepart table.inner-table-short input[type="text"] {width:120px;margin:5px 0px;}
.ibox-content .profilepart table.inner-table-short {width:80%;}

.float-e-margins .search_bar .btn {margin-bottom: 0;}

.userlist_control a {margin:0px 5px;}
.userlist_control a i {font-size:18px;}

.ibox-content .form-search {margin-bottom: 10px;}

.fpage li {float:left;line-height:32px;padding:0 13px;border:1px solid #ddd;border-right:0;}
.fpage li a {padding: 0px 13px;margin: 0px -13px;display: block;}
.fpage li:first-child {}
.fpage li:last-child {border-right:1px solid #ddd;}
.fpage li.active {background: #1ab394;color:#fff;border-color:#1ab394;}
.fpage li.active a {color:#fff;font-weight: bold;}
.fpage li:last-child:after {content:'';clear:both;display: block;}
.fpage select,
.fpage select:hover,
.fpage select:active,
.fpage select:focus,
.fpage select:focus-visible {line-height: 30px;height: 30px;border: 0;outline: none;}

    /*html,body,
    body.gray-bg {background: url('../img/print_bg.jpg') repeat top center;background-size: contain;}
    body .ibox-title,
    body .ibox-content {background: transparent;}*/

body .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:300px;}
body .layui-layer-dialog .layui-layer-content {word-break: normal;}
body .layui-layer-dialog {min-width: 400px;}

.choose {
    position: relative;
}

@media print {
    body {font-size:12px;}

    .printnone,
    input[type="button"],
    input[type="submit"],
    .form-special .linkbtn,
    a {display:none;}
    a.printshow {display: inherit;}
    .ibox-content .profilepart input[type="text"],
    .ibox-content .profilepart select,
    .ibox-content .profilepart textarea,
    .ibox-content .profilepart input[type="password"] {width:150px;}
    .ibox-content .profilepart select {width:170px;}
    .ibox-content .profilepart textarea {padding-bottom:10px;}
    .photo_attachment .attach {float:left;margin-right:15px;}

    .ibox-content .profilepart textarea.printnoborder  {border:0px;}

    html,body,
    .gray-bg {background:url('../img/print_bg.jpg') repeat-y center bottom !important;background-size: cover;height:auto !important;}
    body.gray-bg *,
    body .ibox-content .profilepart table td,
    body .ibox-content .profilepart table tr,
    body .gray-bg .ibox-content {background: transparent !important;;}
}