You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1206 lines
20 KiB
1206 lines
20 KiB
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
|
|
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css');
|
|
@import "./basicCss/padding.css";
|
|
@import "./basicCss/margin.css";
|
|
@import "./basicCss/flex.css";
|
|
@import "./basicCss/color.css";
|
|
@import "./basicCss/font.css";
|
|
@import "./public.css";
|
|
@import "./custom-antdv.css";
|
|
|
|
|
|
.ant-layout-header {
|
|
background: #fff;
|
|
height: unset;
|
|
padding: unset;
|
|
line-height: unset;
|
|
}
|
|
.activitiesList{height: 100vh;}
|
|
.close{cursor: pointer;}
|
|
.img{width: 100%;}
|
|
.ant-drawer-body {
|
|
font-size: 12px;
|
|
}
|
|
.anticon{font-size: 12px;}
|
|
form .ant-select .width100{width:100%;}
|
|
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 12px;
|
|
font-family: Microsoft JhengHei, Avenir, Helvetica, Arial, sans-serif;
|
|
}
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.flexboxTit{
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
margin: 0 auto;
|
|
padding: 5px 15px;
|
|
}
|
|
.flexboxTit .boxTit{
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
max-width: 300px;
|
|
padding: 15px;
|
|
}
|
|
.flexbox{
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
/* max-width: 768px; */
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
margin: 0 auto;
|
|
padding: 5px 15px;
|
|
}
|
|
.flexbox .board{
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
max-width: 300px;
|
|
/* background: #313131; */
|
|
padding: 15px;
|
|
}
|
|
.flexbox .board .card{
|
|
/* padding: 15px 25px;
|
|
background: #f3f3f3; */
|
|
cursor: pointer;
|
|
margin-bottom: 15px;
|
|
border: 0;
|
|
}
|
|
|
|
|
|
.font18{font-size: 18px;}
|
|
|
|
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.border-bottom {
|
|
border-bottom: 1px solid #E8E8E8;
|
|
}
|
|
|
|
|
|
.mgnLeftAuto{margin-left: auto;}
|
|
|
|
.cursor-pointer {
|
|
cursor:pointer;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.2em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.8em;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.5em;
|
|
}
|
|
.inputHeight{display: block;height: 100%;width: 100%;min-height: 50px;vertical-align: top;}
|
|
|
|
body,
|
|
html,
|
|
.ant-input,
|
|
.ant-btn,
|
|
input,
|
|
label,
|
|
span {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
#nav {
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
color: #2c3e50;
|
|
}
|
|
|
|
.mgn1 {
|
|
margin: 0.5em;
|
|
}
|
|
|
|
.mgnBig {
|
|
margin: 2em 2.5em;
|
|
}
|
|
|
|
.mgnTopBig {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.mgnTop1 {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.mgnLeft {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.mgnRight {
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.mgnBtm {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.mgnCenter{margin:0 0.5em}
|
|
|
|
/* .ant-btn {
|
|
height: 28px;
|
|
font-size: 0.8em;
|
|
line-height: 28px;
|
|
} */
|
|
|
|
.ant-btn.btnImg {
|
|
width: 28px;
|
|
height: 28px;
|
|
min-width: 28px;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.gridContent {
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
.a-col {
|
|
line-height: 30px;
|
|
}
|
|
|
|
.topGrp {
|
|
line-height: 40px;
|
|
margin: 5px;
|
|
}
|
|
|
|
.logo {
|
|
background: #f97358;
|
|
border-radius: 5px;
|
|
width: 40px;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
|
|
.login {
|
|
text-align: right;
|
|
}
|
|
|
|
.searchGrp {
|
|
display: block;
|
|
width: 100%;
|
|
position: relative;
|
|
line-height: 40px;
|
|
margin: auto;
|
|
}
|
|
|
|
.menuGrp .searchGrp {
|
|
width: 100%;
|
|
}
|
|
|
|
.typeBtnBrp {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.typeBtn {
|
|
/* height: calc((100vh - 200px)/3); */
|
|
border: 0;
|
|
background: #e4e4e4;
|
|
padding: 2px;
|
|
border-radius: 20px;
|
|
margin-right: 0.5em;
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
|
|
.typeBtn.ant-btn {
|
|
width: 28px;
|
|
font-size: 10px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.inputSearch {
|
|
border-radius: 20px;
|
|
line-height: 25px;
|
|
width: 100%;
|
|
border: 1px solid #eaeaea;
|
|
padding-left: 10px;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
input.inputSearch::before {
|
|
content: "\e778"
|
|
}
|
|
|
|
::placeholder {
|
|
color: #999999;
|
|
}
|
|
|
|
.search {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.searchBtn {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 2%;
|
|
display: block;
|
|
line-height: 45px;
|
|
color: #888888;
|
|
}
|
|
|
|
.addBtn {
|
|
border-radius: 14px;
|
|
margin-left: 5px;
|
|
line-height: 25px;
|
|
height: 25px;
|
|
width: 25px;
|
|
border: 1px solid #9f9f9f;
|
|
background: #fff;
|
|
color: #808080;
|
|
padding: 0;
|
|
min-width: 25px;
|
|
}
|
|
|
|
.iconUl,
|
|
.iconUl li {
|
|
list-style: none;
|
|
list-style-type: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.iconNav {
|
|
font-size: 2em;
|
|
margin: 0em;
|
|
color: #000;
|
|
padding: 0.3em;
|
|
}
|
|
|
|
.iconNav:hover {
|
|
color: #f97358;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.gridLeft {
|
|
border-top: 1px solid #eaeaea;
|
|
border-right: 1px solid #eaeaea;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.gridContent {
|
|
border-top: 1px solid #eaeaea;
|
|
}
|
|
div.navSubMenu{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100px;
|
|
z-index: 100;
|
|
border: 1px solid #eee;
|
|
width:200px !important;
|
|
background: #fff;
|
|
min-height: 400px;
|
|
text-align: left;
|
|
}
|
|
div.navSubMenu ul{
|
|
padding:0;
|
|
}
|
|
div.navSubMenu ul li:hover{background: #F6F6FC;color:#F86F54;}
|
|
|
|
.pgMenu{
|
|
display: inline-flex;
|
|
width: 50px;
|
|
justify-content: center;
|
|
}
|
|
.pgContent{
|
|
display: inline-flex;
|
|
width: calc(100% - 50px);
|
|
vertical-align: top;
|
|
}
|
|
|
|
.subNavGrp {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
}
|
|
|
|
.subNavGrp ul {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 100vh;
|
|
margin-left: 50px;
|
|
background-color: #fff;
|
|
width: 100px;
|
|
box-shadow: 2px 3px 10px #ddd;
|
|
padding: 1em;
|
|
}
|
|
|
|
|
|
|
|
.custMenu {}
|
|
|
|
.customer {
|
|
/* position: relative !important; */
|
|
}
|
|
|
|
.menuGrp {
|
|
border-radius: 10px;
|
|
background: #fff;
|
|
display: block;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.tagTit {
|
|
position: relative;
|
|
padding-left: 1.5em;
|
|
}
|
|
|
|
h5.tagTit {
|
|
line-height: 30px;
|
|
margin: 0em 0;
|
|
color: #8d8d8d;
|
|
}
|
|
|
|
.tagTit .iconTag {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: block;
|
|
line-height: 30px;
|
|
color: #d7d7d7;
|
|
}
|
|
|
|
.tagTit .iconSetting {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
display: block;
|
|
line-height: 30px;
|
|
color: #d7d7d7;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.treeGrp {
|
|
display: block;
|
|
border: 0px solid #000;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
max-height: 50vh;
|
|
/* height: calc(100vh - 20%); */
|
|
}
|
|
|
|
.treeUl.ant-tree {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.treeUl.ant-tree li {
|
|
padding: 0;
|
|
}
|
|
|
|
.treeUl.ant-tree li span.ant-tree-switcher,
|
|
.treeUl.ant-tree li span.ant-tree-iconEle {
|
|
width: unset;
|
|
height: unset;
|
|
}
|
|
|
|
/* .a-table .el-table__cell{padding: 0;}
|
|
.el-table--mini .el-table__cell:first-child{text-align: center;} */
|
|
.lineBtm {
|
|
border-bottom: 1px solid #e7e7e7;
|
|
}
|
|
|
|
.lineRight {
|
|
border-right: 1px solid #f3f3f3;
|
|
}
|
|
|
|
.userGrp {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.userImgGrp {
|
|
display: block;
|
|
border-radius: 30px;
|
|
border: 1px solid #eee;
|
|
width: 50px;
|
|
height: 50px;
|
|
overflow: hidden;
|
|
margin: 10px;
|
|
}
|
|
|
|
.userImgGrp img {
|
|
width: 80px;
|
|
margin-left: -10px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.userNm {}
|
|
|
|
.ant-btn.addUserBtn {
|
|
height: 28px;
|
|
border-radius: 20px;
|
|
min-width: 100px;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.adminGrp {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
.adminGrp .userImgGrp {
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
|
|
.adminGrp .userImgGrp img {
|
|
margin-left: -20px;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.optionGrp {
|
|
padding: 0.5em;
|
|
border: 1px solid #ececec;
|
|
background: #fff;
|
|
color: #767676;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.optionUserNm {
|
|
padding: 0.5em;
|
|
border: 0px solid #ececec;
|
|
background: #fff;
|
|
color: #767676;
|
|
width:100px;
|
|
}
|
|
|
|
.tabsGrp1 {
|
|
margin: 0;
|
|
}
|
|
|
|
.tabsGrp1 .ant-tabs-bar {
|
|
margin: 0;
|
|
border: 0;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.tabsGrp1 .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
|
|
box-shadow: 0px 3px 10px #ddd;
|
|
border-bottom: 2px solid #f97358 !important;
|
|
color: #4e4e4e;
|
|
}
|
|
|
|
.tabsGrp1 .tabsActionTabBlock {
|
|
display: block;
|
|
width: 95%;
|
|
margin: auto;
|
|
}
|
|
|
|
.tabsGrp1 .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.tabsGrp1 .ant-tabs-nav-container {
|
|
margin: 0;
|
|
}
|
|
|
|
.tabsGrp1 .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
|
|
height: 30px;
|
|
}
|
|
|
|
.tabsGrp1 .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
|
|
border: 0;
|
|
background: #fff;
|
|
}
|
|
|
|
.tabsGrp1 .tabsActionTabBlock {
|
|
padding: 0 0.5em 0.5em 0.5em;
|
|
}
|
|
|
|
.tabsGrp1 .tabsGrpActionDiv {
|
|
box-shadow: 0px 0px 7px #ddd;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.tabsGrp1 .el-tabs__content {
|
|
/* padding: 1em;
|
|
box-shadow: -3px 0px 7px #ddd; */
|
|
}
|
|
|
|
.tabsGrp2 .ant-tabs-nav .ant-tabs-tab-active {
|
|
color: #4e4e4e;
|
|
}
|
|
|
|
.tabsGrp2 .ant-tabs-nav .ant-tabs-tab-active:hover {
|
|
color: #f97358;
|
|
}
|
|
|
|
.tabsGrp2 .ant-tabs-ink-bar {
|
|
background-color: #f97358;
|
|
}
|
|
|
|
.ant-tabs,
|
|
.ant-tabs-nav-container {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
|
|
.v-modal {
|
|
background: transparent;
|
|
}
|
|
|
|
.el-drawer__wrapper {
|
|
position: absolute;
|
|
top: -1em;
|
|
border-radius: 10px;
|
|
box-shadow: -3px 0px 7px #ddd;
|
|
}
|
|
|
|
.flexLeft {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
.flexLeft.flexTop{
|
|
align-items: flex-start;
|
|
}
|
|
.flexLeft .flex1{
|
|
flex:1
|
|
}
|
|
|
|
.flexRight {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
.flexLeft.flexRight {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.flexCenter {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.formRowGrp {margin-bottom: 0.5em;}
|
|
|
|
.borderBtn {
|
|
border-bottom: 1px solid #f6f6f6;
|
|
}
|
|
|
|
.formTit {
|
|
min-width: 80px;
|
|
text-align: left;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.formTxt {
|
|
width: 100%;
|
|
display: block;
|
|
flex: 1;
|
|
}
|
|
|
|
.formTxt input.input1 {
|
|
display: block;
|
|
width: 100%;
|
|
border: 0;
|
|
color: #898989;
|
|
line-height: 30px;
|
|
}
|
|
|
|
form .ant-select,
|
|
form .ant-cascader-picker {
|
|
width: unset;
|
|
}
|
|
|
|
.selectLineNone .ant-select-selection {
|
|
border: 0;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.ant-btn.tabEmailIconBtn {
|
|
border: 0;
|
|
width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
.ant-btn > i, .ant-btn > span{
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
.btnGrp {
|
|
padding: 1em;
|
|
}
|
|
|
|
.bgOrg {
|
|
background: #f97358;
|
|
color: #fff;
|
|
}
|
|
|
|
.bgYellow {
|
|
background: #f9a83d;
|
|
color: #fff;
|
|
}
|
|
|
|
.planGrp {
|
|
display: block;
|
|
margin: auto;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.planBtnGrp {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 28px;
|
|
}
|
|
|
|
.hr1 {
|
|
border: 0;
|
|
border-top: 1px solid #ebebeb;
|
|
display: block;
|
|
margin: auto;
|
|
width: 60%;
|
|
}
|
|
|
|
|
|
.lineGrayGrp {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 80%;
|
|
z-index: 10;
|
|
}
|
|
|
|
.lineGray {
|
|
border-top: 1px solid #ebebeb;
|
|
height: 1px;
|
|
}
|
|
|
|
a.elLinkInfo {
|
|
color: #b8b8b8;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#nav a.elLinkBlue {
|
|
color: #6ea2ba;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#nav a.elLinkInfo:hover,
|
|
#nav a.elLinkBlue:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.rightBlockGrp {
|
|
padding: 1em;
|
|
}
|
|
|
|
.grpTit {
|
|
text-align: left;
|
|
font-size: 0.8em;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.grpTxt {
|
|
width: 100%;
|
|
display: block;
|
|
flex: 1;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.txt1 {
|
|
width: 100%;
|
|
display: block;
|
|
border: 0;
|
|
}
|
|
|
|
.txt2{border: 1px solid #767676;}
|
|
.txtGray {
|
|
color: #767676;
|
|
}
|
|
|
|
.textarea{display: block;width: 99%;padding:5px;}
|
|
|
|
.txtYellow {
|
|
color: #f1b778
|
|
}
|
|
|
|
|
|
.viewUl {
|
|
list-style-type: disc;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: block;
|
|
}
|
|
|
|
.viewUl li {
|
|
margin-left: 1.8em;
|
|
color: #8d8d8d;
|
|
font-weight: normal;
|
|
font-size: 0.8em;
|
|
list-style-type: disc;
|
|
display: block;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.viewUl li:hover {
|
|
color: #f1b778;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.custList {
|
|
text-align: left;
|
|
position: relative;
|
|
}
|
|
|
|
.drawerGrp {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 1em;
|
|
}
|
|
|
|
.drawerTitGrp {}
|
|
|
|
.drawer .ant-drawer-mask {
|
|
background-color: rgba(0, 0, 0, 0) !important;
|
|
width: 100%;
|
|
right: 0;
|
|
left: unset;
|
|
}
|
|
|
|
.drawer.ant-drawer {
|
|
position: absolute;
|
|
}
|
|
|
|
.drawer .ant-drawer-body {
|
|
padding: 0;
|
|
}
|
|
|
|
.btnCloseDrawer {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 23%;
|
|
padding: 0;
|
|
width: 25px;
|
|
height: 100vh;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.btnClose {
|
|
width: 25px;
|
|
height: 25px;
|
|
text-align: center;
|
|
padding: 0;
|
|
display: block;
|
|
margin: auto;
|
|
}
|
|
|
|
.btnUp,
|
|
.btnDown {
|
|
display: block;
|
|
height: 20px;
|
|
margin: auto;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.btnUpDowGrp {
|
|
display: block;
|
|
text-align: center;
|
|
background-color: #fff;
|
|
border: 1px solid #d9d9d9;
|
|
}
|
|
|
|
.btnUp.ant-btn {
|
|
border-radius: 0;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
|
|
.btnDown.ant-btn {
|
|
border-radius: 0;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
.btnAddTxt{
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 2px;
|
|
margin-top: 2px;
|
|
}
|
|
.btnAddTxt:hover{
|
|
background: #eee;
|
|
}
|
|
|
|
.tbGrp {
|
|
background: #fff;
|
|
}
|
|
|
|
.tbGrp .ant-table-pagination.ant-pagination {
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
.tbGrp .ant-pagination {
|
|
font-size: 0.8em;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.tbGrp .ant-pagination.mini .ant-pagination-item {
|
|
min-width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.grp1 {
|
|
display: block;
|
|
width: 100%;
|
|
background: #fffefa;
|
|
border: 1px solid #f5f5f5;
|
|
font-size: 0.8em;
|
|
padding: 1em;
|
|
}
|
|
|
|
.subTit {
|
|
color: #bebdb9;
|
|
}
|
|
|
|
.titTopGrp {}
|
|
|
|
.titTopGrp h2 {
|
|
margin: 0;
|
|
}
|
|
|
|
.titTopGrp .ant-btn.addUserBtn {
|
|
height: 25px;
|
|
min-width: 80px;
|
|
}
|
|
.pdgTop{padding-top: 1em;}
|
|
.pdgTopBtm{padding: 1em 0;}
|
|
.pdg1{padding: 1em;}
|
|
.pdgBig {}
|
|
.pagLR{padding: 0 1em;}
|
|
|
|
.mailGrp {
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
.bccGrp {
|
|
display: block;
|
|
width: 80%;
|
|
}
|
|
|
|
.input2 {
|
|
border-radius: 20px;
|
|
width: 80%;
|
|
}
|
|
|
|
.tit2 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.importGrp {
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
padding: 2em;
|
|
}
|
|
|
|
.iconImport {
|
|
font-size: 5em;
|
|
}
|
|
|
|
.userSettingGrp{
|
|
z-index: 9999;
|
|
}
|
|
|
|
.userSetting{display: block;position: absolute;top: 44px;right: 0;
|
|
background: #fff;padding: 0.5em;
|
|
z-index: 1000;width: 200px;}
|
|
.setShowGrp{background: #fff;}
|
|
.ul{list-style-type: circle;}
|
|
.ul li{display: block;margin-bottom: 1em;list-style-type: circle;
|
|
}
|
|
.thumbUpDef{color: #b8b8b8;}
|
|
.thumbUpDef:hover{color: rgb(70, 187, 181);;cursor: pointer;}
|
|
.thumbUpDef.actionClick{color: rgb(70, 187, 181);}
|
|
|
|
.processRow{
|
|
height: calc(100vh - 220px);
|
|
}
|
|
|
|
.subTit{border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
|
|
|
|
ul li{display: block;}
|
|
.tabsSearchGrp{position: relative;}
|
|
.tab2Grp{display: block;background: #fff;padding: 1em;position: absolute;top: 40px;right: 10px;
|
|
z-index:100;}
|
|
|
|
a .lineRight{border-right: 2px solid #dfdfdf;}
|
|
|
|
a .iconPlay,a .iconWarning{font-size: 15px;}
|
|
a .iconWarning{color: #ea9a00;}
|
|
a .iconExpired{color: rgb(219, 0, 0);}
|
|
|
|
.lineGray{border: 0;border-top: 2px solid #898989;width: 30px;display: inline-block;}
|
|
.lineGray.lineGreen{border-top: 2px solid rgb(0, 172, 0);}
|
|
|
|
.lineYellow{background: rgb(207, 161, 8);margin-right: 2px;padding: 2px;height: 5px;}
|
|
.lineBlue{background: rgb(8, 200, 207);margin-right: 2px;padding: 2px;height: 5px;}
|
|
.grpDeal{border: 1px solid #e6e6e6;display: block;padding: 0.5em;margin-bottom: 0.2em;}
|
|
|
|
.btnPlain{background: #747678;border-radius: 20px;display: block;color: #fff;padding: 0.2em;
|
|
width: 120px;text-align: center;margin: auto;}
|
|
.lineVGrp{position: relative;}
|
|
.lineVBlock{position: absolute;display: block;top: 0;left: 0;width:100%;height: 100%;border: 1px solid #000;}
|
|
.lineV2{background:url("crmImages/bg2.png") top left repeat-y;background-size: 2px;background-position: 15px;}
|
|
.lineV{background:url("crmImages/bg1.png") top left repeat-y;background-size: 2px;background-position: 15px;}
|
|
.bgWhile{background: #fff;padding: 5px;border-radius: 10px;}
|
|
.colorGreen{color: green;}
|
|
|
|
.plainGrp{border: 1px solid #e5e5e5;border-radius: 5px;position: relative;margin: 3px 0;}
|
|
.plainGrpDetail{border: 1px solid #e5e5e5;background: #fffcdc;padding: 0.5em;}
|
|
.plainGrp::before{
|
|
content: "";
|
|
position: absolute;
|
|
left: -7px;
|
|
top: 13px;
|
|
width: 12px;
|
|
height: 12px;
|
|
background-color: #fff;
|
|
border-left: 1px solid #e5e5e5;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
transform: rotate(45deg);
|
|
}
|
|
.talkAdmin{background: #eef1f2;}
|
|
.plainGrp.talkAdmin::before{
|
|
background-color: #eef1f2;
|
|
}
|
|
.talkUser{background: #21c17a;color: #fff;}
|
|
.plainGrp.talkUser::before{
|
|
background-color: #21c17a;
|
|
}
|
|
.hover{cursor: pointer;}
|
|
.hover:hover{color: #85b86c;}
|
|
|
|
.chartTitGrp{position: absolute;top: 36px;right: 0;border: 1px solid rgb(190, 190, 190);padding: 0.5em;
|
|
background: #fff;z-index: 100;min-width: 100px;}
|
|
.chartTitGrp .ul{list-style-type: disc;}
|
|
.chartTitGrp .ul li{list-style-type: disc;}
|
|
.chartTitGrp .ul li:hover{background: #eee;cursor: pointer;}
|
|
.none{display: none;}
|
|
|
|
/***************************/
|
|
.pipelineSummary {
|
|
position: relative;
|
|
height: auto;
|
|
}
|
|
.pipelineSummary .pipelineStages {
|
|
position: relative;
|
|
display: table;
|
|
height: 24px;
|
|
overflow: visible;
|
|
}
|
|
.pipelineSummary .additionalInfo {
|
|
height: 20px;
|
|
padding-top: 8px;
|
|
}
|
|
.pipelineSummary .pipelineStages.open ul li.active, .pipelineSummary .pipelineStages.open ul li.active .stageContent .stageArrow:after, .pipelineSummary .pipelineStages.won ul li.active, .pipelineSummary .pipelineStages.won ul li.active .stageContent .stageArrow:after {
|
|
background: #08a742;
|
|
}
|
|
.pipelineSummary .pipelineStages ul li .stageContent {
|
|
position: relative;
|
|
}
|
|
.pipelineSummary .pipelineStages.open ul li.active, .pipelineSummary .pipelineStages.open ul li.active .stageContent .stageArrow:after, .pipelineSummary .pipelineStages.won ul li.active, .pipelineSummary .pipelineStages.won ul li.active .stageContent .stageArrow:after {
|
|
background: #08a742;
|
|
}
|
|
.pipelineSummary .pipelineStages ul li {
|
|
position: relative;
|
|
background: #e5e5e5;
|
|
display: table-cell;
|
|
text-align: left;
|
|
line-height: 24px;
|
|
vertical-align: middle;
|
|
color: #fff;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.pipelineSummary .pipelineStages ul li {
|
|
position: relative;
|
|
background: #e5e5e5;
|
|
display: table-cell;
|
|
text-align: left;
|
|
line-height: 24px;
|
|
vertical-align: middle;
|
|
color: #fff;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.pipelineSummary .additionalInfo {
|
|
height: 20px;
|
|
padding-top: 8px;
|
|
}
|
|
.pipelineSummary .pipelineStages ul li .stageContent {
|
|
position: relative;
|
|
}
|
|
.pipelineSummary .pipelineStages ul li .stageContent .stagename {
|
|
font: 400 13px/16px Source Sans Pro,sans-serif;
|
|
display: inline-block;
|
|
position: relative;
|
|
left: 4px;
|
|
}
|
|
.pipelineSummary .pipelineStages ul li:first-child .stageContent .stageArrow {
|
|
display: none;
|
|
}
|
|
.pipelineSummary .pipelineStages ul li .stageContent .stageArrow {
|
|
width: 6px;
|
|
height: 30px;
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
}
|
|
.pipelineSummary .pipelineStages ul {
|
|
width: 100%;
|
|
display: table;
|
|
border-collapse: collapse;
|
|
table-layout: fixed;
|
|
height: 24px;
|
|
-ms-box-sizing: border-box;
|
|
-o-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
.pipelineSummary .pipelineStages ul li .stageContent .stageArrow {
|
|
width: 6px;
|
|
height: 30px;
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 0;
|
|
overflow: hidden;
|
|
}
|
|
.pipelineSummary .pipelineStages.open ul li.active+li .stageContent .stageArrow:after, .pipelineSummary .pipelineStages.won ul li.active+li .stageContent .stageArrow:after {
|
|
border-top: 3px solid #fff;
|
|
border-right: 3px solid #fff;
|
|
background: #08a742;
|
|
}
|
|
.pipelineSummary .pipelineStages ul li .stageContent .stageArrow:after {
|
|
width: 22px;
|
|
height: 22px;
|
|
position: absolute;
|
|
right: -7px;
|
|
top: 5px;
|
|
border-top: 3px solid #fff;
|
|
border-right: 3px solid #fff;
|
|
transform: scaleX(.3) rotate(
|
|
45deg
|
|
);
|
|
content: " ";
|
|
cursor: pointer;
|
|
background: #e5e5e5;
|
|
}
|
|
/***************************/
|
|
|
|
.msgGrp:hover{background: #eee;}
|
|
.msgGrp .flex1{flex: 0.1;}
|
|
.msgGrp .flex2{flex: 0.7;text-align: left;}
|
|
.msgGrp .flex3{flex: 0.2;}
|
|
|
|
.msgTalkGrp{
|
|
padding: 1em;border: 1px solid #eee;
|
|
}
|
|
.textarea,.input{width: 100%;border: 0;}
|
|
|
|
.msgTalkGrp .plainGrp{margin-left: 20px;}
|
|
.userImgGrp img.talkImg{
|
|
width: 60px;
|
|
margin-left: -5px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.select, input{padding: 3px 5px;font-size: 1.2em;}
|
|
|
|
.msgUserTopBtn .addUserBtn{min-width: 70px;}
|
|
.icon1{padding: 0 0.2em;}
|
|
|
|
.table{width:100%;}
|
|
.table thead{background: #efefef;}
|
|
.table thead td{text-align: center;}
|
|
.table tr,.table td{line-height: 22px;border-bottom:1px dotted #000;
|
|
text-align: left;vertical-align: middle;}
|
|
|
|
.userProBox{line-height: 1.5rem;}
|
|
|
|
.headerSearchBox{
|
|
position: absolute;
|
|
top: 54px;
|
|
left: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
z-index: 100;
|
|
color:#000;
|
|
vertical-align: top;
|
|
}
|
|
.headerSearchBox .headerSearchBoxDiv{
|
|
border: 1px solid #eee;
|
|
background: #fff;
|
|
display: block;
|
|
width:60%;
|
|
margin: auto;
|
|
box-shadow: 0px 0px 5px #ccc;
|
|
border-radius: 2px;
|
|
}
|
|
.headerSearchBoxDiv .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container{
|
|
background: #f3f3f3;
|
|
}
|
|
.headerSearchBoxDiv .ant-tabs .ant-tabs-left-content{
|
|
padding:0;
|
|
}
|
|
.headerSearchBoxDiv .headerSearchBoxDivContent{
|
|
padding: 10px;
|
|
}
|
|
|