renren/addons/ewei_shopv2/static/css/we7.common.css

/*兼容微擎新版图片选择器*/

.modal-open {

    overflow: inherit;

    padding: 0 !important

}



.modal.fade .modal-dialog {

    -webkit-transform: translate(0, -75%);

    -ms-transform: translate(0, -75%);

    -o-transform: translate(0, -75%);

    transform: translate(0, -75%)

}



.modal.in .modal-dialog {

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%)

}

#newUploaderImg .modal-dialog, .uploader-modal .modal-dialog {

    width: 1088px

}



#newUploaderImg .modal-header, .uploader-modal .modal-header {

    padding: 15px 20px

}



#newUploaderImg .modal-header .modal-title, .uploader-modal .modal-header .modal-title {

    font-size: 16px

}



#newUploaderImg .modal-footer .count, .uploader-modal .modal-footer .count {

    display: inline-block;

    height: 34px;

    line-height: 34px

}



#newUploaderImg .modal-footer .btn-default.disabled, .uploader-modal .modal-footer .btn-default.disabled {

    background-color: #E7E7EB

}



#newUploaderImg .modal-body, .uploader-modal .modal-body {

    padding: 0;

    min-height: 595px;

    max-height: auto !important;

    box-sizing: border-box

}



#newUploaderImg .modal-body .nav.nav-pills, .uploader-modal .modal-body .nav.nav-pills {

    float: left;

    width: 150px;

    border-right: 1px solid #e7e7eb;

    margin-bottom: -999px;

    padding-bottom: 999px

}



#newUploaderImg .modal-body .nav.nav-pills li, .uploader-modal .modal-body .nav.nav-pills li {

    height: 34px;

    line-height: 34px;

    margin: 0;

    padding-left: 15px

}



#newUploaderImg .modal-body .nav.nav-pills li a, .uploader-modal .modal-body .nav.nav-pills li a {

    color: #252424

}



#newUploaderImg .modal-body .nav.nav-pills li.active, #newUploaderImg .modal-body .nav.nav-pills .head .navbar-left > li:hover, .head #newUploaderImg .modal-body .nav.nav-pills .navbar-left > li:hover, #newUploaderImg .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu #newUploaderImg .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover, #newUploaderImg .modal-body .nav.nav-pills li:hover, .uploader-modal .modal-body .nav.nav-pills li.active, .uploader-modal .modal-body .nav.nav-pills .head .navbar-left > li:hover, .head .uploader-modal .modal-body .nav.nav-pills .navbar-left > li:hover, .uploader-modal .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu .uploader-modal .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover, .uploader-modal .modal-body .nav.nav-pills li:hover {

    background-color: #f4f5f9

}



#newUploaderImg .modal-body .material-body, .uploader-modal .modal-body .material-body {

    border: none

}



#newUploaderImg .modal-body .row, .uploader-modal .modal-body .row {

    margin: -10px

}



#newUploaderImg .modal-body .col-sm-2, #newUploaderImg .modal-body .col-sm-3, #newUploaderImg .modal-body .col-sm-4, .uploader-modal .modal-body .col-sm-2, .uploader-modal .modal-body .col-sm-3, .uploader-modal .modal-body .col-sm-4 {

    padding: 10px;

    overflow: hidden;

    box-sizing: border-box;

    cursor: pointer

}



#newUploaderImg .modal-body .col-sm-2.input-group, #newUploaderImg .modal-body .col-sm-3.input-group, #newUploaderImg .modal-body .col-sm-4.input-group, .uploader-modal .modal-body .col-sm-2.input-group, .uploader-modal .modal-body .col-sm-3.input-group, .uploader-modal .modal-body .col-sm-4.input-group {

    padding: 0 20px 0 0

}



#newUploaderImg .tab-content, .uploader-modal .tab-content {

    width: 935px;

    height: 100%;

    float: left

}



#newUploaderImg.news .tab-content, .uploader-modal.news .tab-content {

    height: 370px;

    overflow: hidden

}



#newUploaderImg.news .material-appmsg-item, .uploader-modal.news .material-appmsg-item {

    width: 100%

}



