.listbox .layui-form-item .layui-input-inline {width: 450px;margin-right: 0;}
.layui-form a.newtabLink{color: #339FF8;cursor: pointer;white-space: nowrap;}
.layui-layer{background-color: #F2F2F2;}
.layui-layer-admin .layui-layer-content{padding: 10px 10px 0 10px!important;}
.layui-card{padding: 10px;border-radius: 5px;margin-bottom: 10px;} 
.layui-layer-hui{background-color: #000!important;filter: alpha(opacity = 60)!important;background-color: rgba(0, 0, 0, .6)!important;}
.layui-table tr th:last-child, .layui-table tr td:last-child {border-right: none;}
.layui-fluid{padding: 10px!important;}
.layui-card-body{padding: 10px 0;}
.layui-table-tool .layui-table-tool-self{display: none;}
.layui-cicon-btn{height: 38px;line-height: 38px;padding: 0 5px;background-color: transparent;border: none;cursor: pointer;border-radius: 5px;}
.layui-cicon-btn:hover{background-color: #F2F2F2;}
.marginbottom10{margin-bottom: 10px!important;}
.marginbottom0{margin-bottom: 0!important;}
.padding0{padding: 0!important;}
.paddingright5{padding-right: 5px!important;}
.paddingleft5{padding-left: 5px!important;}
.marginright0{margin-right: 0!important;}
.textcenter{text-align: center!important;}
.textright{text-align: right!important;}
.textarea-resize-none{resize: none;}
.textunderline{text-decoration: underline;}
.floatright{float: right;}
.lineheight38{line-height: 38px!important;height: 38px!important;}
.filter-title{font-weight: bold;font-size: 16px;margin-bottom: 5px;}
.filterfootbox{border-top: 1px solid #999;text-align: right;padding-top: 15px;}
.filterbody{height: calc(100% - 50px);overflow-y: scroll;}
.layui-table-tool-temp{width: 300px;}
.filterbody ul{margin-left: 3px;}
.layuibodybox{padding: 10px;}
.selectedFilterBox{width: 100%;}
.selectedFilterBox p.filterItem{display:inline-block;margin:5px;padding:0 7px;border-radius:6px;background-color:#fafafa;color:#000;font-size:13px;border: 1px solid #8D8D8D;height: 25px;line-height: 25px;}
.selectedFilterBox p.filterItem img{margin-top:-2px;margin-left: 7px;cursor: pointer;height: 16px;}
.selectedFilterBox p.filterItem:first-child{margin-left: 0;}
.selectedFilterBox p.filterItem:last-child{margin-right: 0;}
.fixTopBox{position: fixed;top:90px;right:0;height: 30px;width: 100%;background-color: #f2f2f2;z-index: 9994;text-align: right;padding: 10px 25px 10px 0;}
.detailBox{padding-top: 40px;position: relative;}
.tableWithOperateSelect .layui-table-tool-temp{width: 300px;}
.layui-card .layui-card-title{display: block;font-size: 16px;text-align: left;font-weight: bold;width: 100%;padding: 0 0 5px 0;}
.cicon{display:inline-block;width:28px;height:28px;background-repeat:no-repeat;background-size:100% 100%;vertical-align:middle}
.cicon-filter{background-image:url(../images/cicon-filter.svg)}
.cicon-sort{background-image:url(../images/cicon-sort.svg)}
.topbtnbox{text-align: right;padding-right: 15px;margin: 0;}
.widthfull{width: 100%!important;box-sizing: border-box;}
.layuibodybox .label-title, .layuibodybox .label-subtitle{width: 100%;box-sizing: border-box;text-align: left;padding: 0;margin-bottom: 10px;}
.layuibodybox .label-title{font-weight: bold;font-size: 16px;white-space: nowrap;}
.layui-form-item .layui-form-label{font-weight: bold;display: block;width: 100%;padding: 0 0 5px 0;text-align: left;}
.layui-form-item .layui-input-inline{width: 100%;}
.layui-form-item span.redStar{color: red;display: inline-block;padding-left: 3px;}
.listbox .searchBox .layui-inline{margin: 0!important;}
.listbox .searchBox .layui-input-inline{width: 600px!important;margin: 0!important;}
.listbox .searchBox .layui-inline.searchBtnBox button{border: none;}
.listbox .topaddbtn{position: absolute;right: 0;top:2px;}
.sortbox-dropdown{display:none;box-sizing: border-box;position: absolute;top:37px;left: -5px;padding: 5px 0;border-radius: 4px;background-color: #fff;z-index: 9999999;box-shadow: 2px 2px 10px #888;}
.sortbox-dropdown p{padding: 0 10px;height: 28px;line-height: 28px;color: #000;cursor: pointer;white-space: nowrap;}
.sortbox-dropdown p:hover {background-color: #f5f5f5;}
.sortbox-dropdown p.selected{color: red;}
.sortbox:hover .sortbox-dropdown {display: block;}
.listbox .listsidebarbox{display:none;position: fixed;top:0;right: 0;height: 100%;width: 400px;box-shadow: 2px 2px 10px #888;background-color: #fff;z-index: 999999999999;}
#ImportListBox .label-subtitle{height: 40px;}
.popupfootbox{border-top: 1px solid #999;text-align: right;padding-top: 15px;}
.popupBody{height: calc(100% - 50px);overflow-y: scroll;}
.code-phone {display: flex;}
#phonebox .code-phone .dropdown{width:65px;}
#phonebox .code-phone input{flex:1}
#phonebox .custom-select{height:25px;padding:5px 6px;border:1px solid #d2d2d2;background-color:#fff;cursor:pointer}
#phonebox .custom-select #areaIcon img{max-height: 25px;}
#phonebox .custom-select .select-item{display:flex;align-items:center;justify-content:space-between}
#phonebox .custom-select .dropdown-menu{min-width:unset;left:0;bottom:0;height:200px;overflow-y:scroll;max-width:600px;position:absolute;bottom:100%;z-index:1000;display:none;float:left;padding:5px 0;margin:0;font-size:1rem;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
#phonebox .custom-select .dropdown-menu a{display:block;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;padding:3px 12px}
.AudienceContactBox table tr td:first-child {padding: 10px 0 10px 10px;}
.AudienceContactBox table tr td:last-child {padding: 10px;width:350px;}
#addressbox .layui-form-label{font-weight: bold;display: block;width: 100%;padding: 0 0 5px 0;text-align: left;}
#addressbox .layui-form-item .layui-input-inline{width: 100%;}
.layui-form-item.onecolumnbox .layui-inline{width: 100%;margin: 0;}
.layui-form-item.twocolumnbox .layui-inline{width: calc(50% - 7px);margin: 0 5px 0 0;}
.layui-form-item.twocolumnbox .layui-inline:last-child{margin: 0 0 0 5px;}
.layui-form-item.twocolumnbox .layui-inline .layui-input-inline{width: 100%;margin: 0;}
.layui-form-item.threecolumnbox .layui-inline{width: calc(33.33% - 5px);margin: 0;}
.layui-form-item.threecolumnbox .layui-inline:nth-child(2){margin: 0 3.5px;}
.layui-form-item.flowbox .layui-form-label{float: left;font-weight:normal;display: inline-block;padding: 0 5px 0 0;width: 140px;height: 38px;line-height: 38px;}
.layui-form-item.flowbox .layui-input-inline{width:calc(100% - 145px);margin: 0;}
a.eventLink{color: blue;text-decoration: underline;cursor: pointer;}
.cke_contents{min-height: 310px;}
.fixTopBox{text-align: right;margin-bottom: 10px;}
.layui-layer .fixTopBox{position: static;width: auto;height: auto;background: transparent;z-index: auto;padding: 2px 15px;margin-bottom: 4px;}
.layui-layer .detailBox{padding-top: 0;}
#contentHtmlBox{min-height: 465px;background-color: #fff;}
.deviceLink{ display:inline-block; height: 26px;line-height: 26px;margin: 0 5px;padding:0 10px;font-weight: bold;font-size: 14px;cursor: pointer;}
.deviceLink.selected{background-color: #BDE1FF;}
.withfull{width: 100%!important;box-sizing: border-box;}
.withmobile{width: 370px!important;box-sizing: border-box;margin: 0 205px;float: none;}
#multiListBox .listItemBox{width: 50%;float: left;padding: 5px 0;}
#multiListBox .listItemBox a{display: inline-block;}
#multiListBox .listItemBox .layui-form-checkbox[lay-skin=primary]{margin-top: -1px;}
#CampaignDetailBox .layui-form-item{margin: 5px 0;line-height: 1.5;}
#CampaignDetailBox .layui-form-item .layui-form-label{display: inline-block;width: 190px;padding: 0;}
#CampaignDetailBox .layui-form-item .layui-input-inline{display: inline-block;width: calc(100% - 190px);margin: 0;}
#CampaignDetailBox .layuibodybox .PerformanceBox tr td{padding: 0;}
#CampaignDetailBox .PerformanceBox tr:nth-child(odd) td {font-weight: bold;font-size: 15px;}
#CampaignDetailBox .PerformanceBox tr:nth-child(even) td {font-size: 12px;padding: 0 0 8px 0;}
#SendLeadEmailBox .layui-inline .layui-form-label{width: 120px;display: inline-block;margin: 0;padding: 0;line-height: 38px;}
#SendLeadEmailBox .layui-inline .layui-input-inline {width: calc(100% - 120px);display: inline-block;margin: 0;line-height: 38px;}
.customLeadDetailBox .leadScoreBox .layui-input-inline{height: 38px;line-height: 38px;font-size: 20px;font-weight: bold;}
.customLeadDetailBox .IndustryItemsBox{display:none;position: absolute;top:38px;left:0;width: 100%;height: auto;z-index: 999999991;background-color: #fff;box-shadow: 1px 5px 5px 1px #aaa;border-radius: 0 0 5px 5px;}
.customLeadDetailBox .IndustryItemsBox .IndustryItemBox{height: 30px;line-height: 30px;padding: 0 10px;text-align: left;}
.customLeadDetailBox .IndustryItemsBox .IndustryItemBox:hover {background-color: #F2F2F2;cursor: pointer;}
#LAY-popup-custom-lead-list-filter-box{background-color: #fff;}
.text-input-item {display: flex; flex-direction: row; align-items: center;padding: 5px 0;justify-content: space-between;}
.text-input-item label {width: 200px;}
#CustomLeadListBox .tabsBriefBox .layui-form-label{display: inline-block;width: 50px;height: 43px;line-height: 43px;font-size: 16px;}
#AutomationDetailBox .layui-form-item{margin: 5px 0;line-height: 1.5;}
#AutomationDetailBox .layui-form-item .layui-form-label{display: inline-block;width: 190px;padding: 0;}
#AutomationDetailBox .layui-form-item .layui-input-inline{display: inline-block;width: calc(100% - 190px);margin: 0;}
#AutomationDetailBox .layuibodybox .PerformanceBox tr td{padding: 0;}
#AutomationDetailBox .PerformanceBox tr:nth-child(odd) td {font-weight: bold;font-size: 15px;}
#AutomationDetailBox .PerformanceBox tr:nth-child(even) td {font-size: 12px;padding: 0 0 8px 0;}

/* Email card styles (shared by campaign & automation add/edit pages) */
.new-email-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 100px;
    border: 2px dashed #c2c2c2;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
    padding: 10px;
}
.new-email-card:hover {
    border-color: #1e9fff;
    color: #1e9fff;
}
.email-selected-card,
.email-view-card {
    display: inline-flex;
    align-items: center;
    width: 180px;
    height: 100px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 12px;
    background: #fafafa;
    position: relative;
    cursor: pointer;
}
.email-selected-card:hover,
.email-view-card:hover {
    border-color: #1e9fff;
    background: #f0f8ff;
}
.email-selected-card .email-name,
.email-view-card .email-name {
    font-size: 13px;
    color: #333;
    word-break: break-all;
    flex: 1;
    margin-top: 14px;
    padding-right: 14px;
}
.email-selected-card .email-order {
    position: absolute;
    top: 4px;
    left: 8px;
    font-size: 11px;
    color: #999;
    line-height: 1;
}
.email-selected-card .remove-email {
    position: absolute;
    top: 4px;
    right: 6px;
    color: #ff5722;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
}