/*引入主题颜色*/
@import "theme";



/*新增公共样式*/
.mgt-20{
    margin-top: 20px;
}

.layui-avatar{
  width: 25px;
  border-radius: 50%;
}

/*登录页按钮*/
.layui-btn-login{
  //background: linear-gradient(270deg,@color-base-2,@color-base);135deg,#4c5dff,#3399ff
  background: linear-gradient(270deg,@color-base-2,@color-base);
  background: -webkit-linear-gradient(135deg,@color-base-2,@color-base);
  background: -moz-linear-gradient(135deg,@color-base-2,@color-base);
  background: -o-linear-gradient(135deg,@color-base-2,@color-base);
  background-color: @color-base;
}

/*a标签色值*/.layui-text a:not(.layui-btn) {
    color: @color-base;
}

/*内容边框*/
.layui-nav *{
    font-size:12px;
}
.layui-col-space15{
    margin: -4px;
}
.layui-col-space15>*{
    padding: 4px;
}

/*侧边栏*/
.layui-nav .layui-nav-item a{
    color: @color-text-base;
}
.layui-nav .layui-nav-item a:hover{
    color: @color-base;
}
.layui-nav-itemed>a{
    color: @color-text-base!important;
}
.layui-nav-itemed>.layui-nav-child {
    display: block;
    padding: 0;
    background-color: #ffffff!important;
}
.layui-nav .layui-nav-more{
   /* border-top-color: @color-base;*/
    border-right: 2px solid;
    border-bottom: 2px solid;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    color:  @color-base;
    margin-top: -7px;
    border-style: hidden solid solid hidden;
}
.layui-nav-itemed>a .layui-nav-more {
    border-right: 2px solid;
    border-bottom: 2px solid;
    width: 5px;
    height: 5px;
    transform: rotate(-135deg);
    color:@color-base;
    margin-top: -3px;
    border-style: hidden solid solid hidden;
}
.layui-nav-tree .layui-nav-bar{
    width: 4px;
    background-color: @color-base;
}
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover{
    color: @color-base;
}
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover{
    background-color: @color-lighten!important;
}
/*.layui-nav-child dd {
    position: relative;
    padding-left: 10px;
}*/

/*btn样式*/
.layui-btn+.layui-btn {
    margin-left: 3px;
}
.layui-btn-sm {
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    font-size: 12px;
}
.layui-btn-normal {
    background-color: @color-base;
}
.layui-btn-primary:hover {
    border-color: @color-base;
    color: @color-base;
}
/*
.layui-btn{
    border-radius: 4px;
    background-color:@color-base;
}
*/
.layui-btn-sm i {
    font-size: 14px!important;
    margin-right: 3px;
}

/*面包屑*/
.layui-breadcrumb a:hover {
    color: @color-base!important;
}
/*tab样式*/
.layui-tab-title .layui-this:after {
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom: 2px solid @color-base;
}

/*分页样式修改*/
.layui-table-page {
    position: relative;
    width: 100%;
    padding: 10px 7px 0;
    border-width: 0;
    height: 45px;
    font-size: 12px;
    /* float: right; */
    /* margin-bottom: 16px; */
}
.layui-table-page>div {
    height: 26px;
    float: right;
}
.layui-laypage a:hover{
    color: @color-base;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #ffffff;
    border: 1px solid @color-base;
}
.layui-laypage .layui-laypage-curr em{
    color: @color-base;
}
.layui-laypage-em {
    border-radius: 4px;
}
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{
    top:-1px;
}
.layui-laypage button, .layui-laypage input{
    border-radius: 4px;
}
.layui-laypage select{
    border-radius: 4px;
}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span {
    height: 28px;
    line-height:28px;
}
.layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input {
    height: 30px;
    line-height: 30px;
}
.layui-table-page select {
    height: 28px;
    padding: 0;
}


/*表格样式修改*/
.layui-table-cell .layui-table-link {
    color: @color-base;
}
.layui-table-box {
    border: 1px solid #e6e6e6;
    border-bottom-width: 1px;
    margin-top: 1px;
}
.layui-table-view {
    border-width: 0;
}
.layui-table td, .layui-table th{
    font-size: 12px;
}

/*进度条样式修改*/
.layui-progress-bar{
    background-color: @color-base;
}



/*字体样修改*/
.layui-breadcrumb>* {
    font-size: 12px;
}
.layui-nav * {
    font-size: 12px;
}
.layui-tab-title li {
    font-size: 12px;
}

/*列表样式修改*/
.layui-form-checked[lay-skin=primary] i {
    border-color: @color-base;
    background-color: @color-base;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: @color-base;
    color: #fff;
}

/*表单样式修改*/
.layui-input-block {
    margin-left: 90px;
    min-height: 28px;
    line-height: 28px;
    font-size: 12px;
}
.layui-input, .layui-select, .layui-textarea{
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
}
.layui-form-label {
    font-size: 12px;
    line-height: 28px;
    height: 28px;
    padding: 0;
    /*margin-right: 15px;*/
    text-align: right;
}
.layui-form-item {
    margin-bottom: 8px;
}

.layui-form-item .layui-form-checkbox[lay-skin="primary"]{
  margin-top:-4px
}

.layui-form-mid {
    padding: 4px 0!important;
}


/*card样式修改*/
.layui-card{
    position: relative;
    margin-bottom: 8px;
    box-shadow: none;
}
.layui-card-header{
    padding: 0 24px;
}
.layui-card-title{
    font-size: 12px;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(0,0,0,.85);
    font-weight: 500;
}
.layui-card-body{
    padding: 24px;
}
.layui-card-extra{
    position: absolute;
    top: 7px !important;
    right: 24px;
    transition: right .3s;
}

.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
    width: 14px;
    height: 14px;
}

/*复选框样式修改*/
.layui-form-checkbox{
    height: 28px;
    line-height: 26px;
}

.layui-form-checkbox span{
    padding: 1px 10px 0;
    font-size: 12px;

}
.layui-form-checked span, .layui-form-checked:hover span {
    background-color: @color-base;
    padding: 1px 10px 0;
}
.layui-form-checked i, .layui-form-checked:hover i {
    color: @color-base;
}
.layui-form-checked, .layui-form-checked:hover {
    border-color: @color-base;
}
/*开关样式修改*/
.layui-form-onswitch {
    border-color: @color-base;
    background-color: @color-base;
}
/*单选框样式修改*/
.layui-form-radio>i:hover, .layui-form-radioed>i {
    color: @color-base;
}


/*弹框样式修改*/
.layui-layer-content{
    padding: 2px;
}

.layui-form[wid100] .layui-form-label {
    width: 120px;
}

.layui-form[wid100] .layui-inline {
  margin-left: 10px;
}

.layui-form[wid200] .layui-form-label {
  width: 150px;
}

.layui-form[wid200] .layui-input-block {
  margin-left: 160px;
}

.layui-form[wid300] .layui-form-label {
    width: 300px;
}
.layui-form[wid300] .layui-input-block {
    margin-left: 310px;
}

.layui-upload-img{
  width: 150px;  //358px
  height: 150px;  //441px
}

.layui-elem-quote {border-left: 5px solid @color-base;}


.layui-form-select dl dd.layui-this {
    background-color: #3399ff;
    color: #fff;
}