@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    line-height: 1.1em;
    overflow: visible !important;
}

.no-scroll {
    overflow-y: hidden !important;
}

/* clearfix */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* IE6 */
* html .clearfix {
    zoom: 1;
}

/* IE7 */
*:first-child + html .clearfix {
    zoom: 1;
}


h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    font-weight: normal;
}

ul, ol,li {
    list-style-type: none;
}

img {
    border: none;
}

.icon-s {
    width: 26px;
    height: 26px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #9dc815;
    background-size: 18px auto;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px;
}

.no.icon-s {
    background-image: url(../images/icon-no.png);
}

.name.icon-s {
    background-image: url(../images/icon-signboard.png);
}

.schedule.icon-s {
    background-image: url(../images/icon-schedule.png);
}

.place.icon-s {
    background-image: url(../images/icon-place.png);
}

.user.icon-s {
    background-image: url(../images/icon-user.png);
}

.note.icon-s {
    background-image: url(../images/icon-pencil.png);
}

.evaluation.icon-s {
    background-image: url(../images/icon-star2.png);
}

.rank.icon-s {
    background-image: url(../images/icon-rank.png);
}

.construction.icon-s {
    background-image: url(../images/icon-construction.png);
}

.document.icon-s {
    background-image: url(../images/icon-document.png);
}

.dashboard.icon-s {
    background-image: url(../images/icon-dashboard.png);
}

.qualification.icon-s {
    background-image: url(../images/icon-check.png);
}

.job-description.icon-s {
    background-image: url(../images/icon-hammer.png);
}

.tel.icon-s {
    background-image: url(../images/icon-tel.png);
}

.mail.icon-s {
    background-image: url(../images/icon-mail.png);
}

.time.icon-s {
    background-image: url(../images/icon-clock.png);
}

.repeat.icon-s {
    background-image: url(../images/icon-repeat.png);
}