#newUploaderImg.news #material-list-pager, .uploader-modal.news #material-list-pager {

    float: right;

    height: 64px;

    padding-bottom: 15px;

    padding-right: 15px

}



#newUploaderImg.basic .modal-body textarea, .uploader-modal.basic .modal-body textarea {

    margin-top: 15px

}



#newUploaderImg.basic .modal-body .tab-content, .uploader-modal.basic .modal-body .tab-content {

    width: 100%;

    float: none;

    margin-top: 1px

}



#newUploaderImg.basic .modal-body .tab-content textarea, .uploader-modal.basic .modal-body .tab-content textarea {

    width: 100%

}



#newUploaderImg.music .modal-body, .uploader-modal.music .modal-body {

    padding: 30px

}



#newUploaderImg.voice .tab-content, #newUploaderImg.video .tab-content, #newUploaderImg.image .tab-content, #newUploaderImg.module .tab-content, .uploader-modal.voice .tab-content, .uploader-modal.video .tab-content, .uploader-modal.image .tab-content, .uploader-modal.module .tab-content {

    width: 100%;

    padding: 15px;

    float: none

}



#newUploaderImg.voice #material-list-pager, #newUploaderImg.video #material-list-pager, #newUploaderImg.image #material-list-pager, #newUploaderImg.module #material-list-pager, .uploader-modal.voice #material-list-pager, .uploader-modal.video #material-list-pager, .uploader-modal.image #material-list-pager, .uploader-modal.module #material-list-pager {

    float: right;

    height: 64px;

    padding-bottom: 15px;

    padding-right: 15px

}



#newUploaderImg.image .tab-content, .uploader-modal.image .tab-content {

    height: 460px;

    padding: 15px 7px

}



#newUploaderImg.image .tab-content .history .img-list, .uploader-modal.image .tab-content .history .img-list {

    margin: 0

}



#newUploaderImg.image .col-sm-2 .item, .uploader-modal.image .col-sm-2 .item {

    position: relative;

    width: 100%;

    text-align: center;

    vertical-align: middle;

    background-color: #eee;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: 50% 50%

}



#newUploaderImg.image .col-sm-2 .item:before, .uploader-modal.image .col-sm-2 .item:before {

    content: "";

    display: inline-block;

    padding-bottom: 100%;

    width: .1px;

    vertical-align: middle

}



#newUploaderImg.image .col-sm-2 .item .name, .uploader-modal.image .col-sm-2 .item .name {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    line-height: 34px;

    background: rgba(0, 0, 0, .5);

    color: #fff;

    padding: 0 20px;

    text-align: left;

    z-index: 2

}



#newUploaderImg.image .img-net, .uploader-modal.image .img-net {

    font-size: 18px

}



#newUploaderImg.image .img-net .img, .uploader-modal.image .img-net .img {

    width: auto;

    min-width: 150px;

    height: 150px;

    background-color: #eee;

    margin: 50px 0 20px 0

}



#newUploaderImg.image .img-net input, .uploader-modal.image .img-net input {

    width: 500px;

    margin: 10px auto

}



#newUploaderImg.image .img-net .btn, .uploader-modal.image .img-net .btn {

    width: 120px;

    margin: 10px 0

}



#newUploaderImg.keyword .tab-content, .uploader-modal.keyword .tab-content {

    width: 100%;

    height: 310px;

    padding: 15px;

    float: none

}



#newUploaderImg.keyword .material-content, .uploader-modal.keyword .material-content {

    padding: 0

}



#newUploaderImg.keyword .row, .uploader-modal.keyword .row {

    margin: -10px

}



#newUploaderImg.keyword .col-sm-2, .uploader-modal.keyword .col-sm-2 {

    padding: 10px;

    overflow: hidden;

    box-sizing: border-box;

    cursor: pointer

}



#newUploaderImg.keyword .col-sm-2 a, .uploader-modal.keyword .col-sm-2 a {

    display: block;

    width: 100%;

    height: 75px;

    position: relative;

    cursor: pointer;

    border: 1px solid #e7e7eb;

    text-align: center

}



#newUploaderImg.keyword .col-sm-2 a span, .uploader-modal.keyword .col-sm-2 a span {

    display: inline-block;

    width: 94%;

    padding: 0 3%;

    max-height: 54px;

    line-height: 18px;

    overflow: hidden;

    box-sizing: border-box;

    white-space: normal;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



