guoyao-jiankang/public/admin/css/common.css

:root {
    --themeColor: #284a94;
}
.bg-theme{
    background-color: var(--themeColor) !important;
}
.pace .pace-progress {
    background: var(--themeColor) !important;
    position: fixed;
    z-index: 2000;
    top: 0;
    width: 100%;
    height: 2px;
}
/*解决底部有灰色区块*/
.el-scrollbar__wrap {
    overflow-x: hidden!important;
    overflow-y: scroll!important;
    margin-bottom: 0px!important;
}

/*elementui 表单元素去掉圆角*/
.el-input__inner {
    border-radius: 0px;
}
/*hplus 边框颜色*/
.form-control:focus{
    border-color: var(--themeColor) !important;
    /*font-size: 13px!important;*/
}
.form-control{
    width: 100%!important;
    height: 32px;
    color: #606266!important;
    font-size: 13px!important;
    padding: 5px 15px!important;
}
.ui-jqgrid .form-control{
    height: auto;
    width: auto !important;
    padding: 0!important;
    font-size: .9em!important;
}
#input_pager .form-control{
    width: auto !important;
}
/*placeholder颜色设置*/
input::-webkit-input-placeholder {
    color: #909399!important;
}
input::-moz-input-placeholder {
    color: #909399!important;
}
input::-ms-input-placeholder {
    color: #909399!important;
}

.navbar{
    background-color: #ffffff!important;
    border-bottom: 1px solid #eee;
}
.navbar-header{
    line-height: 60px!important;
    font-size: 24px;
    font-weight: bold;
    padding-left: 20px;
}
.navbar-header:before{
    content: '';
    position: absolute;
    height: 30px;
    width: 2px;
    background: #EDF4F5;
    top: 15px;
    left: 9px;
}
.sidebar-box{
    position: fixed;
    z-index: 10000000;
    top: 61px;
    left: 0;
    bottom: 0;
    width: 120px;
    background-color: #FFFFFF!important;
    /*overflow: hidden;*/
}
.sidebar-box.sidebar-box-h2{
    width: 280px;
}
.sidebar-box .sidebar-box-sub{
    position: relative;
    width: 120px;
    height: 100%;
    float: left;
}
.sidebar-box .sidebar-box-sub .sidebar-collapse{
    width: auto;
    height: 100%;
}

.sidenav{
    margin-bottom: 0;
    height: 100%;
}
.sidenav .side-list{
    height: 40px;
    line-height: 40px;
}
.sidenav .side-list a{
    display: block;
    width: 100%;
    height: 100%;
    color: #effeff;
    padding: 0 15px;
    font-size: 14px;
}
.sidenav .side-list a i{
    vertical-align: middle;
    margin-right: 4px;
}
.sidenav .side-list a span{
    vertical-align: middle;
}
.sidenav .side-list .active{
    background-color: #ffffff;
    color: #333333!important;
}
.sidenav .side-list a:hover,.sidenav .side-list a:focus{
    background-color: rgba(255, 255, 255,0.2);
}
.sidenav .side-list .active:hover,.sidenav .side-list .active:focus{
    background-color: #ffffff;
    color: #333333!important;
}

.sidenavsub{
    margin-bottom: 0;
    padding: 0 10px;
}
.sidebar-box-sub2{
    width: 160px!important;
}
.sidenavsub .side-group{
    height: auto;
    font-size: 12px;
    color: #999999;
    padding-top: 10px;
}
.sidenavsub .side-group .side-group-label{
    /*padding: 0 15px;*/
    padding-bottom: 5px;
}
.sidenavsub .side-group .side-list a{
    /*padding-left: 25px;*/
}
.sidenavsub .side-list{
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.sidenavsub .side-list a{
    display: block;
    color: #333333;
    /*padding: 0 15px;*/
    padding-left: 10px;
    font-size: 14px;
}
.sidenavsub .side-list .active{
    background-color: #f5f5f5;
}
.sidenavsub .side-list a:hover,.sidenavsub .side-list a:focus{
    color: var(--themeColor)!important;
}

.main-box{
    width: 100%;
    height: calc(100% - 70px);
    /*width: 100%;*/
    /*height: 772px;*/
    margin-top: 70px;
    /*padding: 75px 15px 15px 295px;*/
    /*padding: 60px 0px 0px 280px;*/
    /*margin-left: 26px;*/
    /*min-height: 100%;*/

}
.main-box.main-box-h2{
    /*padding: 75px 15px 15px 135px;*/
    /*padding: 60px 0px 0px 120px;*/
    padding: 0px 19px 0px 19px;
}

.btn-primary {
    background-color: var(--themeColor) !important;
    border-color: var(--themeColor) !important;
}
.label-primary, .badge-primary {
    background-color: var(--themeColor) !important;
}

#form-search .form-control{
    width: 120px!important;
}
input[type=checkbox], input[type=radio] {
    margin: 9px 0 0;
}

.multiselect-container input[type=checkbox],.multiselect-container input[type=radio]{
    margin-top: 5px!important;
}
.multiselect-container .form-control{
    height: 34px!important;
}
.multiselect-container .input-group-addon{
    display: none!important;
}
.multiselect-container .multiselect-clear-filter{
    height: 34px!important;
}