.customer.icon-s {
    background-image: url(../images/icon-customer.png);
}
.project_schedule_function{
    background-image: url(../images/project_schedule.png);
}
span.inactive {
    filter: saturate(0%);
    opacity: 0.4;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/

a {
    color: #000000;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

a:hover img {
    opacity: 0.70;
    filter: alpha(opacity=70);
}

/*-----------------------focus-------------------------------*/
button:focus, .el-checkbox__input:focus,div input:focus,div label:focus{
    outline: 0;
}

div .el-input__inner:focus, div .el-textarea__inner:focus {
    border-color: #219894;
    outline: 0;
}

/* ボタン
---------------------------------------------------------------------------*/

.button {
    margin: 0 auto;
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    background-image: linear-gradient(45deg, #9dc815 50%, #7d9f13 50%);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: block;
    overflow: hidden;
    z-index: 2;
    position: relative;
}

.button a {
    color: #ffffff;
}

.button,
.button::before,
.button::after {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.button::before,
.button::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
}

.button::before {
    left: 0;
    background-image: linear-gradient(45deg, #9dc815 50%, transparent 50%);
}

.button::after {
    right: 0;
    background-image: linear-gradient(45deg, transparent 50%, #7d9f13 50%);
}

.button:hover {
    background-color: #7d9f13;
    background-image: none;
}

.button:hover::before {
    left: -100%;
}

.button:hover::after {
    right: -100%;
}

.button-s {
    margin: 0 auto;
    padding: 0 20px;
    height: 26px;
    line-height: 26px;
    color: #ffffff;
    background-color: #9dc815;
    border-radius: 2px;
    float: left;
    cursor: pointer;
}

.button-s a {
    color: #ffffff;
    display: block;
}

.button-s a:hover {
    color: #9dc815;
}

.button-lower {
    display: inline-block;
}

.button-lower a {
    padding: 0 20px;
    /*height: 40px;*/
    /*line-height: 40px;*/
    height: 50px; /*------劉改修------*/
    line-height: 50px; /*------劉改修------*/
    text-align: center;
    /*border: 1px solid #9dc815;*/
    border: 1px solid #A9A9AB; /*------劉改修------*/
    border-radius: 2px;
    display: block;
    background-color: #A9A9AB; /*------劉追加------*/
    color: #ffffff;
}

.button-lower a:hover {
    color: #ffffff;
    /*background-color: #9dc815;*/
    background-color: #A9A9AB; /*------劉追加------*/
}

.button-lower.remark a {
    color: #ffffff;
    /*background-color: #9dc815;*/ /*------劉改修------*/
    background-color: #219894;
    border-color: #219894; /*------劉追加------*/
    font-size: 20px; /*------劉追加------*/
}

.button-lower.add {
    background-image: url(../images/icon-add.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
}

.button-lower.add a {
    padding-right: 40px;
}

.sort {
    background-image: url(../images/icon-sort.png);
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.button-s:hover {
    background-color: #9dc815;
}

.danger.el-button {
    background-color: #F0DADA !important;
    color: #C64243 !important;
    border-color: #F0DADA !important;
}

.danger.el-button i {
    width: 16px;
    height: 16px;
}

.danger.el-button i:before {
    content: '';
    background: url(../images/dustbin.png) no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.report-imageindex.el-button i:before {
    content: '';
    background: url(../images/icon-camera.png) no-repeat;
    background-size: 12px;
    width: 16px;
    height: 12px;
    display: inline-block;
}

.el-button.el-button--primary,.el-button.el-button--primary.is-active, .el-button.el-button--primary:active,
.el-button.el-button--primary:focus, .el-button.el-button--primary:hover{
    background-color: #219894;
    border-color: #219894;
}

/*------劉改修------*/
.title-wrap .button-s {
    /*margin-right: 10px;*/
    float: right;
    white-space: nowrap; /*------劉追加------*/
    font-size: 18px; /*------劉追加------*/
    color: #FFFFFF; /*------劉追加------*/
    background-color: #9DC815; /*------劉追加------*/
    height: 32px; /*------劉追加------*/
    line-height: 32px; /*------劉追加------*/
    margin: 15px 22px; /*------劉追加------*/
    padding: 0 20px; /*------劉追加------*/
    /*margin: 7px 0 0 20px;*/
    border: 1px solid rgba(255, 255, 255, 0.6);
    float: left;
}

.title-wrap .button-s:hover {
    color: #9dc815;
    background-color: rgba(255, 255, 255, 0.8);
}

/*------劉追加------*/
.title-wrap .el-breadcrumb{
    font-size: 20px;
    color: #29282E;
    line-height: 60px;
}
.title-wrap .el-breadcrumb__inner a,.title-wrap  .el-breadcrumb__inner.is-link{
    font-weight: 400;
}
/*------劉追加------*/
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next{
    display: none;
}
/*------劉追加------*/
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable{
    padding: 0 !important;
}
/*------劉追加------*/
.el-popper .popper__arrow{
    display: none !important;
}

/*------劉追加------*/
.el-date-editor span.el-input__prefix i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #219894;
    color: #ffffff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
}

/*------劉追加------*/
.el-date-editor span.el-input__prefix .el-icon-date:before {
    color: #ffffff;
}

/*------pagination------*/
.pagination-center {
    margin-top: 20px;
    text-align:center;
}

.invite-form .pagination-center {
    width: 100%;
    height: 44px;
    background-color: #219894;
    color: #fff;
    font-size: 17px;
    line-height: 44px;
    position: fixed;
    bottom: 20px;
    left: 0;
}

.schedule .invite-form .pagination-center{
    left: 100px;
    z-index: 1;
}

/* form
---------------------------------------------------------------------------*/

input,
select {
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    border: 0;
    border-radius: 2px;
}

select {
    cursor: pointer;
}

.el-select > .el-input >.el-input__inner
{
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

textarea {
    padding: 5px;
    line-height: 1.6em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

/*------宋追加------*/
.switch-on-off .el-switch__label {
    position: absolute;
    display: none;
    color: #fff!important;
}
.switch-on-off .el-switch__label--left {
    z-index: 9;
    left: 22px;
}
.switch-on-off .el-switch__label--right {
    z-index: 9;
    left: -5px;
}
.switch-on-off .el-switch__label.is-active {
    display: block;
}
.switch-on-off.el-switch .el-switch__core,
.switch-on-off.el-switch .el-switch__label {
    width: 55px !important;
}
/*------劉追加------*/
.el-icon-arrow-up:before {
    content: "" !important;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 8px solid #9dc815;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-60%);
}

.searchForm-submit::before {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    border-radius: 50%;
    box-shadow: 0 0 0 2px #9DC815;
}

.searchForm-submit::after {
    position: absolute;
    content: '';
    width: 6px !important;
    height: 6px !important;
    top: calc(50% + 4px);
    left: calc(50% + 0px);
    border-top: solid 2px #9DC815;
    transform: rotate(45deg);
}

.popoverto-input .searchForm-submit::before {
    width: 14px;/*------孫改修------*/
    height: 14px;/*------孫改修------*/
    box-shadow: inset 0 0 0 2px #219894;/*------孫改修------*/
}

.popoverto-input .searchForm-submit::after {
    border-top: solid 2px #219894;
}

/*------孫追加------*/
.myInput .el-checkbox__inner {
    z-index: 0;
    width: 20px;
    height: 20px;
    border: 1.5px solid #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.myInput .el-checkbox__inner::after {
    height: 10px !important;
    left: 6px !important;
    width: 5px !important;
}

.myInput .el-checkbox__label {
    font-size: 16px;
}

/* nav-wrapper
---------------------------------------------------------------------------*/

.nav-wrapper {
    width: 100px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}

.dashboard h1,
.logo {
    width: 100px;
    height: 70px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-color: #00744e;
    background-repeat: no-repeat;
    background-size: 90px auto;
    background-position: center center;
    /*border-bottom: 1px solid #3e3d42;*/
}
.logo {
    border-bottom: 1px solid #3e3d42;
    background-image: url(../images/logo.png);
}

.dashboard h1 a,
.logo a {
    width: 100%;
    height: 70px;
    display: block;
}

nav {
    height: calc(100vh - 70px);
    background-color: #29282e;
    overflow-y: auto; /*孫改修*/
}

nav li {
    border-bottom: 1px solid #3e3d42;
}

nav li a {
    padding: 50px 0 0 0;
    width: 100%;
    height: 70px;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    background-position: center 10px;
    background-repeat: no-repeat;
    background-size: 30px auto;
    display: block;
    opacity: 0.6;
}

nav li a.dashboard {
    background-image: url(../images/icon-dashboard.png);
}

nav li a.schedule {
    background-image: url(../images/icon-schedule.png);
}

nav li a.project {
    background-image: url(../images/icon-project.png);
}

nav li a.friend {
    background-image: url(../images/icon-friend.png);
}

nav li a.chat {
    background-image: url(../images/icon-chat.png);
}

nav li a.process {
    background-image: url(../images/icon-process.png);
}

nav li a.report {
    background-image: url(../images/report@2x.png);
}

nav li a.document {
    /*background-image: url(../images/icon-document.png);*/
    background-image: url(../images/icon-document01.png);/*劉改修*/
    background-size: 25px;/*劉改修*/
}

nav li a.Job_offer {
    background-image: url(../images/icon-Job_offer.png);
}

nav li a.camera {
    background-image: url(../images/icon-camera.png);
}

nav li a.question {
    background-image: url(../images/icon-question.png);
}

nav li a.customer {
    background-image: url(../images/icon-customer.png);
}

nav li a.clock {
    background-image: url(../images/icon-clock.png);
}

nav li a.management {
    background-image: url(../images/icon-management.png);
}

nav li a.setup {
    background-image: url(../images/icon-setup.png);
}

nav li a.project_schedule {
    background-image: url(../images/list-project-schedule.png);
}

nav li a.setting_manu {
    background-image: url(../images/projectShowBack.png);
}

nav li.current a,
nav li a:hover {
    background-color: #000000;
    opacity: 1;
}

nav::-webkit-scrollbar {
    width: 0;
}

nav::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}


/* container
---------------------------------------------------------------------------*/

.container {
    width: calc(100% - 100px);
    position: relative;
    left: 100px;
    top: 0;

}

/*------劉追加------*/
.container .container {
    width: 100%;
    left: 0;
}

.container.container-scroll {
    width: calc(100vw - 117px);
}

.dashboard .container {
    padding: 30px;
}

.dashboard .container section {
    padding: 20px;
    border: 1px solid #9dc815;
}

.dashboard .container section:nth-of-type(odd) {
    width: calc(60% - 15px);
    float: left;
}

.dashboard .container section:nth-of-type(even) {
    width: calc(40% - 15px);
    float: right;
}

.dashboard .container section:nth-of-type(-n+2) {
    height: 420px;
}

.container section:nth-of-type(n+3) {
    height: 280px;
}

.dashboard .container section:nth-of-type(n+3) {
    margin: 30px 0 0 0;
}

/*------劉追加------*/
/*------confirm------*/
.confirm-content.report-deteil-wrap dl {
    margin: 50px 75px;
}

.confirm-content.report-deteil-wrap dd {
    height: auto;
    line-height: 50px;
    font-size: 16px;
}

.confirm-content .button-lower a {
    background-color: #219894;
}

/*------劉追加------*/
.customercreate .confirm-content.report-deteil-wrap{
    margin-bottom: 50px;
}

/*------劉追加------*/
.customercreate .confirm-content.report-deteil-wrap dl{
    width: 100%;
    margin: 20px auto;
}

/*------劉追加------*/
.customercreate .confirm-content.report-deteil-wrap dl dd{
    margin: 0;
    padding: 0;
    width: 100%;

}
/*------劉追加------*/
.customercreate .confirm-content.report-deteil-wrap dl dd>div,
.customercreate .confirm-content.report-deteil-wrap .button-wrap .button-lower a>div{
    display: inline-block;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    word-break: break-all;
    max-width: 400px;
}

/*------劉追加------*/
.customercreate .confirm-content.report-deteil-wrap .button-wrap .button-lower a>div{
    display: inline-block;
    max-width: 300px;
    height: 50px;
}

/*------劉追加------*/
.customercreate .confirm-content.report-deteil-wrap .button-wrap .button-lower{
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}
/* --------------------------------enterprise-rule------------------------------------------*/
/*------劉追加------*/
.enterprise-rule .logo{
    border-bottom:0;
}

/* dashubord-schedule-wrapper
---------------------------------------------------------------------------*/

.schedule-list-wrapper {
    width: calc(100% - 320px);
    float: left;
    position: relative;
}

h2 {
    font-size: 18px;
}

h2 span {
    line-height: 1em;
    display: inline-block;
}

h2 .year {
    font-size: 20px;
    display: block;
}

h2 .date {
    margin: 5px 0 0 0;
    font-size: 40px;
    color: #9dc815;
}

h2 .week {
    font-size: 20px;
    color: #9dc815;
}

.today-info {
    position: absolute;
    right: 0;
    top: 0;
}

.today-info li {
    margin: 0 0 0 10px;
    height: 30px;
    line-height: 30px;
    float: left;
}

.today-info li:nth-of-type(1) {
    padding: 0 5px;
    font-size: 10px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 30px;
}

.today-info li:nth-of-type(2) {
    width: 30px;
    height: 30px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-size: 30px auto;
}

.today-info .cloudy {
    background-image: url(../images/icon-cloudy.png);
}

.today-info .sunny {
    background-image: url(../images/icon-sunny.png);
}

.today-info .rainy {
    background-image: url(../images/icon-rainy.png);
}

.today-info li:nth-of-type(3) {
    width: 30px;
    line-height: 1;
}

.today-info li:nth-of-type(3) span {
    width: 30px;
    font-size: 12px;
    display: inline-block;
}

.today-schedule-list .today-schedule {
    margin: 20px 0 0 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    display: block;
}

.today-schedule-list .time-start,
.today-schedule-list .time-finish {
    font-size: 14px;
    display: inline-block;
    opacity: 0.8;
    float: left;
}

.today-schedule-list .time-start:after {
    content: " － ";
    opacity: 0.8;
}

.today-schedule-list .event {
    margin: 5px 0 0 0;
    width: 100%;
    display: block;
}

.today-schedule-list .today-schedule:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
}

.today-schedule-list .today-schedule:hover:after {
    content: "";
    margin: -10px 0 0 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
}

.today-schedule-list .button {
    margin-top: 30px;
}

.dashbord-calendar-wrapper {
    width: 300px;
    float: right;
}

.dashbord-calendar-wrapper .year-month {
    display: inline-block;
    float: left;
    opacity: 0.6;
}

.dashbord-calendar-wrapper .year-month span {
    font-size: 0.8em;
}

.dashbord-calendar-wrapper .calendar-nav {
    margin: 0 30px 0 0;
    height: 20px;
    float: right;
    position: relative;
}

.dashbord-calendar-wrapper .calendar-nav > span {
    margin: -5px 5px 0 5px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
    float: left;
    cursor: pointer;
    position: absolute;
    top: 50%;
}

.dashbord-calendar-wrapper .calendar-nav .before-month {
    border-left: 2px solid rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    right: 0;
}

.dashbord-calendar-wrapper .calendar-nav .next-month {
    border-right: 2px solid rgba(0, 0, 0, 0.3);
    border-top: 2px solid rgba(0, 0, 0, 0.3);
    left: 0;
}

.dashbord-week-wrap {
    margin: 20px 0 0 0;
}

.dashbord-week-wrap > div {
    width: 14.28%;
    float: left;
}

.dashbord-week-wrap > div:before {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    opacity: 0.8;
}

.dashbord-week-wrap > div:before {
    font-size: 10px;
}

.dashbord-week-wrap .mon:before {
    content: "月";
}

.dashbord-week-wrap .tue:before {
    content: "火";
}

.dashbord-week-wrap .wed:before {
    content: "水";
}

.dashbord-week-wrap .thu:before {
    content: "木";
}

.dashbord-week-wrap .fri:before {
    content: "金";
}

.dashbord-week-wrap .sat:before {
    content: "土";
    color: #00acb3;
}

.dashbord-week-wrap .sun:before {
    content: "日";
    color: #ef3b2c;
}

.dashbord-calendar-wrapper .dashbord-today {
    position: relative;
}

.dashbord-calendar-wrapper .dashbord-today:before {
    content: "";
    width: 30px;
    height: 30px;
    color: #ffffff;
    background-color: rgba(157, 200, 21, 0.5);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.dashbord-day-wrap > div {
    width: 14.28%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
}


/* dashubord-friend-wrapper
---------------------------------------------------------------------------*/

.dashubord-friend-wrapper {
    padding: 0 !important;
}

.dashubord-friend-wrapper ul {
    height: 320px;
    overflow: hidden;
}

.dashubord-friend-wrapper li {
    width: 20%;
    height: 80px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    float: left;
}

.dashubord-friend-wrapper li:nth-of-type(5n + 5) {
    border-right: 0;
}

.dashubord-friend-wrapper li a {
    padding: 10px 0;
    width: 100%;
    display: block;
}

.dashubord-friend-wrapper li a > span {
    width: 100%;
    text-align: center;
    display: block;
}

.dashubord-friend-wrapper .friend-photo img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    object-fit: cover;
}

.dashubord-friend-wrapper .friend-name {
    font-size: 10px;
}

.dashubord-friend-wrapper li a:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7);
}

.dashubord-friend-wrapper li a:hover .friend-photo img {
    border: 1px solid #ffffff;
}

.dashubord-friend-wrapper .button {
    margin-top: 30px;
}


/* dashubord-project-wrappe
---------------------------------------------------------------------------*/

.dashubord-project-wrapper .dashubord-project-item {
    margin: 10px 0 0 0;
    padding: 10px;
    width: 20%;
    border-radius: 2px;
    display: block;
    float: left;
}

.dashubord-project-wrapper .dashubord-project-item span {
    font-size: 12px;
    float: left;
}

.dashubord-project-wrapper .project-photo {
    width: 100%;
    text-align: center;
}

.dashubord-project-wrapper .project-photo img {
    width: 120px;
    height: 90px;
    object-fit: cover;
}

.dashubord-project-wrapper .project-name {
    font-size: 14px;
}

.dashubord-project-wrapper span:nth-of-type(n+2) {
    margin: 5px 0 0 0;
    width: 100%;
    text-align: center;
}

.dashubord-project-wrapper .button {
    margin-top: 30px;
}


/* dashubord-report-wrapper
---------------------------------------------------------------------------*/

.dashubord-report-wrapper .dashubord-report-item {
    margin: 10px 2% 0 0;
    padding: 10px;
    width: 23.5%;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    display: block;
    float: left;
}

.dashubord-report-wrapper .dashubord-report-item:nth-of-type(4n+4) {
    margin-right: 0;
}

.dashubord-report-wrapper .dashubord-report-item span {
    padding: 0 0 2px 0;
    font-size: 12px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dashubord-report-wrapper .dashubord-report-item span:nth-of-type(n+2) {
    margin: 5px 0 0 0;
}

.dashubord-report-wrapper .report-content,
.dashubord-report-wrapper .report-next {
    height: 88px;
    line-height: 1.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.dashubord-report-wrapper .dashubord-report-item:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.8);
}

.dashubord-report-wrapper .button {
    margin-top: 30px;
}


/* 下層共通
---------------------------------------------------------------------------*/

.low header {
    width: calc(100% - 100px);
    min-width: 600px; /*------宋改修------*/
    height: 70px;
    /*background-color: #e5e5e5;*/
    background-color: #FFFFFF; /*------李改修------*/
    z-index: 1;
    position: fixed;
    top: 0;
    left: 100px;
}

.low h1 {
    /*width: 300px;*/
    width: 33%; /*------宋改修------*/
    /*margin-left: 2px; !*------宋追加------*!*/
    margin-left: 1px; /*------宋追加------*//*------劉改修------*/
    min-width: 200px; /*------宋追加------*/
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-size: auto 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
    float: left;
}

/*------宋追加------*/
.low header::after {
    content: "";
    float: left;
    border-right: 30px solid transparent;
    border-bottom: 70px solid #00744E;
}

/*------宋追加------*/
.low h1 .bold {
    font-size: 1.2em;
    font-weight: 900;
    letter-spacing: 10px;
}

.low h1 a {
    height: 70px;
    display: block;
}

/*------劉追加------*/
.commonAll .el-checkbox__input.is-checked .el-checkbox__inner, .commonAll .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #219894;
    border-color: #219894;
}

/*------劉追加------*/
.commonAll .el-checkbox__inner:hover {
    border-color: #219894;
}

/*------劉追加------*/
.commonAll .el-radio__input.is-checked .el-radio__inner {
    border-color: #219894;
    background: #219894;
}

/*------劉追加------*/
.commonAll .el-checkbox__input.is-checked + .el-checkbox__label,
.commonAll .el-radio__input.is-checked .el-radio__inner,
.commonAll .el-radio__input.is-checked+.el-radio__label{
    color: #219894;
}

popover-div.el-button--primary {
    color: #FFF;
    background-color: #219894;
    border-color: #219894;
}

.commonAll h1 {
    /*background-image: url(../images/title-project.png);*/
    background: url(../images/icon-project.png) #00744E no-repeat 25px 10px; /*------劉改修------*/
    background-size: 50px; /*------宋改修------*/
}

.schedule h1 {
    /*background-image: url(../images/title-schedule.png);*/
    background: url(../images/icon-schedule.png) #00744E no-repeat 25px 10px; /*------劉改修------*/
    background-size: 50px; /*------劉改修------*/
}

/*------李追加------*/
.commonAll .commonLogo {
    margin-top: 5px;
    width: 100px;
    font-size: 18px;
    color: #FFFFFF;
}

/*------李追加------*/
.commonAll .commonLogo ul li {
    padding-top: 12px;
}

/*------劉改修------*/
/*.projectlist {*/
/*width: 5%;*/
/*}*/

.friend h1 {
    background-image: url(../images/title-friend.png);
}

.dashboard h1 {
    background-image: url(../images/icon-dashboard.png);
}

.chat h1 {
    /*background-image: url(../images/title-chat.png);*/
    background: url(../images/icon-chat.png) #00744E no-repeat 25px 10px; /*------劉改修------*/
    background-size: 50px; /*------劉改修------*/
    height: 70px;
}

.process h1 {
    background-image: url(../images/title-process.png);
}

.report h1 {
    background-image: url(../images/title-report.png);
}

.document h1 {
    /*background-image: url(../images/title-document.png);*/
    background: url(../images/icon-document01.png) #00744E no-repeat 25px 10px; /*------劉改修------*/
    background-size: 35px; /*------劉改修------*/
    height: 70px;/*------劉改修------*/
}

.job-offer h1 {
    background-image: url(../images/title-job_offer.png);
}

.camera h1 {
    background-image: url(../images/title-camera.png);
}

.question h1 {
    background-image: url(../images/title-question.png);
}

.customer h1 {
    background-image: url(../images/title-customer.png);
}

.time-card h1 {
    background-image: url(../images/title-time_card.png);
}

.management h1 {
    background-image: url(../images/title-management.png);
}

.setup h1 {
    background-image: url(../images/title-setup.png);
}

.low .title-wrap {
    width: calc(100% - 100px);
    min-width: 600px; /*------宋追加------*/
    /*height: 40px;*/
    height: 60px; /*------李改修------*/
    line-height: 60px; /*------李追加------*/
    padding-left: 22px; /*------李追加------*/
    color: #001600;
    clear: both;
    clear: left;
    /*background-color: #9dc815;*/
    background-color: #e5e5e5; /*------李改修------*/
    position: fixed;
    top: 70px;
    left: 100px;
    display: flex; /*------劉追加------*/
    justify-content: space-between; /*------劉追加------*/
}

.low h2 {
    /*padding: 7px 0 0 10px;*/
    display: inline-block;
    float: left;
}

.low .week-title h2 {
    padding: 7px 10px 0 10px;
    width: auto;
}
/*------张追加------*/
.low .title-wrap .title-form{
    display:flex;
    align-items: center;
    padding-right: 30px;
}
/*------张追加------*/
.low .title-wrap .title-form .el-form-item{
    margin-bottom: 0px;
}


.low h2 span {
    font-size: 30px;
}

/*------劉改修------*/
/*.header-calendar-nav {*/
/*float: left;*/
/*}*/

.header-calendar-nav span {
    margin: 7px 10px 0 0;
    height: 26px;
    line-height: 26px;
    font-size: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 30px;
    cursor: pointer;
    display: block;
    float: left;
    position: relative;
}

.header-calendar-nav span:after {
    content: "" "";
    margin: -4px 0 0 0;
    padding: 0;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
}

.header-calendar-nav .before {
    padding: 0 10px 0 20px;
}

.header-calendar-nav .before:after {
    border-left: 2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    left: 10px;
}

.header-calendar-nav .next {
    padding: 0 20px 0 10px;
}

.header-calendar-nav .next:after {
    border-right: 2px solid rgba(0, 0, 0, 0.5);
    border-top: 2px solid rgba(0, 0, 0, 0.5);
    right: 10px;
}

.header-calendar-nav span:hover {
    color: #001600;
    background-color: rgba(0, 0, 0, 0.9);
}

.low .header-calendar-nav span:hover:after {
    border-color: #9dc815;
}

.header-nav {
    border-right: 1px solid #ffffff;
    display: inline-block;
}
.schdule-org-week .header-nav {
    border-right: none !important;
}
.header-nav li {
    width: 100px;
    /*border-left: 1px solid #ffffff;*//*------劉改修------*/
    float: left;
}

.header-nav.schedule li {
    width: 120px;
}

.header-nav.friend li {
    width: 120px;
}

.header-nav li a,
.header-nav li.btns {
    padding: 0 10px;
    width: 100px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.header-nav li.current {
    background-color: #ffffff;
    position: relative;
}

.header-nav li.current:after {
    content: "";
    margin: 0 0 0 -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 10px;
    border-color: transparent transparent transparent #ffffff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: block;
    z-index: 2;
    position: absolute;
    bottom: -16px;
    left: 50%;
}

.header-nav li a:hover,
.header-nav li.btns:hover {
    background-color: #ffffff;
}

/*------劉追加------*/
.datapoper header{
    z-index: 1117;
}

/*------劉追加------*/
.datapoper .modalBK{
    z-index: 1118;
}

/*------劉追加------*/
.datapoper .modalBody,.datapoper .modalBodyCustomer{
    z-index: 1119;
}

/*------劉追加------*/
.el-loading-parent--relative .datapoper header{
    z-index: 1;
}

/*------劉追加-----*/
@media only screen and (max-width:1024px){
    .projectlist.datapoper.commonAll {
        margin-top: 0 !important;;
    }
}
.projectlist.datapoper.commonAll {
    margin-top: 130px;
    padding-top: 10px;
    height: calc(100vh - 130px);
    overflow-y: auto;
    overflow-x: hidden;
}
@media only screen and (min-width:1024px){
    .projectlist.datapoper .common-wrapper{
        margin-top: 0;
    }
}
.customerlist .project-wrapper{
    margin-top: 140px;
}
/* schedule
---------------------------------------------------------------------------*/
.schedule.container section:nth-of-type(n+3) {
    height: auto;
}

/*------劉追加を開始------*/
/*schedule-org-week*/
/*#2020*/
/*.schedule .schedule-org-main-wrap {*/
    /*!*width: calc(100vw - 317px);*!*/
    /*!*width: calc(100vw - 300px); !*上のスクロールバー*!*!*/
    /*float: left;*/
    /*padding-bottom: 20px;*/
/*}*/

.schedule .schedule-org-main-top{
    position: absolute;
    width: calc(100vw - 317px);/*#2020*/
    left: 200px;
}
/*#2020*/
.schedule-frist-section .day-mine-wrap>.mine-wrap-com{
    border-right: 1px solid #a9a9ab;
    border-bottom: 0;
}

/*#2020*/
.schedule .schedule-frist-section .day-mine-wrap > div,
.schedule-frist-section .day-mine-wrap>.mine-wrap-com-content,
.schedule-secont .day-mine-wrap>.mine-wrap-com-content {
    border-bottom: 0;
}

/*#2020*/
.schedule  .schedule-secont.schedule-org-main-wrap .day-mine-wrap:last-child .mine-wrap-com,
.schedule  .schedule-secont.schedule-org-main-wrap .day-mine-wrap:last-child .mine-wrap-comment{
    border-bottom: 0 !important;
}

/*#2020*/
.schedule .schedule-secont.schedule-org-main-wrap .day-mine-wrap:last-child .mine-wrap{
    border-bottom: 0;
}

/*#2020*/
.schedule .schedule-secont.schedule-org-main-wrap .day-mine-wrap:last-child .mine-wrap.mine-wrap-com {
    border-top: 1px solid #A9A9AB;
}

.schedule .schedule-main-wrap-top {
    padding-right: 37px;
}
.schedule .schedule-secont{
    padding: 20px 0;
}

.schedule .schedule-org-main-wrap .schedule-wrapper{
    max-height: calc( 100vh - 190px);
    overflow-y: auto;
}

.schedule .mine-wrap > div {
    width: 12.5%;
    border-bottom: 1px solid;
    float: left;
}

.schedule .mine-wrap {
    line-height: 20px;
    text-align: center;
    display: block;
}

.schedule .mine-wrap-comment {
    padding: 18px 5px 18px 0; /*孫改修*/
    /*border-bottom: 0 !important;*/ /*孫改修*/
    border-right: 1px solid #a9a9ab; /*孫改修*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/*.schedule .schedule-wrapper.schedule-frist .day-mine-wrap > div {*/
    /*border-bottom: 0;*/
/*}*//*#2020*/

.schedule .day-mine-wrap > div {
    width: 12.5%;
    height: 100px;
    /*border-right: 1px solid;*/
    /*border-bottom: 1px solid;*/
    /*border-right: 1px solid #A9A9AB; !*------劉改修------*!*/
    border-bottom: 1px solid #A9A9AB; /*------劉改修------*/
    float: left;
    position: relative;
    text-align: right;
    font-size: 12px; /*------劉追加------*/
    word-break: break-word;  /*------孫追加------*/

}

.schedule .schedule-secont section.schedule-org-main-wrap .schedule-org-calendar:last-child > div.mine-wrap-comment{
    border-bottom:0 !important;
}

.schedule .day-mine-wrap > div span .el-popover__reference {
    text-align: left;
}
.schedule-people-week span .el-popover__reference {
    padding-left: 10px;
}
.schedule-org-calendar .calendar-schedule-others {
    margin: 0 !important;
}
.schedule-org-calendar .calendar-schedule-others .el-popover__reference {
    padding: 5px 0 0 10px;
}
/*------劉追加------*/
.schedule .day-mine-wrap .schedul-popover-content .calendar-day-sckedule-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;/*------孫改修------*/
}
.schedule .calendar-org-week-wrap.holiday,
.day-wrap .holiday .calendar-date,
.day-wrap .holiday .six-week-date,
.holidayColor>a{
    color : #ff0000 !important;
}

.other-date.holidayColor>a {
    color: #A9A9AB !important;
    /* background: #000000 !important; */
}

.schedule .calendar-org-week-wrap h3 {
    /*margin: 0 0 20px 0;*/
    /*padding: 15px 0 0 0;*/
    /*height: 40px;*/
    text-align: center;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    /*opacity: 0.6;*/

}
.schedul-popover-content .calendar-schedule-others {
    position: absolute;
    top: 68px;
}
/*.schedule section.schedule-wrapper {*/
    /*position: absolute;*/
/*}*//*#2020*/

.schedule .header-calendar-navs span {
    margin: 7px 10px 0 0;
    height: 26px;
    line-height: 26px;
    font-size: 23px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    display: block;
    float: left;
    position: relative;
}

.schedule .header-calendar-navs span:after {
    margin: 4px 0 0 0;
    padding: 0;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
}

.schedule .header-calendar-navs :after {
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    left: 10px;
}

.schedule .container section:nth-of-type(n+3) {
    height: auto;
}

.schedule .day-scheduled-content {
    padding: 0 5px;
    height: 34px;
    text-align: left;
    width: 100%;
    color: #ffffff;
    display: block;
    cursor: pointer;
    z-index: 1;
    left: auto;
    top: 0;
    position: absolute;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #a9a9ab;
}
.schedule .schedule-week-index {
    z-index: 1;/*------孫追加------*/
}
.schedule .day-scheduled-content p {
    text-align: left;
    font-size: 13px;
    line-height: 17px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.schedule .today .day-scheduled-content p {
    font-size: 13px !important;
}

.schedule .day-scheduled-content p:first-child {
    font-size: 12px;
}

.schedule .week-title h2 {
    padding: 0 10px 0 10px;
    width: auto;
}

.schedule .mine-wrap-popover {
    height: auto;
    line-height: 40px;
    padding: 0 22px;
    color: #001600;
    clear: left;
    background-color: #c3c7b5;
    z-index: 500;
    position: absolute;
    opacity: 0.7;
    text-align: left;
}

.schedule .header-nav li a {
    padding: 0 10px;
    width: 100px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.day-mine-wrap .schedul-popover-content {
    width: 100%;
    height: 100%;
}

.day-mine-wrap .add-content {
    /*padding: 25px 0 0 0;*/
    width: 100%;
    height: 100%;
    position: relative;
    border-right: 1px solid #A9A9AB;
}
.day-mine-wrap .add-content:hover{
    background-color: rgba(70, 255, 89, 0.4);
}
.schedule .schedul-popover-content .out-dialog {
    position: absolute !important;
    left: 0;
    top: 75px;/*------孫改修------*/
    border: 0 !important;
    width: 100% !important;
    height: 15px;
    background-color: #fff;/*------孫改修------*/
}
/*孫追加*/
.schedule .schedul-popover-content .out-dialog button {
    color: #111 !important;
    text-align: left;
    padding-left: 5px !important;
}

.schedule .schedul-popover-content .out-dialog .el-popover {
    max-width: 40vw;
    max-height: 80vh;
    overflow: auto;
}

.schedule .schedul-popover-content .out-dialog .el-popover__reference {
    border-bottom: 1px solid #FFFFFF;
}

.schedule .schedul-popover-content .out-dialog .el-popover__reference p {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.schedule .mine-wrap > div {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom: 0;
}

/*schedule-week*/
.schedule-week.schedule .schedule-wrapper.schedule-secont .calendar-time:last-child {
    border-bottom: 1px solid #707070;
}

.schedule-week.schedule .schedule-wrapper.schedule-frist .day-mine-wrap > div {
    border-right-color: #A9A9AB;
}

.schedule .day-mine-wrap .schedule-week-mine-wrap-comment {
    padding-right: 20%;
    font-size: 13px;
}

.schedule .mine-wrap-popover {
    width: auto;
    height: auto;
    line-height: 40px;
    padding-left: 22px;
    color: #001600;
    clear: left;
    background-color: #9dc815;
    position: fixed;
    /*top: 70px;*/
    /*left: 100px;*/
    z-index: 5000;
}

.schedule .schedule-week-main-wrap {
    width: calc(100vw - 300px);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    float: right;
}

.schedule .all-day > span {
    width: 60px;
    height: 60px;
    line-height: 40px;
    text-align: center;
    font-size: 10px;
    display: block;
    background-color: #ffffff;
    position: absolute;
    top: -20px;
}

.schedule .day-mine-wrap > div:hover {
    color: #ffffff;
    /*background-color: rgba(70, 255, 89, 0.4);*/
}

.schedule .day-mine-wrap .mine-wrap-comment:hover {
    color: #000000;
    background-color: #ffffff;
}

.schedule .container section:nth-of-type(n+3) {
    height: auto;
}

.header-nav.schedule {
    margin-right: 20px;
}

.header-nav.schedule li a {
    /* width: 80px !important; */
    height: 40px !important;
    line-height: 40px !important;
    padding: 0;
    margin: 10px;
}

.header-nav.schedule li a:hover {
    background-color: #9dc815;
    color: #fff;
}

.header-nav-schedule-li {
    width: 200px !important;
    display: flex;
    margin-right: 40px;
}

.header-nav.schedule .non-current-li a {
    border: 1px solid #ffffff;
    color: #707070;
}

.header-nav.schedule .current-li a {
    color: #ffffff;
    background-color: #9dc815;
    border-color: #9dc815 !important;
}

.header-nav.schedule li > span > a {
    font-size: 18px;
}

.header-nav.schedule li > a {
    font-size: 21px;
}

.header-nav.schedule .currentdata {
    text-align: center;
    color: #ffffff;
    background-color: #9dc815;
}

.header-nav.schedule .currentdata a {
    color: #ffffff;
}

.header-nav.schedule .non-currentdata a {
    margin: 0;
    width: 120px !important;
    line-height: 60px !important;
    height: 60px !important;
}

.header-nav.schedule .non-currentdata a:hover {
    color: #ffffff;
}

.schedule .schedule-wrapper .year-month-bold {
    font-size: 50px;
}

.schedule .schedule-wrapper.schedule-frist {
    position: relative;
    margin-top: 130px;
    left: 0;
}

.schedule .schedule-wrapper.schedule-secont {
    width: calc(100vw - 300px);
    height: calc(100vh - 300px);
    overflow-y: auto;
    overflow-x: hidden;
    top: 300px;
    left: 200px;
    right: 0;
    color: #707070;
    padding-top: 10px; /*孫追加*/
}

.schedule.schdule-org-week .schedule-org-main-top .schedule-frist-top,
.schedule.schdule-org-week .schedule-org-main-top .schedule-frist-section,
.schedule.schdule-org-week .schedule-org-main-top .schedule-wrapper .schedule-secont.schedule-org-main-wrap{
    width: calc(100vw - 317px);
}

.schedule.schdule-org-week .schedule-org-main-top .schedule-wrapper,
.schdule-week .schedule-wrapper.schedule-secont{
    width: calc(100vw - 300px);
}

/*孫追加*/
.calendar-time.calendar-daytime {
    height: 70px;
    display: flex;
    border-top: 0px;
    border-bottom: 0px;
}

.calendar-time.calendar-daytime:first-child {
    border-top: 0px !important;
}

.calendar-daytime .calendar-daytime-time {
    line-height: 4px;
    width: 80%;
    text-align: right;
    padding-right: 4px;
    font-size: 13px; /*------劉追加------*/
}

.calendar-daytime .calendar-daytime-border {
    line-height: 70px;
    height: 70px;
    width: 20%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.calendar-daytime .calendar-daytime-border:first-child {
    border-top: 0px;
}
.tab-enterprise li>label .el-checkbox__label {
    display: flex;
    align-items: center;
}
/*------劉追加------*/
.tab-enterprise img{
    height: 30px;
    border-radius: 50%;
}
/*孫追加終了*/

/*.schedule .schedule-wrapper.schedule-frist .schedule-org-main-wrap {*/
    /*!*margin-right: 17px;*!!*------劉改修------*!*/
    /*color: #707070;*/
/*}*//*2020*/

.schedule .schedule-wrapper.schedule-secont .schedule-scroll {
    height: calc(100vh - 311px);
    overflow: auto;
}

.schedule .schedule-org-main-wrap .day-mine-wrap:nth-child(1) {
    border-top: 1px solid #707070;
}

.schedule .schedule-org-main-wrap .day-mine-wrap:last-child {
    border-bottom: 1px solid #707070;
}
/*#2020*/
/*.schedule .schedule-frist .schedule-org-main-wrap .day-mine-wrap .mine-wrap {*/
    /*border-bottom: 0;*/
/*}*/

.schedule .schedule-frist-section  .mine-wrap {
     border-bottom: 0;
     border-top: 0;
 }

.schedule .schedule-secont .schedule-org-main-wrap .day-mine-wrap:last-child .mine-wrap.mine-wrap-com{
    border-top: 1px solid #A9A9AB;
}
/*.schedule .schedule-secont .schedule-org-main-wrap .day-mine-wrap:last-child .mine-wrap{*/
    /*border-bottom: 0;*/
/*}*/

/*.schedule .schedule-secont .schedule-org-main-wrap .day-mine-wrap:last-child .mine-wrap.mine-wrap-project{*/
    /*border-top: 1px solid #A9A9AB;*/
/*}*/

.schedule .schedule-org-main-wrap .header-calendar-nav i {
    font-size: 14px;
    cursor: pointer;
    color: #959DAD;
}

.schedule .header-calendar-nav i.today {
    background-color: #5DD5D1;
    color: #ffffff;
    padding: 2px;
    font-size: 18px; /*------劉追加------*/
}

.schedule .header-calendar-nav .el-icon-arrow-left, .schedule-org-main-wrap .header-calendar-nav .el-icon-arrow-right {
    font-weight: bold;
}

.schedule .calendar-org-week-wrap h3 span {
    /*font-size: 14px;*/
    font-size: 12px; /*------劉改修------*/
}

.schedule .calendar-org-week-wrap h3 p {
    padding: 8px;
    /*font-size: 16px;*/
    font-size: 20px; /*------劉改修------*/
}

.schedule .calendar-org-week-wrap {
    width: 12.5%;
    height: 60px;
    float: left;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #707070;
}
.schedule .schedule-frist .calendar-org-week-wrap{
    border-bottom: 0;
}
.schedule .schedule-frist-top{
    position: relative;
    height: 60px
}
/*#2020*/
/*.schedule .schedule-frist-section{*/
    /*max-height: 206px;*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    /*position: relative;*/
/*}*/


    /*------孫追加------*/
.schedule .calendar-org-week-wrap.today {
    /*background-color: rgba(157,200,21,0.1);*/
    background-color: #5DD5D1;
    color: #fff;
}

/*------孫追加------*/
.schedule .today p {
    /*font-weight: 600;*/
    /*font-size: 18px !important;*/
    /* font-size: 30px !important; ------劉改修------ */
}
.calendar-org-week-wrap h3,
.calendar-org-week-wrap h3 span {
    width:100%;
}
.calendar-org-week-wrap h3 span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule .schedule-main-wrap-top .calendar-org-week-wrap {
    width: calc(0.125 * (100% - 17px));
}

.schedule .schedule-org-main-wrap .calendar-mini-item .year-month i {
    color: #9dc815;
}

.schedule-show {
    margin: 20px;
    max-width: 40vw;
    max-height: 80vh;
    overflow: auto;
}

/*------劉追加を開始------*/
.schedule-show .schedule-popover-header {
    font-size: 20px;
}

.schedule-show p {
    margin: 10px 0;
    font-size: 14px;
    color: #707070;
    overflow-wrap: break-word;
    white-space: break-spaces;
    /*word-break: break-word;*//*------孫改修------*/
}

.schedule-show .scheduleId-del {
    position: absolute;
    top: 5px;
    right: 100px;
    font-size: 16px
}

.schedule-show .scheduleId-upd img {
    position: absolute;
    top: -25px;
    right: 10px;
    width: 60px;
    height: 60px;
}

.schedule-show .scheduleId-copy {
    position: absolute;
    top: 6px;
    right: 130px;
    font-size: 16px
}

.schedulemodal .modal-container .report-deteil-wrap {
    background-color: #ffffff;
    overflow: auto;
}

.schedule .schedule-wrapper.schedule-frist .schedule-org-main-wrap .calendar-week-wrap {
    border-bottom: 1px solid;
}

.schedule .calendar-week-wrap h3 span {
    font-size: 14px;
}

.schedule .calendar-week-wrap h3 p {
    padding: 8px;
    font-size: 16px;
}

.schedule .calendar-week-wrap {
    width: 12.5%;
    float: left;
    position: relative;
    border-bottom: 1px solid #707070;
}

.schedule .calendar-week-top .calendar-time {
    height: 100px;
    text-align: right;
    /*line-height: 100px;*/
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 10px;
}

.schedule .calendar-week-top .calendar-time.time-center {
    line-height: 100px;
}

.schedule .calendar-week-wrap .calendar-time:nth-child(1) {
    border-top: 1px solid;
}

.schedule .calendar-org-week-wrap-month {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}

.schedule .out-dialog {
    border: 0 !important;
    width: 100% !important;
    height: 20px;
    background-color: rgba(0, 152, 170, 0.7);
}

.schedule .out-dialog .el-button.el-button--text {
    width: 100%;
    padding: 0;
    color: #ffffff;
}

.schedule .out-dialog .el-button.el-button--text span {
    line-height: 15px;
}

.schedule .out-dialog .out-dialog-content .el-button--primary {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 10px auto;
    padding: 0;
}

.el-dialog__wrapper .el-dialog {
    box-shadow: none;
    border: 1px solid #DCDFE6;
}

/*------劉追加を終了------*/

.schedule-others-list {
    max-height: 500px;
    overflow-y: auto;
}

.schedule .calendar-schedule-others {
    margin: 10px 0 0 10px;
    font-weight: bold;
    color: #3E3D42;
    cursor: pointer;
}
.el-popover .schedule-others.day {
    text-align: center;
    font-size: 22px;
}
.el-popover .schedule-others.week {
    text-align: center;
    font-size: 12px;
    letter-spacing: 0;
    color: #707070;
    opacity: 1;
}

.schedule-side-wrap {
    width: 200px;
    min-height: calc(100vh - 130px); /*------劉改修------*/
    /*min-height: calc(100vh - 110px);*/
    background-color: rgba(238, 238, 238, 0.1);
    /*position: relative;*//*------劉改修------*/
    left: 0;
    /*top: 110px;*/
    top: 10px; /*------劉改修------*/
    float: left;
    color: #3E3D42; /*------劉追加------*/
}

.calendar-mini-item .year-month {
    /*height: 15px;*/
    /*line-height: 15px;*/
    height: 20px; /*------劉改修------*/
    line-height: 20px; /*------劉改修------*/
    /*font-size: 12px;*/
    font-size: 20px; /*------劉改修------*/
    display: inline-block;
    cursor: pointer;
    margin: 10px; /*------劉追加------*/
}

/*------劉追加------*/
.calendar-mini-item .year-month span {
    font-size: 16px;
}

.calendar-nav {
    margin: 0 20px 0 0;
    height: 20px;
    position: relative;
    float: right;
}

.calendar-nav > span {
    margin: -10px 5px 0 5px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
    float: left;
    cursor: pointer;
    position: absolute;
    top: 50%;
}

.calendar-nav .before-month {
    border-left: 2px solid rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    right: 0;
}

.calendar-nav .next-month {
    border-right: 2px solid rgba(0, 0, 0, 0.3);
    border-top: 2px solid rgba(0, 0, 0, 0.3);
    left: 0;
}

.schedule-main-wrap {
    width: calc(100vw - 300px);
    height: calc(100vh - 110px);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    overflow: scroll;
    position: relative;
    left: 0;
    top: 110px;
    float: right;
}

.week-wrap {
    height: 40px;
}

.calendar-mini .week-wrap {
    margin: 0;
    height: 20px;
}

.week-wrap > div {
    width: 14.28%;
    float: left;
}

.week-wrap > div:before {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    opacity: 0.8;
    color: #707070; /*------劉追加------*/
}

.calendar-mini .week-wrap > div:before {
    /*font-size: 10px;*/
    font-size: 12px; /*------劉改修------*/
}

.week-wrap .mon:before {
    content: "月";
}

.week-wrap .tue:before {
    content: "火";
}

.week-wrap .wed:before {
    content: "水";
}

.week-wrap .thu:before {
    content: "木";
}

.week-wrap .fri:before {
    content: "金";
}

.week-wrap .sat:before {
    content: "土";
    /*color: #00a0e9;*/
    color: #00acb3;/*------劉追加------*/
}

.week-wrap .sun:before {
    content: "日";
    /*color: #9dc815;*/
    color: #ef3b2c;/*------劉追加------*/
}

.day-wrap {
    /*height: calc(100vh - 150px);*/
    height: calc(100vh - 230px); /*------劉改修------*/
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.calendar-person-day {
    overflow-y: auto;/*------孫追加------*/
}

.calendar-person-day .calendar-schedule-others {
    position: absolute;
    top: 45px;
}
.calendar-mini .day-wrap {
    height: auto;
    border: 0;
}

.day-wrap > div {
    width: 14.28%;
    height: 123px;/*------孫改修------*/
    border-right: 1px solid #A9A9AB; /*------劉改修------*/
    border-bottom: 1px solid #A9A9AB; /*------劉改修------*/
    float: left;
    position: relative;
}

.day-wrap .beforeday .calendar-date,.day-wrap .nextday .calendar-date{
    color: #aaa;
}

.day-wrap > div > a {
    padding: 25px 0 0 0;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 0;
}
.modalBodycontent .day-wrap > div > a {
    z-index: 1; /*------孫追加------*/
}
.calendar-mini {
    padding: 10px;
}

/*------劉追加------*/
.schedule .calendar-mini-wrap {
    padding-top: 20px;
}

.calendar-mini .day-wrap > div {
    border: 0;
    text-align: center;
    height: 25px; /*------劉追加------*/
    line-height: 25px; /*------劉追加------*/
}

.calendar-mini .day-wrap .other-date a {
    color: #A9A9AB;
}

.calendar-mini .day-wrap > div a {
    padding: 0;
    /*height: 20px;*/
    /*line-height: 20px;*/
    height: 25px; /*------劉改修------*/
    line-height: 26px; /*------孫改修------*/
    color: #3E3D42; /*------劉追加------*/
    font-size: 12px; /*------劉追加------*/
}

.day-wrap > div:hover {
    color: #ffffff;
    background-color: rgba(157, 200, 21, 0.4);
}

.day-wrap .calendar-date {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #3E3D42; /*------劉追加------*/
}


.day-wrap .six-week-date {
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 10px;
    color: #3E3D42;
}
.day-wrap .beforeday .six-week-date,.day-wrap .nextday .six-week-date{
    color: #aaa;
}

.day-wrap .calendar-day-sckedule-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    top: 28px;/*------孫改修------*/
    z-index: 1;/*------孫改修------*/
}

.day-wrap .calendar-sckedule {
    /*margin-left: 2%;!*------孫改修------*!*/
    padding: 2px;
    width: 100%;
    font-size: 10px;
    overflow-x: hidden; /*------劉追加------*/
    /*border: 1px solid rgba(0,0,0,0.5);*//*------劉改修------*/
    /*border-radius: 4px;*//*------劉改修------*/
    cursor: pointer;
    position: absolute;
}

.day-wrap .calendar-sckedule:nth-child(n+2) {
    margin-top: 2px;
}

/*------劉追加------*/
.day-wrap .calendar-sckedule span {
    float: left;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ffffff;
}

.day-wrap .calendar-sckedule > span {
    float: left;
    width: 100%; /*------劉追加------*/
    white-space: nowrap; /*------劉追加------*/
    text-overflow: ellipsis; /*------劉追加------*/
    overflow-x: hidden; /*------劉追加------*/
    display: inline-block; /*------劉追加------*/
}

.calendar-sckedule .calendar-sckedule-time_start {
    clear: left;
}

.calendar-sckedule .calendar-sckedule-time_start:after {
    content: "-";
}

.calendar-sckedule .calendar-sckedule-content {
    width: calc(100% - 65px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    float: right !important;
}

.calendar-sckedule:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
}

.calendar-sckedule:hover + .icon-s {
    background-color: #ffffff;
}

/*------劉改修------*/
.day-wrap > div:nth-child(7n) a,.day-wrap > div:nth-child(7n) a span{
    color: #00acb3;
}

/*------劉改修------*/
.day-wrap > div:nth-child(7n+1) a,.day-wrap > div:nth-child(7n+1) a span{
    color: #ef3b2c;
}

.today {
    position: relative;
}
/*------孫改修------*/
.today .calendar-date  {
    color:#fff;
}

.today .calendar-date:after {
    content: "";
    width: 24px;
    height: 24px;
    /*background-color: rgba(157, 200, 21, 0.3);*/
    background-color: #5DD5D1;/*------孫改修------*/
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.calendar-mini .today {
    background-color: transparent;
}

/*------劉追加-----*/
.calendar-mini .day-wrap > div.today a {
    color: #FFFFFF;
}


.calendar-mini .today:after {
    content: "";
    width: 18px;
    height: 18px;
    /*background-color: rgba(157,200,21,0.3);*/
    background-color: #5DD5D1; /*------劉改修------*/
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; /*------孫追加------*/
}
.modalBodycontent .calendar-mini .today:after {
    z-index: 0; /*------孫追加------*/
}

/* calendar-day */

.calendar-day-wrap {
    margin: 40px 0 0 0;
    position: relative;
}

.calendar-time {
    height: 70px;
    /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
    /*border-right: 1px solid rgba(0, 0, 0, 0.1);*/
    border-top: 1px solid #E5E5E5; /*------劉改修------*/
    border-right: 1px solid #E5E5E5; /*------劉改修------*/
    position: relative;
}

.calendar-week-wrap .schedule-top {
    position: fixed;
    top: 140px;
}

.calendar-week-wrap .schedule-next {
    top: 60px;
}

.calendar-week-wrap .schedule-feater:nth-child(3) {
    margin-top: 180px;
}

.calendar-time > span {
    width: 40px;
    height: 60px;
    /*line-height: 40px;*//*呉冀修正*/
    line-height: 60px;
    text-align: center;
    font-size: 10px;
    display: block;
    background-color: #ffffff;
    position: absolute;
    /*top: -20px;*//*呉冀修正*/
}

.calendar-day-wrap > div:nth-child(even) {
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.calendar-day-wrap > div:nth-child(even) span {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.calendar-time.now {
    border-top: 1px solid #9dc815;
}

.day-scheduled-content {
    padding: 5px;
    width: calc(100% - 40px);
    color: #ffffff;
    /*background-color: rgba(0,152,170,0.7);*/
    background-color: #48c279; /*------劉改修------*/
    display: block;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    left: 40px;
    top: 0;
}

.day-mine-wrap .add-content {
    /*height: 15px;!*------劉改修------*!*/
    display: block;
}

.day-scheduled-content span {
    text-align: left;
    line-height: 17px; /*------劉追加------*/
    font-size: 10px; /*------劉追加------*/
    width: 100%; /*------劉追加------*/
    white-space: nowrap; /*------劉追加------*/
    text-overflow: ellipsis; /*------劉追加------*/
    overflow-x: hidden; /*------劉追加------*/
    /*display: inline-block; !*------劉追加------*!*//*------孫改修------*/
}

.day-scheduled-content .calendar-sckedule-content {
    margin: 0 0 0 10px;
}

.day-scheduled-content.half {
    height: 100%;
}

.day-scheduled-content.one {
    height: calc(200% + 3px);
}

.day-scheduled-content.one-half {
    height: calc(300% + 3px);
}

.day-scheduled-content.two {
    height: calc(400% + 3px);
}

.day-scheduled-content.two-half {
    height: calc(500% + 4px);
}

.day-scheduled-content.three {
    height: calc(600% + 5px);
}

.day-scheduled-content.three-half {
    height: calc(700% + 7px);
}

.day-scheduled-content.four {
    height: calc(800% + 8px);
}

.day-scheduled-content.four-half {
    height: calc(900% + 8px);
}

.day-scheduled-content:hover {
    background-color: rgba(0, 152, 170, 0.9);
}

/* calendar-weed */

.calendar-week-wrap {
    /*width: 14.28%;*//*呉冀修正*/
    width: 12.5%;
    float: left;
}

/*------劉改修------*/
.calendar-week-wrap h3 {
    /*margin: 0 0 20px 0;*/
    padding: 15px 0 0 0;
    height: 60px;
    /*height: 40px;*/
    border-bottom: 1px solid; /*------劉追加------*/
    text-align: center;
    /*background-color: rgba(0,0,0,0.1);*/
    opacity: 0.6;
}

.calendar-week-wrap h3 span {
    font-size: 30px;
}


.calendar-week-wrap:nth-child(n+2) .calendar-time > span {
    display: none;
}

.calendar-week-wrap .day-scheduled-content {
    width: 100%;
    left: 0;
}

/* schedule-add-wrap */

.schedule-add-wrap {
    padding: 20px;
}

.schedule-add-wrap dl {
    display: table;
    float: left;
}

.schedule-add-wrap dt,
.schedule-add-wrap dd {
    margin: 5px 0 20px 0;
    min-height: 36px;
    line-height: 36px;
    float: left;
    display: table-cell;
}

.schedule-add-wrap dt {
    font-weight: bold;
    clear: left;
}

.schedule-add-wrap dt .icon-s {
    margin: 5px 10px 5px 0;
    float: left;
}

.schedule-add-wrap dd {
    margin-left: 30px;
    width: 600px;
    float: right;
    clear: right;
}

.schedule-add-wrap dd input {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.schedule-add-wrap dd input.schedule-title {
    width: 600px;
}

.schedule-add-wrap dt.schedule-content-wrap {
    height: 220px;
}

.schedule-add-wrap dd textarea.schedule-content {
    width: 600px;
    height: 200px;
}

.schedule-add-wrap .icon-add {
    width: 36px;
    height: 36px;
    background-image: url(../images/icon-add.png);
    background-size: 100% auto;
    cursor: pointer;
}

.schedule-add-wrap input[type=radio],
.schedule-add-wrap input[type=checkbox] {
    display: none;
}

.radio {
    margin: 0 20px 0 0;
    padding: 0 0 0 30px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.radio:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #9dc815;
    opacity: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    display: block;
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
}

.radio:after, .checkbox:after {
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid #bbbbbb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: border-color 0.1s linear;
    transition: border-color 0.1s linear;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

input[type=radio]:checked + .radio:before {
    opacity: 1;
}

input[type=radio]:checked + .radio:after {
    border: 2px solid #9dc815;
}

.checkbox2 {
    margin: 0;
    width: 70px;
    height: 36px;
    line-height: 36px;/*------劉追加------*/
    text-align: center;
    color: #ffffff;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}

.scheduleType {
    margin: 0;
    width: 70px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #219894;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    border: 1px solid #219894;
}

.scheduleTypeDisabled {
    margin: 0;
    width: 70px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: not-allowed;
    color: #219894;
    background-color: #fff;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
    border: 1px solid #219894;
}


.scheduleType:hover,
input[type=radio]:checked + .scheduleType {
    color:#ffffff;
    background-color: #219894;
}

.checkbox2.todo {
    color: #ca6ebc;
    border: 1px solid #ca6ebc;
}

.checkbox2.work {
    color: #8fc31f;
    border: 1px solid #8fc31f;
}

.checkbox2.plan {
    color: #7ecef4;
    border: 1px solid #7ecef4;
}

.checkbox2.visit {
    color: #f8b551;
    border: 1px solid #f8b551;
}

.checkbox2.meeting {
    color: #097c25;
    border: 1px solid #097c25;
}

.checkbox2.holiday {
    color: #ff5e3c;
    border: 1px solid #ff5e3c;
}

/*------劉追加------*/
.scheduleadd .schedule-creat-form .display-checkbox .el-form-item__content label:hover,
input[type=checkbox]:checked + .checkbox2{
    color: #ffffff;
}

.checkbox2.todo:hover,
input[type=checkbox]:checked + .checkbox2.todo {
    background-color: #ca6ebc;
}

.checkbox2.work:hover,
input[type=checkbox]:checked + .checkbox2.work {
    background-color: #8fc31f;
}

.checkbox2.plan:hover,
input[type=checkbox]:checked + .checkbox2.plan {
    background-color: #7ecef4;
}

.checkbox2.visit:hover,
input[type=checkbox]:checked + .checkbox2.visit {
    background-color: #f8b551;
}

.checkbox2.meeting:hover,
input[type=checkbox]:checked + .checkbox2.meeting {
    background-color: #097c25;
}

.checkbox2.holiday:hover,
input[type=checkbox]:checked + .checkbox2.holiday {
    background-color: #ff5e3c;
}

/* ----------------------スケジュール（個人・日）---------------------*/
.schdule-day {
    /* margin-top: 135px; */
}

.schdule-day .schedule-org-main-top {
    position: relative;
    width: auto;
    left: 0;
}

.schdule-day .schedule-wrapper.schedule-frist {
    position: relative;
    top: 0;
}

.schdule-day .schdule-org-week-datalist {
    display: flex;
    width: auto;
    border-bottom: 1px solid #A9A9AB;
}

.schdule-day .calendar-org-week-wrap, .schdule-day .day-mine-wrap > div, .schdule-day .calendar-week-wrap {
    width: 200px;
    border-bottom: 1px solid #707070;
}

.schdule-day .calendar-org-week-wrap h3 {
    width: 100%;
}

.schdule-day .calendar-org-week-wrap h3 p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schdule-day .schedule-day-main-wrap {
    display: flex;
}

.schdule-day .calendar-week-wrap .calendar-time:nth-child(1) {
    border-top-color: #A9A9AB;
}
.calendar-schedule-others-day{
    font-weight: bold;
    color: #3E3D42;
    cursor: pointer;
    float: left;
    padding-left: 10px;
}
.schdule-day  .calendar-week-wrap{
    border-bottom: 0;
    border-right: 1px solid #E5E5E5;
}

/* project
---------------------------------------------------------------------------*/
/*------李追加------*/
.commonAll h2 span {
    display: inline-block;
    padding: 0 0 0 30px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
}

/*------李改修------*/
.commonAll h2 {
    /*padding: 0 0 0 20px;;*/
    /*height: 40px;*/
    /*line-height: 40px;*/
    min-width: 300px; /*------李追加------*/
    font-size: 20px; /*------李追加------*/
    color: #29282E; /*------李追加------*/
    width: 30%; /*------劉追加------*/
}

/*------劉追加------*/
.commonAll .project-info-top h2{
    width: 100%;
}

.project-info-top .el-breadcrumb {
    width: 100%;
}

/* .projectshow .project-info-top .el-breadcrumb__item {
    max-width: calc(100% - 112px);
    display: flex;
    align-items: center;
} */

.projectshow .project-info-top .el-breadcrumb__item .el-breadcrumb__inner{
    height: 60px;
}

 .project-info-top .el-breadcrumb__item {
    max-width: calc(50% - 58px);
    display: flex;
    align-items: center;
}
 .project-info-top.project-info-top-updata .el-breadcrumb__item {
    max-width: calc(33% - 58px);
    display: flex;
    align-items: center;
}

 .project-info-top .el-breadcrumb__item .el-breadcrumb__inner {
    max-width: calc(100% - 30px);
    display: inline-block;
    height: 60px;
}

 .project-info-top .el-breadcrumb__item:last-child .el-breadcrumb__inner{
    max-width: 100%;
}

 .project-info-top .el-breadcrumb__item .el-breadcrumb__inner > span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

/*------李追加------*/
.commonAll .top-image {
    width: 46%;
    margin: 12px 25%;
    /*padding: 50px 0 0 0;*//*------劉改修------*/
    object-fit: cover;/*------劉追加------*/
    max-height: 400px;

}

/*------李追加------*/
.common-view {
    min-width: 800px;
    /*overflow-x: auto;*//*------孫改修------*/
}

/*------李追加------*/
.common-view .content {
    width: 61%;
    /*margin: 50px auto;*/
    margin: 30px auto; /*------劉改修------*/
    position: relative;
    /*min-width: 790px;*/
    min-width: 800px; /*------劉改修------*/
}

/*------劉追加------*/
.common-view .content .common-view .content{
    width: 100%;
}

/*------李追加------*/
.common-view .content h3 {
    color: #29282E;
    font-size: 23px;
    line-height: 36px;
    margin: 0 auto;
    /*margin-bottom: 10px;*/
    margin-bottom: 2px; /*------劉改修------*/
    margin-top: 20px; /*------劉追加------*/
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*------李追加------*/
.common-view .content .edit {
    position: absolute;
    right: 10px;
    top: -15px;
    width: 70px;
    height: 70px;
}

/*------李追加------*/
.common-view .content table tr {
    background: #D1D1D1;
    overflow: hidden;
    line-height: 50px;
    height: 50px;
}

/*------李追加------*/
.common-view .content table {
    /*min-width: 790px;*/
    min-width: 800px; /*------劉改修------*/
    width: 100%;
}

/*------李追加------*/
.common-view .content table .tdLeft {
    width: 25%;
    font-size: 14px;
    text-align: right;
    padding-right: 40px;
    border-right: 1px solid #FFF;
    color: #29282E;
    text-overflow: ellipsis; /*------劉追加------*/
    white-space: nowrap; /*------劉追加------*/
}

/*------李追加------*/
.common-view .content table .tdRight {
    padding-left: 20px;
    width: 75%;
    font-size: 16px;
    color: #29282E;
    word-break: break-all;
}

.common-view .content table .tdRight span {
    /*display: inline-block; *//*------孫追加------*/
}
/*------張追加------*/
.common-view .content table .tdRight .rightDiv>span{
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    float: left;
}

.common-view .content table .tdRight .item-eml .rightDiv>span{
    white-space:pre-line;
    word-break: break-all;
}
/*------張追加------*/
.common-view .content table .tdRight .item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.common-view .content table .tdRight .item.item-eml{
    align-items: flex-start;
}

/*------李追加------*/
.pro-button {
    width: 61%; /*------劉改修------*/
    /*margin: 100px auto;*/
    margin: 40px auto; /*------劉改修------*/
    min-width: 800px; /*------劉追加------*/
}
.enterprise-detail .pro-button {
    min-width: 700px !important;
}
.commonMol .common-deteil-wrap .modelButton {
    width: 360px;
    height: 50px;
    background-color: #219894;
    margin: auto;
    margin-top: 30px;
    color: #FFFFFF;
    font-size: 20px;
}

/*------李追加------*/
.commonAll .pro-button .modoru {
    width: 22%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    background-color: #A9A9AB;
    display: inline-block;
    text-align: center;
    margin-right: 24px;
}

/*------李追加------*/
.commonAll .pro-button .henkou {
    width: 48%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    background-color: #219894;
    display: inline-block;
    text-align: center;
}

/*------李追加------*/
.pro-button a {
    color: #FFFFFF;
}

/*------李追加------*/
.common-view .content table tr:nth-child(2n),
.project-form-group .peoplelist-contentlist li:nth-child(2n-1),
.projectshow .showAll .peoplelist.right .peoplelist-contentlist li:nth-child(2n-1) {
    background: #D1D1D1;
}

/*------李追加------*/
.common-view .content table tr:nth-child(2n-1),
.project-form-group .peoplelist-contentlist li:nth-child(2n),
.projectshow .showAll .peoplelist.right .peoplelist-contentlist li:nth-child(2n){
    background: #F2F2F2;
}

.project-delete-confirm {
    width: 560px !important;
}
.group-delete-confirm {
    width: 480px !important;
}

/*------李追加------*/
.pro-button .nextPage {
    width: 48%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    background-color: #219894;
    display: inline-block;
    text-align: center;
}

/*------李追加------*/
.commonAll .content table tr td .leftDiv {
    width: 130px;
    display: inline-block;
    text-align: right;
}

/*------李追加------*/
.commonAll .content table tr td .rightDiv {
    padding-left: 30px;
    width: 400px !important;
    display: inline-block;
    text-align: left;
}

/*------李追加------*/
.commonAll .content table tr td .dtMds {
    display: inline-block;
}

/*------李追加------*/
.commonAll .content table tr td .ddMds {
    display: inline-block;
}


/*------李追加------*/
.commonAll .common-wrapper .common-view .content .formStyle {
    /* box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.16); */
    /* width: calc(100% - (0.25 * (100% - 170px)) + 120px); ------孫改修------ */
    /*padding: 40px 0 0 0;*/
    /* margin-bottom: 20px; ------劉改修------
    padding-bottom: 1px; ------劉改修------
    padding-top: 20px; ------孫改修------
    min-width: 800px; */
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .updateFormStyle {
    width: 90%;
    box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.16);
    /*padding: 40px 0 0 0;*/
    padding: 20px 0 0 0; /*------劉改修------*/
    /*min-width: 790px;*/
    min-width: 800px; /*------劉改修------*/
    /*margin-left: -19px;*//*------劉改修------*/
}

/*------劉追加------*/
.commonAll .common-wrapper .common-view .content .formStyle ul {
    margin-bottom: 1px;
}

/*------李追加------*/
.modalBodycontent .customerSel .el-input__suffix {
    right: 5px;
    top: -10px;
    transition: all .3s;
    color: #219894;
}

/*------李追加------*/
.modalBodycontent .common-deteil-wrap .customerName .el-icon-search {
    border-color: #219894;
}

/*------李追加------*/
.modalBodycontent .common-deteil-wrap .customerName .el-icon-search:before {
    color: #219894;
}

/*------劉追加------*/
.commonAll .common-wrapper .common-view .content .el-form-item {
    margin-bottom: 22px;
}

/*------李追加------*/
.searchForm-submit {
    margin-top: 3px;
    position: absolute;
    width: 24px;
    height: 24px !important;
    top: calc(50% - 15px);
    right: 0;
    background: #fff;
    border: none;
}

/*------李追加------*/
.commonAll .content .common-wrapper .common-view .content .el-input__inner,
.commonAll .common-wrapper .common-view .scheduleadd .el-input__inner,
.customer .common-wrapper .common-view .content .el-input__inner {
    width: 75%;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-radius: 0;
    font-size: 18px;
    color: #29282E;
    padding: 0; /*------劉追加------*/
}

/*------劉追加------*/
.el-input.is-active .el-input__inner, .el-input__inner:focus
.commonAll .common-wrapper .common-view .content .el-input.is-active .el-input__inner, .commonAll .common-wrapper .common-view .content .el-input__inner:focus {
    border-color: #219894;
}

.commonAll .content .common-wrapper .common-view .content .el-input__suffix,
.customer .common-wrapper .common-view .content .el-input__suffix{
    right: 25%;
}

/*------劉追加------*/
.el-form-item__label {
    font-size: 16px;
    color: #A9A9AB;
}

/*------李追加------*/
.commonAll .content .common-wrapper .common-view .content .el-form-item__label,
.customer .common-wrapper .common-view .content .el-form-item__label{
    padding: 0;
    font-size: 16px;
    color: #A9A9AB;
}

/*------李追加------*/
.commonAll .content .common-wrapper .common-view .content .el-input,
.customer .common-wrapper .common-view .content .el-input{
    padding-left: 30px;
    font-size: 18px;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-radio-group {
    padding-left: 70px
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-radio__label {
    font-size: 18px;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-button.is-round {
    width: 48%;
    height: 30px;
    padding: 0;
    border-radius: 15px;
    background-color: #219894;
    border-color: #219894;/*------劉追加------*/
    margin-left: 30px;
    color: #FFFFFF;
}
.schedule-creat-form .el-button.is-round {
    width: auto !important;
    height: 30px !important;
    padding: 0 10px !important;
}

/*------李追加------*/
.commonAll .content .common-wrapper .common-view .content .el-button .el-form-item__content,
.customer .common-wrapper .common-view .content .el-button .el-form-item__content{
    margin-left: 50px;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .avatar-uploader-icon {
    border: 1px solid red;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .avatar-uploader .el-upload {
    display: flex;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .inputAndSelect {
    width: 55%;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .inputAndSelect .el-input__inner {
    width: 100%;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .imgUpload {
    margin-left: 30px;
    width: 48%;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-upload.el-upload--text {
    height: 40px;
}

/*------孫追加------*/
.form-item-img .el-upload.el-upload--text {
    height: 75px !important;
}

.form-item-img .el-form-item__label {
    line-height: 75px !important;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-textarea__inner {
    font-size: 14px;
    width: 75%;
    height: 134px;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-textarea {
    padding-left: 30px;
}

/*------劉追加------*/
.commonAll .common-wrapper .common-view .content .companyTable .el-form-item {
    margin: 0;
}

/*------劉追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .textareaContent:last-child {
    margin: 22px 0;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr {
    background-color: #FFFFFF;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .leftTd {
    width: 30%;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd label.el-form-item__label {
    width: 90px !important;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .el-form-item__content {
    margin-left: 100px !important;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .construction_company .el-input__inner {
    width: 81%;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .construction_company {
    padding-left: 0px;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .textareaContent .el-textarea__inner {
    width: 81%;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .textareaContent {
    padding-left: 0;
    display: flex;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .siteArea .el-input__inner {
    display: inline;
    width: 30%;
}
/*------劉追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .el-form-item{
    margin-bottom: 22px;
}
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .el-form-item__content::after,
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .el-form-item__content::before,
.rightTd  .el-form-item::after,.rightTd  .el-form-item::before
{
    display: none;
}
/*------李追加------*/
.commonAll .common-wrapper .common-view .content .companyTable tr .rightTd .siteArea {
    display: inline;
}

/*------李追加------*/
.commonAll .content .common-wrapper .common-view .content .offices_tel,
.customer .common-wrapper .common-view .content .offices_tel{
    padding-right: calc(0.25 * (100% - 200px) - 10px);
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/*------劉追加------*/
.commonAll .common-view .common-wrapper .offices_tel .officestelIn .el-input__inner {
    width: 90%;
}

/*------劉追加------*/
.commonAll .common-view .offices_tel .officestel .el-input__inner {
    width: 100% !important;
}

/*------李追加------*/
.commonAll .common-view .offices_tel .officestel .el-form-item__content {
    margin-left: 0px;
}

/*------李追加------*/
.commonAll .common-view .offices_tel .officestel .el-form-item {
    display: inline-flex;
    width: 450px;
}

/*------李追加------*/
.commonAll .common-view .offices_tel div.el-form-item__error {
    width: 240px;
}

/*------劉追加------*/
.Gmaps{
    left: 100px;
    position: relative;
    width: calc( 100vw - 100px);
}

/*------劉追加------*/
.Gmaps #Gmaps {
    height: 100vh !important;
}
/*------李追加------*/
.projectlist .top {
    margin-top: 13%;
    width: 90%;
    height: 16%;
    /*background-color: red;*/
    margin: 13% auto;
}

/*------李追加------*/
.projectlist .project-show .imgPaly {
    left: 0;
}

/*------李追加------*/
.projectlist .project-show .imgPaly {
    width: 280px !important;
    height: 145.15px !important;
}

/*------李追加------*/
.projectlist .project-show .bottom .el-progress {
    width: 180px !important;
    height: 10px !important;
    display: block !important;
}

/*------李追加------*/
.project-list-item dt, .project-show dd {
    height: 30px !important;
    line-height: 30px !important;
}

/*------劉追加------*/
.project-list-item .bottom dt, .project-show .bottom dd {
    height: 40px !important;
    line-height: 40px !important;
}

/*------李追加------*/
.projectshow .showAll {
    width: 100%;
    /*height: 1691px;*//*------劉改修------*/
    background: #E5E5E5;
    /*margin: 180px auto;*/
    margin: 0 auto;/*------劉改修------*/
    margin-top: 140px;/*------劉改修------*/
}

/*------李追加------*/
.projectshow .showAll .top {
    /*height: 145px;*//*------劉改修------*/
    padding:0;
    min-width: 800px;
    width: 100%;
    /*height: 21%;*/
    margin: 0;
    display: flex;
    background: #FFFFFF;
}

/*------李追加------*/
.projectshow .showAll .top .projectImformation {
    display: flex;
    width: 100%;
    /*height: 90%;*/
    height: 100%;/*------劉改修------*/
}

/*------李追加------*/
.projectshow .showAll .top .projectMap {
    height: 100%;
    width: 36.5%;
}

/*------李追加------*/
.projectshow .showAll .top .projectMap .map {
    padding: 0px;
    width: 100%;
    /*height: 90%;*/
    height: 100%;/*------劉改修------*/
}

/*------李追加------*/
.projectshow .showAll .top .projectImformation .project_top_section {
    padding-top: 20px;
    min-width: 400px;
    width: 70%;
    margin: 0px;
    top: 0px;
    position: relative;
}
/*------李追加------*/
.projectshow .el-progress{
    width:100%
}

/*------李追加------*/
.projectshow .project-list-item dd {
    margin-left: 20px !important;
}

/*------李追加------*/
.projectshow .showAll .top .projectImformation .projectimg {
    width: 28%;
    height: 100%;
    padding-left: 3%;
    padding-bottom: 10px;  /*------劉追加------*/
    min-width: 200px;
    min-height: 150px;
}

/*------李追加------*/
.projectshow .showAll .top .projectImformation .projectimg img {
    width: 100%;
    height: 100%;
    max-height: 300px;
    object-fit: cover;
}

/*------李追加------*/
.projectshow .showAll .top .projectImformation .project_top_section ul .project-show {
    border: none;
    padding: 0;/*------孫追加------*/
}
/*------孫追加------*/
.project-show>div {
    font-size: 14px;
    margin-bottom: 10px;
}
.project-show>div>div {
    margin-right: 2%;
    display: inline-block;
    min-width: 100px;
}
/*------李追加------*/
.projectshow .showAll .top .projectImformation .projectImformation-bottom {
    position: absolute;
    right: 0;
    width: 52%;
    height: 200px;
    background: yellow;
    bottom: 0px;
}

/*------李追加------*/
.projectshow .showAll .top .projectImformation .but {
    height: 35px;
    /*left: 3.3%;*/
    bottom: 13%;
    /*width: 370px;*/
    width: 285px;
    border: 0;
    right: 0;
    color: #FFFFFF;
    background-color: #219894;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    margin: 0 2%;
    margin-left: 0;
    cursor: pointer; /*------孫追加------*/
}

/*------李追加------*/
.projectshow .showAll .projectImformation .project-show.project-list-item .bottom{
    height: 80%;
}
/*------劉追加------*/
.projectshow .showAll .bottom {
    width: 97%;
    /*margin: 3% auto;*/
    /*height: 80%;*/
    margin: 0 auto;/*------劉改修------*/
    padding: 45px 0;/*------劉追加------*/
}

/*------李追加------*/
.projectshow .showAll .bottom ul {
    position: relative;/*------劉追加------*/
    overflow: hidden; /*------劉改修------*/
    /*overflow: auto;*/
    width: 100%;
    /*height: 100%;*/
    /*height: 500px;------劉改修------*/
    background-color: #FFFFFF;
}

.project-form-group ul ul.peoplelist-contentlist,
.projectshow .showAll .bottom ul ul.peoplelist-contentlist{
    overflow: auto;
    height: 450px;
}

/*------劉追加-----*/
.projectshow .showAll .bottom ul .groupchat-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 90%;
}


/*------李追加------*/
.projectshow .peoplelist .el-table__header-wrapper {
    display: none;
}

/*------李追加------*/
.projectshow .el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: #F2F2F2;
}

/*------李追加------*/
.projectshow .el-table th, .projectshow .el-table tr {
    background-color: #D1D1D1 !important;
    padding: 0 20px;
}

/*------劉追加------*/
.projectshow.projectlist header{
    z-index: 2;
}

/*------劉追加------*/
.projectshow .bottom-top .peoplelist .peoplelistimg {
    position: absolute;
    /*top: 170px;!*------孫改修------*!*/
    top: 0;
    right: 7%;
    z-index: 1;
}

/*!*------劉追加------*!*/
.project-form-group .peoplelist-contentlist li,
.projectshow .showAll .peoplelist.right .peoplelist-contentlist li {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
}

/*------劉追加------*/
.project-form-group .peoplelist-contentlist li div,
.projectshow .showAll .peoplelist.right .peoplelist-contentlist li div {
    width: 60%;
    min-width: 70px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*------劉追加------*/
.project-form-group .peoplelist-contentlist li div:first-child,
.projectshow .showAll .peoplelist.right .peoplelist-contentlist li div:first-child {
    width: 25%;

}

/*------劉追加------*/
.project-form-group .peoplelist-contentlist li div:last-child,
.projectshow .showAll .peoplelist.right .peoplelist-contentlist li div:last-child {
    text-align: center;
    min-width: 30px;
    width: 10%;
}
.project-form-group .peoplelist-contentlist,
.projectshow .showAll .peoplelist.right .peoplelist-contentlist li div img{
    vertical-align: middle;
}
/*------劉追加------*/
.projectlocalechief-model.modal-show .modalBody .commonMol .customer_list>dl{
    width: 100%;
    text-align: left;
    margin: 0;
}

/*------劉追加------*/
.projectshow .projectparticipantsSelect-model li {
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
}
/*------李追加------*/
.projectshow .el-table td, .el-table th.is-leaf {
    border: none;
}

/*------李追加------*/
.projectshow .showAll .bottom .bottom-top {
    min-width: 800px;
    display: flex;
    width: 100%;
    /*height: 44%;*//*------劉改修------*/
    /*margin-bottom: 5%;*/
    margin-top: 45px;/*------劉改修------*/
}

/*------李追加------*/
.projectshow .showAll .bottom .bottom-top .peopleicon {
    padding: 6px 0;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #707070
}

/*------李追加------*/
.projectshow .showAll .bottom .bottom-top .groupchat-li {
    width: 86%;
    margin: 3% auto;
    display: flex;
}

/*------李追加------*/
.projectshow .showAll .bottom .bottom-top .groupchat-li .chatrecord {
    padding-top: 2%;
    padding-left: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.projectshow .showAll .bottom .bottom-top .groupchat-li .chatrecord img{
    width: 40px;
    height: 40px;
}

/*------李追加------*/
.projectshow .showAll .bottom .bottom-top .groupchat-li .chatrecord .chatrecord-name {
    padding-bottom: 20px;
    line-height: 26px;
}

/*------李追加------*/
.projectshow .showAll .bottom .bottom-top .peopleicon .peopleicon-top {
    width: 10.56px;
    height: 10.91px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ffffff;
    margin: 0 auto;
    margin-bottom: 3px;
}

/*------李追加------*/
.projectshow .showAll .bottom .bottom-top .peopleicon .peopleicon-buttom {
    width: 21.62px;
    height: 10.11px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ffffff;
    margin: 0 auto;
}

/*------李追加------*/
.projectshow .showAll .bottom .right {
    margin-left: 3%;
}

/*------李追加------*/
.projectshow .showAll .bottom .bottom-bottom {
    min-width: 800px;
    display: flex;
    width: 100%;
    /*height: 44%;*//*------劉改修------*/
}

/*------李追加------*/
.projectshow .showAll .bottom .title {
    position: relative;
    width: 100%;
    padding: 0 20px;/*------孫改修------*/
    height: 48px;/*------孫改修------*/
    line-height: 48px;/*------孫改修------*/
    border-bottom: 1px solid #E5E5E5;
}

/*------李追加------*/
.projectshow .showAll .bottom .title .peoplelistimg {
    position: absolute;
    right: 25px;
    top: -9px;
    z-index: 0;
}

/*------李追加------*/
.projectshow .showAll .bottom .title .left {
    float: left;
}

/*------李追加------*/
.projectshow .showAll .bottom .title .right {
    float: right;
}

/*------李追加------*/
.projectshow .showAll .title .right a {
    text-decoration: underline;
    color: #219894;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content {
    padding: 10px 0;
    border: 0;
    box-shadow: none;
    height: 100%;
    overflow-y: auto;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content .el-tabs__header {
    background-color: #FFFFFF;
    border: 0;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content .el-tabs__header .el-tabs__nav {
    z-index: 0;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content .el-tabs__header .el-tabs__item {
    border: 0;
    padding: 0 10px;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content .el-tabs__header .el-tabs__item .el-button {
    width: 160px;
    height: 30px;
    padding: 0;
    color: #ffffff;
    background-color: #A9A9AB;
    border: 0;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content .el-tabs__header .el-tabs__item.is-active .el-button {
    background-color: #219894;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content .filelist-content-tabs ul {
    padding: 10px;
    height: auto;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content .filelist-content-tabs ul li {
    display: inline-block;
    text-align: center;
    width: 20%;
    padding: 0 5px;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content .filelist-content-tabs ul li img {
    width: 48px;
    height: 32px;
}

/*------劉追加------*/
.projectshow .showAll .bottom .filelist-content .filelist-content-tabs ul li p {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.projectshow .img-delete {
    cursor: pointer;
}

/*------李追加------*/
.commonMol .commonModelAdd {
    width: 100%;
    /*height: 34px;*//*------劉改修------*/
    margin: auto;
    font-size: 23px;
    color: #219894;
    /*padding-top: 20px;*//*------劉改修------*/
    text-align: center;
}

/*------李追加------*/
.commonMol .commonForm {
    padding-top: 30px; /*------劉改修------*/
}

/*------李追加------*/
.commonMol .commonForm .el-input__inner {
    border-radius: 5px;
    /*border: 2px solid #5DD5D1;*/
}

/*------李追加------*/
.commonMol .common-deteil-wrap .modelButton a {
    display: inline-block;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
}

/*------李追加------*/
.commonMol .common-deteil-wrap .commonForm .el-form-item__content {
    margin: auto !important;
    width: 500px;
    height: 50px;
}

/*------李追加------*/
.common-deteil-wrap {
    padding: 20px;
    max-width: 100%;
}

/*------李追加------*/
.content .updateFormStyle .formStyle .upImg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 25px;
    list-style: none;
    margin-left: 20px;
}

/*------李追加------*/
.content .updateFormStyle .formStyle .upImg a {
    text-decoration: underline;
}

/*------李追加------*/
.content .updateFormStyle .formStyle .upImg .imgName {
    font-size: 14px;
    color: #29282E;
}

/*------李追加------*/
.content .updateFormStyle .formStyle .upImg .upBut a {
    font-size: 16px;
    color: #219894;
}

/*------李追加------*/
.content .updateFormStyle .imgPosition .upImg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 25px;
    list-style: none;
    margin-left: 20px;
}

/*------李追加------*/
.content .updateFormStyle .imgPosition .upImg a {
    text-decoration: underline;
}

/*------李追加------*/
.content .updateFormStyle .imgPosition .upImg .imgName {
    font-size: 14px;
    color: #29282E;
    word-break:break-all ;
}

/*------李追加------*/
.content .updateFormStyle .imgPosition .upImg .upBut a {
    font-size: 16px;
    color: #219894;
}

/*------李追加------*/
.content .formStyle .imgPosition,
.content .updateFormStyle .imgPosition{
    margin-left: 72px;
    display: flex;/*劉改修*/
    max-width: 500px;/*------劉追加------*/
    height: 103.96px;/*------劉追加------*/
}

/*------李追加------*/
.content .formStyle .imgPosition .avatar,
.content .updateFormStyle .imgPosition .avatar{
    /*width: 200px;*/
    /*height: 103.96px;*/
    width: auto;/*劉改修*/
    height: auto;/*劉改修*/
    max-width: 200px;/*------劉追加------*/
    max-height: 200px;/*------劉追加------*/
    object-fit: cover;/*------劉追加------*/

}

/*------李追加------*/
.content .formStyle .imgPosition .upImg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 25px;
    list-style: none;
    margin-left: 20px;
}

/*------李追加------*/
.content .formStyle .imgPosition .upImg a {
    text-decoration: underline;
}

/*------李追加------*/
.content .formStyle .imgPosition .upImg .imgName {
    font-size: 14px;
    color: #29282E;
}

/*------李追加------*/
.content .formStyle .imgPosition .upImg .upBut a {
    font-size: 16px;
    color: #219894;
}

/*------李追加------*/
.common-wrapper {
    width: 100%;
    /*position: absolute;*/
    /*margin-top: 180px;*/
    margin-top: 140px; /*------劉改修------*/
}

.common-wrapper.Nesting-page {
    margin-top: 0;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-row {
    padding-left: 15%;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-row a {
    text-decoration: underline;
    color: #219894;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-row .information {
    display: inline;
}

/*------李追加------*/
.commonAll .allUpdate .content .formStyle {
    box-shadow: 5px 8px 10px #000000;
    padding: 40px 0px 0px 0px !important;
    min-width: 800px;
}

/*------李追加------*/
.commonAll .allUpdate .content .formStyle .pro-button {
    width: 100%;
    margin: 0;
}

/*------李追加------*/
.commonAll .allUpdate .content .formStyle .pro-button .back {
    width: 32%;
    margin-right: 0;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    font-weight: bold;
    background-color: #A9A9AB;
    display: inline-block;
    text-align: center;
}

/*------李追加------*/
.commonAll .allUpdate .content .formStyle .pro-button .save {
    width: 68%;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    font-weight: bold;
    background-color: #219894;
    display: inline-block;
    text-align: center;
}

/*------劉追加-----*/
.common-wrapper .customercreateform .updateButton {
    margin-bottom: -1px;
}

/*------李追加------*/
.common-wrapper .updateFormStyle .updateButton {
    width: 100%;
    height: 65px;
    color: #FFFFFF;
    margin-top: 50px;
}

/*------李追加------*/
.common-wrapper .updateButton .updateBack {
    width: 32%;
    height: 65px;
    line-height: 65px;
    float: left; /*------劉追加------*/
    font-size: 20px;
    background-color: #A9A9AB;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
}

/*------李追加------*/
.common-wrapper .updateButton .updateBack a {
    color: #FFFFFF;
}

/*------李追加------*/
.common-wrapper .updateButton .updateSave {
    width: 68%;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    background-color: #219894;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
}

/*------李追加------*/
.commonAll .companyUp {
    margin: 10px;
}

/*------李追加------*/
.commonAll .companyUp .companyTable {
    margin-bottom: 50px;
}

/*------李追加------*/
.commonAll .safetyUp {
    height: 100% !important;
    margin: 10px;
}

/*------李追加------*/
.commonAll .safetyUp .pro-button {
    padding-top: 10px;
    margin: 20px auto !important;
}

/*------劉追加------*/
.commonAll .allUpdateButton.projectupdataButton{
    width: 61%;
    min-width: 800px;
    display: flex;
    justify-content: space-between;
    /*margin: 100px auto;*/
    margin: 40px auto;
}

/*------劉追加------*/
.commonAll .allUpdateButton.projectupdataButton .back,
.commonAll .allUpdateButton.projectupdataButton .up
{
    margin-right: 0;
}
/*------李追加------*/
.commonAll .allUpdateButton {
    width: 68.5%;
    margin: 100px auto;
    margin-left: 20.3%;
    margin-bottom: 355px;
    min-width: 850px;
}

/*------李追加------*/
.commonAll .allUpdateButton .back {
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    background-color: #A9A9AB;
    display: inline-block;
    text-align: center;
    margin-right: 40px;
    color: #FFFFFF;
}

/*------李追加------*/
.commonAll .allUpdateButton .up {
    width: 360px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 20px;
    background-color: #219894;
    display: inline-block;
    text-align: center;
    margin-right: 129.5px;
    color: #FFFFFF;

}

/*------李追加------*/
.commonAll .allUpdateButton .del {
    width: 100px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background-color: #ffffff;
    display: inline-block;
    text-align: center;
    color: #C13672;
    border: 1px solid #C13672;
}

/*------李追加------*/
.commonAll .pro-button .delete {
    width: 48%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    background-color: #219894;
    display: inline-block;
    text-align: center;
}

/*------李追加------*/
.modalBody .common-deteil-wrap .chiefName {
    text-align: center;
    padding: 30px;
}

/*------李追加------*/
.modalBody .common-deteil-wrap .chiefName .el-input {
    width: 50%;
}

/*------李追加------*/
.modalBody .common-deteil-wrap .customerName .el-input {
    width: 350px;
    height: 33px;
    margin: 0 auto;
}

/*------劉追加------*/
.modalBody .common-deteil-wrap .customerName .el-input .el-input__inner{
    width: 100%;
}

/*------李追加------*/
.modalBody .common-deteil-wrap .sel .selectCustomer .naiyou {
    display: inline;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    width: 100%;
    display: flex;/*------劉追加------*/
}

/*------李追加------*/
.modalBody .common-deteil-wrap .sel .selectCustomer {
    display: flex;
}

/*------李追加------*/
.modalBody .common-deteil-wrap .sel .selectCustomer :hover {
    background-color: #9DC815;
}

/*------李追加------*/
.modalBody .customerName .el-input .el-input__inner {
    height: 33px;
}

.modalBody .report-deteil-wrap {
    text-align: center;
    background-color: #fff; /*------劉追加------*/
}

.modalBody .report-deteil-wrap .button-wrap {
    margin: 0 auto;
}

/*------李追加------*/
.commonMol .selBut {
    width: 360px;
    height: 50px;
    background-color: #219894;
    margin: auto;
    margin-bottom: 20px; /*------劉改修------*/
    /* margin-top: 30px; */
    color: #FFFFFF;
    font-size: 20px;
}

/*------李追加------*/
.commonMol .selBut a {
    display: inline-block;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .selectBut {
    width: 122px;
    height: 30px;
    color: #219894;
    background-color: #FFFFFF;
    padding: 0;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .el-button.imgButton {
    width: 100%;
    height: 30px;
    padding: 0;
    border-radius: 15px;
    background-color: #219894;
    margin-left: 0;
    color: #FFFFFF;
}

/*------李追加------*/
.commonAll .common-wrapper .formStyle .pro-button {
    width: 100%;
    height: 65px;
    margin-top: 50px;
}

/*------李追加------*/
.commonAll .common-wrapper .formStyle .pro-button .back {
    width: 32%;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    font-weight: bold;
    background-color: #A9A9AB;
    display: inline-block;
    text-align: center;

    color: #FFFFFF;
}

/*------李追加------*/
.commonAll .common-wrapper .formStyle .pro-button .save {
    width: 68%;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    font-weight: bold;
    background-color: #219894;
    display: inline-block;
    text-align: center;
}

/*------李追加------*/
.commonAll .common-wrapper .progressStatus .el-select {
    padding-left: 30px;
}

/*------李追加------*/
.commonAll .common-wrapper .progressStatus .el-input {
    padding-left: 0 !important;
}

/*------李追加------*/
.commonAll .common-wrapper .progressStatus .el-icon-arrow-up:before {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 8px solid #219894;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-60%);
}

/*------李追加------*/
.modal-show .modalBody .commonMol .customer_list {
    width: 500px;
    height: 230px;
    margin: 18px auto;
    overflow: auto;
    /*border-radius: 15px;*/
    border-radius: 5px;/*------劉改修------*/
    border: 2px solid #E5E5E5;
}

/*------李追加------*/
.modalBody .modalBodycontent .customerSel {
    padding: 10px 0;
}

/*------李追加------*/
.modalBody .modalBodycontent .customerSel .customerName {
    position: relative;
    width: 700px;
    height: 60px;
    background: #E5E5E5;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 25px;
}

/*------李追加------*/
.modalBody .modalBodycontent .common-deteil-wrap .customerName .searchImg {
    width: 25.78px;
    height: 25.71px;
    position: absolute;
    right: 180px;
    z-index: 1;
    top: 16px;
}

/*------李追加------*//*------劉追加------*/
.commonAll .common-wrapper .el-date-editor span.el-input__prefix,
.chat .taskcontent .chatcontent.chattask-creat .rowfrist .el-date-editor span.el-input__prefix{
    margin-left: 150px;  /*------劉追加------*/
    cursor: pointer;
}
.commonAll .common-wrapper .history-date span.el-input__prefix{
    margin-left: 75%;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .date .el-input__inner {
    width: 120px;
    padding: 0 0 0 10px;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .date .dataAndIcon {
    display: flex;
}

/*------李追加------*/
.commonAll .common-wrapper .common-view .content .date .dataAndIcon .el-date-editor {
    width: 200px;
}

/*------李追加------*/
.modalBody .concernedMol {
    height: 580px;
    position: relative;
}

/*------李追加------*/
.modalBody .concernedMol .selBut {
    position: absolute;
    bottom: 0px;
    left: 25%;
}

/*------李追加------*/
.modalBody .concernedMol .el-tabs--border-card {
    padding-top: 20px;
    border: none;
    box-shadow: none;
}

/*------李追加------*/
.modal-show .modalBody .concernedMol .customer_list {
    border-radius: 5px;
    margin: 10px auto;
}

/*------李追加------*/
.modalBody .concernedMol .sel .selectCustomer .naiyou {
    height: 22px;
    width: 22px;
}

/*------劉追加------*/
.naiyou span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.naiyou span:first-child {
    display: inline-block;
    width: 40%;
}

.naiyou span:last-child {
    display: inline-block;
}

/*------李追加------*/
.modalBody .concernedMol .sel .selectCustomer {
    padding: 5px;
}

/*------李追加------*/
.modalBody .concernedMol .sel .selectCustomer li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    padding-left: 20px;
}

/*------李追加------*/
.modalBody .concernedMol .sel .selectCustomer :hover {
    background-color: #ffffff;
}

/*------李追加------*/
.modalBody .concernedMol .popoverto-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    height: 60px;
    width: 90px;
    line-height: 60px;
    border: 1px solid #ffffff;
}

/*------李追加------*/
.modalBody .concernedMol .el-input {
    width: 190px;
    height: 33px;
    position: absolute;
    top: 9px;
}

/*------李追加------*/
.modalBody .concernedMol img {
    border: none;
    position: absolute;
    right: 115px;
    top: 16px;
}

/*------李追加------*/
.modalBody .concernedMol .popoverto-tabs.el-tabs--border-card > .el-tabs__header {
    width: 400px;
    background-color: #E5E5E5;
}

/*------李追加------*/
.concernedMol .search-name {
    position: absolute;
    right: 0;
    top: 109px;
    width: 300px;
    height: 59px;
    background-color: #E5E5E5;
}

/*------李追加------*/
.concernedMol .popoverto-tabs.el-tabs--border-card > .el-tabs__content {
    height: 300px;
}

/*------李追加------*/
.el-select-dropdown__list {
    padding: 0 !important;
}

/*------李追加------*/
.projectlist .title-wrap .project-sel .el-input__inner {
    width: 230px;
    height: 30px;
    display: flex;
}

/*------李追加------*/
.modalBodycontent .project-localchief div.el-input {
    height: 50px;
}

/*------李追加------*/
.modalBodycontent .project-localchief input.el-input__inner {
    height: 50px;
}
/*------李追加------*/
.friend-detail .pro-button .modoru{
    margin-right: 0
}
/*------李追加------*/
.friend-detail .pro-button{
    margin: 75px auto;
}

/*------孫追加------*/
.modalBodycontent .updateFormStyle input.el-input__inner:focus {
    border-color: #219894 !important;
}

/*------李追加------*/
.commonAll .form-group .el-input.is-disabled input.el-input__inner {
    background-color: #FFFFFF;
}

/*------李追加------*/
.commonAll .common-view .el-form-item__error {
    padding-left: 30px;
    /* font-family: Arial !important; */
}

/*------劉追加------*/
.commonAll .common-view .modalBodycontent .el-form-item__error {
    padding-left: 0px;
}

/*------李追加------*/
.commonAll .zip-sign {
    padding-left: 30px;
}

/*------李追加------*/
.manage-model .process-wrapper {
    width: 1200px;
    height: calc((100vh - 110px) / 2);
    font-size: 11px;
    /*overflow: scroll;*/
    position: absolute;
    top: 40px;
    left: 0;
}

/*------李追加------*/
.manage-model .title-wrap .button-s {
    margin: 7px 0 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    float: left;
}

/*------李追加------*/
.manage-model .common-deteil-wrap {
    height: 200px !important;
}

/*------李追加------*/
.projectlist .search {
    position: relative;
}

/*------李追加------*/
.projectlist .search img {
    position: absolute;
    right: 5px;
    top: 15.5px;
    width: 25.5px;
    height: 25.5px;
}

/*------李追加------*/
.project-detail .content table, .customerdetail .content table { /*孫改修*/
    position: relative;
}

/*------李追加------*/
.project-detail .content table img, .customerdetail .content table img { /*孫改修*/
    position: absolute;
    top: -30px;
}

/*------李追加------*/
.commonAll .project-trades .el-form-item__error {
    padding-left: 0 !important;
}

/*------李追加------*/
.commonForm .trades-type-detail {
    display: flex;
    justify-content: space-between;
}

/*------李追加------*/
.commonAll .trades_type {
    padding-left: 7%;
    padding-right: 20%
}

/*------李追加------*/
.commonAll .detail-table {
    border-collapse: collapse;
}

/*------李追加------*/
.commonForm .trades-type-detail .el-form-item:first-child {
    width: 40%;
}
.commonForm .trades-type-detail .el-form-item:nth-child(2) {
    width: 60%;
}
/*------李追加------*/
.commonForm .trades-type-detail .el-form-item .el-form-item__content {
    width: 70%;
    margin-left: 62px !important;
    /*margin-right: ;*/

}
.commonForm .trades-type-detail .el-input__suffix {
    right: 5% !important;
}
/*------李追加------*/
.project-trades div.el-form-item__error {
    padding-left: 0;
}

/*------李追加------*/
.project-hospital div.el-form-item__error {
    padding-left: 0 !important;
}


/*------李追加------*/
.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #000000 !important;
}

/*------李追加------*/
.projectlist .el-icon-arrow-up:before {
    content: "" !important;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 8px solid #ffffff;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-60%);
}

/*------李追加------*/
.projectlist .triangle:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 8px solid #9dc815;
    position: absolute;
    right: 8px;
    top: 42%;
    transform: translateY(-20%);
}

/*------李追加------*/
.chat-button-username{
    border: 1px solid #3E3D42;
    border-radius: 5px;
    padding: 0 5px;
    margin-left: 10px;
}

/*------李追加------*/
.groupchat-content .chatrecord span.user-name {
    font-size: 16px;
    color: #3E3D42;
    display: inline-block;
    max-width: calc(50% - 45px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*------李追加------*/
.groupchat-content .chatrecord span.user-enterprise {
    font-size: 14px;
    color: #A9A9AB;
    display: inline-block;
    max-width: calc(50% - 45px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-enterprise-data{
    overflow: hidden;
    display: inline-block;
}

/*------李追加------*/
.groupchat-content .chatrecord span.user-message {
    /*font-size: 16px;*/
    color: #29282E;
    font-size: 14px;/*------劉改修------*/
    overflow: hidden !important;/*------劉追加------*/
    text-overflow: ellipsis;/*------劉追加------*/
    white-space: nowrap;/*------劉追加------*/
}

/*------李追加------*/
.commonAll .pro-basis-zip {
    width: 24% !important;
    padding-left: 0px !important;
}
.commonAll .enterprise-zip {
    width: 15% !important;
    padding-left: 0 !important;
}
/*------李追加------*/
.modal-show .customer-add {
    padding: 20px 0;
}

/*------李追加------*/
.modal-show .map-iframe {
    height: 500px;
    width: 100%;
}

/*------李追加------*/
.manage-model .modalBody {
    width: 800px;
    max-height: 80vh;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: scroll;
    position: fixed;
    top: 50%;
    left: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000;
}

/*------李追加------*/
.manage-model .title-wrap {
    width: 1200px;
    left: 0px;
    top: 0px;
}

/*------李追加------*/
.common-wrapper .friend-detail-hr {
    margin-bottom: 3%;
}

/*------李追加------*/
.common-wrapper .friendDetailBack {
    width: 25%;
    height: 50px;
    margin-top: 5%;
    margin-left: 40%;
}

/*------李追加------*/
.groupchat-content .chatperson {
    width: 36px;
    height: 36px;
    margin-top: 8px;
}

/*------李追加------*/
.enterprise-all .image {
    text-align: center;
}

/*------李追加------*/
.enterprise-all .registerTable {
    top: 230px;
    position: absolute;
    width: 600px;
    height: 200px;
    left: 50%;
    margin-left: -300px;
    table-border-color-dark: #00a0e9;
    border-collapse: collapse;
}
/*------李追加------*/
.enterprise-all tr td {
    border: 1px solid #050d34;
    text-align: center;
}
/*------李追加------*/
.enterprise-all input {
    border: 1px solid #2a78e9;
}
/*------李追加------*/
.enterprise-all .but {
    position: absolute;
    /*margin-top: 380px;*/
    margin-top: 460px;/*------劉改修------*/
    left: 50%;
    margin-left: -250px;
    width: 400px;
    height: 100px;
}
/*------李追加------*/
.enterprise-all .reSend {
    float: left;
    width: 150px;
    height: 40px;
}
/*------李追加------*/
.enterprise-all .sure {
    float: right;
    width: 70px;
    height: 40px;
}
/*------李追加------*/
.enterprise-all .disabled {
    background-color: #ddd;
    border-color: #ddd;
    color: #57a3f3;
    cursor: not-allowed;
}
/*------李追加------*/
.enterprise-all .msg {
    height: 100px;
    width: 500px;
    position: absolute;
    /*margin-top: 20px;*/
    margin-top: 160px;/*------劉改修------*/
    left: 50%;
    margin-left: -300px;
}
/*------李追加------*/
.enterprise-all .error {
    padding-top: 2px;
    color: red;
    font-size: 1px;
}
/*------孫追加------*/
.enterprise-rule {
    text-align: center;
}
.enterprise-rule-form {
    width: 60%;
    margin-left: 20%;
    margin-top: 140px;/*------劉追加------*/
}
/*------李追加------*/
.enterprise-common .image , /*------孫改修------*/
.enterprise-sure .image,/*------劉追加------*/
.enterprise-all .image , /*------劉追加------*/
.enterprise-registerok .image{/*------劉追加------*/
    height: 80px;
    line-height: 80px;
    width: 100%;
    background-color: #9DC815;/*------劉改修------*/
    /*background-color: #b1e917;*/
    display: flex;
    align-items: center;
    position: fixed;/*------劉追加------*/
    top: 0;/*------劉追加------*/
    z-index: 2;/*------劉追加------*/
}

/*------劉追加------*/
.enterprise-common, .enterprise-sure, .enterprise-all, .enterprise-registero ,.enterprise-rule{
    height: 100vh;
    overflow-y: auto;
    position: relative;
}

/*------李追加------*/
.enterprise-common img ,/*------孫改修------*/
.enterprise-sure img,/*------劉追加------*/
.enterprise-all img, /*------劉追加------*/
.enterprise-registerok img{ /*------劉追加------*/
    height: 43px;
    padding-left: 43px;
}
/*------李追加------*/
.enterprise-rule .word1 { /*------孫改修------*/
    width: 100%;
    margin-top: 100px;
    height: 55px;
    font-size: 37px;
    text-align: center;
    display: block;
    float: none;
}
.enterprise-rule .enterprise-rule-remind {
    font-size: 14px;
    /*margin-left: 10%;*/
    margin-left: 20px;/*------劉改修------*/
    text-align: left;
    margin-top: 43px;
    height: 62px;
}

/*------李追加------*/
.enterprise-rule .ruleBorder {/*------孫改修------*/
    width: 100%;
    height: 199px;
    padding: 40px 20px;
    background-color: #f1f1f1;
    margin-top: 40px;
}
/*------李追加------*/
.groupchat-content .chatrecord span.user-message-file{
    color: #225be9;
}
/*------李追加------*/
.user-message-file img{
    height:30px;
    width:60px;
    object-fit: cover;
}
/*------李追加------*/
.project-show{
    cursor: Default!important
}
/*------李追加------*/
.project-show .map a{
    color:#5DD5D1;
    text-decoration: underline;
}
/*------李追加------*/
.project-show .map{
    margin-left: 6px;
}
/*------孫追加------*/
.enterprise-rule .ruleBorder-head .ruleBorder-title {
    font-size: 20px;
    font-weight: 600;
}
.enterprise-rule .ruleBorder-head .ruleBorder-content {
    font: Bold 14px/21px Meiryo;
}
.enterprise-rule .ruleBorder .ruleBorder-text {
    text-align: left;
}
.enterprise-rule .ruleBorder .ruleBorder-head p {
    height: 40px;
}
/*------李追加------*/
.enterprise-rule .agree { /*------孫改修------*/
    margin: 40px 0;
}
.enterprise-rule .el-checkbox__inner {
    border: 2px solid #a9a9ab;
    border-radius: 3px;
    width: 40px;
    height: 40px;
}
.enterprise-rule .el-checkbox__label {
    font-size: 20px;
    color: #A9A9AB;
    font-weight: 600;
}
.enterprise-rule .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #219894;
}
.enterprise-rule .el-checkbox__input.is-checked .el-checkbox__inner, .enterprise-rule .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #fff !important;
    border-color: #219894 !important;
}
.enterprise-rule .el-checkbox__inner::after {
    border: 8px solid #f8b068;
    height: 40px;
    left: 5px;
    top: -18px;
    width: 18px;
    border-left: 0;
    border-top: 0;
}
.enterprise-rule .el-checkbox__input.is-focus .el-checkbox__inner,.enterprise-rule .el-checkbox__inner:hover,.enterprise-rule .el-checkbox__input.is-focus .el-checkbox__inner:hover {
    border: 2px solid #219894;
    /*border: 2px solid #a9a9ab;*/
}

.enterprise-rule .el-button {
    margin-bottom: 140px;
}
.enterprise-rule .rule-btn {
    color: #fff;
    width: 340px;
    height: 64px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
}
.enterprise-rule .checkd-color {
    background-color: #219894;
}
.enterprise-rule .noCheckd-color {
    background-color: #a9a9ab;
}
.enterprise-rule .noCheckd-color.el-button:focus,.enterprise-rule .noCheckd-color.el-button:hover {
    color: #fff;
    border-color: #DCDFE6;
    background-color: #a9a9ab;
}
.enterprise-rule .checkd-color.el-button:focus,.enterprise-rule .checkd-color.el-button:hover{
    color: #fff;
    background-color: #219894;
}

/*------李追加------*/
.enterprise-register .registerTable {
    top: 130px;
    position: absolute;
    width: 600px;
    height: 700px;
    left: 50%;
    margin-left: -300px;
    table-border-color-dark: #00a0e9;
    border-collapse: collapse;
}
/*------李追加------*/
.enterprise-register tr td {
    border: 1px solid #050d34;
    text-align: center;
}
/*------李追加------*/
.enterprise-register input {
    border: 1px solid #2a78e9;
}
/*------李追加------*/
.enterprise-register .but {
    position: absolute;
    /*margin-top: 1050px;*/
    margin-top: 1130px;/*------劉改修------*/
    left: 50%;
    margin-left: -250px;
    width: 500px;
    height: 100px;
}
/*------李追加------*/
.enterprise-register .back {
    float: left;
    width: 70px;
    height: 40px;
}
/*------李追加------*/
.enterprise-register .sure {
    float: right;
    width: 70px;
    height: 40px;
}
/*------李追加------*/
.enterprise-register .error {
    padding-top: 2px;
    color: red;
    font-size: 1px;
}
/*------李追加------*/
.enterprise-register .EnterpriseInput {
    width: 250px;
    margin-top: 10px;
}
.enterprise-register .enterpriseInput-name {
    width: 124px;
}
.enterprise-register .enterprise-userName {
    display: inline-block;
}
/*------李追加------*/
.enterprise-registerok .but {
    position: absolute;
    margin-top: 400px;
    left: 50%;
    margin-left: -48.24px;
    width: 96.48px;
    height: 100px;
}
/*------李追加------*/
.enterprise-registerok .message {
    width: 300px;
    height: 100px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 250px;
    font-size: 30px;
}

/*------李追加------*/
.enterprise-sure .image {
    text-align: center;
}

/*------李追加------*/
.enterprise-sure .registerTable {
    top: 130px;
    position: absolute;
    width: 600px;
    height: 700px;
    left: 50%;
    margin-left: -300px;
    table-border-color-dark: #00a0e9;
    border-collapse: collapse;
}
/*------李追加------*/
.enterprise-sure tr td {
    border: 1px solid #050d34;
    text-align: center;
}
/*------李追加------*/
.enterprise-sure input {
    border: 1px solid #2a78e9;
}
/*------李追加------*/
.enterprise-sure .but {
    position: absolute;
    /*margin-top: 800px;*/
    margin-top: 880px;/*------劉改修------*/
    left: 50%;
    margin-left: -250px;
    width: 500px;
    height: 100px;
}
/*------李追加------*/
.enterprise-sure .back {
    float: left;
    width: 70px;
    height: 40px;
}
/*------李追加------*/
.enterprise-sure .sure {
    float: right;
    width: 70px;
    height: 40px;
}
/*------李追加------*/
.friend-detail .friend-name-retu{
    margin-top: 228px;
    margin-bottom: 60px;
}
/*------李追加------*/
.friend-name-retu .name{
    font-size: 23px;
}
/*------李追加------*/
.customer-data-status{
    width: 100%;
    /*display:flex;*/ /*------孫改修------*/
    /*margin-bottom: 0 !important;*/
}
/*------李追加------*/
.customer-data-status .progress{
    width: 15%;
}

.customer-data-status .customer span{
    padding-right: 10px;
}
/*------劉追加を開始------*/

.formadd {
    margin-right: 20px;
    margin-left: -40px;
}

.formadd:first-child .nameupdata .el-form-item__label {
    margin-left: -40px;
}

.el-icon-search {
    width: 14px !important;
    height: 14px !important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid currentcolor;
    position: relative;
    margin: 30px auto;
    /*top: -10px;*/
    top: -23px; /*李改修*/
    right: 8px;
    border-color: #9DC815;
}

.el-icon-search:before {
    content: "" !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
    height: 2px;
    position: absolute;
    top: 10px;
    left: 11px;
    background-color: currentcolor;
    color: #9DC815;
}

.title-wrap .title-add {
    position: absolute;
    left: 18%;
    top: 15px;
    display: inline-block;
    width: 74px;
    height: 74px;
}

.title-form input {
    width: 200px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #29282E;
    border-color: #ffffff;
}

.el-input__inner {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    /*border-bottom-color: #E5E5E5 !important;*/
}

.fristinput .el-input__inner {
    border-bottom: 2px solid #5DD5D1;
}

.nameupdata .el-input {
    width: 80% !important;
}

.nameupdata .el-form-item__content {
    text-align: left;
    position: relative;
}

.nameupdata button {
    height: 35px;
    border: 1px solid #C13672;
    background-color: #fff;
    font-size: 16px;
    color: #C13672;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    min-width:60px;
}

/*.nameupdata .el-input__inner {*/
/*border-bottom: 2px solid;*/
/*border-bottom-color: #5DD5D1;*/
/*height: 50px;*/
/*line-height: 50px;*/
/*font-size: 20px;*/
/*}*/

.nameupdata .el-input.is-active .el-input__inner, .nameupdata .el-input__inner:focus {
    border-color: #5DD5D1;
}

.fristinput .el-input.is-active .el-input__inner, .fristinput .el-input__inner:focus {
    border-color: #5DD5D1;
}


/*------劉改修------*/
.commonAll > .commonAll {
    margin-top: 140px;
}

.commonAll> .commonAll.projectUpadta{
    margin-top: 0;
}

/*projectlist*/
.projectlist {
    color: #29282E;
}

.projectlist .common-wrapper {
    min-width: 800px;
    /*top: 130px;*/
    /*position: absolute;*//*------劉改修------*/
}

.projectlist .title-form {
    /*justify-content: space-around;*/
    justify-content: flex-end;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.projectlist .title-form select {
    height: 30px;
    line-height: 30px;
    margin-right: 10%;
    font-size: 14px;
    color: #29282E;
}

.projectlist .title-form .is-focus input {
    border-color: #ffffff;
}

.projectlist .title-form .el-select .el-input__inner:focus {
    border-color: #ffffff
}

.projectlist .el-input__inner {
    color: #606266;
}

.projectlist .title-form .el-form-item {
    height: 30px; /*李追加*/
    margin-right: 13%; /*李追加*/
    margin-bottom: 0;
}

.projectlist .title-form .el-input {
    /*width: 200px !important;*/
    /*width: 200px; !*李改修*!*/
    width: 250px; /*劉改修*/
}

.projectlist .title-form .el-input .el-input__inner{
    width: 250px;
}

.projectlist .el-select .el-input .el-select__caret {
    color: #9DC815;
}

.el-select-dropdown__item.hover, li.el-select-dropdown__item:hover {
    /*color: #000 !important;*/
    border-bottom: 1px solid #FFFFFF; /*李追加*/
    opacity: 0.8;
}

.projectlist .el-scrollbar__thumb {
    width: 0 !important;
}

.projectlist .title-form .el-input__icon {
    color: #9DC815;
    font-weight: bold;
}

.projectlist .title-form .el-form-item__content {
    height: 30px;
    line-height: 30px;
    margin-left: 0px !important;
}

.projectlist .project-list {
    width: 100%;
    padding: 0 2%;
}

.project-listshow{
    margin: 10px auto;
    display: flex;
    align-items: center;
}
@media (max-width: 1365px) {
    .projectlist .project-list li {
        width: 33.33% !important;
    }
}
@media (max-width: 1365px) {
    .projectlist .project-list .projectShowUl li {
        width: 100% !important;
    }
}
@media (max-width: 1023px) {
    .projectlist .project-list li {
        width: 50% !important;/*孫改修*/
    }
}
.projectlist .project-list-item {
    /*position: relative;*//*孫改修*/
    min-width: 270px;
    width: 100%;
    height: 400px;
}

/*劉追加*/
.projectlist  .project-list-item-img-dl{
    width: 100%;
    height: 140px;
}

/*劉追加*/
.projectlist .project-list-item img{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background-color: #ffffff;
    object-fit: cover;
    float: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.projectlist .project-list-item dl {
    width: 100% !important;
}

.projectlist .project-list-item dt {
    width: 30% !important;/*李改修*/
    margin-top: 3px;
    /*text-align: right;*//*劉改修*/
}

.projectlist .project-list-item dd {
    padding-left: 3%;/*孫改修*/
    width: 70%;
    overflow: hidden !important;
}

.projectlist .project-list-item dt,
.project-list-item dd {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: visible;
}

.projectlist .project-list-item .bottom {
    bottom: 8%;
    font-size: 13px;
    left: 0 !important;
    width: 100% !important;
}

.projectlist .project-list-item .bottom .progressContainer {
    width: 150px;
    border: 0;
}

.projectlist .project-list-item .bottom .el-progress {
    width: 100px;
    display: inline-block;
}

.projectlist .project-list-item .el-progress-bar {
    padding-right: 0px;
}

.projectlist .project-list-item .imgPaly {
    position: absolute;
    width: 10em;
    height: 5em;
    right: 0;
}

.projectlist .common-wrapper .b-head {
    padding: 0 5%;/*孫改修*/
    margin-top: 10px;/*------劉追加------*/
    display: inline-block;
    line-height: 45px;/*------孫追加------*/
    height: 45px;/*------孫追加------*/
    width: 100%;/*------孫追加------*/
}
/*------孫追加------*/
.projectlist .common-wrapper .b-head a {
    float: right;
    display: flex;
    align-items: center;
}

.projectlist .title-form select option {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.projectlist .el-progress.is-exception .el-progress__text {
    display: none;
}

.projectlist .colorChange {
    font-size: 14px;
}

.projectlist .project-list-item .progressBorderColor1 .el-progress-bar__outer {
    background-color: #fff;
    border-radius: 0px !important;
    border: 1px solid #5DD5D1;
}

.projectlist .project-list-item .progressBorderColor2 .el-progress-bar__outer {
    background-color: #fff;
    border-radius: 0px !important;
    border: 1px solid #DC72A0;
}
/* [案件]進捗状況に「失注」ステータスの追加 #3246  */
.projectlist .project-list-item .progressBorderColor3 .el-progress-bar__outer {
    background-color: #fff;
    border-radius: 0px !important;
    border: 1px solid #aaaaaa;
}

.projectlist .project-list-item .progressBorderColor1 .el-progress-bar__inner {
    background-color: #5DD5D1 !important;
}
.projectlist .project-list-item .progressBorderColor1 {
    color: #5DD5D1 !important;
}
.projectlist .project-list-item .progressBorderColor2 {
    color: #DC72A0 !important;
}
.projectlist .project-list-item .progressBorderColor2 .el-progress-bar__inner {
    background-color: #DC72A0 !important;
}
/* [案件]進捗状況に「失注」ステータスの追加 #3246  */
.projectlist .project-list-item .progressBorderColor3 {
    color: #aaaaaa !important;
}
.projectlist .project-list-item .progressBorderColor3 .el-progress-bar__inner {
    background-color: #aaaaaa !important;
}

.projectlist .el-progress-bar__inner {
    border-radius: 0px !important;
}

.projectlist .progresleft {
    margin-left: -30px;
}

.projectlist .project-list-item .progressStatus1 {
    color: #219894;
}

.projectlist .project-list-item:hover .progressStatus1 {
    color: #fff;
}

.projectlist .project-list-item .progressStatus2 {
    color: #C13672;
}

.projectlist .project-list-item:hover .progressStatus2 {
    color: #fff;
}
/* [案件]進捗状況に「失注」ステータスの追加 #3246  */
.projectlist .project-list-item .progressStatus3 {
    color: #aaaaaa;
}
.projectlist .project-list-item:hover .progressStatus3 {
    color: #fff;
}

.project-list-item .bottom .el-progress .is-success .el-progress-bar__inner {
    background-color: #3de926 !important;
}

/*------劉追加を終了------*/

.project-serch {
    margin: 7px 0 0 20px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    float: right;
}

.project-serch dt,
.project-serch dd {
    float: left;
}

.project-serch dt {
    margin: 0 10px 0 0;
}

.project-serch dd {
    margin: 0 20px 0 0;
}

.project-serch input {
    width: 100px;
    height: 26px;
    background-color: rgba(255, 255, 255, 0.7);
}

.project-serch dd:last-child input {
    width: 200px;
}

.project-wrapper {
    width: 100%;
    position: absolute;
    /*top: 130px;*/
    top: 0px;
    left: 0;
}

.project-list {
    padding: 10px;
}

.project-list li {
    padding: 10px;
    width: 25%;/*李改修*/
    float: left;
}

/*------劉改修------*/
.project-list-item {
    /*padding: 5px 10px 10px 10px;*/
    border: 1px solid #9dc815;
    border-radius: 2px;
    cursor: pointer;
}

/*李改修*/
/* .projectlist .project-list.project-view .project-list-item:hover {
    color: #ffffff;
    background-color: #9dc815;
} */

.project-list-item:hover .icon-s {
    border: 1px solid rgba(255, 255, 255, .5);
}

.project-list-item dl,
.project-deteil-wrap dl {
    display: table;
    float: left;
}

/*劉追加*/
.projectlist .project-list-item dl:first-child {
    display: flex;
    justify-content: center;
    height: 180px;
}

.projectlist .project-list-item dl {
    display: block;
}
.project-list-item dt,
.project-list-item dd {
    margin: 5px 0 0 0;
    height: 26px;
    line-height: 26px;
    float: left;
    display: table-cell;
}


.project-list-item dt,
.project-deteil-wrap dt {
    width: 26px;
    clear: left;
}

.backColNone {
    background-color: rgba(255, 255, 255, 0.2);
}

.project-list-item img {
    width: 120px;
    height: auto;
    object-fit: cover;
    float: right;
}

.project-list-item a:hover img {
    border: 1px solid #ffffff;
}

/* project-deteil-wrap */

.project-deteil-wrap {
    padding: 20px;
}

.project-deteil-wrap img {
    margin: 0 0 0 20px;
    width: 300px;
    height: 200px;
    float: left;
}

.project-deteil-wrap dl {
    margin: 0 0 0 30px;
    float: left;
}

.project-deteil-wrap dt,
.project-deteil-wrap dd {
    margin: 10px 0 0 0;
    height: 26px;
    line-height: 26px;
    float: left;
    display: table-cell;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.project-deteil-wrap dd {
    margin-left: 10px;
    padding: 0 10px;
}

.project-deteil-wrap .button-wrap {
    margin: 50px 0 0 350px;
}

.project-deteil-wrap .button-wrap > div {
    margin: 0 10px 0 0;
}

.project-deteil-wrap.edit dt,
.project-deteil-wrap.edit dd {
    border: 0;
}

.project-deteil-wrap.edit input {
    width: 500px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.project-deteil-wrap.edit .period input {
    width: 238px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.project-deteil-wrap.edit textarea {
    width: 100%;
    min-height: 100px;
}


/* friend-wrapper
---------------------------------------------------------------------------*/

.friend-wrapper {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
}

.friend h2 {
    /*margin: 0 0 0 20px;*//*------孫改修------*/
    padding: 0;
    height: 40px;
    float: left;
}

.header-friend-serch {
    float: right;
}

.header-friend-serch dt,
.header-friend-serch dd {
    margin: 0 10px 0 0;
    height: 40px;
    line-height: 40px;
    float: left;
}

.header-friend-serch input {
    height: 26px;
    line-height: 26px;
}

.friend-serch {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
}

.friend-serch li {
    padding: 0 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    float: left;
    position: relative;
}

.friend-serch li .sort {
    width: 30px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);

}

.header-friend-serch input {
    background-color: rgba(255, 255, 255, 0.3);
}

.friend-wrapper ul {
    width: 100%;
}

.friend-wrapper li.btns {
    cursor: pointer;
}

.friend-wrapper li.btns > span {
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
}

.friend-name {
    width: 300px;
}

.friend-affiliation {
    width: 200px;
}

.friend-name img {
    margin: 5px 5px 0 0;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    ovject-fit: cover;
    float: left;
}

.friend-note {
    width: calc(100% - 700px);
}

.friend-content {
    width: calc(100% - 300px);
}

.friend-evaluation {
    width: 100px;
}

span.friend-evaluation span {
    width: 20%;
    height: 50px;
    background-image: url(../images/icon-star.png);
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: center center;
    float: left;
    display: block;
}

.friend-wrapper li.btns:hover > span {
    color: #ffffff;
    background-color: #9dc815;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

span.friend-rank {
    width: 100px;
    border-right: 0;
}

.friend-rank {
    width: 100px;
    border-right: 0;
}

a .friend-rank {
    text-align: center;
}

/* friend-deteil-wrap */

.friend-deteil-wrap {
    padding: 20px;
    max-width: calc(100% - 20px);
}

.friend-deteil-wrap img {
    margin: 0 0 0 20px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    object-fit: cover;
    float: left;
}

.friend-deteil-wrap dl {
    margin: 0 0 0 30px;
    width: calc(100% - 150px);
    float: left;
}

.friend-deteil-wrap dt,
.friend-deteil-wrap dd {
    margin: 10px 0 0 0;
    min-height: 26px;
    line-height: 26px;
    float: left;
    display: table-cell;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.friend-deteil-wrap.register dt,
.friend-deteil-wrap.register dd {
    border-bottom: 0;
}

.friend-deteil-wrap dt {
    clear: left;
}

.friend-deteil-wrap dd {
    margin-left: 10px;
    padding: 0 10px;
    width: calc(100% - 50px);
}

.friend-deteil-wrap dd span {
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-star.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    float: left;
    display: block;
}

.friend-deteil-wrap dd .button-s {
    margin: 0;
    float: right;
}

.friend-deteil-wrap dd.evaluation-item {
    margin-left: 20px;
    padding: 0;
}

.friend-deteil-wrap dd.evaluation-item > div {
    margin-bottom: 10px;
    float: left;
}

.friend-deteil-wrap dd.evaluation-item > div:nth-of-type(3) {
    clear: left;
}

.friend-deteil-wrap .evaluation-item-title:after {
    content: "："
}

.friend-deteil-wrap input[type=checkbox] {
    display: none;
}

.friend-deteil-wrap.edit dt,
.friend-deteil-wrap.edit dd {
    border: 0;
}

.friend-deteil-wrap.edit input {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.friend-deteil-wrap.edit textarea {
    width: 100%;
    min-height: 100px;
}

.checkbox {
    width: 30px;
    height: 30px;
    float: left;
    display: block;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    cursor: pointer;
}

.checkbox:before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(../images/icon-star.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.3;
}

input[type=checkbox]:checked + .checkbox:before {
    opacity: 1;
}

.friend-deteil-wrap .button-wrap {
    margin: 50px 0 0 150px;
    display: inline-block;
}

.friend-deteil-wrap .button-wrap > div {
    margin: 0 20px 0 0;
    float: left;
}

.friend-deteil-wrap.register dd input {
    width: 500px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.friend-deteil-wrap.register dd textarea {
    width: 500px;
    height: 100px;
}

/* chat-wrapper
---------------------------------------------------------------------------*/

.chat-wrapper {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
}

.chat h2 {
    margin: 0 0 0 20px;
    padding: 0;
    height: 40px;
    line-height: 40px;
    float: left;
}

.chat-serch {
    float: right;
}

.chat-serch dt,
.chat-serch dd {
    margin: 0 10px 0 0;
    height: 40px;
    line-height: 40px;
    float: left;
}

.chat-serch input {
    background-color: rgba(255, 255, 255, 0.3);
}

.chat-group-wrapper {
    width: 200px;
    height: calc(100vh - 110px);
    background-color: rgba(238, 238, 238, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    overflow-y: scroll;
    float: left;
}

.chat-group-wrapper li {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.chat-group-wrapper li:first-child {
    background-color: rgba(0, 0, 0, 0.1);
}

.chat-group-wrapper li:hover {
    background-color: rgba(157, 200, 21, 0.1);
}

.chat-contants-wrap {
    /*width: calc(100% - 220px);!*------劉改修------*! */
    border-bottom: 1px solid rgba(157, 200, 21, 0.1);
    /*float: left;!*------劉改修------*! */
}

.talk-item-wrap {
    width: 100%;
    border-radius: 6px 6px 0 0;
    background-color: rgba(50, 23, 46, 0.1);
}

.talk-user-item-wrap {
    padding: 5px;
    float: left;
}

.talk-user-item-wrap > div {
    margin: 0 10px 0 0;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #3E3D42; /*------劉追加------*/
    font-size: 18px; /*------劉追加------*/
}

.talk-user-item-wrap .talk-photo img {
    width: 30px;
    height: 30px;
}

.talk-user-item-wrap .talk-photo,.talk-user-item-wrap-contact .talk-photo {
    width: 40px;
    height: 40px; /*------孫改修------*/
    margin-right: 10px;
    -webkit-border-radius: 100%; /*------孫追加------*/
    -moz-border-radius: 100%;
    border-radius: 100%;
    object-fit: cover;/*------劉追加------*/
}

.talk-user-item-wrap .talk-date {
    font-size: 11px;
    opacity: 0.5;
}

.talk-icon-item-wrap {
    padding: 6px;
    height: 40px;
    float: right;
}

.icon-item-wrap span {
    margin: 0 10px 0 0;
    width: 28px;
    height: 28px;
    background-color: #000000;
    background-size: 22px auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    float: left;
    cursor: pointer;
    opacity: 0.4;
}

.icon-item-wrap span:hover,
.icon-item-wrap span.current {
    opacity: 1;
}

.icon-item-wrap .response {
    background-image: url(../images/icon-response.png);
}

.icon-item-wrap .bookmark {
    background-image: url(../images/icon-bookmark.png);
}

.icon-item-wrap .nice {
    background-image: url(../images/icon-nice.png);
}

.icon-item-wrap .edit {
    background-image: url(../images/icon-edit.png);
}

.icon-item-wrap .file {
    background-image: url(../images/icon-file.png);
}

.icon-item-wrap .move {
    /*background-image: url(../images/icon-move.png);*/
}

.icon-item-wrap .dust {
    background-image: url(../images/icon-dust2.png);
}

.icon-item-wrap .meeting {
    background-image: url(../images/icon-meeting.png);
}

.talk-contents textarea {
    width: 100%;
}
.talk-contents .el-textarea {
    position: inherit;
}
.talk-contents .el-textarea:hover {
    /* position: relative; */
}
.talk-contents .cc-msg-text.el-textarea .el-input__count {
    bottom: 25px;
    right: 56px;
    height: 20px;
}
.add-chat-contants-wrap {
    padding: 5px;
    /*width: calc(100% - 300px);*//*------劉改修------*/
    /*background-color: #aaaaaa;*//*------劉改修------*/
    /*position: fixed;!*------劉改修------*! */
    left: 300px;
    bottom: 0px;
    z-index: 2;
}

.add-chat-contants-wrap .talk-item-wrap > div {
    margin: 0 10px 0 0;
    display: inline-block;
    float: left;
}

.add-chat-contants-wrap .add-talk-icon-item-wrap {
    padding-top: 1px;
}

.add-chat-contants-wrap .submit {
    margin: 1px 0 0 0 !important;
    padding: 0 20px;
    height: 28px;
    color: #ffffff;
    line-height: 28px;
    border-radius: 4px;
    background-color: rgba(255, 90, 0, 0.7);
    cursor: pointer;
    float: right;
}

.add-chat-contants-wrap .talk-item-wrap {
    padding: 0 0 5px 0;
    background-color: transparent;
}

/* process-wrapper
---------------------------------------------------------------------------*/

.process h2 {
    margin: 0 0 0 20px;
    padding: 0;
    height: 40px;
    line-height: 40px;
}

.process-wrapper {
    width: 100%;
    height: calc((100vh - 110px) / 2);
    font-size: 11px;
    /*overflow: scroll;*//*------李削除------*/
    position: absolute;
    top: 110px;
    left: 0;
}

.process-title-wrap {
    background-color: rgba(0, 0, 0, 0.1);
}

.process-wrapper > div > div {
    padding: 0 5px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-right: 1px solid red;
    float: left;
}

.process-wrapper .process-content-wrap > div {
    height: 30px;
    line-height: 30px;
}

.task-name {
    width: 10%;
    text-align: left !important;
}

.task-start-time {
    width: 8%;
}

.task-days {
    width: 3%;
}

.task-add {
    width: 2%;
    cursor: pointer;
    position: relative;
}

.task-add:before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.task-add:after {
    content: "";
    width: 2px;
    height: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.process-sheet {
    width: 77%;
}

.process-sheet > div {
    height: 20px;
    line-height: 20px;
}

.process-sheet > div > span {
    width: 3.0303%;
    display: block;
    float: left;
}

.process-sheet .process-sheet-month {
    text-align: center;
}

.process-sheet .process-sheet-month .thirty-first {
    width: 93.9393%;
}

.process-wrapper .sat {
    background-color: rgba(136, 171, 218, 0.5);
}

.process-wrapper .sun {
    background-color: rgba(242, 156, 159, 0.3);
}

.process-content-wrap .process-sheet > span {
    width: 3.0303%;
    display: block;
    height: 30px;
    float: left;
}

.process-wrapper.three-week {
    margin-top: calc((100vh - 110px) / 2);
}

.three-week .process-sheet > div > span,
.three-week .process-sheet-day > span,
.three-week .process-sheet-week > span,
.three-week .process-content-wrap .process-sheet > span {
    width: 4.76%;
    display: block;
    float: left;
}

.three-week .process-sheet .process-sheet-month .thirty-first {
    width: 93.9393%;
}

/*border*/

.one-year {
    border-bottom: 5px solid rgba(157, 200, 21, 0.7);
}

.process-wrapper > div > div {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.process-sheet > div {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.process-sheet > div > span {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.process-sheet > div > span:last-child {
    border-right: 0;
}

.process-content-wrap {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.process-content-wrap .process-sheet > span {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.process header .button-s {
    margin-right: 20px;
    float: right;
}

/* account------------------------------------------------------------------*/
.account-wrapper {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
}

.account-li {
    width: 20%;
}

.account-th {
    width: 25%;
}

.title-wrap .acc-button {
    margin: 7px 0 0 200px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    float: left;
}


/* report
---------------------------------------------------------------------------*/

.report-wrapper {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
}

.report-serch {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
}

.report-serch li {
    padding: 0 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    float: left;
    position: relative;
}

.report-serch li .sort {
    width: 30px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.report-project-name,
.report-work-content,
.report-note {
    width: 16.66%;
}

.report-work-place,
.report-author {
    width: 15%;
}

.report-project-no,
.report-date {
    width: 10%;
}

.report-wrapper li.btns {
    width: 100%;
    cursor: pointer;
}

.report-wrapper li.btns > span {
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
}

.report-wrapper li.btns:hover > span {
    color: #ffffff;
    background-color: #9dc815;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

/* report-deteil-wrap */

.report-deteil-wrap {
    padding: 20px;
    max-width: 100%;
}

.report-deteil-wrap img {
    margin: 0 0 0 20px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    float: left;
}

.report-deteil-wrap dl {
    margin: 0 0 0 30px;
    width: calc(100% - 150px);
    float: left;
}

.report-deteil-wrap dt,
.report-deteil-wrap dd {
    margin: 10px 0 0 0;
    min-height: 26px;
    line-height: 26px;
    float: left;
    display: table-cell;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.report-deteil-wrap.register dt,
.report-deteil-wrap.register dd {
    border-bottom: 0;
}

.report-deteil-wrap dt {
    clear: left;
}

.report-deteil-wrap dd {
    margin-left: 10px;
    padding: 0 10px;
    width: calc(100% - 50px);
}

.report-deteil-wrap.edit dt,
.report-deteil-wrap.edit dd {
    border: 0;
}

.report-deteil-wrap.edit input {
    width: 300px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.report-deteil-wrap.edit textarea {
    width: 100%;
    min-height: 100px;
}

.report-deteil-wrap .button-wrap {
    margin: 50px 0 0 150px;
    display: inline-block;
}

.report-deteil-wrap .button-wrap > div {
    margin: 0 20px 0 0;
    float: left;
}

.report-deteil-wrap.edit dd .button-s {
    margin: 0 0 0 20px;
    float: left;
}

/* document
---------------------------------------------------------------------------*/

.document h2 {
    height: 60px;/*劉改修*/
    line-height: 60px;/*劉改修*/
}

.document-wrapper {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
}

.document-serch {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
}

.document-serch li {
    padding: 0 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    float: left;
    position: relative;
}

.document-serch li .sort {
    width: 30px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.document-date {
    width: 10%;
}

.document-author,
.document-name,
.document-type {
    width: 15%;
}

.document-note {
    width: 45%;
}

.document-wrapper li.btns {
    width: 100%;
    cursor: pointer;
    display: block;
}

.document-wrapper li.btns > span {
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
}

.document-wrapper li.btns:hover > span {
    color: #ffffff;
    background-color: #9dc815;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

/* document-deteil-wrap */

.document-deteil-wrap {
    padding: 20px;
    max-width: 100%;
}

.document-deteil-wrap img {
    margin: 0 0 0 20px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    float: left;
}

.document-deteil-wrap dl {
    margin: 0 0 0 30px;
    width: calc(100% - 150px);
    float: left;
}

.document-deteil-wrap dt,
.document-deteil-wrap dd {
    margin: 10px 0 0 0;
    min-height: 26px;
    line-height: 26px;
    float: left;
    display: table-cell;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.document-deteil-wrap.register dt,
.document-deteil-wrap.register dd {
    border-bottom: 0;
}

.document-deteil-wrap dt {
    clear: left;
}

.document-deteil-wrap dd {
    margin-left: 10px;
    padding: 0 10px;
    width: calc(100% - 50px);
}

.document-deteil-wrap.edit dt,
.document-deteil-wrap.edit dd {
    border: 0;
}

.document-deteil-wrap.edit input {
    width: 300px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.document-deteil-wrap.edit textarea {
    width: 100%;
    min-height: 100px;
}

.document-deteil-wrap .button-wrap {
    margin: 50px 0 0 150px;
    display: inline-block;
}

.document-deteil-wrap .button-wrap > div {
    margin: 0 20px 0 0;
    float: left;
}

.document-deteil-wrap.edit dd .button-s {
    margin: 0 0 0 20px;
    float: left;
}

.document-deteil-wrap .document-folder-wrap {
    margin: 50px 0 0 150px;
    padding: 20px 10px 20px 20px;
    width: calc(100% - 150px);
    height: 150px;
    border: 2px dotted rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

.document-deteil-wrap .document-folder-wrap span {
    margin: 0 10px 0 0;
    width: 100px;
    height: 110px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: block;
    float: left;
}


/* job-offer
---------------------------------------------------------------------------*/

.job-offer h2 {
    padding: 0 0 0 20px;;
    height: 40px;
    line-height: 40px;
}

.job_offer-serch {
    margin: 7px 0 0 20px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    float: left;
}

.job_offer-serch dt,
.job_offer-serch dd {
    float: left;
}

.job_offer-serch dt {
    margin: 0 10px 0 0;
}

.job_offer-serch dd {
    margin: 0 20px 0 0;
}

.job_offer-serch input,
.job_offer-serch select {
    width: 100px;
    background-color: rgba(255, 255, 255, 0.3);
}

.job_offer-serch dd:last-child input {
    width: 200px;
}

.job_offer-wrapper {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
}

.job_offer-list {
    padding: 10px;
}

.job_offer-list li {
    padding: 10px;
    width: 33.333%;
    float: left;
}

.job_offer-list-item.btns {
    padding: 5px 10px 10px 10px;
    border: 1px solid #9dc815;
    border-radius: 2px;
}

.job_offer-list-item.btns dl {
    display: table;
    float: left;
}

.job_offer-list-item.btns dt,
.job_offer-list-item.btns dd {
    margin: 5px 0 0 0;
    height: 26px;
    line-height: 26px;
    float: left;
    display: table-cell;
}

.job_offer-list-item.btns dt {
    width: 26px;
    clear: left;
}

.job_offer-list-item.btns dd {
    margin-left: 10px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.job_offer-list-item.btns img {
    margin: 5px 0 0 0;
    width: 100px;
    height: auto;
    object-fit: cover;
    float: right;
}

.job_offer-list-item.btns:hover {
    color: #ffffff;
    background-color: #9dc815;
}

.job_offer-list-item.btns:hover .icon-s {
    background-color: rgba(255, 255, 255, 0.3);
}

.job_offer-list-item.btns:hover img {
    border: 1px solid #ffffff;
}

/* job_offer-deteil-wrap */

.job_offer-deteil-wrap {
    padding: 20px;
    max-width: calc(100% - 20px);
}

.job_offer-deteil-wrap img {
    margin: 10px 0 0 20px;
    width: 200px;
    height: auto;
    float: left;
}

.job_offer-deteil-wrap dl {
    margin: 0 0 0 30px;
    width: calc(100% - 250px);
    float: left;
}

.job_offer-deteil-wrap dt,
.job_offer-deteil-wrap dd {
    margin: 10px 0 0 0;
    min-height: 26px;
    line-height: 26px;
    float: left;
    display: table-cell;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.job_offer-deteil-wrap.register dt,
.job_offer-deteil-wrap.register dd {
    border-bottom: 0;
}

.job_offer-deteil-wrap dt {
    clear: left;
}

.job_offer-deteil-wrap dd {
    margin-left: 10px;
    padding: 0 10px;
    width: calc(100% - 50px);
}

.job_offer-deteil-wrap dd span {
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-star.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    float: left;
    display: block;
}

.job_offer-deteil-wrap dd .button-s {
    margin: 0;
    float: right;
}

.job_offer-deteil-wrap dd.evaluation-item {
    margin-left: 20px;
    padding: 0;
}

.job_offer-deteil-wrap dd.evaluation-item > div {
    margin-bottom: 10px;
    float: left;
}

.job_offer-deteil-wrap dd.evaluation-item > div:nth-of-type(3) {
    clear: left;
}

.job_offer-deteil-wrap .evaluation-item-title:after {
    content: "："
}

.job_offer-deteil-wrap input[type=checkbox] {
    display: none;
}

.job_offer-deteil-wrap.edit dt,
.job_offer-deteil-wrap.edit dd {
    border: 0;
}

.job_offer-deteil-wrap.edit input,
.job_offer-deteil-wrap.edit select {
    width: 500px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.job_offer-deteil-wrap.edit textarea {
    width: 100%;
    min-height: 100px;
}

.job_offer-deteil-wrap .button-wrap {
    margin: 50px 0 0 250px;
    display: inline-block;
}

.job_offer-deteil-wrap .button-wrap > div {
    margin: 0 20px 0 0;
    float: left;
}


/* footer
---------------------------------------------------------------------------*/

footer {
    font-size: 16px;
    text-align: center;
    opacity: 0.5;
}

.low footer {
    display: none;
}


/* camera
---------------------------------------------------------------------------*/

.camera h2 {
    padding: 0 0 0 20px;;
    height: 40px;
    line-height: 40px;
}

.camera-wrapper {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
}


/* question
---------------------------------------------------------------------------*/

.question h2 {
    padding: 0 0 0 20px;;
    height: 40px;
    line-height: 40px;
}

.question-wrapper {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
}


/* customer-wrapper
---------------------------------------------------------------------------*/

/*------劉追加を開始------*/
.customerlist {
    font-size: 14px;
    color: #29282E;
}

.customer h1 {
    background: url(../images/icon-customer-header.png) #00744E no-repeat 25px 10px;
    background-size: 50px;
}

.customerlist .customer-wrapper {
    padding: 0 5%;
    margin: 20px auto;
}
/*------劉改修------*/
/*.list-del {*/
/*margin-top: 60px !important;*/
/*}*/
.customerlist .countDiv {
    /*margin-left: 20px !important;*/
    margin-left: 0px !important;/*------劉改修------*/
    font-size: 14px !important;
}

.customerlist .countDiv a,.countDiv-report a {
    margin-left: 20px;
    color: #219894;
    text-decoration: underline;
    display: inline-block;/*------孫追加------*/
}

.customerlist .customertable {
    /* height: calc( 100vh - 390px); ------孫追加------*/
    /*margin: 20px 0 0 20px !important;*/
    margin-top: 20px;/*------劉改修------*/
    padding-bottom: 60px;
    border-bottom: 1px solid #707070;
    overflow-y: auto;
}

.customerlist .flo {
    width: 30%;
    margin-right: 20px;
}

.customerlist .customer-wrapper li.btns > span {
    color: #454F63;
    height: 40px;
    line-height: 40px;
    border-right: 0;
    border-bottom-color: #E5E5E5;
}


.customerlist .report-serch {
    border-bottom: 1px solid;
    border-color: #707070;
    color: #454F63;
    background-color: #fff;
}


.customerlist .report-serch li {
    border-right: 0;
    border-bottom-color: #707070;
}

/*------劉改修------*/
.customerlist .invite-form .report-serch li:first-child {
    padding-left: 60px;
}

/*------劉追加-----*/
.customerlist .report-serch li:first-child,
.customerlist .customertable .customertablelist li span:first-child,
.invite-form .customertable .table-scroll .el-checkbox-group li>span:first-child{
    padding-left: 20px;
}

.customerlist .el-table {
    font-size: 14px;
    color: #454F63;
}

.customerlist .el-table thead {
    color: #454F63;
    font-weight: 400;

}

.customerlist .el-table--border, .el-table--group {
    border: 0;
}

.customerlist .el-table thead tr th {
    border-bottom: 1px solid #707070;
}

.customerlist .customertable .el-table td, .el-table th.is-lea {
    border-bottom: 1px solid #E5E5E5;
}

.customerlist .customertable .el-table th {
    font-weight: normal;
}

.customerlist .customertable .el-table .cell {
    text-align: center;
}

.customerlist .customertable .el-table td, .el-table th {
    padding: 0;
    height: 40px;
    line-height: 40px;
}

.customerlist .customertable .el-table .sort-caret.ascending {
    border-bottom-color: #7D9F13;
}

.customerlist .customertable .el-table .sort-caret.descending {
    border-top-color: #7D9F13;
}

/*------劉追加を終了------*/

/*------劉改修------*/
.customer-wrapper {
    width: 100%;
    position: absolute;
    /*top: 110px;*/
    top: 140px;
    left: 0;
}

/*------劉改修------*/
/*.customer h2 {*/
/*margin: 0 0 0 20px;*/
/*padding: 0;*/
/*height: 40px;*/
/*line-height: 40px;*/
/*float: left;*/
/*}*/

.header-customer-serch {
    float: right;
}

.header-customer-serch dt,
.header-customer-serch dd {
    margin: 0 10px 0 0;
    height: 40px;
    line-height: 40px;
    float: left;
}

/*------劉改修------*/
.title-wrap .button-s {
    margin-right: 22px;
    /*margin-right: 10px;*/
    /*float: right;*/
}

.user-profile {
    margin: 10px 10px 0 0;
    padding: 0 30px 0 110px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    float: right;
    position: relative;
}

.user-profile:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 8px solid #9dc815;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-20%);
}

.profile-photo {
    width: 110px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}

.profile-photo img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;

}

.user-profile img {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover/*劉追加*/
}

.user-profile-setting {
    width: 200px;
    background-color: rgba(0, 0, 0, .8);
    display: none;
    position: absolute;
    top: 70px;
    right: 10px;
    z-index: 999;
}

.user-profile-setting li {
    border-bottom: 1px solid rgba(255, 255, 255, .3);

}

.user-profile-setting li a {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #ffffff;
    display: block;
}

.user-profile-setting li a:hover {
    background-color: rgba(255, 255, 255, .1);
}

.customer-serch {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
}

.customer-serch li {
    padding: 0 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    float: left;
    position: relative;
}

.customer-serch li .sort {
    width: 30px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.customer-wrapper .commonLogo ul, .customer-wrapper .customertable ul {
    width: 100%;
}
.invite-form .customertable .table-scroll li .customer-li label, .invite-form .customertable .table-scroll li .friend-li label{
    width: 100%;
}
.invite-form .customertable .table-scroll li .customer-li label>span:first-child,.invite-form .customertable .table-scroll li .friend-li label>span:first-child {
    /*width: 15%;*/
    width: 30px;/*------劉改修------*/
}
.invite-form .customertable .table-scroll li .customer-li label>span:nth-child(2),.invite-form .customertable .table-scroll li .friend-li label>span:nth-child(2) {
    width: 80%;
    text-align: left;
}
/*.customer-wrapper li.btns {*/
/*cursor: pointer;*/ /*------孫改修------*/
/*}*/
.customer .customer-wrapper li:first-child.btns>span:nth-child(1),.customer .customer-wrapper li.btns>span:nth-child(2) {
    cursor: pointer;
}
.invite-form .customertable .table-scroll li .customer-li .icon-blue-chat,.invite-form .customertable .table-scroll li .friend-li .icon-blue-chat{
    padding-top: 9px;
}

/*------劉追加------*/
.customer-wrapper.invite-form .customertable .el-checkbox-group li.is-checkedbox .customer-li,
.customer-wrapper .customertable .is-checkedbox .friend-li,
.commonAll .invite-form .el-checkbox__input.is-checked + .el-checkbox__label,
.customer-wrapper.invite-form .customertable .el-checkbox-group li.is-checkedbox span a{
    color: #219894;
    font-weight:bold;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

/*------劉追加------*/
.customer-wrapper.invite-form .customertable .el-checkbox-group li span a{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

/*------劉追加------*/
.customer-wrapper.invite-form .customertable .el-checkbox-group li.is-checkedbox .customer-li:last-child,
.customer-wrapper .customertable .is-checkedbox .friend-li:last-child {
    color: #454F63;
    font-weight: normal;
}

/*------劉追加------*/
.commonAll .invite-form .el-checkbox__input.is-checked .el-checkbox__inner,
.commonAll .invite-form .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    background-color: #ffffff;
    border-color: #219894;
    border-width: 2px;
    border-radius: 3px;
}

/*------劉追加------*/
.commonAll .invite-form .el-checkbox__input.is-checked .el-checkbox__inner::after{
    border-color: #219894;
    border-width: 2px;
    top: 0px;
    left: 3px;
}

.customer-wrapper li.btns > span {
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    /*font-size: 20px;*//*------劉改修------*/
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    float: left;
}

.customer-name {
    width: 300px;
}

.customer-affiliation {
    width: 200px;
}

.customer-name img {
    margin: 5px 5px 0 0;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    ovject-fit: cover;
    float: left;
}

.customer-name,
.customer-address,
.customer-tel,
.customer-mail {
    width: 15%;
}

.customer-note {
    width: 40%;
}

span.customer-evaluation span {
    width: 20%;
    height: 50px;
    background-image: url(../images/icon-star.png);
    background-repeat: no-repeat;
    background-size: 90% auto;
    background-position: center center;
    float: left;
    display: block;
}

.customer-wrapper li a:hover > span {
    color: #ffffff;
    background-color: #9dc815;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

/*------劉追加を開始------*/
/* customer-creat */

.customercreate .flo {
    width: 60%;
    text-align: right;
}

.customercreate .flo .el-input {
    width: 50%;
    text-align: right;
}

.customercreate .officeszip .el-input {
    width: 25% !important;
}

.customercreate .customercreateform .officespref .el-select {
    padding-left: 30px;
}

.customercreate .customercreateform .officespref .el-input {
    padding-left: 0 !important;
}

.customercreate .customercreateform .officespref .el-icon-arrow-up:before {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom: 8px solid #219894;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-60%);
}

.customercreate .customercreateform .officesfax .el-input__inner {
    width: 35% !important;
    /*display: flex;*/
}

.customercreate .customercreateform .officesfax .el-input {
    /*padding-left: 16% !important;*/
}

/*------劉追加を終了------*/

/* customer-deteil-wrap */

.customer-deteil-wrap {
    padding: 20px;
    max-width: calc(100% - 20px);
}

.customer-deteil-wrap img {
    margin: 0 0 0 20px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    object-fit: cover;
    float: left;
}

.customer-deteil-wrap dl {
    width: 100%;
}

.customer-deteil-wrap dt,
.customer-deteil-wrap dd {
    margin: 10px 0 0 0;
    min-height: 26px;
    line-height: 26px;
    float: left;
    display: table-cell;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.customer-deteil-wrap.register dt,
.customer-deteil-wrap.register dd {
    border-bottom: 0;
}

.customer-deteil-wrap dt {
    clear: left;
}

.customer-deteil-wrap dd {
    margin-left: 10px;
    padding: 0 10px;
    width: calc(100% - 50px);
}

.customer-deteil-wrap dd span {
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-star.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    float: left;
    display: block;
}

.customer-deteil-wrap.edit dt,
.customer-deteil-wrap.edit dd {
    border: 0;
}

.customer-deteil-wrap.edit input {
    width: 500px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.customer-deteil-wrap.edit textarea {
    width: 100%;
    min-height: 100px;
}

.customer-deteil-wrap .button-wrap {
    margin: 50px 0 0 0;
}

/*------CustomerDetail------*/
/*------劉追加を開始------*/
.customerdetail table {
    margin: 50px auto;
}

.customerdetail .customerdetailoffice table {
    margin: 0px auto;
}

.customerdetail .customerdetailoffice {
    margin: 35px auto;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
}

.customerdetail .accordion--trigger {
    height: 33px;
    width: 33px;
    margin-right: 10px;
    border-color: #9DC815;
    border-radius: 4px;
    background-color: #fff;
    border-style: solid;
}

/*------劉追加------*/
.customerdetail .customerdetailoffice .closeaccordion table tr td{
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
    width: 20%;
}

/*------劉追加------*/
.customerdetail .content h3>div,
.customerdetail-nametop  h3>div{
    max-width: 250px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.customerdetail .accordion--trigger i {
    color: #9DC815;
}

.customerdetail .customerdetailoffice .accordion-target {
    color: #454F63;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
}

.customerdetail .customerdetailoffice .accordion-target:last-child {
    border-bottom: 0;
}

.customerdetail .customerdetailoffice .officeaccordion .modal-container {
    margin-bottom: 30px;
}

.customerdetail .customerdetailoffice .closeaccordion table tr {
    background: #FFFFFF;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 60px;
}

.customerdetail .customerdetailoffice .closeaccordion .closeaccordion1 {
    width: 10%;
}

.customerdetail .customerdetailoffice .closeaccordion .closeaccordion2 {
    font-size: 17px;
    width: 15%;
}

.customerdetail .customerdetailoffice .closeaccordion .closeaccordion3 {
    width: 50%;
}

.customerdetail .customerdetailoffice .closeaccordion .closeaccordion4 {
    width: 25%;
}

/*CustomerNameUpdateModel*/
.customernameupdate .modal-container {
    height: auto !important;
    max-height: 90vh;
    overflow: auto !important;
    text-align: center;
    padding: 20px 0 0 !important;
}

.customernameupdate .modal-container .report-deteil-wrap {
    padding: 20px 50px;
}

.customernameupdate .modal-container .el-form-item__label {
    color: #A9A9AB;
    font-size: 16px;
}

.customernameupdate .modal-container .el-input__inner {
    color: #29282E;
    border-bottom-color: #E5E5E5;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
}

.customernameupdate .modal-container .customernameupdatebuttons {
    display: flex;
}

.customernameupdate .modal-container .customernameupdatebuttons .button-lower {
    width: 30%;
}

.customernameupdate .modal-container .customernameupdatebuttons .remarkright {
    width: 70% !important;
}

.customernameupdate .modal-container .customernameupdatebuttons .button-lower a {
    border-radius: 0px;
}

/*CustomerCreateFormOfficePerson*/
/*CustomerCreateFormOfficeBilling*/
.customer-create-form .el-form .el-form-item:first-child {
    margin-left: 12.5%;
}
.customerofficeadd .el-input__inner {
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    font-size: 16px;
}

.customerofficeadd .el-form-item {
    margin-bottom: 20px;
}

.customerofficeadd .el-input {
    padding-left: 0 !important;
}

.customerofficeadd .billingname .el-input__inner {
    font-size: 16px;
    height: 50px;
    border: 2px solid #5DD5D1;
    border-radius: 5px;
}

.customerofficeadd .button-lower.remark a {
    width: 360px;
}

.customerofficeadd .button-wrap {
    text-align: center;
}

.customerofficeadd .billingsin .el-input {
    display: inline;
}

.commonAll .common-view .customerofficeadd .el-input:nth-of-type(2) {
    margin-left: 5%;
}

.customerofficeadd .el-form-item__error {
    padding-left: 12.5%;
}

.customerofficeadd .billingsin .el-input__inner {
    width: 35% !important;
}

.customerofficeadd .col-input {
    padding-left: 0px  !important;
    width: 75%;
    margin: 0px auto;
}

.customerofficeadd .col-input .el-form-item {
    margin-left: 0px !important;
}

.customerofficeadd  .col-input .el-input {
    width: 90% !important;
    margin-right: 10%;
}

.customerofficeadd  .col-input .el-col:nth-child(2) .el-input{
    margin-left: 10%;
}

.customerofficeadd  .col-input .el-input input {
    width: 100% !important;
}

/*customer-search-modal-mask*/
.modal-customer-searchcontainer {
    width: 70%;
    height: 80%;
    margin: 0px auto;
    padding: 20px 30px;
    border-radius: 2px;
    transition: all .3s ease;
    font-family: Helvetica, Arial, sans-serif;
}

.modal-customer-searchcontainer .modal-close {
    float: right;
    cursor: pointer;
    position: relative;
    top: -15px;
    right: 15px;
}

.modal-customer-searchcontainer .el-form {
    text-align: center;
    padding: 20px;
}

.modal-customer-searchcontainer .el-form dl {
    text-align: right;
}

.customer-search-modal-mask h3 {
    font-size: 23px;
    color: #219894;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

/*------劉追加を終了------*/

/* time-card
---------------------------------------------------------------------------*/

.time-card h2 {
    padding: 0 0 0 20px;;
    height: 40px;
    line-height: 40px;
}

.time-card-wrapper {
    width: 100%;
    position: absolute;
    top: 110px;
    left: 0;
}


/* modal
---------------------------------------------------------------------------*/

.modal {
    display: none;
}

/*------劉改修------*/
.modalBody {
    width: 700px;
    max-height: 80vh;
    /*background-color: #ffffff;*/
    border-radius: 4px;
    /*overflow: scroll;*/
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000;
    padding: 20px 0; /*------劉追加------*/
    border-radius: 17px; /*------劉追加------*/
}

/**弾戸に似合う*/
.modalBodyCustomer {
    max-height: 80vh;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1000;
    padding: 0;
    border-radius: 17px;
    padding: 20px 0;/*------孫追加------*/
}

/*------劉追加------*/
.modalBodycontent {
    background-color: #ffffff;
    overflow: hidden auto; /*------孫改修------*/
    padding: 20px;
    max-height: calc(80vh + 25px);
    border-radius: 17px;
}

.modalBodycontentChatList {
    background-color: #ffffff;
    overflow: hidden;
    padding: 20px;
    max-height: calc(80vh + 25px);
    border-radius: 17px;
}

/*------劉追加------*/
.modalBody h3 {
    text-align: center;
    color: #219894 !important;
    margin-bottom: 20px;
    line-height: 30px !important;
}
.chatlist-task {
    display: block;
}
/*------孫追加------*/
.chatlist-task .modalBody h3 {
    font-size: 23px;
}
/*------孫追加------*/
.chatlist-task .chatlist-task-form {
    padding: 0 10%;
}
/*------孫追加------*/
.chatlist-task .chatlist-task-form>div,.chatlist-task .chatlist-task-form textarea {
    width: 100%;
}
/*------孫追加------*/
.chatlist-task .chatlist-task-form .task-datepick span {
    width: 15%;
}
/*------孫追加------*/
.chatlist-task .chatlist-task-form .popover-btn {
    text-align: center;
}
/*------孫追加------*/
.chatlist-task .chatlist-task-form .task-datepick>div {
    width: 84%;
}
/*------劉追加------*/
.chatlist-task .chatlist-task-form >div >span button{
    color: #ffffff;
    border-color: #219894;
    background-color: #219894;
}
.chatlist-task-back,.chatlist-task-back:focus, .chatlist-task-back:hover {
    color: #fff !important;
    border-color: #A9A9AB !important;
    background-color: #A9A9AB !important;
}
.chatlist-task-add,.chatlist-task-add:focus, .chatlist-task-add:hover {
    color: #fff !important;
    border-color: #219894 !important;
    background-color: #219894 !important;
}
.chatlist-task  .el-input--prefix .el-input__inner {
    padding-left: 50px !important;
}

.chatpersonlist-delete-button,.chatpersonlist-delete-button:focus, .chatpersonlist-delete-button:hover {
    color: #fff !important;
    border-color: #F0DBDA !important;
    background-color: #F0DBDA !important;
}

/*------劉追加------*/
.chatlist-task .chatlist-task-form .chatlist-task-data span{
    margin-left: 175px;
    margin-top: 2px;
    line-height: 41px;
}

/*------劉追加------*/
.chatlist-task .chatlist-task-form .chatlist-task-data .el-input__inner{
    padding-left: 20px !important;
}

.modalBody .el-input__inner {
    font-size: 16px !important;
}

/*------劉改修------*/
.modal-close {
    /*margin: 10px 10px 0 0;*/
    width: 30px;
    height: 30px;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #3E3D42;
    border-radius: 15px;
    /*float: right;*/
    cursor: pointer;
    position: absolute; /*------劉追加------*/
    top: 0; /*------劉追加------*/
    right: -15px; /*------劉追加------*/
}

.modal-content {
    padding: 0 20px 20px 20px;
    clear: both;
    display: table;
}

.modal-content dt,
.modal-content dd {
    min-height: 26px;
    line-height: 1.5em;
    display: table-cell;
    float: left;
}

.modal-content .icon-s.time {
    background-image: url(../images/icon-clock.png);
}

.modal-content .icon-s.schedule {
    background-image: url(../images/icon-pencil.png);
}

.modal-content dd {
    margin-left: 20px;
    width: 710px;
}

.modal-content dd span {
    font-size: 20px;
}

.modal-content .schedule {
    margin-top: 20px;
}

.modal-content dd.schedule span {
    margin: 0 0 10px 0;
    display: block;
}

.modal-button-wrap {
    padding: 10px 20px 20px 20px;
    display: inline-block;
    float: right;
}

.modal-button-wrap select {
    margin: 0 10px 0 0;
    float: left;
    background-color: rgba(0, 0, 0, 0.1)
}

.modal-button-wrap .button-s {
    float: left;
}

/*------劉改修------*/
.modalBK {
    height: 100%;
    width: 100%;
    background: #000000;
    /*opacity: 0.9;*/
    opacity: 0.7;
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    z-index: 98;
    position: fixed;
    top: 0;
    left: 0;
}

/*------劉追加を開始------*/

.schedule-modal .modalBody h3 {
    font-size: 23px;
    line-height: 36px;
}

.schedule-modal .modalBody .modalBodycontent {
    padding: 20px 0;
}

.schedule-modal .schedule-modalBodycontent .el-tabs--border-card > .el-tabs__header {
    padding: 0 10%;
}

.schedule-modal .schedule-modalBodycontent .el-tabs--border-card > .el-tabs__content {
    padding: 0 10%;
}

.schedule-modal .schedule-modalBodycontent .el-tabs--border-card > .el-tabs__content .el-tab-pane {
    border: 1px solid #E5E5E5;
    margin-top: 10px;
}

.schedule-modal .schedule-modalBodycontent .popoverto-input {
    width: 40%;
    position: absolute;
    top: 82px;
    right: 10%;
    height: 60px;
    line-height: 60px;
}

.schedule-modal .schedule-modalBodycontent .popoverto-input .el-input__icon {
    height: 23px;
}

.schedule-modal .schedule-modalBodycontent .schedule-modal-search img {
    top: 96px;
    right: 10%;
}

/*------劉追加------*/
.schedule-modal .schedule-modalBodycontent dl{
    position: relative;
}

/*------劉追加------*/
.schedule-modal .schedule-modalBodycontent .popoverto-input{
    top: 0;
}

.schedule-modal .schedule-modalBodycontent .el-tabs--border-card {
    border: 0;
    margin-bottom: 25px;
    box-shadow: none;
}

.schedule-modal .schedule-modalBodycontent .el-tabs--border-card {
    background: #FFF;
}

.schedule-modal .schedule-modalBodycontent .el-tabs--border-card > .el-tabs__header {
    border-bottom: 0;
    background-color: #E5E5E5;
    height: 60px;
}

.schedule-modal .schedule-modalBodycontent .el-tabs--border-card > .el-tabs__header .el-tabs__item {
    border-right: 1px solid #ffffff;
    margin-left: 0;
    height: 60px;
    line-height: 60px;
}

.schedule-modal .schedule-modalBodycontent .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
    border-left: 1px solid #ffffff;
}

.schedule-modal .schedule-modalBodycontent .button-wrap {
    text-align: center;
}

.schedule-modal .schedule-modalBodycontent .button-wrap .button-lower {
    width: 50%;
}

/*------劉追加を終了------*/

/* login-wrapper */
.l-login-wrapper {
    width: 100%;
    height: 100vh;
    /*min-height: 880px;*/
    min-height: 580px; /*------劉改修------*/
    background-color: #9dc815;
    /*padding-top: 130px;*//*------劉改修------*/
    display: flex;/*------劉追加------*/
    justify-content: center;/*------劉追加------*/
    flex-direction: column;/*------劉追加------*/
    position: relative; /*#2029*/
    min-width:350px;
}

.l-login-wrapper h1 {
    margin: 0 auto;
    width: 200px;
    height: 140px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    background-image: url(../images/logo_b.png);/*------孫改修------*/
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.l-login-wrapper form {
    display: block;
    margin: 0 auto;
    width: 350px;/*------孫改修------*/
    padding: 5px;
}

.l-login-wrapper ul {
    margin-top: 30px;
}

.l-login-wrapper ul li {
    margin-top: 20px;
}
/*------孫改修------*/
.l-login-wrapper ul li input {
    width: 100%;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    border-radius: 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
}

.l-login-wrapper ul li.error {
    margin-top: 5px;
    color: #fff;
    text-align: left;
}
/*------孫改修------*/
.l-login-wrapper a {
    color: #fff;
    font-size: 18px;
}
/*------孫改修------*/
.l-login-wrapper .l-remember-wrap {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
}
/*------孫追加------*/
.l-login-wrapper input[type=checkbox] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 20px;
    width: 26px;
    height: 26px;
    position: relative;
}

.l-login-wrapper .l-logindiv-margin {
    margin-top: 28px;
}
.l-login-wrapper .l-remember-wrap input {
    margin: 0 16px 0 0;
    float: left;
}
/*------孫追加------*/
.l-login-wrapper .l-forgat-wrap {
    text-align: right;
}
/*------孫追加------*/
.l-login-wrapper .l-forgat-wrap a {
    text-decoration: underline;
}
/*------孫追加------*/
.l-login-wrapper footer {
    /*margin-top: 80px;*/ /*#2029*/
    position: absolute; /*#2029*/
    bottom: 5px; /*#2029*/
    right: 10px; /*#2029*/
    /*#2029*/
}
/*------孫追加------*/
.login-button {
    display: block;
    height: 64px;
    line-height: 64px;
    text-align: center;
    border-radius: 10px;
    background-color: #219894;
    font-size: 20px !important;
    font-weight: 600;
    color: #fff;
    margin: 48px 0px !important;
}
/*------孫追加------*/
.close-button {
    display: block;
    height: 64px;
    line-height: 64px;
    width: 340px;
    text-align: center;
    border-radius: 10px;
    background-color: #219894;
    font-size: 20px !important;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
    margin-top: 100px;
}
/*------孫追加------*/
.success-button {
    margin-top: 200px;
}
/*------孫追加------*/
.reset-foot {
    /* position: fixed; */
    /* bottom: 10px; */
    margin-top: 100px;
    width: 100%;
    border-top: 1px solid #fff;
}
/*------孫追加------*/
.login-button a,.close-button a {
    padding: 0 20px;
    width: 100%;
    height: 64px;
    line-height: 64px;
    border-radius: 2px;
    display: block;
}
/*------孫改修------*/
/*.login-button a:hover {*/
/*color: #ffffff;*/
/*background-color: #96172e;*/
/*}*/
/*------孫改修------*/
.l-login-wrapper.reset h2 {
    color: #fff;
    font-size: 16px;
    margin: 30px 0 0 0;
}
.l-login-wrapper .l-login-remail {
    color: #fff;
    font-size: 47px;
    margin-top: 100px;
    text-align: center;
    height: 100px;
    line-height: 55px;
}
.l-login-wrapper .l-login-text {
    font-size: 16px;
}
.l-login-wrapper.reset {
    text-align: center;
    color: #ffffff;
}
/*------孫改修------*/
.l-login-wrapper.reset input.form-control {
    margin: 30px 0 0 0;
    width: 340px;
    height: 64px;
    line-height: 64px;
    border-radius: 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    font-size: 16px;
}
/*------孫改修------*/
.l-login-wrapper p {
    margin: 30px 0 0 0;
    color: #ffffff;
    text-align: center;
}

/* contractorIndex
---------------------------------------------------------------------------*/
.contractorA {
    position: absolute;
    display: inline-block;
    height: 100px;
    width: 100px;
    text-align: center;
    color: #9dc815;
    font-size: large;
    padding-top: 50px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

.rulePage {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: #9dc815;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
}

.rule {
    height: 150px;
    width: 300px;
    position: absolute;
    margin-top: 30px;
    font-size: 30px;
    text-align: center;
}

.ruleNaiyou {
    height: 150px;
    width: 300px;
    position: absolute;
    margin-top: 100px;
    text-align: center;
}

.ruleButton {
    height: 150px;
    width: 300px;
    position: absolute;
    margin-top: 200px;
}

.ruleButton #item1 {
    position: absolute;
    margin-top: 9px;
    margin-left: 60px;
    width: 17px;
    height: 17px;
}

.ruleButton #button {
    position: absolute;
    margin-left: 80px;

}

.mailValidate {
    position: absolute;
    height: 300px;
    width: 300px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    background-color: #9dc815;
}

.mailrow {
    width: 300px;
    height: 50px;
    position: absolute;
    margin-top: 60px;
}

.mailValidate dt {
    float: left;
    margin-left: 30px;
    margin-top: 5px;
}

.mailValidate dd input {
    float: right;
    margin-right: 20px;
    width: 200px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.MailButton {
    position: absolute;
    margin-top: 200px;
    width: 200px;
    margin-left: 50px;
    color: #ffffff;
    text-align: center;
    background-image: linear-gradient(45deg, #9dc815 50%, #7d9f13 50%);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

/** custom css **/
.report-deteil-wrap.edit .el-date-editor input {
    width: 100%;
}

/* image uploader css */
.avatar-uploader .el-upload {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}

.avatar-uploader-icon {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px !important;
    text-align: center;
}

img.avatar {
    width: 178px;
    height: 178px;
    display: block;
    margin: 0;
}

/*------劉追加を開始------*/
/*chat*/
.low .chat{
    z-index: 1;
}
.low .chat header{
    position: static;
}

/*------劉追加------*/
.chat .el-button:focus, .el-button:hover,
.chat .el-button img:focus, .el-button img:hover{
    opacity: 0.8;
}

/*------劉追加------*/
.chat-add img:hover,.title-add img:hover {
    text-decoration: none;
    opacity: 0.8;
}

/*------劉追加------*/
.chat .chatcontent .rowfrist p .el-button:focus,
.chat .chatcontent .rowfrist p .el-button:hover{
    opacity: 1;
}

.chat-list-tabs .el-tabs--left .el-tabs__header.is-left {
    width: 300px;
}

.chat .title-wrap {
    padding-left: 0px;
    background: #E5E5E5;
}

.chat .chatbuttom {
    position: fixed;
    top: 70px;
    display: flex;
    flex-direction: row;
    /*left: calc(400px + 10%);*/
    /*left: calc(400px + 15%);!*------劉改修------*!*/
    right: 12px;
}

.chat-result-tabs>.el-tabs__header .el-tabs__nav {
    z-index: 0;
}

.chat .chat-list-tabs {
    height: calc(100vh - 130px);
    margin-right: 0;
}
.chat .chat-list-tabs .chat-avatar {
    height: 40px;
    width: 40px;
    margin-right: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    object-fit: cover;/*劉追加*/
}
.chat .title-wrap .title-add {
    position: fixed;
    right: 18%;
    left: 82%;
    top: 85px;
    cursor: pointer;
    z-index: 2;/*------劉改修------*/
}

.chat .chatbuttom .el-input--suffix .el-input__inner {
    height: 30px;
    font-size: 14px;
}

.chat .el-tabs--card > .el-tabs__header {
    border-bottom: 0;
    margin-bottom: 2px;
    width: 300px;/*------劉改修------*/
}

.chat .el-tabs--card > .el-tabs__header .el-tabs__nav {
    display: flex;
    background-color: #A9A9AB;
    border: 0;
    border-radius: 0;
    width: 100%;/*------劉改修------*/
}

.chat .el-tabs--card > .el-tabs__header .el-tabs__item {
    /*width: 100px;*/
    width: 25%;/*------劉改修------*/
    height: 60px;
    color: #fff;
    padding: 5px; /*孫改修*/
    text-align: center;
    border-bottom: 0;
}

/*------劉改修------*/
.chat .taskcontent-list.taskcontent.el-tabs--card > .el-tabs__header .el-tabs__item{
    padding: 0 !important;
}

.chat .el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
    padding: 5px !important;
}

/*------劉追加------*/
.chat .chatcontent .rowfrist .talk-name.chatlist-newicon{
    align-items: center;
    display: flex;
}
.chat .el-tabs__item.is-active {
    background-color: #5DD5D1;
    color: #FFFFFF;
    border-bottom-color: #5DD5D1;
}
.chat .chatfilelist .el-tabs__item.is-active {
    background-color: #fff;
}
.chat .el-tabs__header.is-top .el-tabs__item i {
    display: block;
    height: 30px; /*孫追加*/
    text-align: center;
    font-size: 28px;
}

/*チャット-案件*/
#tab-activeThird {
    padding-left: 0px;
}

.chat .el-tabs__header.is-top .el-tabs__item i.el-icon-check:before {
    background-color: #fff;
    color: #A9A9AB;
}

.chat .el-tabs__header.is-top .el-tabs__item p {
    font-size: 12px;
    line-height: 20px;
}

.chat .el-tabs--left .el-tabs__header.is-left {
    height: calc(100vh - 131px);
    background-color: #E5E5E5;
    margin-right: 0;
}
.chat .el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: 0;
}

.chat .el-tabs--left .el-tabs__item.is-left {
    text-align: left;
    width: 300px;
    height: 50px;
    line-height: 50px;
}

.chat .el-tabs--left .el-tabs__active-bar {
    background-color: #5DD5D1;
}

.chat .el-tabs--left .el-tabs__item.is-left i {
    margin-right: 10px;
}

/*------劉追加------*/
.chat .el-tabs--left .el-tabs__item.is-left i.el-icon-time,
.chat .el-tabs--left .el-tabs__item.is-left i.el-icon-date{
    margin-right: 0;
}

.chat .el-tree-node__content {
    height: 50px;
}

.chat .chatcontent {
    margin-top: 0;
    list-style: none;
    width: calc(100vw - 400px);
}

.chat .chatcontent .rowfrist {
    margin: 0 auto;
    padding: 0 15px;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    justify-content: space-between;
}
/*------劉追加-----*/
.chat .chatcontent .rowfrist >p{
    display: flex;
    align-items: center;
}


.chat .chatcontent .rowfrist .el-button{
    /*margin-left: 0;*/
    margin-left: 30px; /*------劉改修-----*/
}
.chat .chatcontent .rowfrist .el-button.chat-memeber-add{
    height: 26px;
    width: 26px;
    padding: 0;
    margin: 11px auto;
    margin-left: 30px;
}
.chat .chatcontent .rowfrist h3 {
    font-size: 18px;
}

/*------劉追加-----*/
.chat .chatcontent .rowfrist .talk-user-item-wrap {
    overflow: hidden;
    max-width: calc(100% - 270px);
}

/*ビデオに参加するかどうかのテキストメッセージを表示します。*/
.chat .chatcontent .rowfrist .talk-user-item-wrap.showjoinms{
    max-width: calc(100% - 486px);
}

/*------劉追加-----*/
.chat .chatcontent .rowfrist .talk-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*width: 100%;*/
}

/*------劉追加-----*/
.chat .chatcontent .rowfrist .talk-contents{
    min-width: 35px;
}
.chat .chatcontent .rowfrist .talk-contents {
    font-size: 14px;
    color: #A9A9AB;
}

.chat .chatcontent .rowfrist >p>span span .el-popover {
    top: -20px;
    padding: 10px;
}
.chat .chatcontent .rowfrist >p>span span .el-popover .tab-enterprise{
    /*height: 120px;*/
    height: 160px;/*劉改修*/
}

.chat .chatcontent .rowfrist >p .group-popover .el-popover button{
    margin-top: 10px;
}

.group-person .group-person-add > div {
    /*max-height: 215px;!*------孫追加------*!*/
    max-height: 250px; /*劉改修*/
    overflow-y: auto;/*------孫追加------*/
    text-align: center;
}
.group-person .group-person-add button {
    background-color: #219894;
    border-color: #219894;
}
.group-person .group-person-add button span{
    color: #ffffff;
}

.chat .chatcontent .rowfrist i, .chat .chatcontent .rowsecond i {
    font-size: 32px; /*孫改修*/
    padding: 0 10px; /*孫改修*/
    color: #707070;
}
.chat .chatcontent .rowfrist i, .chat .chatcontent .rowsecond .el-date-editor span.el-input__prefix i{
    color: #ffffff;
}

.popoverto-btngroup .el-button {
    width: 90%;
    margin: 10px 5%;
    background-color: #219894;
    color: #ffffff;
}
.chat .el-tabs__content .chat-list-tabs .el-tabs__item .el-row:focus,
.chat .el-tabs__content .chat-list-tabs .el-tabs__item .chat-group:focus {
    border: 0;
    outline: none;
}

/*------劉追加を開始------*/
.chat .user-profile{
    position: absolute;
    top: 0;
    right: 0;
}

.chatnextpage{
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc((100% - 40px) / 2);
}

.chat .chatcontent .chatnextpage button.el-button{
    border: 0;
    margin-left: 0;
    background: none;
    padding: 0;
}

/*------劉追加------*/
.chat .chatcontent .rowfrist .chatfile-move{
    background-color: #219894;
    border-color: #219894;
    border-radius: 10px;
    margin-left: 20px;
    color: #ffffff;
}

/*------劉追加------*/
.chatfilelist.modal-show {
    display: block;
}

.chatfilelist .modalBody{
    margin-top: 0px;
    margin-left: -350px;
    position: fixed;
    height: 100vh;
    max-height: 100vh;
    top: 50%;
    /*z-index: 2006;*/
    padding: 0;
}
.chatfilelist .modal-close{
    background-color: #ffffff;
    color: #A9A9AB;
    border-radius: 0;
    right: 0;
    top: 21px;
}

.chatfilelist .modalBodycontent{
    /*height: 100vh;*/
    /*max-height: 100vh;*/
    height: calc( 100vh - 40px);
    max-height: calc( 100vh - 40px);
    padding: 0;
    margin-top: 20px;
    border-radius: 0;
}

.chatfilelist .modalBodycontentChatList{
    /*height: 100vh;*/
    /*max-height: 100vh;*/
    height: calc( 100vh - 40px);
    max-height: calc( 100vh - 40px);
    padding: 0;
    margin-top: 20px;
    border-radius: 0;
}
.chatfilelist h3{
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 23px;
}
.chatfilelist .filelistsearch{
    width: 400px;
    height: 60px;
    background-color: #E5E5E5;
    padding: 0px 5%;
    margin-bottom: 10px;
    position: absolute;
}
.taskcontent .el-tabs--left .el-tabs__nav-scroll,
.chatfilelist .el-tabs--left .el-tabs__nav-scroll,
.chat-list-tabs .el-tabs--left .el-tabs__nav-scroll{
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%; /*------劉追加------*/
}
.taskcontent .el-tabs--left .el-tabs__active-bar.is-left{
    display: none;
}

.chatfilelist .el-tabs--left .el-tabs__header.is-left{
    width: 400px;
    height: calc(100vh - 210px);
    top: 60px;
    background-color: #ffffff;
    margin-top: 60px;
}
.chatfilelist .el-tabs--left .el-tabs__item.is-left{
    width: 100%;
    /* border-bottom: 1px solid #E5E5E5; */
    height: 60px;
    line-height: 60px;
}
.chatfilelist .chatfileslist-left{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #29282E;
}
.chatfilelist .chatfileslist-left img{
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.chatfilelist .chatfileslist-left .span-left{
    width: 60%;
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.chatfilelist .el-tabs__content{
    height: calc( 100vh - 90px);
    border-left: 1px solid #E5E5E5;
}
.chatfilelist .el-tabs__content .chatfileslist-right li{
    list-style-type: none;
    padding: 0 15px;
    color: #3E3D42;
}

/*孫追加*/
.chatfilelist .el-tabs__content .chatfileslist-right li:nth-child(2) {
    height: 167px;
    /*padding: 4px 0;*/
    text-align: center; /*劉追加*/
    padding: 15px 0;/*劉改修*/
}

.chatfilelist .el-tabs__content .chatfileslist-right .chatfileslist-right-title {
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    line-height: 50px;
    font-size: 17px;
    color: #29282E;
    word-break: break-all;
}
.chatfilelist .el-tabs__content .chatfileslist-right li img{
    width: 100%;
    /*height: 137px;*/
    /*margin: 15px 0;*//*劉改修*/
    max-width: 280px;/*劉追加*/
    height: 100%;/*劉改修*/
    max-height: 100%;/*劉追加*/
    object-fit: cover;/*劉追加*/
}
.chatfilelist .el-tabs__content .chatfileslist-right .chatfileslist-right-p{
    height: 30px;
    line-height: 30px;
}
.chatfilelist .el-tabs__content .chatfileslist-right .chatfileslist-right-p p{
    font-size: 12px;
    display: inline-block;
}
.chatfilelist .el-tabs__content .chatfileslist-right .chatfileslist-right-p .p-left{
    width: 30%;
    color: #707070;
}
.chatfilelist  .img-doc{
    width: 35px;
    height: 45px;
    padding: 2px;
    background: linear-gradient(225deg, transparent 7px, #ccc 0) bottom left;
}
.chatfilelist  .img-docIn{
    width: 31px;
    height: 42px;
    background: linear-gradient(225deg, transparent 6px, #fff 0) bottom left;
    text-align: center;
    font-size: 16px;
}
.chatfilelist  li .img-doc {
    height: 160px;
    width: 130px;
    margin: 0 auto;
    padding: 2px;
    background: linear-gradient(225deg, transparent 17px, #ccc 0) bottom left;
}
.chatfilelist  li .img-docIn {
    height: 156px;
    width: 126px;
    font-size: 24px;
    padding-top: 100px;
    background: linear-gradient(225deg, transparent 16px, #fff 0) bottom left;
}
/*------劉追加を終了------*/
.chat-model .el-popover{
    position: fixed;
    left: 50%;
    height: 80%;
    margin: 0 auto;
    padding: 0;
    width: 400px;
    bottom: 10%;
}
.chat-popover {
    /*width: 400px;*/
    /*height: 600px;*/
    width: 100%;/*------劉改修------*/
    height: 100%;/*------劉改修------*/
}

.chat-popover .popover-header {
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: #cccccc;
    color: #4b4b4b;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    overflow: hidden;/*------劉追加------*/
    text-overflow: ellipsis;/*------劉追加------*/
    white-space: nowrap;/*------劉追加------*/
    padding: 0 60px;/*------劉追加------*/
    padding-right: 80px;
}

.chat-popover .popover-full-icon {
    position: absolute;
    top: 10px;
    right: 20px
}

.chat-popover .popover-full-icon img {
    width: 20px;
}

.chat-popover .popover-tabs-content {
    width: 100%;
    height: calc(100% - 60px);
}

.chat-popover .popover-tabs-content .popover-content-img {
    height: calc(100% - 60px);
    position: relative;
    padding: 0;
    background-color: #dddddd;
    text-align: center;
}
.chat .chatcontent .rowfrist p .chat-popover .popover-tabs-content .popover-content-img img{
    margin-left: 0;
}
.chat-popover .popover-tabs-content .popover-content-img > div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ChatContactPage .chat-popover .popover-tabs-content .popover-content-img > div>#videoImage{
    height: auto !important;
}

.chat-popover .popover-tabs-content .popover-content-img > div .drawCircle {
    position: fixed;
    width: 40px;
    height: 40px;
    border: 5px solid #C13672;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}
.chat-popover .popover-tabs-content .popover-content-img .addvideo{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}
.chat-popover .popover-tabs-content .popover-content-img .addvideo video{
    width: 33.3333%;
    height: 33.333%;
    padding: 5px;
}
.chat-popover .popover-tabs-content .popover-content-img .imghost {
    width: 100%;
    height: 100%;
}

.chat-popover .popover-tabs-content .popover-content-img .imgguests {
    width: 35%;
    height: 25%;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.chat-popover .popover-content-button {
    position: relative;
    bottom: 0;
    width: 100%;
    background-color: #707070;
    height: 90px;
    line-height: 60px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 20px;
}

.chat .chatcontent .chat-popover .popover-content-button button {
    width: 46px;
    height: 46px;
    border: 0;
    background-size: 46px;
    background-color: #707070;
    margin-left: 0px;
}

.chat-popover .popover-content-button .icon-phone {
    background-image: url(../images/hang-up.png);
}

.chat-popover .popover-content-button .icon-audio-call {
    background-image: url(../images/audio-call.png);
}

.chat-popover .popover-content-button .icon-disaudio-call {
    background-image: url(../images/disaudio-call.png);
}

.chat-popover .popover-content-button .icon-video-call {
    background-image: url(../images/video-call.png);
}

.chat-popover .popover-content-button .icon-disvideo-call {
    background-image: url(../images/disvideo-call.png);
}

.chat-popover .popover-content-button .icon-upload {
    background-image: url(../images/picture.png);
}

.chat-popover .popover-content-button .icon-microphone,
.chat-popover .popover-content-button .icon-microphone.el-button.is-disabled,
.chat-popover .popover-content-button .icon-microphone.el-button.is-disabled:focus,
.chat-popover .popover-content-button .icon-microphone.el-button.is-disabled:hover{
    background-image: url(../images/chat590.png);
}

.chat-popover .popover-content-button .icon-video-camera,
.chat-popover .popover-content-button .icon-video-camera.el-button.is-disabled,
.chat-popover .popover-content-button .icon-video-camera.el-button.is-disabled:focus,
.chat-popover .popover-content-button .icon-video-camera.el-button.is-disabled:hover {
    background-image: url(../images/chat589.png);
}

.chat-popover .popover-content-button .icon-picture-outline{
    background-image: url(../images/chat597.png);
}

.chat-popover .popover-content-button .changed-icon-microphone,
.chat-popover .popover-content-button .changed-icon-microphone.el-button.is-disabled,
.chat-popover .popover-content-button .changed-icon-microphone.el-button.is-disabled:focus,
.chat-popover .popover-content-button .changed-icon-microphone.el-button.is-disabled:hover {
    background-image: url(../images/chat590_off.png);
}

.chat-popover .popover-content-button .changed-icon-video-camera,
.chat-popover .popover-content-button .changed-icon-video-camera.el-button.is-disabled,
.chat-popover .popover-content-button .changed-icon-video-camera.el-button.is-disabled:focus,
.chat-popover .popover-content-button .changed-icon-video-camera.el-button.is-disabled:hover {
    background-image: url(../images/chat589_off.png);
}
.chat-list-file-sharing .upload-demo .chat-list-icon-picture,
.chat-popover .popover-content-button .icon-picture-outline.el-button.is-disabled,
.chat-popover .popover-content-button .icon-picture-outline.el-button.is-disabled:focus,
.chat-popover .popover-content-button .icon-picture-outline.el-button.is-disabled:hover {
    background-image: url(../images/chat597_off.png);
}

.chat .chatcontent .chat-popover .popover-content-button .upload-demo-file .el-button i {
    padding: 6px;
    color: #ffffff;
    font-size: 28px;
}

.chat .chatcontent .chat-popover .popover-content-button .upload-demo-file .el-button {
    font-size: 28px;
    background: #219894;
    color: #ffffff;
    text-align: center;
    padding: 3px;
}

.chat .chatcontent .chat-popover .popover-content-button .upload-demo-file .el-button.is-disabled,
.chat .chatcontent .chat-popover .popover-content-button .upload-demo-file .el-button.is-disabled:focus,
.chat .chatcontent .chat-popover .popover-content-button .upload-demo-file .el-button.is-disabled:hover {
    background: #ffffff;
    color: #219894 !important;
}

.chat .chatcontent .chat-popover .popover-content-button .upload-demo-file .el-button.is-disabled i{
    color: #707070;
}

.chat-popover .el-tabs__nav .el-tabs__item img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 46px;
    width: 46px;
    padding: 0;
}

.chat-popover.is-fullscreen {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
}

.chat-popover.is-fullscreen .popover-tabs-content .el-tabs .el-tabs__content {
    height: 100%;
}

.chat-popover.is-fullscreen .popover-tabs-content .popover-content-img {
    height: 100%;
    margin-bottom: 0;
}

.chat-popover.is-fullscreen .popover-tabs-content .popover-content-img .imghost {
    width: 70%;
}

.chat-popover.is-fullscreen .popover-tabs-content .popover-content-img .imgguests {
    width: 20%;
    position: absolute;
    right: 2.5%;
    bottom: 2.5%;
}
.chat-popover.is-fullscreen .popover-tabs-content .popover-content-img .imgguests .imghost{
    width: 100%;
}

.chat-popover.is-fullscreen .popover-tabs-content .popover-content-img > div .drawCircle {
    position: fixed;
    width: 130px;
    height: 130px;
    border: 8px solid #C13672;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}

.chat-popover.is-fullscreen .popover-content-button {
    position: absolute;
    width: 36%;
    left: 32%;;
    bottom: 0;
}

.chat-popover.is-fullscreen .popover-content-button {
    border-radius: 30px;
}

.chat .chatcontent .rowsecond {
    /*overflow: auto;*/
    overflow-y: auto;/*------劉改修------*/
    overflow-x: hidden;/*------劉改修------*/
    /*height: calc(100vh - 390px); !*孫改修*!*//*#2173*/
    margin: 0 auto;
    padding: 0px 40px;
    font-size: 14px;
}

.chat .chatcontent .rowsecond li {
    width: calc( 100vw - 480px);/*------劉追加------*/
    margin: 20px auto;
    position: relative;
    padding-bottom: 10px;
}

/*------劉追加------*/
.demo_line_03 {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

/*------劉追加------*/
.demo_line_03 b {
    background: #ddd;
    display: inline-block;
    width: calc(50% - 65px);
    height: 1px;
    _overflow: hidden;
}

/*------劉追加------*/
.demo_line_03 span {
    display: inline-block;
    width: 120px;
    text-align: center;
}

.chat .chatcontent .rowsecond .button-group {
    width: 100%;
}

.chat .chatcontent .rowsecond .button-group .el-button-group {
    /*position: relative;*/
    /*float: right;*//*------劉改修------*/
    position: absolute;/*------劉改修------*/
    right: 0;/*------劉改修------*/
    bottom: 10px;/*------孫追加------*/
    border-color: #A9A9AB;
}
/*------孫追加------*/
.button-group .el-button-group>.el-button.is-active,
.button-group .el-button-group>.el-button.is-disabled,
.button-group .el-button-group>.el-button:active,
.button-group .el-button-group>.el-button:focus,
.button-group .el-button-group>.el-button:hover {
    z-index: 0 !important;
}
.chat .chatcontent .rowsecond .button-group .el-button-group .el-button {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.chat .chatcontent .rowsecond .button-group .el-button-group button {
    background-color: #A9A9AB;
    border-color: #E5E5E5;;
    font-size: 14px;
    padding: 0;
    /* width: 100px; */
    width:30px;
    height: 32px;
    line-height: 30px;
}
.chat .chatcontent .rowsecond .button-group .el-button-group .el-popover button{
    background-color: #219894;
    border-color: #219894;
    color: #ffffff;
}
.chat .chatcontent .rowsecond .button-group .el-button-group .el-button img {
    width: 20px;
    height: 20px;
    margin: 5px;
}

.chat .chatcontent .rowsecond .button-group .el-button-group button:hover {
    background-color: #5DD5D1;
}

.chat .chatcontent .rowsecond .button-group .el-button-group button i {
    font-size: 14px;
}

.chat .chatcontent .rowlast .chatcontentbuttom {
    /*position: fixed;*//*------劉改修------*!*/
    position: relative ;
    bottom: 0px;
    /*left: 400px;*/ /*------劉改修------*!*/
    left: 0;
    /*width: calc(100% - 400px) !important;*/ /*------劉改修------*!*/
    width:100% !important;
    background-color: #ffffff;
    /*padding: 0 40px;!*------劉改修------*!*/
    padding: 0 35px;
}

/*孫追加*/
.chat .chatcontent .rowsecond .el-popover {
    top: 32px;
}

.chat .chatcontent .rowsecond .el-popover .popover-button {
    display: flex;
    justify-content: space-around;
}

.chat .chatcontent .rowsecond .el-popover div .el-button {
    margin-top: 20px;
}

.chat .chatcontent .rowsecond .el-popover div .el-input .el-input__inner {
    padding-left: 35px;
}

.chat .chatcontent .rowsecond .el-popover .popover-head {
    padding: 5px 0;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #e2e3e5;
    border-radius: 4px;
    font-size: 16px;
}

.chat .chatcontent .rowsecond i.el-input__icon {
    font-size: 18px;
}


.chat .chatcontent  .button-group .el-button-group .el-button > span{
    display: flex;
    justify-content: center;
    align-items: center;
}

.chat .upload-demo {
    text-align: left;/*孫追加*/
}
/*------劉追加------*/
.chat .upload-demo .el-upload{
    display: flex;
}
.chat .upload-demo-file{
    height: 46px;
    width: 46px;
}

.popoverto-input.popoverto-input-search {
    position: absolute;
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
}

.popoverto-tabs .el-tabs__content .toChoice{
    overflow: auto;
    max-height: 300px;
}

.popoverto-tabs .el-tabs__content .toChoice span{
    overflow: hidden;
    white-space: nowrap;
    max-width: 280px;
    text-overflow: ellipsis;
}

.popoverto-tabs .el-tabs__content .el-tab-pane {
    /*margin-top: 40px;*/
    margin-top: 10px;/*------劉改修------*/
    overflow: auto;
    height: 200px;
}

.popoverto-tabs .el-tabs__content .el-tab-pane .popover-checkbox li {
    padding: 0;
}

.popoverto-input .el-input__inner {
    border: 2px solid #E5E5E5;
    height: 33px;
    line-height: 30px;/*Mac--Safari*/
}

.popoverto-input .el-input.is-active .el-input__inner, .popoverto-input .el-input__inner:focus {
    border-color: #E5E5E5;
    outline: 0;
}

.popoverto-input .el-icon-search {
    margin: 20px auto;
    border-color: #219894;
}

.popoverto-input .el-icon-search:before {
    color: #219894;
}

.popoverto-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
    background-color: #219894;
    color: #ffffff;
}

.popoverto-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    background-color: #219894;
    color: #ffffff;
    /*border: 0;*//*------孫改修------*/
}

.popoverto-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    background-color: #E5E5E5;
    color: #707070;
    border: 0;
}
.group-person .el-tabs__nav.is-top {
    width: 100%;
}
.group-person .popoverto-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item{
    width: 34%;
    text-align: center;
    font-size: 12px;
    padding: 0px !important;
}
.popoverto-tabs {
    /* background-color: #E5E5E5; */
    border-radius: 5px;
    /*margin-top: 15px;*/
}

.popoverto-tabs .el-tabs__content .el-tab-pane p {
    height: 40px;
    line-height: 40px;
}

.chat .chatcontent .rowsecond h4 .talk-name {
    font-size: 16px;
    color: #3E3D42;
}

/*孫追加*/
.chat .chatcontent .rowsecond h4 .talk-contents {
    font-size: 14px;
    color: #A9A9AB;
}

.chat .chatcontent .rowsecond p {
    color: #29282E;
    margin-left: 40px;
    padding: 0 20px;
    line-height: 22px;
    word-wrap: break-word;
}

.chat .chatcontent .rowsecond .addfile {
    height: 100px;
    line-height: 100px;
    border: 1px solid #A9A9AB;
    border-radius: 5px;
    padding: 18px;
    margin: 15px auto;
}

.chat .chatcontent .rowsecond p img {
    width: 64px;
    height: 64px;
}

.chat .chatcontent .rowsecond .addfile a {
    width: calc(100% - 80px);
    line-height: 64px;
    height: 64px;
    float: right;
    color: #2F64CE;
}

.chat .talk-item-wrap .el-button--primary-left {
    width: 80%;
    height: 35px;
    line-height: 25px;
    background-color: #E5E5E5;
    border-color: #E5E5E5;
    text-align: right;
    padding: 5px 12px;
    border-radius: 5px;
    color: #3E3D42;
    cursor: default;
}

/*------劉追加-----*/
.chat .talk-item-wrap .el-button--primary-left:hover{
    opacity: 1;
}

.chat .talk-item-wrap .el-button--primary-left span {
    width: 100%;
}

.chat .talk-item-wrap .el-button--primary-left span button {
    border: 0;
    background: none;
    padding: 0;
    float: left;
    line-height: 25px;
    margin-left: 20px; /*------劉追加------*/
}

.chat .talk-item-wrap .el-button--primary-left i {
    font-size: 20px;
    float: left;
    color: #707070;
    padding: 0 5px;
}

.chat .talk-item-wrap .el-button--primary-right {
    /*width: 18%;*/
    width: calc( 20% - 6px);/*------劉改修------*/
    height: 35px;
    line-height: 25px;
    padding: 5px 12px;
    background-color: #219894;
    border-color: #219894;
    border-radius: 10px;
    margin-left: 0;
}

.chat .talk-item-wrap .el-button--primary-right-disabled {
    width: calc(20% - 6px);
    height: 35px;
    line-height: 25px;
    padding: 5px 12px;
    background-color: #A9A9AB;
    border-color: #A9A9AB;
    border-radius: 10px;
    margin-left: 0;
}

.chat .chat-contants-wrap .talk-contents textarea {
    color: #219894;
}

.chat .taskcontent .el-tabs__content {
    line-height: 40px;
}

/*.chat .taskcontent .el-tabs__content .chatcontent ul {*/
/*min-width: 700px;*//*------孫改修------*/
/*}*/

.chat .taskcontent.el-tabs--card > .el-tabs__header .el-tabs__item {
    width: 200px;
    height: 40px;
    padding: 0 10px;
    background-color: #E5E5E5;
    color: #707070;
}

.chat .taskcontent.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
    background-color: #219894;
    border-color: #219894;
    color: #ffffff;
}

.chat .taskcontent .el-radio-group {
    /*padding-left: 15px;*/
    padding-left: 0;/*------劉改修------*/
}

.chat .taskcontent .el-tabs__content .el-radio {
    height: 40px;
    line-height: 40px;
    margin-right: 10px;/*------劉改修------*/
}

/*------劉追加------*/
.chat .taskcontent .el-tabs__content .el-radio .el-radio__label{
    padding-left: 5px;
}

.chat .taskcontent .el-radio__input.is-checked .el-radio__inner {
    border-color: #219894;
    background: #219894;
}

.chat .taskcontent .el-radio__input.is-checked + .el-radio__label {
    color: #707070;
}
/*------劉追加------*/
.chat .chatTaskFlow.el-tabs--left .el-tabs__header.is-left{
    /*width: 400px;*/
    width: 300px;/*------劉改修------*/
    height: calc( 100vh - 210px);
}

.chat .taskcontent .el-tabs__content .el-tabs--left .el-tabs__item.is-left {
    height: auto;
    line-height: 30px;
    /*width: 400px;*/
    width: 300px;/*------劉改修------*/
    border-bottom: 1px solid #fff;
}

.chat .taskcontent .el-tabs__content .el-tabs--left .el-tabs__item.is-left span {
    color: #29282E;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;/*------劉改修------*/
    max-width:260px;
}
/*------劉追加------*/
.chat .taskcontent .el-tabs__content .el-tabs--left .el-tabs__item.is-left span .chatTask-users{
    text-align: right;
}
/*------劉追加------*/
.chat .taskcontent .el-tabs__content .el-tabs--left .el-tabs__item.is-left span .note{
    height: auto;
    /*max-height: 90px;*/
    max-height: 100px;/*------劉改修------*/
    overflow: hidden;
    /*line-height: 30px;*/
    line-height: 25px;/*------劉改修------*/
    word-break: break-word;
}

.chat .taskcontent .el-tabs__content .el-tabs--left .el-tabs__item.is-left span span {
    float: right;
    margin-top: 5px;/*孫追加*/
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 5px;/*孫改修*/
    background-color: #D2F1F0;
    color: #29282E;
}

.chat .taskcontent .chatcontent {
    /*width: calc(100vw - 500px);*/
    width: calc(100vw - 400px);/*------劉改修------*/
    height: calc( 100vh - 130px);
    position: fixed;
    /*z-index: 999999;*//*------劉改修------*/
    top: 130px;
    /*left: 500px;*/
    left: 400px;/*------劉改修------*/
    padding:15px 15px 0 15px;
    overflow-x: auto;
}

.chat .taskcontent .chatcontent .chattask-header{
    font-size: 16px;
}

.chat-search-all .rowfrist h3,
.chat .taskcontent .chatcontent .rowfrist h3 {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #29282E;
    display: initial;
}

/*------劉追加------*/
.chat-search-all .rowfrist h3 i,
.chat .taskcontent .chatcontent .chattask-header .rowfrist h3 i{
    font-size: 18px;
    font-weight: bold;
}
.chat-search-all .rowfrist .el-button.is-round,
.chat .taskcontent .chatcontent .rowfrist .el-button.is-round {
    padding: 0 10px;
    border-radius: 5px;
    border-color: #3E3D42;
}

.chat-search-all .rowfrist .el-button.is-round span,
.chat .taskcontent .chatcontent .rowfrist .el-button.is-round span {
    height: 26px;
    line-height: 26px;
    width: 84px;
}
.chat-search-all .rowcontent,
.chat .taskcontent .chatcontent .rowcontent {
    margin: 10px auto;
    padding: 15px;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
}

.chat-search-all .rowcontent li,
.chat .taskcontent .chatcontent .rowcontent li {
    font-size: 14px;
    line-height: 26px;
}
/*------劉追加------*/
.chat-search-all .rowcontent li p,
.chat .taskcontent .chatcontent .rowcontent li p{
    word-break: break-word;
}

.chat .taskcontent .chatcontent .rowbuttom {
    padding: 0 15px;/*------劉改修------*/
    width: 95%;
    margin: 10px auto;/*------劉改修------*/
    position: absolute;
    /*bottom: 100px;*//*------劉改修------*/
    display: flex;/*------劉改修------*/

}

.chat .taskcontent .chatcontent .rowbuttom .buttonleft {
    /*width: 30%;*/
    width: 35%;/*------劉追加------*/
    background-color: #A9A9AB;/*------劉追加------*/
    color: #ffffff; /*------劉追加------*/
    margin-bottom: 10px;/*------劉改修------*/
}
.chat .taskcontent .chatcontent .task-finish  .buttonleft {
    width: 18%;/*------孫追加------*/
}
/*------劉追加------*/
.chat .taskcontent .chatcontent .rowbuttom .buttonleft a{
    color: #ffffff;
}

.chat .taskcontent .chatcontent .rowbuttom .buttonright {
    width: 55%;/*------孫改修------*/
    background-color: #219894;
    color: #fff;
    margin-bottom: 10px;
    margin-left: 40px;/*------孫追加------*/
}
.chat .taskcontent .chatcontent .task-finish  .buttonright {
    width: 37%;/*------孫追加------*/
    margin-left: 2%;/*------孫追加------*/
}
.chat .taskcontent .chatcontent .rowbuttom span {
    font-size: 20px;
    font-weight: bold;
}

.chat-search-all .rowfrist .block,
.chat .taskcontent .chatcontent .rowfrist .block {
    display: inline-block;
}

.chat .taskcontent .addtask {
    top: 160px;
}

.chat-search-all .rowcontent,
.chat-search-all .rowfrist,
.chat .taskcontent .addtask .rowfrist, .chat .taskcontent .addtask .rowcontent {
    border-bottom: 0;
}

.chat-search-all .rowfrist,
.chat .taskcontent .addtask .rowfrist {
    height: 50px;
    line-height: 50px;
}

.chat-search-all .rowfrist i,
.chat .taskcontent .addtask .rowfrist i {
    font-size: 16px;
    color: #219894;
}

.chat-search-all .rowfrist .block .el-date-editor .el-input__prefix,
.chat .taskcontent .addtask .rowfrist .block .el-date-editor .el-input__prefix {
    right: 5px;
    left: auto;
}

.chat-search-all .rowcontent .el-textarea__inner,
.chat .taskcontent .addtask .rowcontent .el-textarea__inner {
    border: 3px solid #E5E5E5;
    border-radius: 5px;
}

.chat .taskcontent .chatcontent.el-date-editor .el-input__inner {
    padding-left: 60px;
}

.chat-search-all .rowfrist,
.chat .taskcontent .chatcontent .rowfrist {
    display: initial;;
    border: 0;
}

.chat-search-all .chattask-bearer,
.chat-search-all .chattask-dependent,
.chat .taskcontent .chatcontent .chattask-bearer,
.chat .taskcontent .chatcontent .chattask-dependent,
.chat .taskcontent .chatcontent.chattask-creat .chattask-creat-bearer{
    padding: 15px;
    padding-bottom: 0;
    display: inline;
}

.chat-search-all .chattask-bearer button,
.chat .taskcontent .chatcontent .chattask-bearer button {
    border-color: #3E3D42;
    border-radius: 5px;
    padding: 5px;
}

.chat-search-all .chattask-bearer span,
.chat .taskcontent .chatcontent .chattask-bearer span {
    margin: 0 10px;
}

.chat-search-all .chattask-bearer span span,
.chat .taskcontent .chatcontent .chattask-bearer span span {
    border: 1px solid #3E3D42;
    border-radius: 5px;
    padding: 0 5px;
}

.chat-search-all .chattask-bearer span .el-input__inner,
.chat .taskcontent .chatcontent .chattask-bearer span .el-input__inner {
    padding: 12px;
}

.chat-search-all .chattask-dependent button,
.chat .taskcontent .chatcontent .chattask-dependent button {
    border: 0;
}

/*------劉追加------*/
.chat-search-all .chattask-bearer button,
.chat .taskcontent .chatcontent.chattask-creat .chattask-bearer button{
    background-color: #219894;
    border-color: #219894;
    color: #ffffff;
}

/*!*------劉追加------*!*/
.chat .taskcontent .chatcontent.chattask-creat .chattask-creat-bearer button{
    font-size: 16px;
    background-color: #ffffff;
    border-color: #ffffff;
    color: #219894;
}

/*!*------劉追加------*!*/
.chat .taskcontent .chatcontent.chattask-creat .chattask-creat-bearer span button{
    font-size: 14px;
    background-color: #E5E5E5;
    border-color: #E5E5E5;
    color: #3E3D42;
    padding: 5px 10px;
    margin-left: 10px;
}

/*!*------劉追加------*!*/
.chat .taskcontent .chatcontent.chattask-creat .chattask-creat-bearer button .el-icon-plus:before{
    font-weight: bold;
}
/*------劉追加------*/
.chat .taskcontent .chatcontent.chattask-creat .rowfrist .block .el-date-editor.el-input .el-input__inner{
    font-size: 16px;
}

/*------劉追加------*/
.chat .taskcontent .chatcontent.chattask-creat .rowfrist .block .el-date-editor.el-input .el-input__prefix{
    /*left: auto;*/
    /*right: 10px;*/
    line-height: 40px;
    margin: 4px auto;
    margin-left: 180px;
}
/*------劉追加------*/
.chat .taskcontent .chatcontent.chattask-creat .rowfrist .block .el-form-item__content{
    display: inline-block;
}

/*------劉追加------*/
.chat .taskcontent .chatcontent.chattask-creat .rowfrist .block .el-form-item{
    margin-bottom: 10px;
}

/*------劉追加------*/
.chat .taskcontent .chatcontent.chattask-creat .rowfrist .block .el-date-editor.el-input .el-input__prefix:nth-child(4){
    display: none;
}
.chat .taskcontent .chatcontent.chattask-creat .rowfrist i{
    /*width: 30px;*/
    /*height: 30px;*/
    padding:0;/*------劉追加------*/
    font-size: 20px;/*------劉追加------*/
}

.chat .el-table tr {
    background: #D1D1D1;
    line-height: 50px;
    height: 50px;
}

.chat .el-table tr:nth-child(2n) {
    background: #F2F2F2;
}

.chat .contactcontent.chatcontent .rowsecond .el-button {
    background-color: #219894;
    border-radius: 10px;
    margin-left: 20px; /*孫改修*/
}

.chat .contactcontent.chatcontent .rowsecond .el-button span {
    color: #FFFFFF;
}

.chat .contactcontent.chatcontent .rowsecond .el-table thead {
    display: none;
}

.chat .contactcontent.chatcontent .rowsecond .el-table_1_column_1 {
    text-align: center;
    border-right: 1px solid #ffffff;
    width: 30%;
}

.chat .chatpersonContent .common-view {
    width: 300px; /*孫追加*/
    min-width: 300px; /*孫追加*/
}

.common-view .chatcontent.content table .tdLeft {
    text-align: center;
    padding-right: 0;/*------劉追加-----*/
}


.common-view .chatcontent.content table .tdRight {
    word-break: break-all;
}

.common-view .chatcontent.content table .tdRight span {
    padding-right: 20px;
}

/*------劉追加-----*/
.popover-div .chatListadd.el-form-item{
    margin: 10px 0;
}

.popover-button {
    position: fixed;
    bottom: 20px;
    left: 150px;
}

.popover-div button, .popover-div p, .popover-div input {
    font-size: 16px;
}

.popover-div .popover-div-li {
    background-color: #E5E5E5;
}

.popover-div li {
    list-style-type: none;
    text-align: center;
    /*margin: 7px auto;*/
    padding: 8px 0;
    font-size: 16px;
}

.popover-div .popover-li .el-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.popover-div .popover-li .el-row .avatar-uploader {
    margin-left: 30px;
}

.popover-div li button {
    background-color: #219894;
    color: #ffffff;
    width: 100%;/*------劉追加-----*/
}

/*------劉追加-----*/
.popover-div li button:hover {
    background-color: #219894;
    color: #ffffff;
}

.popover-div .popover-img {
    background-color: #ffffff;
}

.popover-div .popover-img div {
    display: inline-block;
}

.popover-div .popover-img .avatar-uploader {
    float: right;
}

.popover-div .popover-img .el-button {
    background-color: #219894;
    color: #ffffff;
}

.popover-div .popover-img .el-button:focus, .popover-div .popover-img .el-button:hover,.account-create .el-button:focus, .account-create .el-button:hover {
    color: #ffffff;
    border-color: #219894;
    background-color: #219894;
}

.popover-div .popoverto-tabs .el-tabs__nav {
    width: 100%;
}

.popover-div .popoverto-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    width: 33.33%;
    margin-left: 0;
    font-size: 13px;
    text-align: center;
    vertical-align: top;
}

.popover-div .popoverto-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2){
    padding: 0;
}

.popover-div .content-popover.el-tabs--border-card > .el-tabs__header .el-tabs__item {
    /* padding: 0px !important; */
    text-align: center;
}

.popover-div li img {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    object-fit: cover;/*劉追加*/
}

.popover-div .el-checkbox {
    margin: 5px auto;
    display: flex;
    align-items: center;
}

.popover-div .el-checkbox .el-checkbox__label {
    display: flex;
    align-items: center;
}

.popover-div .popover-checkbox p {
    display: flex; /*孫追加*/
    align-items: center; /*孫追加*/
}

.popover-div .popover-checkbox p img {
    margin-right: 10px; /*孫追加*/
    object-fit: cover;/*劉追加*/
}

.popover-div .popover-checkbox img {
    width: 30px;
    height: 30px;
    float: left;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.popover-div .popover-checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
.popover-div .popover-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #219894;
    border-color: #219894;
}

.popover-div .popover-checkbox .el-checkbox__inner:hover, .popover-div .popover-checkbox .el-checkbox__inner:focus,
.account-list .el-checkbox__inner:hover, .account-list .el-checkbox__inner:focus {
    border-color: #219894 !important;
}

.popover-div .popover-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #219894;
}

.popoverto-tabs .el-tabs__content .el-tab-pane .popover-table .el-table__header-wrapper {
    display: none;
}

.v-modal {
    display: none;
}

.scheduleadd .el-form {
    min-width: 800px;
}

/*------劉追加------*/
.scheduleadd .scheduleaddform .el-form-item__content{
    margin-left: 0 !important;
}

/*------劉追加------*/
.commonAll .common-wrapper .common-view .scheduleadd .scheduleaddform .scheduleadd-fristdata{
    padding-left: 0;
}

/*------劉追加------*/
.scheduleadd .el-date-editor.el-input, .scheduleadd .el-date-editor.el-input__inner{
    width: 200px;
}

/*------劉追加------*/
.scheduleadd .el-form .myInput .scheduleaddand{
    margin: 0 10px;
}
/*------劉追加------*/
.commonAll .common-view .scheduleadd .el-form-item__error{
    padding-left: 0;
}
/*------劉追加------*/
.scheduleadd .display-checkbox .el-form-item__content{
    margin-left: 180px !important;
}
.scheduleadd .padding-model .el-checkbox:first-child{
    margin-left: 30px;
}

.scheduleadd .display-checkbox input {
    display: none;
}
/*------劉追加------*/
.scheduleadd .scheduleaddform-time .el-input__prefix .el-icon-time{
    display: none;
}

.scheduleadd .dayWidth {
    width: 140px;
}

.schedule .scheduleadd .el-checkbox {
    margin-left: 0;
    color: #969696;
}

/*------劉追加------*/
.commonAll .common-view .scheduleadd .myInput.repeatTypename .el-form-item__label{
    width: auto !important;
}

/*------劉追加------*/
.commonAll .common-view .scheduleadd .myInput.repeatTypename  .el-form-item__content{
    justify-content: flex-start;
    margin: 0 !important;
}


.schedule .dataAndIcon .scheduleadd  .el-date-editor--time-select {
    width: 150px;
    padding: 0 !important;
}

.scheduleadd .el-form .myInput {
    width: calc(100% - (0.25 * (100% - 170px)) + 120px);/*------劉改修------*/
    min-width: 800px;/*------劉追加------*/
    margin: 0;
    padding: 0;
}

.scheduleadd .el-form .myInput > div {
    /*margin: 10px 0 20px 0;*//*------劉改修------*/
    display: flex;
    justify-content: flex-start;
    line-height: 40px;
}

.scheduleadd .el-form .myInput > div .el-input--prefix .el-input__inner {
    padding: 0;
    text-align: left;
}

/*------劉追加------*/
.scheduleadd .el-form .lander{
    text-align: right;/*------劉改修------*/
    line-height: 30px; /*------劉追加------*/
    font-size: 15px;
}

.commonAll .common-wrapper .common-view .content.scheduleadd .el-form .myInpu .el-input__inner {
    width: 100%;
}

.commonAll .common-wrapper .common-view .content.scheduleadd .el-date-editor span.el-input__prefix {
    display: contents;
}

.schedule .scheduleadd .formStyle .el-icon-arrow-up:before {
    border-bottom-color: #219894;
}

.commonAll .common-wrapper .common-view .content .formStyle.schedule-creat-form{
    padding-top: 42px;
}

.schedule .schedulecreat-selsect {
    width: 75%;
    display: flex;
    /*justify-content: space-between;*/
}

/*------孫追加------*/
.schedule .schedulecreat-selsect .el-select .el-input__inner,.schdeulecreat-input .el-input__inner {
    width: 100% !important;
}
/*------孫追加------*/
.schedule .schedulecreat-selsect .el-input__suffix, .schdeulecreat-input .el-input__suffix{
    right: 0px !important;
}

.schedule .calendar-mini-item {
    text-align: center;
}

.schedule .zss-text-hover {
    color: #A9A9AB;
}

.schedule .zss-text-hover.zss-text-year {
    color: #29282E;
}

/*------劉追加------*/
.schedule .schedule-org-main-wrap .calendar-org-week-wrap:nth-child(8n+2){
    color: #ef3b2c;
}
/*------劉追加------*/
.schedule .schedule-org-main-wrap .calendar-org-week-wrap:nth-child(8n){
    color: #00acb3;
}


/*------劉追加を終了------*/

/*------scheduleModal------*/

.schedule .customer-search-modal-mask {
    /*position: fixed;*//*------劉改修------*/
    /*z-index: 9998;*//*------劉改修------*/
    /*top: 0;*//*------劉改修------*/
    /*left: 0;*//*------劉改修------*/
    /*width: 100%;*//*------劉改修------*/
    /*height: 100%;*//*------劉改修------*/
    /*background-color: rgba(0, 0, 0, .5);*//*------劉改修------*/
    display: table;
    transition: opacity .3s ease;
}

.schedule .zss-panel-body .calendar-mini-wrap {
    padding-top: 0px;
}

.schedule .zss-date-picker > .zss-date-input {
    width: 100%;
    height: 100%;
    border: 0;
    box-sizing: border-box;
    padding: 0 20px;
    outline: none;
    font-size: 16px;
    color: #414141;
}

.schedule .zss-date-picker > .zss-picker-model {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .5);
}

.schedule .zss-date-picker > .zss-picker-model > .zss-panel {
    margin: 0 auto;
    width: 600px;
    height: 640px;
    background: #FFF;
    padding: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
}

.schedule .zss-panel > .zss-panel-header {
    display: flex;
    /*height: 60px;*/
    /*line-height: 60px;*/
    height: 40px; /*------劉改修------*/
    line-height: 40px; /*------劉改修------*/
    border-bottom: 1px solid #E6E6E6;
    background: #EEE;
}

.schedule .zss-date-year {
    background: #FFF;
    flex: 1;
    height: 60px;
}

.schedule .zss-date-prev {
    flex: 1;
    cursor: pointer;
}

.schedule .zss-date-text {
    flex: 1;
    cursor: pointer;
}

.schedule .zss-date-next {
    flex: 1;
    cursor: pointer;
}

.schedule .zss-text-hover {
    transition: color .3s;
    font-size: 20px;
    display: inline-table;
}

.schedule .zss-text-hover:hover {
    color: #25b864;
}

.schedule .zss-panel-body {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    margin-bottom: 20px; /*------劉追加------*/
}

.schedule .zss-month-box {
    overflow: hidden;
    /*padding: 30px 0;*/
    padding: 0px;
    margin: 0px;
    display: flex; /*------劉追加------*/
    /*align-items: center; !*------劉追加------*!*/
    height: 250px;/*------劉追加------*/
}

.schedule .zss-month-box .zss-date-prev,.schedule .zss-month-box .zss-date-next{
    display: flex;
    align-items: center;
}

.schedule .zss-month {
    /*width: 150px;*/
    /*height: 130px;*/ /*------劉改修------*/
    width: 30%; /*------劉改修------*/
    margin: 0 20px; /*------劉追加------*/
    float: left;
    cursor: pointer;
}


/*------張追加------*/
.commonAll .common-wrapper .common-view .content .myInput .el-input__inner {
    font-size: 16px;
}

.commonAll .common-wrapper .common-view .content .fontWeight .el-textarea__inner {
    font-size: 16px;
    /* font-weight: bold; */
    font-family: unset;
    color: #29282E;
}

/*孫追加 改  ページ */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #9dc815 !important;
    color: #FFF !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    margin: 0 10px !important;
    background-color: #fff !important;
    color: #222 !important;
}

.el-pagination.is-background .el-pager li:hover {
    background-color: #9dc815 !important;
    color: #FFF !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.el-pagination.is-background .btn-next:hover, .el-pagination.is-background .btn-prev:hover {
    color: #9dc815 !important;
}

/*孫追加 */
.menuis-active {
    background-color: #5dd5d1 !important;
    color: #fff !important;
}

.popover-type .el-popover {
    display: flex;
}

.commonAll .common-wrapper .common-view .content .update-form-shadow {
    box-shadow: none;
    width: 700px;
    min-width: 700px !important;
}

.imgUpload .img-button {
    color: #219894;
    text-decoration: underline;
}

.form-group .p-tip {
    padding-left: 30px;
}

.updateFormStyle .el-form-item .enterprise-img {
    width: 75px;
    height: 75px;
    margin-right: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    object-fit: cover;/*------劉追加------*/
}

.form-item-img .imgUpload {
    display: inline-block;
}
.common-view.modal-view {
    width: 700px;
    min-width: 700px !important;
}
.modal-view .pro-button .modoru {
    width: 32%;
    height: 65px;
    line-height: 65px;
    float: left;
    font-size: 20px;
    background-color: #A9A9AB;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    margin-right: 0;
}

.modal-view .pro-button .nextPage {
    width: 68%;
    height: 65px;
    line-height: 65px;
    font-size: 20px;
    background-color: #219894;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
}

.participant-name {
    display: inline-block;
}

.mail-modal .el-input__inner:focus, .mail-modal .el-textarea__inner:focus {
    border: 1px solid #219894 !important;
}

.mail-modal .modalBodycontent {
    padding: 20px 80px !important;
}

.mail-modal .modalBodycontent .el-form {
    height: 200px;
}

.mail-modal .el-tag.el-tag--info {
    font-size: 18px;
    margin-right: 10px;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    color: #707070;
    object-fit: cover;/*------劉追加------*/
}
.mail-modal .el-tag.el-tag--info span {
    display: inline-block;
    max-width: 480px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mail-modal .el-tag .el-icon-close {
    top: -10px;
}
.mail-modal .email-form {
    max-height: 120px;
    overflow-y: auto;
}

/*------劉追加------*/
.modalBody.mail-modal .email-input .el-input__inner{
    border: 2px solid #5DD5D1;
}

.mail-modal .el-button, .mail-modal .el-button:focus, .mail-modal .el-button:hover {
    margin-top: 30px;
    width: 70%;
    height: 50px;
    font-size: 20px;
    background: #219894;
    border-radius: 0px;
    color: #fff;
    font-weight: 600;
}

.mail-modal .el-button.is-disabled, .mail-modal .el-button.is-disabled:focus, .mail-modal .el-button.is-disabled:hover {
    background-color: #e5e5e5;
    color: #fff;
    font-weight: 600;
}

.mail-modal .button-wrap .button-lower {
    width: 100% !important;
}

.invite-form .customertable {
    /*margin: 0 5% !important;*/
    margin:0 auto !important;/*------劉改修------*/
    padding-bottom: 0 !important;

}

.invite-form .customertable .table-scroll {
    /*height: 600px;*/
    height:  calc( 100vh - 262px);/*------劉改修------*/
    overflow-y: auto;
    /*padding-right: 10px;*//*------劉改修------*/
}

.invite-form .customertable .table-scroll .el-checkbox__inner {
    z-index: 0;
}
.invite-form .customer-li{
    width: 20%;
    /*text-align: center;*//*------劉改修------*/
}

/*------劉改修------*/
.customerlist .customer-wrapper.invite-form{
    margin-top: 60px;
}
.invite-form .customer-li:nth-child(4) {
    width: 30%;
}
.invite-form .customer-li:nth-child(2) {
    width: 10%;
}
.invite-form .btns .to-confirmed {
    width: 65px;
    height: 20px;
    background-color: #5dd5d1;
    color: #fff;
    font-size: 13px;
    padding: 2px 5px;
}
/*#3125*/
.invite-form .btns .not-confirmed {
    width: 65px;
    height: 20px;
    background-color: #ff5e3c;
    color: #fff;
    font-size: 13px;
    padding: 2px 5px;
}

/*#2339*/
.invite-inf {
    position: absolute;
    top: -60px;
    right: 5%;
}

.invite-inf button {
    box-shadow: none;
    border: 1px solid #9dc815;
    background-color: #ffffff;
}

.invite-inf button:focus {
    outline: none;
}

.invite-inf button.power {
    color: #ffffff;
    background-color: #9dc815;
}/*#2339*/

.invite-form ::-webkit-scrollbar, .email-form::-webkit-scrollbar,.modalBodyCustomer ::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}

.invite-form ::-webkit-scrollbar-thumb, .email-form::-webkit-scrollbar-thumb,.modalBodyCustomer ::-webkit-scrollbar-thumb{
    background: #e5e5e5;
    border-radius: 5px;
}

.invite-form ::-webkit-scrollbar-track, .email-form::-webkit-scrollbar-track,.modalBodyCustomer ::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.1);
    border-radius: 5px;
}

.partner h1{
    background-image: url(../images/icon-partner-title.png);
}

.partner {
    background-image: url(../images/icon-partner.png);
}

.friend h1{
    background-image: url(../images/icon-friend.png);
}

.item h1{
    background-image: url(../images/title-setting-icon.png);
}

.enterprise-reset .modal-content-head {
    text-align: center;
    color: #219894 !important;
    margin: 20px 0;
    font-size: 23px;
}

.enterprise-reset {
    padding: 0 50px;
}

.enterprise-reset .edit .el-form .el-input__inner {
    height: 50px;
    width: 100%;
}

.enterprise-reset .edit .el-form .el-input__inner:focus {
    border: 1px solid #219894 !important;
}

.enterprise-reset .edit .el-form-item__error {
    padding-left: 0;
}

.enterprise-reset .pro-button {
    min-width: 100%;
    text-align: center;
    margin-top: 0;
}

.enterprise-detail {
    width: 100% !important;
    margin: 0 auto !important;
    max-height: calc(80vh - 10px);
    overflow-y: auto;
    overflow-x: hidden;
}
.enterprise-detail .common-wrapper {
    overflow-x: hidden;
}
.enterprise-detail .content .el-input__inner {
    width: 100% !important;
}
.enterprise-detail .modal-view {
    width: 730px;
}
.project-enterprise .common-view, .project-enterprise .common-view .content table {
    min-width: 640px;
}

.project-enterprise .common-view.account-list{
    min-width: 730px;
}

.project-enterprise .content {
    max-width: 730px;
    min-width: 730px;
}
.chatpersonList.project-enterprise .content {
    min-width: 660px;
}
.modal-show.project-enterprise .content table .tdLeft{
    vertical-align: top;
}
.modal-show.project-enterprise .content table .tdRight{
    max-width: 495px;
    word-break: break-all;
}

.modal-show.project-enterprise {
    display: inline-block;
}

.project-enterprise .modal_header {
    height: 50px;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.project-enterprise .modal_header img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    object-fit: cover;/*劉追加*/
}

.project-enterprise .modal_header span {
    display: inline-block;
    margin-left: 20px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    max-width: 90%;
}

.project-enterprise .tdRight a {
    float: right;
    margin-right: 20px;
    font-size: 14px;
    color: #219894;
    text-decoration: underline;
}

.project-enterprise .common-view .content .edit {
    top: 25px;
}
.project-enterprise .modalBodycontent {
    overflow-y: hidden;
}
.project-enterprise .enterprise-detail .common-wrapper {
    position: static;
}

/*劉追加*/
.project-enterprise .modalBodycontent .enterprise-detail .update-form-shadow .el-form-item.form-item-img .el-form-item__label{
    line-height: 129px !important;
}
.is-gray {
    color: #ccc;
}
.el-table--border::after, .el-table--group::after, .el-table::before {
    z-index: 0 !important;
}
.updateFormStyle .upload-avatar {
    margin-left: 30px !important;
    margin-top: 25px;
}

.list-del .list-del-common {
    display: flex;
    border-bottom: 1px solid;
    border-color: #707070;
}
.list-del .list-del-common .list-del-header {
    border-bottom: 0;
}

.schdeuledetail-other {
    color: #fff;
    cursor: pointer;
    width: 200px;
    display: block;
}
.schdeuledetail-other>.el-popover__reference {
    width: 100%;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.center-style {
    padding: 10px;
    display: flex;
    align-items: center;
}
.center-style img {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    object-fit: cover;/*劉追加*/
}
.mod-account .customertable .list-del-header {
    position: sticky !important;
}

.mod-account {
    background-color: rgb(229, 229, 229);
    box-sizing: border-box;
    color: rgb(0, 22, 0);
    font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    min-width: 600px;
    padding-left: 22px;
    top: 70px;
    width: 100%;
    display: flex;
}
h3.modal-account-head {
    text-align: center !important;
    color: #219894 !important;
}
.account-list .list-del {
    position: sticky !important;
}
.account-list .flo {
    width: 280px;
    margin: 0 auto;
}
.account-list .content {
    margin: 0 auto;
}
.account-list .content .title-add {
    position: fixed;
    top: 70px;
    right: 60px;
}

.account-list .delet-img .title-del{
    top: 70px;
}

/*劉改修*/
.account-list .img-delete {
    /*width: 23px;*/
    /*height: 28px;*/
    /*transform: translateY(-32px);*/
    /*filter: drop-shadow(17px 42px  #fff);*/
    width: 30px;
    height: 30px;
    top: 15px;
    position: absolute;
    left: 15px;
}
.account-list .customer-li:first-child {
    width: 10%;
    height: 100%;
}
.account-list .customer-li:nth-child(2) {
    width: 27%;/*劉改修*/
}
.account-list .customer-li:nth-child(3) {
    width: 28%;/*劉改修*/
}
.account-list .btns>span:last-child {
    width: 35%;
}

/*劉改修*/
.account-list .customer-li:nth-child(3) img{
    vertical-align: middle;
}

/*劉改修*/
.account-list .list-del-header{
    padding-right: 17px;
}

/*劉改修*/
.account-list .list-del-header .customer-li:nth-child(3),
.account-list .table-scroll .customer-li.left-padding{
    padding-left: 34px;
}

.account-list .el-checkbox-group li.is-checkedbox .customer-li {
    color: #219894 !important;
    font-weight: bold !important;
}
.account .modalBodycontent {
    padding: 20px 0;
    /*overflow-y: auto !important;*/
}
.account-list {
    margin: 0 !important;
}
.account-list .list-del {
    margin-top: 10px !important;
}
.popover-account {
    width: auto !important;
}
.account .invite-form .customertable .table-scroll {
    height: calc( 100vh - 561px);
    max-height: 450px;
    min-height: 100px;
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 0;/*劉改修*/
}
.account .invite-form .customertable .table-scroll>div {
    height: 98%;
    overflow-y: auto;
}
.account .list-del .customertable,.account .list-del .report-serch, .account .list-del li.btns > span {
    border-bottom: 0 !important;
}
.account-create .el-radio__inner {
    width: 20px;
    height: 20px;
    border: 2px solid #DCDFE6;
}
.account-create .el-radio__inner:hover {
    border-color: #219894;
}
.account-create .el-radio__input.is-checked .el-radio__inner {
    background: #fff !important;
    border:2px solid #219894 !important;
}
.account-create .el-radio__input.is-checked .el-radio__inner::after {
    transform: translate(-50%,-50%) scale(0.9);
}
.account-create .el-radio__inner::after {
    background-color: #219894 !important;
    width: 11px;
    height: 11px;
}
.account-create .el-radio__input.is-checked+.el-radio__label {
    color: #219894;
}
.account-create .el-input__inner,.account-create  .el-form-item.is-error .el-input__inner,.account-create .el-form-item.is-error .el-input__inner:focus {
    border-width: 2px;
}
.account-create .edit .el-form .el-input__inner:focus {
    border: 2px solid #5dd5d1 !important;
}
.account-create .el-button {
    width: 48%;
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    background: #219895;
    color: #fff;
    border-color: #219895;
    border-radius: 0;
}
.account-create .modoru {
    line-height: 0 !important;
    border-color: #a9a9ab;
}
.account-create .modoru:focus,.account-create .modoru:hover {
    background-color: #a9a9ab;
    border-color: #a9a9ab;
}
.account-create .el-button.is-disabled, .account-create .el-button.is-disabled:focus, .account-create .el-button.is-disabled:hover {
    color: #fff;
    cursor: not-allowed;
    background-image: none;
    background-color: #e5e5e5;
    border-color: #EBEEF5;
}

#myCheck {
    display:none;
}
#myCheck + label{
    width: 28px;
    height: 28px;
    padding: 2px 0;
    border-radius: 5px;
    background-color: #9dc815;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
}
#myCheck:checked + label:after {
    content: "\2714";
    font-size: 25px;
}
.chat-list-tabs .button-group .el-button-group .el-button> span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-wrap.chat-wrapper .el-tabs__nav,.chat-list-tabs .el-tabs__nav-wrap::after {
    z-index: 0 !important;
}
.el-popover.popover-location {
    left: 388px !important;
    top: calc(100vh - 600px) !important;
    margin-left: 12px !important;
}
.file-download {
    display: flex;
    align-items: center;
    margin: 10px 0 40px 60px;
    padding: 20px;
    border: 1px solid #a9a9ab;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.file-download img {
    width: 64px;
    height: 64px;
    margin-right: 30px;
    object-fit: cover;/*劉追加*/
}
.file-download a {
    text-decoration: none;
    color: #2F64CE;
    font-size: 16px;
}

.text-wrapper-showImg{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.text-wrapper-showImg .files-download{
    width: calc(25% - 20px);
    max-height: 230px;
    display: flex;
    margin: 10px;
}
.text-wrapper-showImg .files-download a{
    display: flex;
}

.text-wrapper-showImg .files-download img{
    width:100% !important;
    height: auto !important;
    object-fit: cover;
}

.text-wrapper-showImg .files-download img:nth-child(4n){
    margin-right: 0;
}

.noteDetail.msline>div{
    white-space: normal;
}

.noteDetail.msline .file-download,
.text-wrapper .file-download{
    margin-left: 0px;
    margin-right: 0;
}

.noteDetail.msline .file-download a,
.text-wrapper .file-download a{
    white-space: normal;
}

.project-status {
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    background: #fff;
}
.project-status:focus {
    outline: none;
}
div.el-select-dropdown.el-popper .el-scrollbar .el-scrollbar__wrap {
    /*margin-bottom: -17px;*/
    margin-right: -17px;
    overflow-x: hidden !important;/*------劉改修------*/
    overflow-y: scroll !important;/*------劉改修------*/
    margin-bottom: 0 !important;/*------劉改修------*/
}
.schdeule-week-common {
    position: absolute;
    display: flex;
    padding: 1px 10px;
    cursor: pointer;
}
.schdeule-week-common span {
    display: block;
    width: 100%;
}
.schdeule-week-common span p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
}
.calendar-week-wrap.today span p {
    font-size: 14px !important;
}
.schedule-one,.schedule-two,.schedule-three {
    width: 90%;
    left: 0;
}
.schedule-two2 {
    width: 80%;
    left: 10%;
}
.schedule-three2 {
    width: 80%;
    left: 10%;
}
.schedule-three3 {
    width: 70%;
    left: 20%;
}
.schedule-border {
    border: 1px solid #fff;
}
.nav-wrapper li .router-link-active, .nav-wrapper li .router-link-active:hover{
    background-color: #9dc815;
    border-color: #9dc815;
    opacity: 1;
}
.content-popover .popover-checkbox {
    overflow: auto;
    max-height: 200px;
    /*margin-top: 40px;*/
    height: 100%;/*劉追加*/
}
.el-popover.group-popover {
    right: 70px;
}
.el-icon-d-caret {
    cursor: pointer;
    color: #7d9f13;
    font-size: 22px;
}
.commonMol .common-deteil-wrap .commonForm .form-item-detail .el-form-item__content {
    width: calc(100% - 62px) !important;
    margin-right: 62px !important;
    margin-left: 0 !important;
}
.form-item-detail .el-form-item__content .el-input {
    padding-left: 0 !important;
}
.border-left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.border-right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.right-trigger {
    right: 0;
    border-left-width: 10px;
    position: absolute;
    width: 11px;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    border-style: solid;
    border-top-width: 16px;
    border-bottom-width: 16px;
}
.left-trigger {
    left: 0;
    border-right-width: 10px;
    position: absolute;
    width: 11px;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    border-style: solid;
    border-top-width: 16px;
    border-bottom-width: 16px;
}
.taskuser-search .popoverto-tabs {
    height: 300px;
}
.taskuser-search .popoverto-tabs .el-tabs__content {
    height: 100%;
    overflow-y: auto;
}
.group-person .popoverto-tabs .el-tabs__content {
    width: 300px;
}
/*------孫追加を終了------*/

/*------ChatContactPage------*/
.ChatContactPage .chatpersonContent .el-menu-item{
    height: 50px;
    display: flex;
    align-items: center;
}

.ChatContactPage .chatpersonContent .el-submenu__title{
    height: 50px;
    display: flex;
    align-items: center;
}

.ChatContactPage .chatpersonContent .el-submenu span:first-child{
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ChatContactPage .pro-photo {
    width: 40px;
    height: 40px;
    left: 0;
    margin-right: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    object-fit:cover;
}

.ChatContactPage .chatcontent {
    position: fixed;
    top: 130px;
    right: 0;
}

.ChatContactPage .el-icon-chat-line-round {
    font-size: 26px;
    padding: 0 5px;
}

.ChatContactPage .chatpersonContent {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 190px);
    width: 300px;
    background-color: rgb(229, 229, 229);
}

/*#2005*/
/*.ChatContactPage .chatcontent .rowsecond {*/
    /*height: calc(100vh - 130px);*/
/*}*/

.ChatContactPage .group-creat {
    width: 100%;
}

.ChatContactPage .chat-add {
    cursor: pointer;
}

.ChatContactPage .chat-add img {
    width: 40px;
    height: 40px;
}

.ChatContactPage .chat-only {
    min-width: 300px;
}

.ChatContactPage  .chat-only .content {
    min-width: 190px;
}

/*------孫追加------*/
.ChatContactPage .chatpersonContent .el-menu-item.is-active {
    background-color: #5dd5d1 !important;
    color: #fff !important;
}

.ChatContactPage .chatpersonContent .el-submenu .el-submenu__title:hover span, .chatpersonContent .el-menu .el-menu-item:hover {
    color: #409eff;
}
.ChatContactPage .chatpersonContent .el-submenu .el-submenu__title:hover span.chat-msg-num{
    color: #FFFFFF;
}

.ChatContactPage .contactcontent .table-header {
    display: flex;
    align-items: center;
}

.ChatContactPage .table-header .pro-photo {
    width: 69px;
    height: 69px;
    margin-right: 30px;
    flex-shrink: 0;
}

.ChatContactPage .table-header span {
    font-size: 20px;
}
.ChatContactPage .contactcontent.ChatContactPageadd{
    margin-left:314px;
    z-index:100;

}
.schedule-week-top {
    z-index: 1;
}
.schedule-week-bottom {
    z-index: 0;
}
.container.invite-cooperator,.low .invite-cooperator .title-wrap {
    left: 0;
    width: 100%;
    top: 0;
}
.low .invite-cooperator header::after {
    border-bottom: none;
}
.invite-cooperator > .commonAll {
    margin-top: 70px;
}
.form-name {
    display: flex;
}

.form-first-name {
    width: 45%;
}
.form-last-name{
    width: 55%;
}
.form-name .el-input__inner{
    width: 100%;
}
.account-create .form-first-name,.account-create .form-last-name{
    width: 50%;
}
.form-first-name .el-form-item__label{
    width: 50px !important;
}
.form-first-name .el-form-item__content{
    margin-left: 50px !important;
}
.account-create .form-first-name .el-form-item__content {
    margin-left: 30px !important;
}
.invite-cooperator .commonAll .common-wrapper .common-view .content .el-input__inner {
    width: 100%;
}
.invite-cooperator .el-form {
    margin-right: 13%;
}
.invite-cooperator .pro-button {
    width: 50%;
    min-width: 100px;
    margin: 0 auto;
}
.invite-cooperator .pro-button .nextPage {
    width: 100%;
}

.customer_list-button {
    min-width: 100px;
}
.project-customer-create {
    max-height: calc(60vh + 50px);
    overflow-y: auto;
}
.project-customer-create .el-input {
    width: 75%;
}
.project-customer-create .officeszip-span {
    display: block;
}
.project-customer-create .officeszip .el-input {
    width:65% !important;
}
.project-customer-create .officestelIn>.el-form-item__label {
    width: 200px !important;
}
.project-customer-create .officestelIn>.el-form-item__content {
    margin-left: 200px !important;
}
.project-customer-create .el-button.is-round {
    width: 48%;
    height: 30px;
    padding: 0;
    border-radius: 15px;
    background-color: #219894;
    border-color: #219894;
    margin-left: 30px;
    color: #FFFFFF;
}
.project-customer-create .customer_list-button {
    width: 100%;
    text-align: center;
}
.project-customer-create .nameupdata .el-input {
    width: 75% !important;
}
.project-customer-create .customer-create-form .el-form-item__error,
.project-customer-create .report-deteil-wrap .el-form-item__error{
    padding-left: 12.5%;
}

.customer-add .modal-content-head {
    font-size: 23px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.el-date-picker.projectEdit-date {
    z-index: 0 !important;
}

/*劉追加*/
.projectshow .document>div>span{
    font-size: 14px;
    font-weight: 400;
}

.document>div>span {
    font-size: 24px;
    font-weight: 600;
}
.document a{
    display: inline-block;
}
.document-creat{
    display: flex;
    background: transparent linear-gradient(90deg, #ABC833 0%, #D2DC47 100%);
    width: 220px;
    height: 40px;
    line-height: 40px;
    border-radius: 28px;
    align-items: center;
    padding: 0 10px;
}

.document .report-serch li:first-child {
    width: 20%;
}
.document .table-scroll li {
    height: 50px;
    padding: 5px 0;
    border-bottom: 1px solid #e5e5e5;
}
.document .account-list .table-scroll li{
    height: 40px;
    padding: 5px 0;
    border-bottom: 0;
}
.document .table-scroll li>span:first-child{
    width: 20%;
    border-bottom: 0;
    padding-left: 20px; /*劉追加*/
}
.document  .modalBodyCustomer .table-scroll li>span:first-child,
.document .modalBodyCustomer .report-serch li:first-child{
    width: 10%;
}

/*劉追加*/
.document .document-creat a{
    display: flex;
    justify-content: center;
}

/*劉追加*/
.document .document-creat a img{
    object-fit: contain;
    margin-right: 5px;
}

/*劉追加*/
.chat .chatcontent{
    height: calc(100vh - 131px);
}

.chat .rowlast{
    position: relative;
    bottom: 0;
    width: 100%;
}

.chat button.upload {
    border: 0;
    background: none;
    padding: 0;
    float: left;
    line-height: 25px;
    margin-left: 20px;
}

.chat .upload-demo .el-upload-list {
    position: absolute;
    z-index: 2;
    max-height: 150px;
    left: 40px;
    top: 55px;
    min-width: 50%;
    max-width: calc( 80% - 64px);
    overflow: hidden auto;
    white-space: nowrap;
    text-overflow: ellipsis
}

.chat .upload-demo .el-upload-list li{
    background-color: #EEEEEE;
    margin-top: 1px;
    line-height: 36px;
}
.chat .upload-demo .el-upload-list li .el-upload-list__item-name{
    color: #2F64CE;
    font-weight: 600;
    padding: 0 10px;
}

.chat .upload-demo .el-upload-list li .el-icon-upload-success{
    margin-top: 8px;
}
.chat .el-upload-list li .el-upload-list__item-name i{
    display: none;
}

.chat .upload-demo .el-upload-list li.is-ready{
    display: none;
}

/*劉追加*/
/* --------------------friend--------------------------*/
.friend-add p {
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.friend-add p img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    object-fit: cover;
}

.friend-add p > a {
    font-size: 28px;
    color: #1ab1d4;
}

.mail-modal .modalBodycontent .friend-add .el-form {
    height: auto;
}

.mail-modal .modalBodycontent .friend-add .customertable {
    padding-bottom: 0;
    margin-bottom: 20px;
}

.friend-add .customer-wrapper {
    position: relative;
    top: 0;
    padding: 0;
}

.friend-add .customer-wrapper .customertable .table-scroll {
    height: auto;
    max-height: calc(80vh - 385px);
    overflow-y: auto;
}

.friend-add .customer-wrapper .customertable .list-del-header .customer-li,
.friend-add .customer-wrapper .customertable .table-scroll .btns > span,
.friend-add .customer-wrapper .customertable .table-scroll .btns > .el-checkbox {
    width: 50%;
    border-bottom: 0;
}

.friend-add .customer-wrapper .customertable .table-scroll .btns {
    display: flex;
    border-bottom: 1px solid #E5E5E5;
    height: 40px;
    line-height: 40px;
}

.customerlist .friend-add .report-serch li:first-child {
    padding-left: 24px;
}

.friend-add .customer-wrapper .customertable .table-scroll .btns .el-checkbox__input.is-checked + .el-checkbox__label,
.friend-add .customer-wrapper .customertable .table-scroll .btns .el-checkbox.is-checked ~ span {
    color: #219894;
    font-weight: bold;
}

.friend-add  .customer-wrapper.invite-form{
    margin-top: 0px;
}
.mail-modal .friend-add .el-button.is-disabled,
.mail-modal .friend-add .el-button.is-disabled:focus,
.mail-modal .friend-add .el-button.is-disabled:hover,
.mail-modal .friend-add .el-button,
.mail-modal .friend-add .el-button:focus,
.mail-modal .friend-add .el-button:hover{
    margin-top: 20px;
}

.customerlist .customer-wrapper .tablelisthover li:hover{
    /* background-color: #9dc815; */
}

.listaddimg .list-del-common .list-del-header li:first-child{
    padding-left: 90px;
}
.listaddimg .tablelisthover .btns label,
.listaddimg .tablelisthover .btns label>span:nth-child(2)>div,
.listaddimg .tablelisthover .btns>span:nth-child(2)>div>div,
.listaddimg .tablelisthover .btns>span:nth-child(1)>div{
    display: flex;
    align-items: center;
    height: 40px;
}

.listaddimg .tablelisthover .btns label>span:nth-child(2)>div img,
.listaddimg .tablelisthover .btns>span:nth-child(2)>div img,
.listaddimg .tablelisthover .btns>span:nth-child(1)>div img{
    width: 26px;
    margin-right: 5px;
    min-width: 26px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 26px;
    object-fit: cover;
}

/*劉追加*/
.chat-group {
    height: 50px;
    display: flex;
    align-items: center;
}

.chat-group img{
    object-fit: cover;
    margin-right: 10px;
}

.group-person .group-person-box li img:first-child{
    object-fit: cover;/*劉追加*/
}

/* ----------------------------------report-----------------------------------------*/
.report h1 {
    background: url(../images/report@2x.png) #00744E no-repeat 25px 10px;
    background-size: 50px;
}

@media (max-width: 1440px) {
    .report .title-add {
        left: 230px;
    }
}

.report.customerlist .countDiv-report {
    font-size: 14px;
    margin: 10px 0;
    margin-left: 90px;
}

.report .report-form.delet-img .title-del {
    top: 0px;
}

.report.customerlist .customertable {
    margin-top: 30px;
}

.report.customerlist .el-checkbox__inner {
    z-index: 0;
}

.report.customerlist .report-form .list-del-header li,
.report.customerlist .report-form .table-scroll li > span {
    width: calc((100% - 80px) / 6 - 1px);
}

.report.customerlist .report-form .list-del-header li:first-child,
.report.customerlist .report-form .table-scroll li > span:first-child {
    width: 80px;
}

.report .updateFormStyle .el-form-item__content {
    display: flex;
}

.report.commonAll .common-wrapper .common-view .content .upImg .el-button.is-round {
    font-size: 16px;
    color: #219894;
    background-color: #ffffff;
    border: 0;
    margin-left: 0;
}

.report.commonAll .common-wrapper .common-view .content .form-group .updateFormStyle > div {
    display: flex;
}

.report.commonAll .common-wrapper .common-view .content .form-group.report-imglist .updateFormStyle {
    padding: 10px;
    box-shadow: none;
}

.report .common-wrapper .updateFormStyle .updateButton a {
    width: 33.33%;
    float: left;
}

.reportcreat {
    padding: 0 5%;
    margin: 20px auto;
}

.reportcreat li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.reportcreat .list-del-header li:first-child {
    padding-left: 80px;
}

.reportcreat .table-scroll .el-checkbox-group {
    height: calc(100vh - 561px);
    max-height: 450px;
    overflow-y: auto;
    border-bottom: 2px solid #e5e5e5;
    border-top: 2px solid #e5e5e5;
    min-height: 80px;
}

.reportcreat .table-scroll .el-checkbox__input {
    width: 56px;
    text-align: center;
}

.reportcreat .el-checkbox__input.is-checked + .el-checkbox__label {
    font-weight: bold;
}

.report .modelBut {
    text-align: center;
}

.report .modelBut button {
    width: 360px;
    height: 50px;
    background-color: #219894;
    margin: auto;
    color: #FFFFFF;
    font-size: 20px;
    border-radius: 0;
    border: 0;
}
.c-project-copy .modelBut button {
    width: 260px;
    height: 50px;
    background-color: #219894;
    margin: auto;
    color: #FFFFFF;
    font-size: 20px;
    border-radius: 0;
    border: 0;
}

.report .report-imglist {
    width: 61%;
    margin: 30px auto;
    min-width: 800px
}

.report .report-imglist .modelBut {
    display: flex;
}

.report .report-imglist .modelBut .updateBack {
    width: 30%;
    background-color: #A9A9AB;
}

.report .report-imglist .modelBut .updateSave {
    width: 70%;
}

.report .between-butt .el-form-item__content {
    align-items: center;
}

.report .between-butt .el-form-item__content .upload-demo .el-button--primary {
    background-color: #219894;
    border-color: #219894;
    margin-left: 20px;
}

.report-imglist .upImg {
    display: flex;
    justify-content: space-between;
    height: 40px;
}

.report-imglist .upImg .imgName {
    font-weight: 600;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.customer .reportdetail .common-wrapper .common-view .content .el-input__inner {
    width: 90%;
}

.commonAll .common-wrapper .common-view .content .report-imglist .danger,.commonAll .common-wrapper .common-view .content .report-imglist  .report-imageindex {
    width: 100px;
    height: 30px;
    border-radius: 5px;
    font-weight: 600;
    padding: 0;
}
.common-view .content .report-imglist  .report-imageindex{
    background-color: #9dc815;
    border-color: #9dc815;
    color: #606266;
}

.commonAll .common-wrapper .common-view .content .report-imglist .danger span ,.commonAll .common-wrapper .common-view .content .report-imglist  .report-imageindex span{
    font-size: 12px;
}

.commonAll .common-wrapper .common-view .content .report-imglist .report-imageindex span{
    color: #FFFFFF;
}


.commonAll .common-wrapper .common-view .content .report-imglist .upBut .danger {
    width: 150px;
    height: 36px;
}

.commonAll .common-wrapper .common-view .content .report-imglist .danger.el-button i:before {
    background-size: 12px;
    width: 12px;
    height: 12px;
    margin-bottom: -1px;
}

.commonAll .common-wrapper .common-view .content .report-imglist .upBut .danger.el-button i:before {
    background-size: 14px;
    width: 14px;
    height: 14px;
}

.commonAll .common-wrapper .common-view .content .report-imglist .upBut {
    justify-content: flex-end;
}

.commonAll .common-wrapper .common-view .content .report-imglist .upBut span {
    font-size: 14px;
}

.reportdetail .content .el-form {
    padding-top: 40px;
}

.reportdetail .content .el-form .form-group {
}

.reportdetail .content .el-form .report-imglist {
    border: 1px solid #9dc815;
    width: 100%;
}

.reportdetail .content ul.lastul {
    margin-bottom: 22px;
}

.reportdetail .content ul li {
    display: inline-table;
    word-break: break-all;
    width: calc( 100% - 210px);
    height: 40px;
    line-height: 40px;
}

.reportdetail .content ul li:first-child {
    width: 100px;
    padding-left: 10px;
}

.reportdetail .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, .reportdetail .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before {
    content: none;
}

.customer .common-wrapper .common-view .content .updateFormStyle-left .el-input__inner {
    width: 100%;
}

.reportdetail .customerdetail-nametop .el-form-item .el-form-item__label {
    color: #29282E !important;
}

.reportdetail .customerdetail-nametop .inblock .el-form-item .el-form-item {
    display: inline-block;
    margin-bottom: 0 !important;
}

.reportdetail .content .updateFormStyle .el-form {
    padding-top: 0;
    width: 100%;
}

.report-imglist .updateFormStyle .updateFormStyle-left .el-form-item__content {
    width: 100%;
}

.report-imglist .updateFormStyle .el-form {
    display: flex;
}

.report-imglist .updateFormStyle .el-form > div {
    width: 50%;
    padding: 10px;
}

.report-imglist .updateFormStyle .el-form-item__content {
    margin-left: 0 !important;
    display: inline-block;
    width: calc(100% - 100px);
}

.report-imglist .updateFormStyle .report-textarea .el-form-item__content {
    width: 100%;
}

.commonAll .common-wrapper .common-view .content .report-textarea .el-textarea {
    padding-left: 0;
}

.commonAll .common-wrapper .common-view .content .report-imglist .el-textarea__inner {
    height: 200px;
    margin-top: 10px;
}

.commonAll .common-wrapper .common-view .content .report-imgupload.el-button.is-round {
    background-color: #9dc815;
    border-color: #9dc815;
    color: #FFFFFF;
    width: 200px;
    height: 36px;
    font-size: 16px;
    margin-bottom: 22px;
    border-radius: 20px;
    margin-left: 0;
}

.reportdetail .updateButton {
    display: flex;
    justify-content: space-between;
}

.common-wrapper .reportdetail .updateButton .updateBack,
.reportdetail .updateButton .updateSave {
    width: 30%;
}

/*------劉追加--delet-img-----*/

.delet-img .title-del {
    height: 60px;
    width: 60px;
    position: absolute;
    top: -60px;
    left: 70px;
    overflow: hidden;
    background: #959dad;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.delet-img .img-delete {
    width: 30px;
    height: 30px;
    top: 15px;
    position: absolute;
    left: 15px;
}

/*------劉追加--imglist-----*/

.report .el-breadcrumb__item:not(:last-of-type):hover span{
    color: #409EFF;
    cursor: pointer;
}

.imglist {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 5%;
    padding-top: 30px;
    margin: 20px auto;
}

.imglist-sort {
    float: right;
    font-size: 18px;
}

.imglist li {
    position: relative;
    width: 25%;
    height: 200px;
    text-align: center;
}

.imglist li .el-image {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
}

.imglist li p {
    word-break: break-all;
    white-space: normal;
    width: 100%;
}

.imglist span {
    position: absolute;
    top: 90px;
    width: 40px;
    height: 40px;
    right: calc( 50% - 80px);
    line-height: 32px;
    background-color: #9dc815;
    border: 4px solid #fff;
    border-radius: 50%;
}


/*呉姍姍追加*/
/*------checkbox_label-----*/
#checkbox_label{
    color: #ffffff;
    margin: 0;
    width: 60px;
    height: 30px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    -webkit-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
}
.checkbox_label1{
    background-color: #ca6ebc;
}
.checkbox_label5{
    background-color: #8fc31f;
}
.checkbox_label2{
    background-color: #7ecef4;
}
.checkbox_label4{
    background-color: #f8b551;
}
.checkbox_label3{
    background-color: #097c25;
}
.checkbox_label6{
    background-color: #ff5e3c;
}

.customerlist .documentable {
    border-bottom: 1px solid #707070;
    overflow-y: auto;
}
.customerlist .documentable .list-del-header li:first-child{
    padding-left: 40px;
}

/*------劉追加--chat-forward-----*/
.chat-forward .modalBody {
    width: 400px;
    padding: 0;
    border-radius: 0;
}

.chat-forward .modal-close {
    top: 10px;
    right: 0;
    background-color: #9dc815;
    color: #303133;
}

.chat-forward .modalBodycontent {
    padding: 0;
    overflow-y: hidden;
    border-radius: 0px;
}

.chat-forward .modalBody h3 {
    background-color: #9dc815;
    height: 50px;
    line-height: 50px !important;
    margin-bottom: 0;
    color: #303133 !important;
}

.chat-forward .ChatContactPage {
    height: calc(80vh - 70px);
    overflow: auto scroll;
    background-color: #e5e5e5;
}

/*#2365-転送先を選択の背景色  背景色を統一する*/
.chat-forward .ChatContactPage .el-menu {
    background-color: #e5e5e5;
}

.chat-forward .ChatContactPage .el-menu-item {
    display: table-row-group;
    min-width: 400px;
}

.chat-forward .ChatContactPage .pro-photo {
    margin-left: 20px;
}

.chat-forward .ChatContactPage .el-menu-item .chat-group-name {
    margin-right: 20px;
    display: inline-block;
    min-width: 293px;
}

.model-joiner{
    min-width: 250px !important;
}
.chat .chatcontent .rowfrist .chat-model-joiner{
    position: absolute;
    top: 5px;
    right: 60px;
    width: 30px;
    cursor: pointer;
}
.chat .chatcontent .rowfrist .chat-model-joiner img{
    width: 30px;
    height: 30px;
    margin-left: 4px;
}
.chat-model-joiner{
    max-width: 300px;
}

.chat-model-joiner-li>div>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.chat-model-joiner-li>div{
    display: flex;
    align-items: center;
}
.chat-model-joiner-li>div img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

/*#2278 【案件】担当者のメールアドレスが長すぎて、改行が表示されます*/

/*------張追加------*/
.common-view .content table .tdRight .rightDiv > span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    float: left;
}

.common-view .content table .tdRight .item-eml .rightDiv > span {
    white-space: normal;
    word-break: break-all;
}

/*------張追加------*/
.common-view .content table .tdRight .item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.common-view .content table .tdRight .item.item-eml {
    align-items: flex-start;
}
/*---Mac--Safari--*/
.chat-list-tabs-left >.el-tabs__content{
    position: unset;
}

/*scheduleCreate datalistの様式修正*/
.dataselect.el-select-dropdown.el-popper{
    background-color: #FFF !important;
}

.dataselect.el-select-dropdown .el-scrollbar__bar.is-vertical {
    top: 0px;
    right: 0;
    width: 10px;
}

.dataselect.el-select-dropdown .el-scrollbar__bar.is-vertical > div {
    width: 100%;
}

.scheduleadd-select.el-select .el-input .el-select__caret{
    border-radius: 50%;
    background-color: #219894;
    color: #ffffff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;

}
.scheduleadd-select.el-select .el-input .el-select__caret:before{
    content: "\E71F" !important;
    border: 0;
    border-bottom: 0;
    right: 0px;
    left: 7px;
    top: 0;
}

/*el-select-dropdown  z-index*/
div.el-select-dropdown.select-common {
    z-index: 0 !important;
}

/* #2173 [チャット]削除時に文字が表示されないように */
.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: none !important;
}

/*-------------------------dashboard-------------------------*/
.profile-photo-notice {
    position: relative;
    margin-right: 20px;
}

.user-profile .profile-photo-notice img {
    width: 30px !important;
    height: 30px !important;
    margin-top: 10px;
}

.profile-photo-notice span {
    position: absolute;
    right: -5px;
    top: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 50%;
    background-color: #EF3B2C;
    color: #ffffff;
    text-align: center;
    font-size: 10px;
}

.msg-content {
    word-break: keep-all;
}

.dashboard-msg-title .dashboard-text-title,.dashboard-msg-title:hover .dashboard-text-title {
    margin-right: 10px;
    padding: 0 10px;
    opacity: 1;
    color: #ffffff;
}

.dashboard-msg-title span {
    color: #29282E;
    line-height: 22px;
}

.chat-color {
    background-color: #A9C932;
}

.project-color {
    background-color: #BA72B4;
}

.schedule-color {
    background-color: #90CDF0;
}

.docment-color {
    background-color: #F8B551;
}

.invite-color {
    background-color: #097C25;
}

.friend-color {
    background-color: #FF5E3C;
}

.customer-color {
    background-color: #30336B;
}

.dashboard-project {
    float: left;
    width: 100%;
    height: calc(100% - 48px);
    overflow-y: auto;
}

.dashboard-title {
    margin-top: 10px;
    text-align: left;
    font: 14px/21px Meiryo;
    letter-spacing: 0;
    color: #252429;
    opacity: 1;
    min-width: 360px;
}

.dashboard-title span {
    overflow: auto;
    text-overflow: ellipsis;
    word-break: break-all;
}

.dashboard-first {
    float: left;
    overflow-y: hidden;
    width: 30%;
    height: 100%;
}

.dashboard-first > div {
    overflow-y: auto;
    height: calc(100% - 48px);
}

.dashboard-middle {
    float: left;
    width: calc(70% - 60px);
    height: 50%;
}

.dashboard-last-one, .dashboard-last-two {
    float: left;
    margin-top: 20px;
    width: calc(35% - 45px);
    height: calc(50% - 20px);
}

.dashboard-table {
    background: #E5E5E5 0% 0% no-repeat padding-box;
    position: absolute;
    top: 70px;
    height: calc(100% - 70px);
    opacity: 1;
    width: 100%;
    padding: 40px 50px 40px 20px;
}

.dashboard-list {
    margin-left: 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000033;
    border: 1px solid #EEEEEE;
    opacity: 1;
}

/*【ダッシュボード】ダッシュボード画面の追加 #1406反馈*/
.dashboard-first > div > ul > li {
    display: flex;
    cursor: pointer;
}

.dashboard-first > div > ul > li > p:first-child > span {
    word-break: keep-all;
}

.float-right-msg {
    float: right;
}

.float-right-msg-err, .dashboard-title:hover > .float-right-msg-err {
    float: right;
    border: 1px solid #EF3B2C;
    color: #EF3B2C;
}

.dashboard-title:hover .float-right-msg-err,.float-right-msg-err{
    cursor: default;
}

.dashboard-last-two div.dashboard-title {
    margin-top: 0;
    padding: 10px 20px;
    cursor: pointer;
}

.dashboard-last-two div.dashboard-title:nth-child(2n) {
    background-color: #F2F2F2;
}

.dashboard-last-two div.dashboard-title:nth-child(2n+1) {
    background-color: #D1D1D1;
}


.dashboard-list.dashboard-last-two > ul {
    padding: 10px 0px;
}

.dashboard-last-two ul .dashboard-title {
    padding: 5px 20px;
}

.dashboard-last-two p.dashboard-title {
    padding-bottom: 10px;
    padding-right: 10px;
}

.container.dashboard {
    height: 100vh;
    overflow: hidden;
}

.dashboard-title-position {
    line-height: 28px;
    height: 48px;
    border-bottom: solid 1px #E0E0E0;
}

.dashboard-title-position a {
    text-decoration: underline;
    color: #219894;
}

.dashboard-last-one > ul .dashboard-title > p {
    cursor: pointer;
}

.select-item {
    border: 1px solid #219894;
    letter-spacing: 0px;
    color: #219894;
    background: #FFF;
    border-radius: 5px;
    font: 14px/21px Meiryo;
    padding: 3px 17px 3px 17px;
}

.select-item-change {
    border: 1px solid #219894;
    letter-spacing: 0px;
    color: #FFF;
    background: #219894;
    border-radius: 5px;
    font: 14px Meiryo;
    padding: 3px 17px 3px 17px;
}

.select-item:hover {
    color: #FFF;
    background: #219894;
}

.dashboard-project-img {
    width: 33%;
    padding: 10px;
    display: inline-block;
}

.dashboard-project-img:hover > div {
    background-color: #9dc815;
}

.dashboard-project-img > div {
    position: relative;
    border: 1px solid #9dc815;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

.dashboard-project-image {
    height: 80px;
}

.dashboard-project-img img {
    width: auto;
    max-width: 100%;
    max-height: 80px;
    background-color: #ffffff;
    -o-object-fit: cover;
    object-fit: cover;
}

.dashboard-project-img p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    height: 30px;
    line-height: 40px;
}

.dashboard-project-img .fixed-needle {
    height: 0;
}

.dashboard-project-img .fixed-needle span {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    border: 20px solid transparent;
    border-top-color: #9dc815;
    border-left: 20px solid #9dc815;
}

.dashboard-project-img .fixed-needle img {
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: #9dc815;
}

.dashboard-project-img .fixed-info {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    background-color: #EF3B2C;

    color: #ffffff;
    font-weight: bold;
}

.dashboard-list > p, .dashboard-list > div {
    padding: 10px 20px;
}

.dashboard-title-but .el-button {
    margin-right: 5px;
    border: 0;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin-top: 5px;
}

.dashboard-title-but .el-button + .el-button {
    margin-left: 0;
}

.dashboard-title-but .el-button:focus{
    background-color: #ffffff;
}

.dashboard-last-one .dashboard-title .el-popover__reference span:nth-child(2) {
    min-width: 53px;
    height: 23px;
    line-height: 23px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px;
    margin: 0 10px;
    text-align: center;
}

.dashboard-list > ul {
    padding: 10px 20px;
    overflow-y: auto;
    height: calc(100% - 50px);
}

.scheduletyle, .dashboard-msg-title:hover .scheduletyle {
    border-radius: 3px;
    color: #219894;
}

.dashboard-msg-title:hover span, .dashboard-title:hover span {
    color: #219894;
    cursor: pointer;
}

.task-title-inf {
    width: calc(100% - 30px);
    display: inline-flex;
}
/*-------dashboardurl--------*/
.dashboardurl{
    text-align: center;
    min-width: 700px;
}
.dashboardurl .button-lower,.dashboardurl .button-lower:hover, .dashboardurl .button-lower:focus {
    border: 1px solid #219894;
    color: #FFF;
    background: #219894;
    margin: 0 20px;
}
.dashboardurl .el-button+.el-button{
    color: #ffffff;
    border-color: #A9A9AB;
    height: 40px;
    line-height: inherit;
    margin-left: 20px;
}
.dashboardurl button:hover, .dashboardurl button:focus{
    opacity: 0.8;
}

/*-------.noticelist-noticedetail--------*/
.noticelist-model .account-list .list-del .customer-li.left-padding {
    width: 50%;
    cursor: pointer;
}

.noticelist-model .account-list .list-del .noticelis-table .customer-li {
    width: 50%;
    padding-left: 34px;
    float: left;
    height: 40px;
    line-height: 40px;
}

.noticedetail-model .pro-button {
    width: auto;
    text-align: center;
    min-width: 0;
}

.commonAll .noticedetail-model .pro-button button {
    line-height: 0px;
}

.noticedetail-model .pro-button button > span {
    color: #ffffff;
}

.account .noticedetail-model .invite-form .customertable .table-scroll {
    padding: 10px;
    line-height: 25px;
    white-space: pre-wrap;
    width: 100%;
    overflow: auto;
    word-break: break-all;
}

/*----#2282  スクロールが分かりにくい  様式修正----*/
.el-select .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner {
    border-color: #219894 !important;
}

.el-select-dropdown .el-select-dropdown__item {
    border-bottom: 1px solid #A9A9AB;
}

.el-select-dropdown .el-scrollbar__bar.is-vertical {
    top: 0px;
    right: 0;
    width: 17px;
}

.el-select-dropdown .el-scrollbar__bar.is-vertical > div {
    width: 17px;
}

.el-select-dropdown .el-select-dropdown__wrap {
    max-height: 50vh;
}

.el-select-dropdown .el-scrollbar__bar {
    opacity: 1;
}

.schdule-org-week .title-form input {
    width: 300px;
}

.schdule-org-week .title-wrap .el-form-item__content {
    margin-left: 0 !important;
}

/*------追------*/
.el-select-dropdown .el-select-dropdown__item.hover, li.el-select-dropdown__item.hover {
    background-color: rgba(0, 0, 0, 0) !important;
}

div.el-select-dropdown.el-popper {
    background-color: #e5e5e5 !important;
}

.el-select-dropdown .el-select-dropdown__item span {
    color: #606266;
}

.el-select-dropdown .el-select-dropdown__item.selected span {
    color: #219894;
}

.el-select-dropdown li.el-select-dropdown__item.hover {
    background-color: #F5F7FA !important;
    border-bottom: 1px solid #A9A9AB;
    font-weight: 700;
    opacity: 1;
}

.el-select .el-icon-arrow-up:before {
    border-bottom: 8px solid #219894;
}

/*---必須項目のヒントテキスト---*/
.commonAll .common-view .modalBodycontent .model-err .el-form-item__error {
    padding-left: 12.5%;
}

.modalBodycontent .el-col-12:first-child .el-form-item__error {
    padding-left: 0 !important;
}

.customer .common-wrapper .common-view .content .modal-show .modalBodycontent .el-col-12 .el-input__inner {
    width: 100%;
}

.customer .common-wrapper .common-view .content .modal-show .el-input__inner {
    width: 75%;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
}

.customer .common-wrapper .common-view .content .modal-show .el-input.is-active .el-input__inner,
.customer .common-wrapper .common-view .content .modal-show .el-input__inner:focus {
    border-color: #219894;
}

.customer .common-wrapper .common-view .content .modal-show .billingname .el-input__inner {
    font-size: 16px;
    height: 50px;
    border: 2px solid #5DD5D1;
    border-radius: 5px;
}

.modalBodycontent .el-input.is-active .el-input__inner, .modalBodycontent .el-input__inner:focus {
    border-color: #219894;
}

/*会社情報一覧会社情報  表の幅の表示*/
.partner .detail-table dl{
    white-space: pre-line;
    word-break: break-all;
}

/*スケジュール（個人・月間） 日程の幅を調整する*/
.floatLeft .day-wrap > div:nth-child(7n+1) {
    border-left: 0px solid #A9A9AB;
}

.floatLeft .day-wrap > div:nth-child(7n) {
    border-right: 0px solid #A9A9AB;
}

.calendar-person-day {
    border-left: 1px solid #A9A9AB;
    border-right: 1px solid #A9A9AB;
    height: auto;
    border-top: 0;
}

/*スケジュール（個人・月間） スケジュールの高さを調整する*/
.sch-calendar-person-day {
    height: calc(100vh - 230px);
    overflow-y: auto;
    border-top: 1px solid #A9A9AB;
}

/*ダッシュボードからタスクにジャンプします*/
.chat .chatTaskFlow.el-tabs--left .el-tabs__header .is-scrollable .el-tabs__nav-scroll .el-tabs__nav.is-left {
    transform: translateY(0px) !important;
}


.companylists .documentable .el-checkbox__inner{
    z-index: 0;
}


/*ビデオチャットのダウンロードファイルのボタン*/
.chat .chatcontent .chat-popover .popover-content-button .icon-download.is-disabled {
    background: #ffffff;
    padding: 0;
}

.chat .chatcontent .chat-popover .popover-content-button .icon-download.is-disabled i {
    color: #707070;
    padding: 0;
}

.chat .chatcontent .chat-popover .popover-content-button .icon-download {
    background: #219894;
    padding: 0;
}

.chat .chatcontent .chat-popover .popover-content-button .icon-download i {
    color: #ffffff;
    padding: 0;
}

/*#2646 既読メッセージ*/
.chat .chatcontent .rowsecond .talk-contents-read i {
    line-height: 40px;
}

.talk-contents-read .el-icon-caret-bottom:before {
    color: #219894;
    font-size: 20px;
}

.talk-contents-read-dropdown {
    max-height: 400px;
    overflow: auto;
}

.talk-contents-read-dropdown.el-popper[x-placement^=bottom] {
    margin-top: 0;
}

.talk-contents-read-dropdown .el-dropdown-menu__item:focus,
.talk-contents-read-dropdown .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #ffffff;
    color: #219894;
}

.talk-contents-read-dropdown li {
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dddddd;
}

.talk-contents-read-dropdown span:not(:first-child) {
    margin: 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
}

/*【ダッシュボード--タスク】タスクには画像やファイルが含まれています*/
.dashboard-last-two div.dashboard-title > p {
    display: flex;
    justify-content: space-between;
}

.dashboard-last-two .task-title-inf {
    display: block;
}

.dashboard-last-two .task-title-inf .file-download {
    display: block;
    text-align: center;
    margin: 10px 0px;
}

.dashboard-last-two .task-title-inf .file-download a {
    display: block;
}

.dashboard-last-two .task-title-inf .text-wrapper-showImg .files-download a {
    display: flex;
}


/*#3475【CHAT】TOを選択する場合，マウスが止まると,文字が青くなる,カーソルが小手になります*/
.popoverto-tabs .el-tabs__content .toChoice p:hover,.chatlist-task-toChoice p:hover{
    color: #409EFF;
    cursor: pointer;
}

.popoverto-tabs .el-tabs__content  .toChoicebutton{
    background-color: #219894;
    border-color: #219894;
}

/*アカウント一覧ページ追加消費数*/
.account-list .flo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flo-amountCount {
    background-color: #cccccc;
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-right: 20px;
}

.account-list .flo .el-input {
    width: 280px;
}

/*【スケジュール】スケジュール（個人・週間） 終日予定の追加 #2499*/
.schedule .scheduleadd .scheduleadd-allday.el-checkbox {
    color: #606266;
    margin-bottom: 22px;
    margin-right: 60px;
}

.schdule-org-week-datalist {
    width: 100%;
    height: 60px;
}

.schdule-org-week-dataevent {
    border-top: 1px solid #A9A9AB;
}

.schedule .schdule-org-week-dataevent.day-mine-wrap > div {
    border-bottom: 0;
    height: 100%;
}

.schedule .schdule-org-week-dataevent .calendar-sckedule.btns {
    padding: 2px;
    width: 100%;
    font-size: 10px;
    overflow-x: hidden;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

.low .schedule header {
    z-index: 2;
}

/*#3223【チャット】グループ情報を修正する時にチェックメッセージ*/
.chatListadd .el-form-item__error {
    position: relative;
}


/*＃2773 管理者ユーザの右上のメニューにデータ容量を追加*/
.containlist .commontitle{
    font-size: 23px;
    color: #219894;
    text-align: center;
    margin: 20px;
}
.containlist.project-enterprise .modalBodycontent{
    overflow: auto;
}
.containlist .echarts {
    margin: 0 auto;
}
.common-view>div>div:nth-child(2){
    max-width: 690px;
}
.containlist table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.containlist tr:first-child td {
    font-weight: bold;
    background: #F1F1F1;
}
.containlist td {
    border: 1px solid #E3E3E3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 33.3%;
    line-height: 56px;
    padding: 0 5px;
}

/*pdf共有ページをめくって表示します*/
.chat .chatcontent .chatnextpage button.el-button i {
    color: #707070;
}

.dashboard-allday{
    width: 95px;
    display: inline-flex;
    justify-content: center;
}

/*FileSelector*/
@media (min-width: 1023px){
    .customerlist .fileselector {
        /* margin-left: -500px !important; */
    }
}

.fileselector .sendto {
    background-color: #219894;
    border-color: #219894;
    border-radius: 10px;
    color: #fff;
    float: right;
    margin-right: 40px;
}

.customerlist .fileselector .customer-wrapper.invite-form {
    padding: 0;
}

.fileselector .customertable {
    width: 1000px;
}

.account .fileselector .invite-form .customertable .table-scroll {
    border-radius: 0px;
}

.fileselector .changedir {
    margin-left: 40px;
    background-color: #219894;
    border-color: #219894;
}

.fileselector .customer-li:nth-child(n), .fileselector .account-list .btns > span.customer-li:last-child {
    width: calc((100% - 130px) / 3);
}

.fileselector .customer-li:first-child {
    width: 50px;
}

.fileselector .list-del-header .customer-li:nth-child(2) {
    padding-left: 34px;
}

.fileselector .table-scroll .customer-li:nth-child(2) img {
    width: 18px;
    margin-right: 6px;
}

.fileselector .account-list .list-del-header .customer-li:nth-child(3),
.fileselector .account-list .table-scroll .customer-li:nth-child(3) {
    padding-left: 10px;
    width: 60px;
}

.customerlist .fileselector .invite-form .report-serch li:first-child {
    padding-left: 10px;
}

.fileselector .account-list .list-del-header {
    padding-right: 10px;
}

/*＃1876【協力会社】一覧にて長い名前の表示が切れている*/
.customer-wrapper li.btns  span.btn-span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*【音声通話】画面共有の横画面表示と画像回転のアイコン*/
.chat-model.is-transverse .el-popover {
    height: 60vh;
    width: 80vw;
    position: fixed;
    top: 20vh;
    left: 10vw;
    margin: 0;
}

.popover-transverse-icon {
    position: absolute;
    top: 1px;
    left: 10px;
}

.popover-close-icon {
    position: absolute;
    right: 0px;
    top: 4px;
}

.popover-transverse-icon i.el-icon-refresh-right:before {
    font-size: 26px;
}

.chat-model.is-transverse .popover-transverse-icon i.el-icon-refresh-right:before {
    content: "\E6C7";
}

.popover-rotate-icon {
    position: absolute;
    top: 1px;
    right: 40px;
}

.popover-rotate-icon i:before {
    font-size: 26px;
}

/*右上のユーザ名 が長すぎるので，省略記号で代用する*/
.user-profile{
    max-width: 61%;
}
.user-profile .profile-name{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*チャットグループ名 チャットグループ内のニックネーム 長すぎるので，省略記号で代用する*/
.chat .chatcontent .rowsecond h4 .talk-name,.chat .chatcontent .rowsecond h4 .talk-contents{
    max-width: calc(50% - 205px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .[案件]案件詳細画面の項目のタブ化 #2991 */
.projectdetail .common-view > div > div:nth-child(2) {
    max-width: none;
}

.projectdetail .el-tabs__header.is-top {
    width: 61%;
    min-width: 800px;
    margin: 0px auto;
    z-index: 0;
}

.projectdetail .el-tabs__header.is-top .el-tabs__nav {
    width: 100%;
}

.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item {
    width: 33%;
}

.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item:nth-of-type(2) {
    width: 34%;
}

.projectdetail .common-view .content {
    margin-top: 60px;
}

.projectdetail .project-detail .content table img {
    right: 0;
    top: -45px;
}

.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item.is-active, .projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item:hover {
    color: #219894;
}
.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item.is-disabled:hover{
    color: #C0C4CC;
}
.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item.is-disabled:hover .project-details-bulk-button,
.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item.is-disabled>span:hover .project-details-bulk-button,
.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item.is-disabled .project-details-bulk-button:hover,
.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item.is-disabled .project-details-bulk-button:focus{
    width: 100%;
    height: calc(100% + 3px);
    background: #ffffff;
    color: #606266;
    opacity: 1;
    cursor: default;
}

.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item.is-active {
    border-top: 3px solid;
}

.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item:last-of-type {
    padding: 0;
}

.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item .project-details-bulk-button {
    font-size: 1em;
    width: 100%;
    height: calc(100% + 3px);
    transform: translateY(-1px);
    border: 2px solid #DCDFE6;
}

.projectdetail .el-tabs__header.is-top .el-tabs__nav .el-tabs__item .project-details-bulk-button:hover {
    background-color: #409EFF;
    color: #ffffff;
    width: calc( 100% + 2px);
}

.emoji-controller-no li{
    height: auto;
    max-height: 250px;
    overflow-y: auto;
}

/*＃3141【スケジュール】ディスプレイ拡大率が高いと崩れる*/
@media (max-width: 1466px) {
    .low .schdule-org-week .title-wrap .title-form {
        padding-right: 10px;
    }

    .schedule.schdule-org-week .week-title h2 {
        min-width: 100px;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .schdule-org-week .el-form-item__content > .schedule-project,
    .schdule-org-week .title-form input {
        width: 120px !important;
    }

    .schdule-org-week .header-nav.schedule {
        min-width: 480px;
    }

    .schdule-org-week .header-nav.schedule li:first-child {
        min-width: 156px;
        width: auto !important;
    }

    .header-nav-schedule-li{
        width: 220px !important;
        margin-right: 0;
    }

    .header-nav-schedule-li >span:first-child >a{
        margin-right: 0;
    }

}
.schedule-week-others{
    height: 30px;
}
.schedule .schedule-wrapper.schedule-frist .schedule-org-main-wrap .schedule-week-others .calendar-week-wrap{
    border-bottom: 0;
    border-right: 1px solid #E5E5E5;
    border-top: 1px solid #707070;
}
.schedule .calendar-schedule-week-others{
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 10px;
}
.schedule .calendar-week-wrap .calendar-time:nth-child(1){
    border-top: 1px solid #E5E5E5;
}

@-moz-document url-prefix() {
    .schedule-day-bottom-others{
        margin-right: 15px;
        /* padding-left: 17px; */
    }
}

.schedule-day-bottom-others-content{
    line-height: 30px;
    width: 180px;
    border-right: 1px solid #E5E5E5;
}

.day_noborder{
    height: 70px;
    border-top: 1px solid #E5E5E5;
    position: relative;
}

.easy_show_off{
    background: url("../images/easy_show_off.png") no-repeat 10px 9px;
    background-size: 18px;
    float: right;
    height: 37px;
    width: 37px;
    border-color: #34922F;
}
.easy_show_on{
    background: url("../images/easy_show_on.png") no-repeat 10px 9px;
    background-size: 18px;
    float: right;
    height: 37px;
    width: 37px;
    border-color: #34922F;
    background-color: #34922F;
}

.normal_show_off{
    background: url("../images/normal_show_off.png") no-repeat 10px 9px;
    background-size: 18px;
    float: right;
    height: 37px;
    width: 37px;
    border-color: #34922F;
}
.normal_show_on{
    background: url("../images/normal_show_on.png") no-repeat 10px 9px;
    background-size: 18px;
    float: right;
    height: 37px;
    width: 37px;
    border-color: #34922F;
    background-color: #34922F;
}
.icon_map{
    background: url(../images/googleMapIcon.png) no-repeat 10px 9px;
    background-size: 22px;
    float: right;
    height: 40px;
    width: 40px;
    left: -1px;
    top: -3px;
    position: relative;
    cursor: pointer;
}
.noRightBorder {
    padding-left:3%;
    padding-right:3%;
    position: unset;
    margin-top: 10px;
}
.noRightBorder span {
    border-right: 0px solid rgba(255, 255, 255, 0) !important;
}
.projectListHover li:hover{
    background-color: #f5f5f5;
    cursor: pointer;
}
.companyListHover li:hover{
    background-color: #9dc815;
    cursor: pointer;
}
.projectNoimage {
    background: url(../images/iconNoimage.png) no-repeat 0px 0px;
    background-size: 40px;
    height: 40px;
    width: 40px;
    position: relative;
    top: 70px;
    left: -5%;
}
.projectNoimageFont {
    height: 40px;
    position: relative;
    top: 83px;
    left: -1%;
    font-size: 23px;
    color: #999999;
}
.projectBottomNoimageFont {
    height: 40px;
    position: relative;
    top: 58px;
    left: 4%;
    font-size: 16px;
    color: #999999;
}
.noImage {
    background: url(../images/iconNoimage.png) no-repeat 0px 0px;
    background-size: 40px;
    height: 40px;
    width: 40px;
    position: relative;
    top: 70px;
    left: -5%;
}
.projectlist .bottom .progressBorderColor1 .el-progress-bar__outer {
    background-color: #D7E9D7 !important;
    border: 1px solid #D7E9D7;
}
.projectlist .bottom .progressBorderColor2 .el-progress-bar__outer {
    background-color: #dce6f2 !important;
    border: 1px solid #dce6f2;
}
.projectlist .bottom .progressBorderColor3 .el-progress-bar__outer {
    background-color: #49d0ae !important;
    border: 1px solid #49d0ae;
}
.projectlist .bottom .progressBorderColor4 .el-progress-bar__outer {
    background-color: #ff0000 !important;
    border: 1px solid #ff0000;
}
.projectlist .bottom .progressBorderColor5 .el-progress-bar__outer {
    background-color: #ffc000 !important;
    border: 1px solid #ffc000;
}
.projectlist .bottom .progressBorderColor6 .el-progress-bar__outer {
    background-color: #bfbfbf !important;
    border: 1px solid #bfbfbf;
}
.projectlist .bottom .progressBorderColorOther .el-progress-bar__outer {
    background-color: #ffffff !important;
    border: 1px solid #ffffff;
}

.projectlist .bottom .progressBorderColor1 .el-progress-bar__inner {
    background-color: #D7E9D7 !important;
}
.projectlist .bottom .progressBorderColor2 .el-progress-bar__inner {
    background-color: #dce6f2 !important;
}
.projectlist .bottom .progressBorderColor3 .el-progress-bar__inner {
    background-color: #49d0ae !important;
}
.projectlist .bottom .progressBorderColor4 .el-progress-bar__inner {
    background-color: #ff0000 !important;
}
.projectlist .bottom .progressBorderColor5 .el-progress-bar__inner {
    background-color: #ffc000 !important;
}
.projectlist .bottom .progressBorderColor6 .el-progress-bar__inner {
    background-color: #bfbfbf !important;
}
.projectlist .bottom .progressBorderColorOther .el-progress-bar__inner {
    background-color: #ffffff !important;
    border: 1px solid #ffffff;
}

/* .projectlist .progressBorderColor1 {
    color: #ffffff !important;
}
.projectlist .progressBorderColor2 {
    color: #dce6f2 !important;
}
.projectlist .progressBorderColor3 {
    color: #49d0ae !important;
}
.projectlist .progressBorderColor4 {
    color: #ff0000 !important;
}
.projectlist .progressBorderColor5 {
    color: #ffc000 !important;
}
.projectlist .progressBorderColor6 {
    color: #bfbfbf !important;
} */

.selectCompanyType span:first-child{
    display: inline-block;
    width: 13px !important;
}

.selectCompanyType span{
    overflow: unset;
}

/*****Notification 组件换行********/
.el-notification p{
	word-break: break-word;
}
/* 案件 顧客新規登録 営業履歴 */
.projectBusinessHistory .customercreate .formadd .nameupdata button{
    top: 2px;
    font-size: 14px;
}
 .projectBusinessHistory .customercreate .formadd .formadd:first-child .nameupdata .el-form-item__label{
    width: 140px !important;
}
.projectBusinessHistory .customercreate .formadd .el-form-item__label{
    width: 140px !important;
}
.projectBusinessHistory .customercreate .formadd .nameupdata .history-date{
    position: relative;
    left: -50px;
}
.projectBusinessHistory .customercreate .formadd .el-textarea{
    position: relative;
    left: -57px;
}

nav li a.blackboard {
    background-image: url(../images/icon-blackboard.png);
}

.blackboard_top_title {
    background: url(../images/icon-blackboard.png) #00744E no-repeat 25px 10px !important;
    background-size: 50px !important;
}

.commonAll .blackboardBody .el-checkbox__input.is-checked + .el-checkbox__label,
.commonAll .blackboardBody .el-radio__input.is-checked .el-radio__inner,
.commonAll .blackboardBody .el-radio__input.is-checked+.el-radio__label{
    color: black;
}

.commonAll .detail-body .el-checkbox__input.is-checked + .el-checkbox__label,
.commonAll .detail-body .el-radio__input.is-checked .el-radio__inner,
.commonAll .detail-body .el-radio__input.is-checked+.el-radio__label{
    color: black;
}

.commonAll .blackboardBody .el-checkbox {
    color: black;
    padding-left: 30px;
}
.projectBusinessHistory .customercreate .formadd .el-textarea textarea{
    font-size: 14px;
    width: 75%;
    height: 134px;
}
.projectBusinessHistory .customercreate .formadd .el-form-item{
    margin-bottom: 22px;
}
.projectBusinessHistory .customercreate .formadd .el-input__prefix{
    margin-left: 75%;
}
.customer_create_remarks .el-textarea__inner{
    font-size: 14px;
    width: 75%;
    height: 134px;
}
.agree-count{
    font-size: 18px;
    position: absolute;
    right: 5%;
    top: -35px;
}
.project-list-dt{
    height: 26px !important;
    background-color: #359230;
    color: #FFF !important;
    font-size:12px !important;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    padding: 0px 14px;
    position: relative;
    /* top: -170px;
    left: -4px; */
    display: inline-block;
}
.project-list-dt-icon-type1{
    background-image: url(../images/project_icon1.png) !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
}
.project-list-dt-icon-type2{
    background-image: url(../images/project_icon2.png) !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
}
.project-list-dt-icon-type3{
    background-image: url(../images/project_icon3.png) !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
}
.project-list-dt-icon-type4{
    background-image: url(../images/project_icon4.png) !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
}
.project-address-iocn{
    background-image: url(../images/icon_address.png);
    background-repeat: no-repeat;
    background-position-y: 8px;
}
.project-memo-iocn{
    background-image: url(../images/iconMemo.png);
    background-repeat: no-repeat;
    background-position-y: 9px;
}
.project-locale-chief-iocn{
    background-image: url(../images/icon_user.png);
    background-repeat: no-repeat;
    background-position-y: 8px;
}
.blackBoardCheckBox .el-checkbox__input.is-checked .el-checkbox__inner{
    background-color: #359230 !important;
    border-color: #359230 !important;
}
.utilizationMethodButtonDiv :hover{
    background-color: #3fa53a;
}
.utilizationMethodButton :hover{
    background-color: #3fa53a;
}
/* #4045 */
li.el-icon.more.btn-quicknext.el-icon-more{
    pointer-events: none;
}
li.el-icon.more.btn-quickprev.el-icon-more{
    pointer-events: none;
}
.chat-list-popoverto-tabs .el-tabs__nav{
    white-space: unset;
}
.content-popover .el-tabs__nav{
    white-space: unset;
}
.popover-div .popoverto-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(3){
    line-height: initial;
    font-size: 12px !important;
    padding-top: 6px !important;
}
.project-status-backgroundColor .vue-swatches__container{
    padding: unset !important;
  }
  .project-status-backgroundColor .vue-swatches__swatch{
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 2px !important;
  }
  .project-status-backgroundColor .vue-swatches__wrapper{
    width: 287px !important;
  }
  .project-status-backgroundColor .vue-swatches__trigger{
    width: 30px !important;
    height: 30px !important;
  }
.schedule-status-backgroundColor .vue-swatches__container{
    padding: unset !important;
  }
  .schedule-status-backgroundColor .vue-swatches__swatch{
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 2px !important;
  }
  .schedule-status-backgroundColor .vue-swatches__wrapper{
    width: 287px !important;
  }
  .schedule-status-backgroundColor .vue-swatches__trigger{
    width: 30px !important;
    height: 30px !important;
  }
  .project-status-style-color .el-input.is-disabled .el-input__inner{
    border: 0px;
    cursor: auto;
    background-color: #333333;
    color: #333333;
  }
  .project-status-style-color .el-form-item__content{
      width: 100%;
  }
  .project_import_div {
    margin-top: 40vh !important;
    border-radius: 15px;
    width: 520px;
  }
  .project_import_div .project_import_button{
    background-color: #219894;
    border-color: #219894;
    color: white;
  }
  .width-col{
    width: 48%;
  }
  .upload-demo .el-upload{
    width:100%;
  }
  .project_import_button.el-button:focus, .project_import_button.el-button:hover{
    background-color: #219894;
    border-color: #219894;
    color: white;
  }
  .accountBirth input{
    font-size: 18px;
  }
  .accountBirth .el-input__prefix {
    margin-left: 150px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 0px;
  }
  .accountBirthItem .el-form-item__label {
    position: relative;
    top: 5px;
    margin-right: 50px;
  }
  .enterpriseBlackboardSwitchItem .el-form-item__label {
    margin-right: 50px;
  }
  .enterprise_organization_form .el-form-item__content .el-select .el-input--suffix .el-input__suffix{
    right: 10px !important;
  }
  .white-balck-button.el-button:focus,
  .white-balck-button.el-button:hover,
  .c-white-balck-button.el-button:focus,
  .c-white-balck-button.el-button:hover
    {
    color: #000000;
    border-color: #ffffff;
    background-color: #ffffff;
    }

  /* vue-treeselect */
  .treeselect-schedule-project.vue-treeselect {
    width:300px;
  }
  .treeselect-schedule-project.vue-treeselect .vue-treeselect__control{
    height: 30px !important;
  }
  .treeselect-form-item .el-form-item__content{
    line-height: 30px !important;
  }
  .treeselect-schedule-project.vue-treeselect .vue-treeselect__menu{
    overflow-x: auto;
  }
  .treeselect-schedule-project.vue-treeselect .vue-treeselect__menu .vue-treeselect__label{
    overflow: unset !important;
  }
  /* vue-treeselect */

  .project-basic-form-group .el-form-item .el-form-item__content .el-select .el-input .el-input__suffix{
    right: 5px !important;
  }
  .productContent .el-form .form-group .el-form-item .el-form-item__content .el-checkbox-group .el-checkbox .el-checkbox__input .el-checkbox__inner{
    z-index: 0;
  }
  .el-select-dropdown.el-popper[x-placement^=bottom],
  .el-dropdown-menu.el-popper[x-placement^=bottom]{
    margin-top: 0px;
  }
  .create-enterprise-form .el-form .el-form-item:first-child{
    margin-left: 10% !important;
    margin-right: 5% !important;
  }
  .create-enterprise-form .el-form-item__error{
    padding-left: 0% !important;
  }

  .popover-mask-custonmer{
    background: rgba(255,255,255,0);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    z-index:1000;
}
/*** Microsoft Edge **/
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}.representative-wrapper {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    align-items: center;
}

.representative-wrapper form {
    display: block;
    margin: 0 auto;
    padding: 5px;
}
.representative-wrapper form .form-box{
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}
.representative-wrapper h2 {
    color: #219894;
    font-size: 23px;;
}

.representative-wrapper input {
    padding: 0 10px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ccc !important;
    border-radius: 6px;
}

.representative-wrapper ul {
    margin-top: 10px;
}

.representative-wrapper ul li {
    margin-top: 20px;
}

/*------孫改修------*/
.representative-wrapper ul li input.el-input__inner {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #E5E5E5;
    border-bottom-color: #E5E5E5 !important;
}

.representative-wrapper ul li.error {
    margin-top: 5px;
    color: red;
    text-align: left;
}

/*------孫改修------*/
.representative-wrapper a {
    color: #fff;
    font-size: 18px;
}

/*------孫改修------*/
.representative-wrapper .l-remember-wrap {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
}

/*------孫追加------*/
.representative-wrapper input[type=checkbox] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 20px;
    width: 26px;
    height: 26px;
    position: relative;
}

.representative-wrapper .l-logindiv-margin {
    margin-top: 28px;
}

.representative-wrapper .l-remember-wrap input {
    margin: 0 16px 0 0;
    float: left;
}

/*------孫追加------*/
.representative-wrapper .l-forgat-wrap {
    text-align: right;
}

/*------孫追加------*/
.representative-wrapper .l-forgat-wrap a {
    text-decoration: underline;
}

.representative-wrapper {
    max-width: 920px;
    margin: 0 auto;
    align-content: center;
    padding: 20px;
}


.representative-wrapper h2 {
    padding: 10px 5px;
    text-align: center;
}



.representative-wrapper .input-group {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}

.representative-wrapper .input-group .error {
    color: red;
    margin-top: 5px;
}

.representative-wrapper ul {
    padding: 10px 0;
}

.representative-wrapper ul li {
    margin-bottom: 15px;
}

.representative-wrapper ul li label {
    width: 155px;
    display: inline-block;
    padding: 3px 0;
}

.representative-wrapper ul li label span {
    color: red;
    padding: 0 3px;
    font-weight: bold;
}

.representative-wrapper .comment {
    padding: 10px 0;
    max-width: 420px;
}

.representative-wrapper .term-of-use {
    padding: 10px 0;
}

.representative-wrapper .form-horizontal {
    display: flex;
    flex-direction: column;
}


.alert {
   padding: 10px 6px;
   margin: 10px 0;
   border-radius: 4px;
}

.alert.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.representative-wrapper .agreement-checkbox label {
    display: flex;
    align-items: center;
}

.representative-wrapper .agreement-checkbox input {
    width: auto;
    margin-right: 5px;
}

.representative-wrapper .btn-register {
    border: none;
    margin: 20px auto;
    padding: 10px 30px;
    cursor: pointer;
    display: inline-block;
    border-radius: 10px;
    background-color: #219894;
    font-size: 18px !important;
    font-weight: 600;
    color: #fff;
    align-self: flex-start;
}

.representative-wrapper .btn-register[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
}
.representative-wrapper .footer-nav-version{
    text-align: left;
    margin-top: 50px;
}