@import '~aid-elements/src/aid/variable';
//iconfont
@font-face {font-family: 'iconfont';
    src: url('../../assets/iconfont/iconfont.eot');
    src: url('../../assets/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../../assets/iconfont/iconfont.woff') format('woff'),
    url('../../assets/iconfont/iconfont.ttf') format('truetype'),
    url('../../assets/iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    //../../assets/iconfont
}
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.crm-wrapper{
  padding: 0px 15px 15px 15px!important;
}
.cmi-bread-crumbs-wrap{
  padding: 10px 0px 10px 15px;
}
.layout-delete-dot{
    .badge.badge--danger, .avatar__dot, .avatar--danger .avatar__dot{
        display: none;
    }
    .menu .menu__item:first-child{
        padding: 0px;
    }
    .menu .menu__item:nth-child(2){
        padding: 0px 0px 0px 15px;
    }
    .menu .menu__item:nth-child(3){
        padding: 0px 15px 0px 10px;;
    }
}

.cl-frame-dropdown{
    .dropdown__menu, .select__menu{
        border-radius: inherit;
    }
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{
        color: #0085D0!important;
    }
    .dropdown__item i, .select__item i, .select__tips i{
        margin-right:0.625rem;
    }
}
.unclick{
  cursor: not-allowed!important;
  color: #48524f!important;
}
.layout-sidebar,
.layout-content {


    transition: all .15s;
    .layout-main--content {
        position: relative;
        width: 100%;
        min-height: 100%;
        padding-bottom: 92px;
    }
    .nav-row {
        width: 100%;
        height: 60px;
    }
    .notice-wrap:first-child {
        margin-top: 6px;
    }
    .nav-col--right {
        font-size: 20px;
        text-align: right;
        .menu-span .aid {
            font-size: 24px;
        }
        .badge--top {
            top: 10px;
            right: 6px;
        }
        .badge--dot {
            top: 16px;
            right: 30%;
        }
        .menu--horizontal {
            display: inline-block;
            &:after {
                height: 0;
            }
            li {
                border: 0;
            }
            .menu__item--checked,
            .menu__item:focus,
            .menu__item:hover,
            .menu__item:visited,
            .menu__item:active,
            .menu__submenu:focus,
            .menu__submenu:hover,
            .menu__submenu:visited,
            .menu__submenu:active,
            .menu__submenu .menu__submenu-title:focus,
            .menu__submenu .menu__submenu-title:hover,
            .menu__submenu .menu__submenu-title:visited,
            .menu__submenu .menu__submenu-title:active {
                border: 0;
            }
        }
    }
    .thumb-icon .text-black {
        color: #000;
        font-size: 24px;
        line-height: 60px;
    }
    .slipbox__container {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        height: 100%;
        min-width: 350px;
    }
    .slipbox__content {
        position: absolute;
        width: 350px;
        top: 60px;
        left: auto;
        right: 0;
        bottom: 0;
        background: #fff;
        box-shadow: -5px 2px 10px 0 rgba(0, 0, 0, 0.1);
        transition: all .5s;
        overflow: auto;
        z-index: 1000;
        &.close {
            right: -100%;
        }
        .slipbox__close {
            position: absolute;
            top: 20px;
            left: auto;
            right: 20px;
            font-size: 20px;
            a {
                color: #000;
            }
        }
        .slipbox__body {
            width: 100%;
            border-bottom: 1px solid #FBFFFF;
            .nav-tabs .nav-link {
                height: 60px;
                border-bottom-width: 3px;
                font-size: 16px;
                line-height: 60px;
                background: #fff;
            }
            .notice__loading {
                margin: 0;
                padding: 10px 0;
                font-size: 14px;
                text-align: center;
                a {
                    color: #455155;
                    &:hover {
                        color: #0085d0;
                    }
                }
            }
        }
    }
    .pager-footer {
        position: absolute;
        width: 100%;
        top: auto;
        left: 0;
        bottom: 0;
        padding: 0 30px 20px;
        margin-bottom: -20px;
        text-align: right;
        p {
          margin: 0;
        }
    }
    .btn-lang {
        position: absolute;
        top: 50%;
        right: -15px;
        transform: translate(0, -50%);
    }
    .avatar.bg-success {
      background-color: #0085D0;
      background-image: linear-gradient(-225deg,rgb(121, 195, 238),#0085D0)
    }
    .avatar--danger .avatar__dot, .avatar__dot, .badge--danger {
      background-color: #ff5f5f;
    }

}

.layout-sidebar .menu--vertical:after {
    width: 0;
}

.layout-logo-left {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 8px;
    height: 60px;
    white-space: nowrap;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    .text-black {
        color: #000;
    }
    .thumb-icon {
        position: absolute;
        top: 50%;
        left: auto;
        right: 18px;
        transform: translateY(-50%);
    }
}

.layout-sidebar .menu--vertical.menu--folded > li i, .layout-sidebar .menu--vertical.menu--folded .menu__submenu-title i {
  margin-left: 18px;
}

.layout-logo-img {
    width: 200px;
    height: 37px;
}

.layout-logo-min-img {
    display: none;
}

.layout-nav--top {
    height: 60px;
    box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.10);
    padding: .5rem 1rem;
    z-index: 1030;
}

.layout-search-wrapper {
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: 0;
    bottom: 0;
    z-index: 2;
}

@media (min-width: 576px) {
    .layout-search-wrapper {
        position: static;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}

.layout-search {
    flex: 1;
    width: 100%;
}

.toolbar__trigger {
    transition: all .15s ease-in;
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    .navbar & {
        padding: 10px;
    }
    border-radius: $border-radius;
    i {
        line-height: 1;
        color: $gray-dark;
    }
    &:hover {
        background: $gray-lightest-10;
    }
    &:focus,
    &:active {
        background: $gray-lightest-18;
    }
}

.layout--one-screen {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.menu--vertical.menu--folded .menu__submenu-title, .menu--vertical.menu--folded>li {
    padding: 0;
}

.layout-menu {
    position: relative;
    box-shadow: 2px 10px 10px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    padding: 15px 0 0;
    overflow: inherit;
    .menu--vertical {
        padding-bottom: 90px;
    }
    &.menu--fold--show {
        overflow: auto;
        &.menu--folded {
            overflow: inherit;
        }
    }
    &.menu--fold--min {
        overflow-y: auto;
    }
    .menu__submenu-title a {
        display: inline-block;
    }
    // .menu .menu__submenu-title {
    //     padding-left: 15px;
    // }
    .menu .menu__submenu-title,
    .menu .menu__item {
        height: 50px;
        line-height: 50px;
    }
    .menu .menu__item a,
    .menu .menu__submenu-title a {
        width: 100%;
    }
    .avatar {
        margin-right: 10px;
    }
}

.layout.layout--one-screen .layout-sidebar {
    width: 320px;
}

.layout--one-screen .layout-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 320px;
    z-index: 2002;
    left: -50%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
}

.notice-wrap {
    clear: both;
    height: 60px;
    border-left: 2px solid transparent;
    border-bottom: 1px solid #e8ece9;
    span {
        display: inline-block;
    }
    .nw-l {
        padding: 10px 0px 10px 10px;
        vertical-align: middle;
        text-align: center;
    }
    .nw-r {
        display: inline-block;
        vertical-align: middle;
        padding: 10px;
        width: 260px;
        p {
            margin-bottom: 0px;
        }
        .nw-r-title {
            font-size: 14px;
            color: #455155;
            line-height: 21px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .nw-r-time {
            font-size: 12px;
            color: #455155;
            line-height: 18px;
            opacity: 0.65;
        }
    }
}

.notice-active {
    border-left: 2px solid #0085d0;
    background: #f5f9ea;
}

.slide-wrap-content {
    background: rgba(0, 0, 0, 0.70);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .5s;
    z-index: 9999; // z-index: 9999;
    .icon-close {
        color: #fff;
        float: right;
        cursor: pointer;
    }
    &.slideWrapClose {
        top: -100%;
    }
}

@media (min-width: 1200px) {
    .layout.layout--one-screen .layout-content {
        margin-left: 320px;
    }
    .layout.layout--one-screen .layout-sidebar--folded+.layout-content {
        margin-left: 64px;
    }
    .layout-sidebar--folded .layout-logo-img,
    .layout-sidebar--folded .layout-logo-text {
        display: none;
    }
    .layout-logo-min-min{
        display: none;
    }
   
    .layout-sidebar--folded .layout-logo-min-img {
        display: block;
        width: 100%;
        height: auto;
    }
    .layout.layout--one-screen .layout-sidebar--folded {
        width: 64px;
    }
    .span-hide{
        display: none!important;
    }
}

@media (max-width: 1200px) {
    //折叠状态
    .menu.menu--folded {
        >li,
        .menu__submenu-title {
            // width: auto;
            height: 40px;
            line-height: 40px;
            i {
                font-size: 16px;
            }
            &-icon {
                display: inline-block;
            }
            >span {
                display: inline-block;
            }
        }
    }
    .layout-logo-min-min{
        display: block;
    }
   
}

@media (max-width: 576px) {
    .layout--one-screen .layout-sidebar {
        width: 80%;
    }
}

.layout--one-screen .layout-sidebar.show {
    left: 0;
    opacity: 1;
    visibility: visible;
}

@media (min-width: 1200px) {
    .layout--one-screen .layout-sidebar,
    .layout--one-screen .layout-sidebar.show {
        display: block;
        left: 0;
        opacity: 1;
        visibility: visible;
        z-index: 1030;
    }
}

.menu-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2001;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
}

.menu-backdrop.show {
    opacity: .6;
    visibility: visible;
}

// .layout--one-screen .layout-sidebar .menu--vertical {
//   position: absolute;
//   top: 15px;
//   bottom: 0;
//   left: 0;
//   right: 0;
//   overflow: auto;
//   transition: all .3s;
// }
.menu--vertical.menu--folded .dropdown--open .dropdown__menu>li span {
    display: inline-block;
}

@media (max-width: 1190px) {
    .layout-menu .menu--vertical.menu--folded>li span,
    .layout-menu .menu--vertical.menu--folded .menu__submenu-title span {
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    .layout--one-screen .layout-sidebar--folded .menu--vertical {
        overflow: visible;
    }
}

@media (max-width: 1190px) {
    .layout-nav .d-xm-block {
        display: block !important;
    }
}

.layout--one-screen .layout-sidebar .menu--vertical.menu--folded .menu__submenu-title,
.layout--one-screen .layout-sidebar .menu--vertical.menu--folded>li {
    // width: auto;
}

.layout--one-screen .layout-content {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.layout--one-screen .layout-main {
    position: absolute;
    top: 45px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    padding: 16px;
}

.layout--one-screen .layout-content footer {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

//menu
.menu--dark.menu {
    background-color: #2A2B3C;
}

.menu--dark .menu__item i,
.menu--dark .menu__submenu-title i {
    margin-right: 15px;
}

.menu--dark hr {
    background: rgba(255, 255, 255, 0.10);
    margin-top: 10px;
    margin-bottom: 10px;
}

.menu--dark .menu__item:focus,
.menu--dark .menu__item:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.menu--dark .menu__item--checked,
.menu--dark .menu__item--checked:focus,
.menu--dark .menu__item--checked:hover {
    background-color: rgba(0, 0, 0, 0.18);
    color: #fff;
}

.menu--dark li,
.menu--dark .menu__submenu-title {
    color: rgba(255, 255, 255, .85);
}

.menu--dark li:focus,
.menu--dark li:hover,
.menu--dark .menu__submenu-title:focus,
.menu--dark .menu__submenu-title:hover {
    color: #fff;
}

.menu--vertical.menu--folded .menu__submenu-title .avatar,
.menu--vertical.menu--folded .menu__submenu-title .avatar__text {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

// .layout-menu .menu__submenu-title .avatar{
//     margin-top: 9px;
// }

.layout-menu .menu__submenu-title .avatar,
.layout-menu .avatar__text {
    display: inline-block;
    width: 32px;
    height: 32px;
}
.layout-menu .menu .menu__submenu-title .sub-text {
     /* 实现换行 */
    // flex: 1;
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.layout-menu .menu .menu__item{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.layout-logo-min-min{
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 14px 12px 0px;
    height: 60px;
    width: 64px;
    white-space: nowrap;
    float: left;
    // background: #fff;
    // box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    img{
        display: block;
        width: 100%;
        height: auto;
    }
}

.hidenMenu {
    margin-left: 0 !important;
}
.tab-menu {
    margin-left: 20px;
    margin-top: 10px;
}
.hidenNavTop {
    top: 0 !important;
}
.showMoreNav {
    top: 0 !important;
    padding: 0 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.customer-tt-title{
    color: white;
    padding-left: 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: url('top.png') no-repeat;
    //background: #0085d0;
}
.customer-tt-title .eipBread{
    font-size: 16px;
}


.customer-tt-table{
    width: 100%;
    display: inline-block;
    padding:10px 15px 0px 15px;
    background:#E5F1FE;

}
.customer-tt-table ul{
    float:left;
    width:100%;
}
.customer-tt-table ul li{
    float:left;
    color: #0085D0;
}
.customer-tt-table-angural-width ul li{
    width: 12.5%;
}

.customer-tt-table-angural-width-en ul li{
  width: 20%;
}

.customer-tt-table ul li a{
    display: inline-block;
    cursor: pointer;
    margin-bottom:10px;
    padding:0 9px;
    height:30px;
    line-height: 30px;
    //background: #EFF7FF;
    //border-left:1px solid #0085D0;
    //border-top:1px solid #0085D0;
    //border-bottom:1px solid #0085D0;
    //border-right:1px solid #0085D0;
    color:#0085D0;
    font-size:14px;
    border-radius:5px;
    margin-right:20px;
}

.customer-tt-table ul li:last-child{
    //border-right:1px solid #0085D0;
    //border-radius:0 5px 5px  0;
}
.customer-tt-table ul li:first-child{
    //border-radius:5px 0px 0px  5px;
}
.customer-tt-table-onlyone ul li{
    //border-radius:5px !important;
}
.customer-tt-table ul .z-crttab{
    background: #0085D0;
    color:#fff!important;
}

.customer-tt-table-low{
    width: 100%;
    display: inline-block;
    padding:10px 57px;
    background:#fff;
    box-shadow: 0 3px 20px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.customer-tt-table-low ul{
    float:left;
    width:100%;
    //border-right:1px solid #0085D0;
}
.customer-tt-table-low ul li{
    float:left;
    cursor: pointer;
    margin-bottom:4px;
    //width: 44px;
    margin-right: 7%;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 8%;
    border-radius: 50%;
    height: 0;
    padding-bottom: 8%;
}

.customer-tt-table-low ul li:last-child{
    margin-right:0px;
    i{
        display: none;
    }
}
//.customer-tt-table-low ul li:first-child{
//    border-radius:5px 0px 0px  5px;
//}
//.customer-tt-table-low ul .z-crttab{
//    background: #0085D0;
//    color:#fff;
//}

.breadcrumbs{
    width: 100%;
}
.breadcrumbs p{
    float:left;
    padding-right: 6px;
}
.breadcrumbs p a{
    padding-right: 6px;
    color:#48524f;
}
.canclick {
    color: #48524f !important
}
.canclick:hover{
    color:#0085D0;
    cursor:pointer;
}

.mptype-layout .menu .menu__item {
    padding: 0 20px !important;
}

//下拉
.menu_eip{
    display: block;
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
    position: relative;
    .glyph-icon{
        margin-top: .1em;
        line-height: 0;
        font-size: 44px;
        height: 44px;
        line-height: 44px;
        width: 100%;
        color: #7b93a7;
        cursor: pointer;
        margin-top: 12px;
    }
    .glyph-name{
        font-size: 16px;
        color: #6B6D6F;
        display: block;
        width: 100%;
        //overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-top: 12px;
    }
    .glygh-line{
        background: #D5E8FD;
        height: 3px;
        width:100%;
        position: absolute;
        display: inline-block;
        left: 95%;
        top: 35px;
    }
}
.customer-tt-table-low ul li:hover{
    background:#d5e8fd;
}
.customer-tt-table-low ul li:hover .glyph-name{
    color:#0085D0;
}
//.dropdown__menu{
//    margin:0!important;
//}
.cl-menu-dropdown{
    .dropdown__menu, .select__menu{
        border-radius: inherit;
    }
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{
        color: #0085D0!important;
    }
    .dropdown__item i, .select__item i, .select__tips i{
        margin-right:0.625rem;
    }
}
.content-icon{
    flex-direction: column;
    display:flex;
    display: -webkit-flex;
    align-self:center;
}
.menu-max{

}