#newUploaderImg.keyword .col-sm-2.active a, #newUploaderImg.keyword .head .navbar-left > li.col-sm-2:hover a, .head #newUploaderImg.keyword .navbar-left > li.col-sm-2:hover a, #newUploaderImg.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a, .panel-menu #newUploaderImg.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a, #newUploaderImg.keyword .col-sm-2:hover a, .uploader-modal.keyword .col-sm-2.active a, .uploader-modal.keyword .head .navbar-left > li.col-sm-2:hover a, .head .uploader-modal.keyword .navbar-left > li.col-sm-2:hover a, .uploader-modal.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a, .panel-menu .uploader-modal.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a, .uploader-modal.keyword .col-sm-2:hover a {

    background-color: #f4f6f9;

    color: #428bca

}



#newUploaderImg.module .tab-content, .uploader-modal.module .tab-content {

    padding: 15px 7px

}



#newUploaderImg.module .img-list, .uploader-modal.module .img-list {

    margin: 0

}



#newUploaderImg.module .img-list img, .uploader-modal.module .img-list img {

    margin: 17px 0 4px 0

}



#newUploaderImg.module .col-sm-2 .item, .uploader-modal.module .col-sm-2 .item {

    position: relative;

    width: 100%;

    text-align: center;

    border: 1px solid #e7e7eb

}



#newUploaderImg.module .col-sm-2 .item:before, .uploader-modal.module .col-sm-2 .item:before {

    content: "";

    display: inline-block;

    padding-bottom: 100%;

    width: .1px;

    vertical-align: middle

}



#newUploaderImg.module .col-sm-2 .item .icon, .uploader-modal.module .col-sm-2 .item .icon {

    width: 80px;

    height: 80px;

    border-radius: 10px;

    vertical-align: middle

}



#newUploaderImg.module .col-sm-2 .item .name, .uploader-modal.module .col-sm-2 .item .name {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    line-height: 34px;

    background: rgba(0, 0, 0, .5);

    color: #fff;

    padding: 0 20px;

    text-align: left;

    z-index: 2

}



#newUploaderImg.video .col-sm-3 .item, #newUploaderImg.voice .col-sm-3 .item, #newUploaderImg.music .voice-content .col-sm-3 .item, .uploader-modal.video .col-sm-3 .item, .uploader-modal.voice .col-sm-3 .item, .uploader-modal.music .voice-content .col-sm-3 .item {

    position: relative;

    width: 100%;

    height: 150px;

    text-align: center;

    border: 1px solid #e7e7eb

}



#newUploaderImg.video .col-sm-3 .item .icon, #newUploaderImg.voice .col-sm-3 .item .icon, #newUploaderImg.music .voice-content .col-sm-3 .item .icon, .uploader-modal.video .col-sm-3 .item .icon, .uploader-modal.voice .col-sm-3 .item .icon, .uploader-modal.music .voice-content .col-sm-3 .item .icon {

    width: 60px;

    height: 60px;

    margin-top: 18px

}



#newUploaderImg.video .col-sm-3 .item .time, #newUploaderImg.voice .col-sm-3 .item .time, #newUploaderImg.music .voice-content .col-sm-3 .item .time, .uploader-modal.video .col-sm-3 .item .time, .uploader-modal.voice .col-sm-3 .item .time, .uploader-modal.music .voice-content .col-sm-3 .item .time {

    color: #999;

    line-height: 34px

}



#newUploaderImg.video .col-sm-3 .item .name, #newUploaderImg.voice .col-sm-3 .item .name, #newUploaderImg.music .voice-content .col-sm-3 .item .name, .uploader-modal.video .col-sm-3 .item .name, .uploader-modal.voice .col-sm-3 .item .name, .uploader-modal.music .voice-content .col-sm-3 .item .name {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    line-height: 34px;

    background: rgba(0, 0, 0, .5);

    color: #fff;

    padding: 0 20px;

    text-align: left;

    z-index: 2

}



#newUploaderImg .modal-body.image, #newUploaderImg .modal-body.thumb {

    height: 459px

}



