@charset "utf-8";

/*--------------全局的一些设置-------------------*/
body {
    padding: 0;
    margin: 0;
    background-color: #f9f9f9;
    font-family: 'LatoRegular_0', Arial, Helvetica, sans-serif, 'SourceHanSansCN-Bold_0', Lucida Grande, Lucida Sans;
    font-size: 78%;
    height: 100%;
}

table {
    cellspacing: 0;
}

a {
    text-decoration: none;
}

a:hover {
    background-repeat: no-repeat;
    color: #65829B;
    font-weight: bold;
    list-style: none;
}

input[type="button"] {
    background-repeat: no-repeat;
    height: 22px;
}

td select {
    background-repeat: no-repeat;
    border: 0px;
    height: 26px;
    border: #b5b8c7 1px solid;
    width: 100%
}

area {
    margin-left: 10px;
    border: #b5b8c7 1px solid;
}

/*--------------------------全局设置结束--------------------------*/

/*-----------------------主界面上菜单----------------------*/
li {
    list-style: none;
}

ul#first_class_menu li {
    margin: 3px 5px;
    padding: 0;
    /*padding moved to the a element below */
    float: left;
    font-family: 'LatoRegular_0', Arial, Helvetica, sans-serif, 'SourceHanSansCN-Bold_0', Lucida Grande, Lucida Sans;
    font-size: 18px;
    font-weight: bold;
    /*font-style:italic;*/
    text-shadow: rgba(255, 255, 255, 1) 1px 1px 2px;
    color: #222;
}

ul#first_class_menu li.backLava {
    position: absolute;
    z-index: 3;
    background: url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x top left;
    /*     border:2px solid brown; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #000;
    -webkit-box-shadow: 2px 2px 3px #000;
    -moz-box-shadow: 2px 2px 3px #000;
    color: #009900;
}

ul#first_class_menu li a {
    display: block;
    /* allows us to add top and bottom padding to the element */
    padding: 1px 20px 1px 18px;
    /* now we have nice padding for link hi-lighting */
    position: relative;
    z-index: 5;
    color: #333;
    text-decoration: none;
}

ul#first_class_menu li a:hover {
    color: #009900;
}

.cls {
    clear: both;
}

#second_class_menu ul li a {
    color: #000;
    background: transparent url(images/default/a_bg_1.png) repeat-x left bottom;
    background-position: left bottom;
}

#second_class_menu ul li span {
    background: transparent url(images/default/a_bg_1.png) repeat-x left top;
    background-position: left top;
}

#second_class_menu {
    height: 40px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: transparent url(images/default/a_bg_1.png) repeat-x;
}

#second_class_menu ul {
    list-style: none;
    font-size: 1.1em;
    width: 100%;
    margin: 0px 0 -1px;
    padding: 0;
}

#second_class_menu ul li {
    overflow: hidden;
    float: left;
    height: 40px;
    width: 150px;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}

#second_class_menu ul li a,
#second_class_menu ul li span {
    float: left;
    text-decoration: none;
    color: #fff;
    clear: both;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding: 10px 0;
}

#second_class_menu ul li a {
    color: #5F0909;
}

/*---------------------------------菜单结束-------------------------*/
#container {
    margin: 5px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.search_icon_button {
    width: 24px !important;
    background-image: url("../css/images/default/search.png") !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
    padding-bottom: 4px !important;
}


.nav1_bg {
    background-image: url(images/default/nav1.jpg);
    background-repeat: no-repeat;
    color: #646464;
    padding-left: 20px;
    padding-right: 15px;
}

.nav_bg_left {
    background-image: url(images/default/nav_bg1.png);
    background-repeat: no-repeat;
}

.nav_bg2 {
    background-image: url(images/default/nav_bg2.png);
    background-repeat: repeat-x;
    color: #fff;
}

.function_category {
    color: #FFFFFF;
    font-weight: bold;
    margin-left: 2px;
    padding-left: 6px;
    padding-top: 3px;
}

.table_bg {
    background-image: url(images/default/table_bg.jpg);
    background-repeat: repeat-x;
    border: #bbbbbb 1px solid;
}


.full_content_iframe {
    width: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.dialg_tip_msg {
    font-size: 18px;
    valign: middle;
    padding-left: 20px;
}

#content_area li .ui-icon-close {
    float: left;
    margin: 0.4em 0.2em 0 0;
    cursor: pointer;
}