#newUploaderImg .modal-body #wx .tablepanel-top, #newUploaderImg .modal-body #local .tablepanel-top {

    padding: 10px 15px;

    line-height: 34px;

    border-bottom: 1px solid #e7e7eb

}



#newUploaderImg .modal-body #wx .tablepanel-top span, #newUploaderImg .modal-body #local .tablepanel-top span {

    color: #999;

    display: inline-block;

    margin-right: 20px

}



#newUploaderImg .modal-body #wx .tablepanel-con, #newUploaderImg .modal-body #local .tablepanel-con {

    padding: 15px

}



#newUploaderImg .modal-body #wx .tablepanel-con input[type=text].form-control, #newUploaderImg .modal-body #local .tablepanel-con input[type=text].form-control {

    border-radius: 4px

}



#newUploaderImg .modal-body #wx .tablepanel-con .empty, #newUploaderImg .modal-body #local .tablepanel-con .empty {

    height: 330px;

    line-height: 330px;

    text-align: center;

    font-size: 18px

}



#newUploaderImg .modal-body #wx .tablepanel-con .fa, #newUploaderImg .modal-body #local .tablepanel-con .fa {

    margin: 0

}



#newUploaderImg .modal-body #wx .tablepanel-con .item, #newUploaderImg .modal-body #local .tablepanel-con .item {

    float: left;

    border: 1px solid #e7e7eb;

    width: 120px;

    height: 150px;

    margin: 0 15px 15px 0

}



#newUploaderImg .modal-body #wx .tablepanel-con .item .img, #newUploaderImg .modal-body #local .tablepanel-con .item .img {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 114px;

    text-align: center;

    background-color: #f4f5f9;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: 50% 50%;

    cursor: pointer

}



#newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 114px;

    background: rgba(0, 0, 0, .6);

    color: #fff

}



#newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .item.apply-show:before {

    font-size: 48px

}



#newUploaderImg .modal-body #wx .tablepanel-con .item .img-title, #newUploaderImg .modal-body #local .tablepanel-con .item .img-title {

    text-align: center;

    width: 100%;

    height: 34px;

    line-height: 34px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



#newUploaderImg .modal-body #wx .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #wx .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #wx .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #local .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover {

    display: block

}



#newUploaderImg .modal-body #link {

    padding: 30px

}



#newUploaderImg .modal-body #link .item {

    border: 1px solid #e7e7eb;

    width: 120px;

    height: 150px;

    margin-right: 30px;

    float: left

}



#newUploaderImg .modal-body #link .item .img {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 114px;

    text-align: center;

    background-color: #f4f5f9;

    background-size: contain;

    background-repeat: no-repeat;

    background-position: 50% 50%

}



#newUploaderImg .modal-body #link .item .img .cover {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 114px;

    background: rgba(0, 0, 0, .6);

    color: #fff

}



#newUploaderImg .modal-body #link .item .img .cover .wi, #newUploaderImg .modal-body #link .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #link .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #link .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #link .item .img .cover .item.apply-show:before {

    font-size: 48px

}



#newUploaderImg .modal-body #link .item .img-title {

    text-align: center;

    width: 100%;

    height: 34px;

    line-height: 34px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



#newUploaderImg .modal-body #link .link {

    float: left;

    width: 450px

}



#newUploaderImg .modal-body #link .link .state {

    font-size: 18px;

    color: #999;

    margin: 15px 0

}



#newUploaderImg .modal-body #link .link button {

    min-width: 105px;

    margin: 15px 0

}

.we7-modal-dialog, .modal-dialog {

    min-width: 720px !important;

    position: absolute;

    left: 0;

    right: 0;

    top: 50%

}



.we7-modal-dialog .modal-content, .modal-dialog .modal-content {

    border-radius: 0

}



.we7-modal-dialog .modal-header, .modal-dialog .modal-header {

    background-color: #f4f5f9;

    border-bottom: 0

}



.we7-modal-dialog .modal-header .modal-title, .we7-modal-dialog .modal-header h3, .modal-dialog .modal-header .modal-title, .modal-dialog .modal-header h3 {

    font-size: 14px

}



.we7-modal-dialog .modal-header h3, .modal-dialog .modal-header h3 {

    margin: 0;

    padding: 0

}



.we7-modal-dialog .modal-body, .modal-dialog .modal-body {

    padding: 30px;

    overflow-y: auto;

    overflow-x: hidden;

    max-height: 600px;

}



.we7-modal-dialog .modal-footer, .modal-dialog .modal-footer {

    background-color: #f4f5f9;

    border-top: 0;

    text-align: center

}



.we7-modal-dialog .modal-footer .btn, .modal-dialog .modal-footer .btn {

    display: inline-block;

    min-width: 105px

}



.we7-modal-dialog .nav-pills > li.active > a, .we7-modal-dialog .head .navbar-left.nav-pills > li:hover > a, .head .we7-modal-dialog .navbar-left.nav-pills > li:hover > a, .we7-modal-dialog .panel-menu .nav-pills > li.list-group-item:not(.list-group-more):hover > a, .panel-menu .we7-modal-dialog .nav-pills > li.list-group-item:not(.list-group-more):hover > a, .modal-dialog .nav-pills > li.active > a, .modal-dialog .head .navbar-left.nav-pills > li:hover > a, .head .modal-dialog .navbar-left.nav-pills > li:hover > a, .modal-dialog .panel-menu .nav-pills > li.list-group-item:not(.list-group-more):hover > a, .panel-menu .modal-dialog .nav-pills > li.list-group-item:not(.list-group-more):hover > a {

    padding: 0;

    color: #428bca;

    background-color: transparent

}



.we7-modal-dialog .nav-pills > li > a, .modal-dialog .nav-pills > li > a {

    padding: 0;

    background-color: transparent;

    color: #333

}



.we7-modal-dialog .nav-pills > li > a:hover, .modal-dialog .nav-pills > li > a:hover {

    background-color: transparent;

    color: #428bca

}



.we7-modal-dialog .nav-pills > li + li, .modal-dialog .nav-pills > li + li {

    margin-left: 10px

}



.we7-modal-dialog .we7-select, .modal-dialog .we7-select {

    width: 100%

}



.we7-modal-dialog .wi, .we7-modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .we7-modal-dialog .ext-apply-item.apply-show:before, .we7-modal-dialog .cut-list .item.apply-show:before, .cut-list .we7-modal-dialog .item.apply-show:before, .we7-modal-dialog .fa, .modal-dialog .wi, .modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .modal-dialog .ext-apply-item.apply-show:before, .modal-dialog .cut-list .item.apply-show:before, .cut-list .modal-dialog .item.apply-show:before, .modal-dialog .fa {

    font-size: 22px;

    vertical-align: middle;

    margin-right: 3px

}



.we7-modal-dialog .text-info, .modal-dialog .text-info {

    color: #428bca

}



.modal-success {

    top: 50%;

    left: 50%;

    right: auto;

    bottom: auto;

    margin: 0 auto;

    transform: translate(-50%, -50%)

}



.modal-success.in .modal-dialog {

    min-width: 250px !important;

    width: auto;

    position: relative;

    left: auto;

    right: auto;

    top: 0;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0)

}



.modal-success .modal-content {

    padding: 10px 30px;

    background-color: #51A351;

    color: #fff;

    border-color: #51a351;

    font-size: 14px;

    vertical-align: middle;

    border-radius: 3px;

    box-shadow: 0 0 0

}



.modal-success .modal-body {

    padding: 6px

}



.modal-success .wi, .modal-success .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .modal-success .ext-apply-item.apply-show:before, .modal-success .cut-list .item.apply-show:before, .cut-list .modal-success .item.apply-show:before, .modal-success .fa {

    color: #fff !important

}



.material-content .material-head {

    padding: 15px 20px;

    border-bottom: 1px solid #e7e7eb;

    clear: both;

    box-sizing: border-box

}



.material-content .material-head .wi-search {

    font-size: 18px;

    margin: 0

}



.material-content .material-head .filter {

    width: 450px

}



.material-content .material-head .filter .we7-select {

    width: 200px

}



.material-content .material-head .filter .we7-select + .we7-select {

    margin-left: -1px

}