.table_bg1 {
    background-image: url(images/default/table_bg1.jpg);
    background-repeat: repeat-x;
    border: #bbbbbb 1px solid;
    padding-left: 15px;
    font-weight: bold;
}

.table_content {
    border: #bbbbbb 1px solid;
    border-top: none;
}

.title_hover {
    background-image: url(images/default/title_hover.jpg);
    padding-left: 20px;
    background-repeat: no-repeat;
    font-weight: bold;
}

.toolbar_bg {
    background-image: url(images/default/toolbar_bg.png);
    background-repeat: repeat-x;
    border: #c9c9c9 1px solid;
}

.system_logo {
    background-image: url(images/default/logo-title.jpg);
    background-repeat: no-repeat;
    height: 64px;
}

.user_icon {
    background-image: url(images/default/pic1.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 25px;
    margin-left: 6px;
}

.version_icon {
    background-image: url(images/default/pic2.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 25px;
    margin-left: 6px;
}

.exit_icon {
    background-image: url(images/default/pic3.png);
    background-repeat: no-repeat;
    height: 19px;
    width: 25px;
    margin-left: 6px;
}

.defaultIcon {
    background-image: url(images/default/open.png) !important;
    width: 21px;
    height: 22px;
}

.selectedIcon {
    background-image: url(images/default/reduction.png) !important;
    width: 21px;
    height: 22px;
}

.dockIcon {
    background-image: url(images/ui-icons_222222_256x240.png);
    background-position: -240px -48px;
}

/*-----------------------下面内容是工具栏与表格样式------------------------------*/
.toolbar_bg a {
    color: #646464;
    text-decoration: none;
}

.toolbar_bg a:hover {
    color: #0b2942;
    font-weight: bold;
    font-size: 14;
    text-decoration: none;
}

.toolbar_bg {
    background-image: url(images/default/toolbar_bg.png);
    background-repeat: repeat-x;
    border: #c9c9c9 1px solid;
    margin: 5px;
    padding: 0px;
    width: 98%;
    height: 28px;
}

.alt-secondary-row {
    background-color: #f3f3f3;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
    border: 1px solid #999999;
    background: #dfe8f6;
    font-weight: normal;
    color: #212121;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    /* border: 1px solid #999999; */
    background: #dfefff;
    color: #363636;
}

.toolbar_button {
    text-align: center;
    display: inline-block;
    padding: 0px;
    margin: 8px 2px 8px 10px;
}

.button_icon_add {
    background-image: url(images/crm_default/toolbar_add.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_delete {
    background-image: url(images/crm_default/toolbar_delete.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_search {
    background-image: url(images/default/toolbar_search.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_page {
    background-image: url(images/default/icon_page.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_print {
    background-image: url(images/default/icon_print.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_cancel {
    background-image: url(images/crm_default/icon_cancel.gif);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_excel {
    background-image: url(images/default/icon_excel.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_download {
    background-image: url(images/default/icon_download.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_link {
    background-image: url(images/crm_default/icon_link.gif);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_ok {
    background-image: url(images/default/icon_ok.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_confirm {
    background-image: url(images/default/icon_confirm.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_address {
    background-image: url(images/default/icon_address.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_click {
    background-image: url(images/default/icon_click.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_unlock {
    background-image: url(images/default/icon_unlock.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_transfer {
    background-image: url(images/default/icon_transfer.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_setting {
    background-image: url(images/default/icon_setting.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_setting2 {
    background-image: url(images/default/icon_setting2.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.button_icon_key {
    background-image: url(images/default/icon_key.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.toolbar_icon_add {
    background-image: url(images/crm_default/toolbar_add.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.toolbar_icon_edit {
    background-image: url(images/crm_default/toolbar_edit.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.toolbar_icon_delete {
    background-image: url(images/crm_default/toolbar_delete.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 50px;
}

.toolbar_icon_print {
    background-image: url(images/default/toolbar_print.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 60px;
}

.toolbar_icon_refresh {
    background-image: url(images/default/toolbar_refresh.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 65px;
}

.toolbar_icon_search {
    background-image: url(images/default/toolbar_search.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 60px;
}

.toolbar_icon_export_excel {
    background-image: url(images/default/toolbar_export_excel.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 100px;
}

.toolbar_icon_export_pdf {
    background-image: url(images/default/toolbar_export_pdf.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 100px;
}

.toolbar_icon_contact_type {
    background-image: url(images/default/toolbar_search.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 20px;
    width: 120px;
}

/*--------------下面的是为了报表临时加的样式，以后再做修改--------------------------*/
.result_table tr.alt td {
    background: #ecf6fc;
}

.result_table tr.over td {
    background: #FEF3D1;
}

.big_font {
    font-size: 18px;
}

.table_header {
    text-align: center;
    margin-top: 1px;
    magin_bottom: 1px;
    margin-left: 0px;
    margin_right: 0px;
    padding: 0px;
    font-family: 'LatoRegular_0', Arial, Helvetica, sans-serif, 'SourceHanSansCN-Bold_0', Lucida Grande, Lucida Sans;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #aaaaaa;
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
}

.table_cell {
    margin: 0px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 0px;
    font-family: 'LatoRegular_0', Arial, Helvetica, sans-serif, 'SourceHanSansCN-Bold_0', Lucida Grande, Lucida Sans;
    font-size: 14px;
    border-color: #aaaaaa;
    border-style: solid;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
}

.table_cell_left {
    text-align: left;
}

.table_cell_right {
    text-align: right;
}

#headerPanel {
    font-size: 22px;
    height: 38px;
    margin-top: 20px;
    text-align: center;
    color: #2D92A5;
    padding-top: 10px;
    margin: auto;
}

.add_icon {
    background-image: url(images/default/toolbar_add.png) ! important;
    background-position: 5% 50% ! important;
    background-repeat: no-repeat ! important;
    padding-left: 10px ! important;
    width: 55px ! important;
}

.edit_icon {
    background-image: url(images/default/toolbar_edit.png) ! important;
    background-position: 5% 50% ! important;
    background-repeat: no-repeat ! important;
    padding-left: 10px ! important;
    width: 70px ! important;
}

.refresh_icon {
    background-image: url(images/default/toolbar_refresh.png) ! important;
    background-position: 5% 50% ! important;
    background-repeat: no-repeat ! important;
    padding-left: 15px ! important;
}

.delete_icon {
    background-image: url(images/default/toolbar_delete.png) ! important;
    background-position: 5% 50% ! important;
    background-repeat: no-repeat ! important;
    padding-left: 15px ! important;
    width: 70px ! important;
}

/*****Tooltip*******************/
.ui-tooltip,
.arrow:after {
    background: #C7D1C4;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 10px 20px;
    color: red;
    border-radius: 10px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    /* text-transform: uppercase; */
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.arrow.top {
    top: -16px;
    bottom: auto;
}

.arrow.left {
    left: 20%;
}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/***************loading ******************************/
.loadingDom {
    position: absolute;
    left: 45%;
    top: 40%;
    border: 3px solid #B2D0F7;
    background: white url(loading_images/block-bg.gif) repeat-x;
    padding: 10px;
    font: bold 14px verdana, tahoma, helvetica;
    color: #003366;
    width: 180px;
    text-align: center;
    z-index: 9999;
}

.loading-indicator {
    font-size: 8pt;
    background-image:
        url(loading_images/loading.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 20px;
    height: 18px;
    text-align: left;
    z-index: 9999;
}


/****************po note 默认样式***************************/
textarea.po-note-edit-area {
    width: 99.7%;
    height: 80px;
    resize: none;
}

div.po-note-history {
    height: 255px;
    margin: 2px 0;
    border: 1px solid #A9A9A9;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word;
}

div.po-note-note {
    width: 98%;
    margin: 3px 2px;
    background: #DDF0E9;
    border-radius: 5px;
}

div.po-note-editting {
    background-color: #EAF0AD;
}

.cur-pointer {
    cursor: pointer;
}
/*element ui*/
.autocomplete-popper{
    width:600px !important;
}
.autocomplete-item-auto{
    width:30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.autocomplete-item{
    width:150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.autocomplete-item:first-child{
    width:100px;
}
.autocomplete-item-50{
    width:50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.autocomplete-item-100{
    width:100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.autocomplete-item-200{
    width:200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.autocomplete-item-250{
    width:250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.autocomplete-item-300{
    width:300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.autocomplete-item-320{
    width:320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*validate css*/
.has-error{
    border-color:red!important;
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.ui-dialog-buttonpane .ui-dialog-buttonset button{
	padding: .4em 1em;
}
.hide-div{
    display: none;
}
.fs-14px{
    font-size: 14px;
}