.material-content .material-nav {

    border-bottom: 1px solid #e7e7eb;

    padding: 0 20px

}



.material-content .material-nav a {

    display: inline-block;

    padding: 0 30px;

    line-height: 42px;

    font-size: 16px;

    color: #999;

    border-bottom: 3px solid transparent

}



.material-content .material-nav a:hover, .material-content .material-nav a.active, .material-content .material-nav .panel-menu a.list-group-item:not(.list-group-more):hover, .panel-menu .material-content .material-nav a.list-group-item:not(.list-group-more):hover {

    color: #428bca;

    border-color: #428bca

}



.material-content .material-body {

    padding: 20px;

    height: 460px;

    overflow-y: auto;

    border-bottom: 1px solid #e7e7eb

}



.material-content .material-body .item {

    position: relative

}



.material-content .material-body .item:hover {

    outline: 2px solid #428bca

}



.material-content .material-body .item.active .mask, .material-content .material-body .head .navbar-left > li.item:hover .mask, .head .material-content .material-body .navbar-left > li.item:hover .mask, .material-content .material-body .panel-menu .item.list-group-item:not(.list-group-more):hover .mask, .panel-menu .material-content .material-body .item.list-group-item:not(.list-group-more):hover .mask {

    display: block

}



.material-content .material-body .mask {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 5;

    background-color: rgba(0, 0, 0, .5);

    text-align: center;

    display: none

}



.material-content .material-body .mask .wi, .material-content .material-body .mask .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .mask .ext-apply-item.apply-show:before, .material-content .material-body .mask .cut-list .item.apply-show:before, .cut-list .material-content .material-body .mask .item.apply-show:before {

    color: #fff;

    font-size: 32px;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.material-content .material-body .del {

    position: absolute;

    width: 34px;

    line-height: 34px;

    text-align: center;

    background-color: #428bca;

    cursor: pointer;

    bottom: 0;

    right: 0;

    z-index: 6;

    display: none

}



.material-content .material-body .item:hover .del {

    display: block

}



.material-content .material-body .del .wi, .material-content .material-body .del .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .del .ext-apply-item.apply-show:before, .material-content .material-body .del .cut-list .item.apply-show:before, .cut-list .material-content .material-body .del .item.apply-show:before {

    color: #fff

}



.material-content .material-pager {

    padding: 20px;

    height: 79px

}



.material-content .tab-content {

    overflow-x: hidden;

    overflow-y: auto;

    height: 310px

}



select.we7-select {

    height: 34px;

    padding: 0 10px;

    color: #252424;

    border-color: #e7e7eb !important;

    border-style: solid;

    border-width: 1px;

    box-shadow: 0 0 0 !important;

    outline: 0;

    border-radius: 0;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    background: url(../images/select-arrow.png) #fff no-repeat right !important;

    padding-right: 35px

}



select.we7-select:focus {

    border-color: #e7e7eb !important

}



select.we7-select:hover {

    border-color: #e7e7eb !important

}



select.we7-select:active {

    border-color: #e7e7eb !important

}



select.we7-select + .we7-select, select + .we7-select {

    margin-left: 10px

}



select.we7-select[multiple=multiple], select[multiple=multiple] {

    height: auto !important;

    background: none !important

}





@font-face {

    font-family: we7icon;

    src: url(../../../../web/resource/fonts/we7icon.eot?ceg6l3);

    src: url(../../../../web/resource/fonts/we7icon.eot?ceg6l3#iefix) format("embedded-opentype"), url(../../../../web/resource/fonts/we7icon.ttf?ceg6l3) format("truetype"), url(../../../../web/resource/fonts/we7icon.woff?ceg6l3) format("woff"), url(../../../../web/resource/fonts/we7icon.svg?ceg6l3#we7icon) format("svg");

    font-weight: 400;

    font-style: normal

}



.wi, .ext-apply-list .ext-apply-item.apply-show:before, .cut-list .item.apply-show:before {

    font-family: we7icon !important;

    display: inline-block;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}





.wi-search:before {

    content: "\e911"

}

.wi-right:before {

    content: "\e955"

}



.wi-delete2:before {

    content: "\e913"

}



.modal.uploader-modal {

    z-index: 2060 !important;

}