:root{--brand-color: #009A53,}
body{font-size: 12px; font-family: initial !important;}
#treeTableDIV{padding: 0}
.main-sidebar{background: #fff}
.control-sidebar-dark{background: #343a40}
.brand-link{border-bottom: 1px solid #dee2e6}
.dropdown-item{font-size: 14px}
.tabMode .tabOpr{color: #6c757d}
.tabMode .navbar{padding: 0}
.tabMode .nav-link{border-left: solid 1px #eee; color: #6c757d}
.tabMode .nav-link:first-child{border-right: solid 1px #eee}
.layout-content{padding: 20px; background: #eee; box-sizing: border-box}
.layout-content-noBottom{height: 100%}
.layout-content-noBottom .card{height: 100%;}
/*}*/
.layout-content-noBottom .card .card-body{overflow: auto; height: 100%;}
.layout-content .card{box-shadow: none; margin-bottom: 0}
.table td, .table th{border-top: none; font-size: 14px; vertical-align: middle;}
.table thead th{border-bottom: none; color: #9f9f9f; font-weight: 400; vertical-align: middle; white-space: nowrap;}
.table.table-head-bg th{background-color: #eeeeee; vertical-align: middle;}
.table.table-head-bg td{border-bottom: 1px solid #EEEEEE; border-right: 0}
/*total*/
table tfoot tr th{color: #9f9f9f; background-color: #F3F3F3}
table tfoot tr th.totalText{color: #FF4F4F}
.table td .dropdown{display: inline-block; margin: 0; padding: 0}
.table td .dropdown .btn-secondary{background-color: transparent; border: none; color: var(--brand-color); font-size: 14px; padding: 0; line-height: 1}
.table td .dropdown .btn-secondary:hover{background-color: transparent; color: var(--brand-color)}
.table td .dropdown .dropdown-menu{min-width: 6rem; right: 0;}
.table td .dropdown .dropdown-menu .table-operation-btn{display: block}
div.dataTables_scrollBody{border-left: none !important}
.btn-default{background: #e7e7e7}
.iptDate{background: url(/upgradeStyle/images/icon-date-2b3335f15eb3851d1131f5efb4fed86e.svg) no-repeat 97% center !important; padding-right: 1rem;}
.iptDate.form-control:disabled, .iptDate.form-control[readonly]{background: #e9ecef url(/upgradeStyle/images/icon-date-2b3335f15eb3851d1131f5efb4fed86e.svg) no-repeat 97% center !important; opacity: 1;}
.page-link{font-size: 14px}
.t-button-link{color: var(--brand-color); margin-right: 24px; font-size: 14px;}
.t-button-link:last-child{margin-right: 0}
.t-tag{padding: 0 8px; height: 24px; line-height: 24px; font-size: 14px; border-radius: 3px; text-align: center}
.t-tag--success{color: #00a870; background: #e8f8f2}
.t-tag--warning{color: #eb7d2f; background: #fef3e6}
.t-tag--danger{color: #e34d59; background: #fdecee}
.searchbox{background: #fff; display: inline-block}
.searchbox .searchCont{flex: 1; overflow: hidden}
.showMore .searchCont{flex: 1; height: auto; overflow: hidden}
.searchbox .btnArea{min-width: 200px}
.searchbox .form-controls, .searchbox .form-label{display: inline-block}
.searchbox .form-label{margin-right: 5px}
.searchbox .form-label label{font-weight: 400; font-size: 14px}
.searchbox .form-control{display: inline-block; padding: 0 10px; line-height: 32px; height: 32px; vertical-align: middle; margin-right: 20px; font-size: 14px !important}
.searchbox .btnArea{display: inline-block; margin-left: 20px}
.searchbox .btnArea .btn{vertical-align: middle; margin: 0 6px; line-height: 32px; padding: 0 15px; font-size: 14px; border: none}
.searchbox .moreSearch{display: inline-block; line-height: 30px; padding: 0 16px; font-size: 14px; color: #4986C1;}
.searchbox .moreSearch img{transform: rotate(-180deg)}
.searchbox .iptDate:first-child{margin-right: 0}
tr .dtfc-fixed-right{box-shadow: -3px 3px 3px 0 #e8e8e8}
tr:last-child .dtfc-fixed-right{box-shadow: -3px 0 3px -2px #e8e8e8}
tr .dtfc-fixed-left{box-shadow: 3px 3px 3px 0px #e8e8e8}
tr:last-child .dtfc-fixed-left{box-shadow: 3px 0 3px -2px #e8e8e8}
div.dataTables_scrollBody::-webkit-scrollbar{width: 8px; height: 8px}
div.dataTables_scrollBody::-webkit-scrollbar-thumb{border-radius: 10px; background: #ccc}
div.dataTables_scrollBody::-webkit-scrollbar-track{background: 0 0}
.select2-container--default .select2-selection--single{padding: 0 5px; line-height: 32px; height: 32px; border-radius: 2px}
.select2-container--default .select2-selection--single .select2-selection__rendered{margin-top: 0; line-height: 30px; font-size: 14px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 25px}
.select2-container--default .select2-selection--multiple{min-height: 2rem !important;}
.card-title{float: none}
.base-form{width: 60%}
.base-form .form-controls, .base-form .form-label{display: inline-block; vertical-align: middle}
.base-form .form-label{width: 150px; text-align: right; line-height: 32px; vertical-align: top}
.base-form .form-label label{font-weight: 400; font-size: 14px; margin-bottom: 0}
.base-form .form-label label font{color: #f43d47; margin-right: 10px}
.base-form .form-control{vertical-align: middle; font-size: 14px !important; box-sizing: border-box; width: 80%}
.base-form .textarea-control{min-height: 80px}
.base-form .btnArea{padding-top: 30px}
.base-form .btnArea .btn{vertical-align: middle; margin: 0 6px; line-height: 32px; padding: 0 15px; font-size: 14px; border: none}
.popTips{display: inline-block}
.popTips svg{fill: rgba(0, 0, 0, .4); width: 20px; height: 20px}
.base-form .form-controls .form-control{display: inline-block}
.checkList{display: inline-block; color: #8392a7; vertical-align: middle; line-height: inherit}
.checkList .form-check, .form-check .form-check-input{margin-right: 20px}
.checkList .custom-radio{display: inline-block;}
.custom-radio .custom-control-label{vertical-align: middle; color: #333; box-shadow: none; border: none}
.custom-radio .custom-control-label::after, .custom-radio .custom-control-label::before{top: .15rem; box-shadow: none}
.custom-radio .custom-control-label::before{background: #fff; border-color: #dcdcdc; border-width: 1px}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{box-shadow: none; border: none}
.form-check .form-check-input{vertical-align: middle; margin-top: 3px}
.icheck-primary > input:first-child:checked + input[type=hidden] + label::before, .icheck-primary > input:first-child:checked + label::before{background: #1d5d95; border-color: #1d5d95}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after{background: url(/upgradeStyle/images/form/checked-redio-bb7ac1e06ae828215f5bac7654fa062a.svg) no-repeat center center; border-radius: 50%; background-size: .5rem .5rem; border: 1px solid #009A53;}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after{background: #e9ecef url(/upgradeStyle/images/form/checked-disabled-54362f4e7de5daf015d6824be92bde7b.svg) no-repeat center center; border-radius: 50%; border: 1px solid #e9ecef; background-size: .5rem .5rem;}
label:not(.form-check-label):not(.custom-file-label){font-weight: 400; font-size: 14px}
.custom-radio .custom-control-input[disabled].custom-control-input:checked ~ .custom-control-label{color: rgba(0, 0, 0, 0.26);}
.custom-checkbox .custom-control-label{vertical-align: middle; color: #333; box-shadow: none; border: none}
.custom-checkbox .custom-control-label::before, .custom-radio .custom-control-label::after{box-shadow: none}
.custom-checkbox .custom-control-label::before{background: #fff; border-color: #dcdcdc; border-width: 1px; top: 1px; width: 1rem; height: 1rem; border-radius: 2px}
.custom-control-input:checked ~ .custom-control-label::before{border: none; background: 0 0}
.custom-control-input:checked ~ .custom-control-label{color: #009A53}
.custom-control-input:disabled:checked ~ .custom-control-label{color: #6c757d}
.icheck-primary > input:first-child:checked + input[type=hidden] + label::before, .icheck-primary > input:first-child:checked + label::before{background: linear-gradient(270deg, #009A53 0%, #B8CB37 100%);; border-color: #1d5d95}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{box-shadow: none; border: none; background: url(/upgradeStyle/images/icon-checkbox-checked-eb8cf7c5d3d1740e8d78b978a93b55c8.png) #009A53 no-repeat center center; background-img: linear-gradient(270deg, #009A53 0%, #B8CB37 100%); border-radius: 2px}
/*去掉聚焦后的样式*/
.custom-control-input:focus ~ .custom-control-label::before{box-shadow: none;}
.custom-checkbox .custom-control-input[disabled]:checked ~ .custom-control-label::after{box-shadow: none; border: none; background: #e9ecef url(/upgradeStyle/images/form/checkBox-disabled-2f4591424e09320129aa59a4443d16a0.png) no-repeat center center; border-radius: 2px}
label:not(.custom-control-label):not(.custom-file-label){font-size: 14px}
.custom-checkbox .custom-control-input[disabled]:checked ~ .custom-control-label{color: rgba(0, 0, 0, 0.26);}
.custom-control-label::after{top: 0}
.form-check input[type="checkbox"]{width: 16px; height: 16px; display: inline-block; text-align: center; vertical-align: middle; line-height: 16px; margin-right: 10px; position: relative;}
.form-check input[type="checkbox"]::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; box-sizing: border-box;}
.form-check input[type="checkbox"]:checked::before{content: ""; box-shadow: none; border: none; background: url(/upgradeStyle/images/icon-checkbox-checked-eb8cf7c5d3d1740e8d78b978a93b55c8.png) #009A53 no-repeat center center; position: absolute; border: none; border-radius: 2px; font-size: 0px; font-weight: bold;}
.sCheckbox{margin-top: 10px; line-height: 16px}
.sCheckbox .custom-checkbox.checkbox-border{border: 1px solid #e4e4e4; padding: .5rem;}
.sCheckbox span{display: inline-block; padding-left: 22px; margin-right: 15px}
.sCheckbox .custom-checkbox{display: inline-block; margin-right: 15px}
.sCheckbox .custom-checkbox label:not(.form-check-label):not(.custom-file-label){font-weight: 400}
.sCheckbox .custom-control-input:checked ~ .custom-control-label{color:#009A53;}
.checkList .tips{display: inline-block}
.checkSigle{margin-top: 10px}
.checkSigle .custom-control{display: block}
.checkSigle .sCheckbox{display: inline-block; margin-left: 15px; line-height: 16px}
.input-group .form-control{margin-right: 0}
.date .input-group-append .input-group-text{background: 0 0; padding: 0 10px; border-left: none}
.form-inline .multiselect-container span.form-check{padding-left: 0 !important;}
@media (max-width: 768px){.layout-content{padding: 10px} .base-form .form-label{width: auto} .base-form{width: 100%; padding: 0} .base-form .form-controls{width: 100%} .searchbox{display: block} .searchbox .form-label{display: block} .searchbox .btnArea{margin-left: 0} .searchbox .moreSearch{padding: 0} .table thead th{white-space: nowrap}}
.fileinput-button{border-radius: 4px; border: 1px solid #d1d8e1; line-height: 32px; font-size: 14px; color: #4f5b6e; padding: 0 34px; padding-right: 16px; background: url(/upgradeStyle/images/icon-upLoad-dbd55ddd1ee7f2a162ade7dbb404b1f3.png) no-repeat 10px center #ffffff; cursor: pointer; width: max-content; display: inline-block}
.fileinput-button.disabled{opacity: 0.65; box-shadow: none;}
.upTips{color: rgba(0, 0, 0, .45); font-size: 14px; padding: 5px 0; line-height: 2}
.progress{height: 2px; border-radius: 10px}
.files .filesName .name{font-size: 14px; color: rgba(0, 0, 0, .45)}
.files .filesName{padding-left: 24px; background: url(/upgradeStyle/images/icon-files-486fe518a0c35191bd33bd7d891467fc.png) no-repeat 3px 3px; width: 100%; box-sizing: border-box}
.btnDelete{width: 12px; height: 12px; display: inline-block; background: url(/upgradeStyle/images/icon-delete-26e4aa577d57e0ec30409778ae7c8ef7.png)}
.baseInfo{padding: 12px 0}
.baseInfo .info-item{padding: 8px 0}
.baseInfo .info-item h1{font-size: 14px; display: inline-block; color: rgba(0, 0, 0, .6); width: 140px; padding-right: 20px; line-height: 20px}
.baseInfo .info-item .infoCont{font-size: 14px; display: inline-block; color: rgba(0, 0, 0, .9); line-height: 20px}
.rule-tips{margin: 20px 24px 0}
.t-alert--info{background-color: #fef3e2}
.t-alert{display: flex; padding: 14px 24px; opacity: 1; transition: opacity .2s; border-radius: 3px}
.t-alert--info .t-alert__icon, .t-alert--info .t-alert__swiper-trigger--active, .t-alert--info .t-alert__swiper-trigger-wrap{color: #faad14}
.t-alert__icon > .t-icon{font-size: 20px; fill: #faad14; display: inline-block; vertical-align: middle; width: 1em; height: 1em}
.t-alert__content{flex: 1 1 0; font-size: 14px; line-height: 20px; overflow: hidden}
.t-alert__icon + .t-alert__content{margin-left: 10px}
.t-alert__title{color: #333; font-weight: 700; width: 100%; display: flex; margin-top: 5px}
.t-alert__title + .t-alert__message{margin-top: 8px}
.t-alert__description{color: #666; transition: height .2s; flex: 0 1 auto}
.t-alert__content{font-size: 14px; line-height: 20px}
.t-alert__description p{margin-bottom: 0}
.card-tabs .card-header{padding-top: 0; padding-bottom: 0; margin: 0}
.card-tabs .card-header .nav-tabs .nav-link{border: none}
.card-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: transparent}
.card-tabs .nav-tabs .nav-link{padding: 12px 5px; margin-right: 36px; font-size: 16px; color: #33383d; cursor: pointer;}
.card-tabs .nav-tabs .nav-link.active{color: #009A53; border-bottom: 2px solid; border-image: linear-gradient(270deg, #009A53 0%, #B8CB37 100%) 2 2 2 2;}
.modal-title{font-size: 16px; font-weight: 400}
.modal-dialog .close span{font-size: 1.2rem; font-weight: 400; color: rgba(0, 0, 0, .5)}
.modal-header{padding: 1rem; border-bottom: 1px #fff solid;}
.modal-footer{border-top: none; padding: 1rem;}
.modal-footer .btn{padding: 0 16px; line-height: 32px; font-size: 14px; border-radius: 4px;}
.modal-dialog .modal-content{box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2); border-radius: 4px; border: none}
.modal-dialog .modal-content .base-form{width: 100%; padding: 0}
.modal-dialog .modal-content .base-form .form-label{width: 100px}
.modal-dialog .modal-content iframe{border: none}
.modal-body.modal-body-overflow{max-height: 400px; overflow-y: auto}
.toasts-top-right.fixed{left: 50%; margin-left: -160px;}
.toast-header{padding: 10px 24px; border: none; border-radius: 3px; position: absolute;}
.toast.pop-warning{border-radius: 3px; border: 0 solid #f9d7d9; width: max-content}
.toast.pop-warning .toast-header{background: #f9d7d9}
.toast.pop-success{border-radius: 3px; border: 0 solid #bcebdc; width: max-content}
.toast.pop-success .toast-header{background: #bcebdc}
.toast.pop-info{border-radius: 3px; border: 0 solid #ffe58f; width: max-content}
.toast.pop-info .toast-header{background: #f9e0c7}
.toast .toast-header img{width: 16px; height: 16px !important}
.toast .mr-auto{font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, .65)}
.toast .close span{font-size: 1.2rem; font-weight: 400; color: #000}
.tab-empty{font-size: 14px; color: var()}
.tab-empty .display-4{font-size: 14px}
.tab-loading .display-4{font-size: 14px; color: var()}
.tab-loading .fa{background: url(/upgradeStyle/images/icon-loading-3b060d4427a76b3d60a56a2dc593c58e.png); display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-top: -3px}
.dropdown-menu{background: #fff; box-shadow: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08); border-radius: 3px; border: 1px solid #dcdcdc}
.bootstrap-datetimepicker-widget.dropdown-menu{padding: 20px; width: 320px; box-sizing: border-box; padding-top: 10px}
.bootstrap-datetimepicker-widget.dropdown-menu .datepickerHd{border-bottom: 0 solid #e7e7e7}
.bootstrap-datetimepicker-widget.dropdown-menu .datepickerHd th{line-height: 40px}
.bootstrap-datetimepicker-widget.dropdown-menu .table thead th{border-bottom: none}
.bootstrap-datetimepicker-widget.dropdown-menu .table tbody td{border-bottom: none; font-weight: 700}
.bootstrap-datetimepicker-widget table td.day{color: rgba(0, 0, 0, .9); width: 40px; height: 40px; line-height: 40px; padding: 0}
.bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old{color: rgba(0, 0, 0, .26)}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{color: #fff; border-radius: 50%}
.bootstrap-datetimepicker-widget.dropdown-menu .table tbody{padding: 0 20px}
.bootstrap-datetimepicker-widget.dropdown-menu .datepickerHd th.picker-switch{font-size: 16px; color: var(); font-weight: 700}
.bootstrap-datetimepicker-widget.dropdown-menu .datepickerHd .prev{font-size: 12px; color: rgba(0, 0, 0, .6)}
.bootstrap-datetimepicker-widget.dropdown-menu .datepickerHd .next{font-size: 12px; color: rgba(0, 0, 0, .6)}
.bootstrap-datetimepicker-widget table td.today:before{width: 6px; height: 6px; border-radius: 50%; background: var(); right: auto; left: 50%; margin-left: -3px; bottom: 2px}
.bootstrap-datetimepicker-widget table td:hover{border-radius: 50%}
.bootstrap-datetimepicker-widget table td.active.today::before{content: none}
.bootstrap-datetimepicker-widget table td span{width: 25%; font-weight: 700; font-size: 14px}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn span{width: 100%; padding: 0 15px}
.bootstrap-datetimepicker-widget table td{width: 40px; height: 40px; line-height: 40px}
.bootstrap-datetimepicker-widget table td.separator{font-size: 20px; font-weight: 700}
.daterangepicker{background: #fff; box-shadow: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08); border-radius: 3px; border: 1px solid #dcdcdc}
.daterangepicker .drp-calendar{max-width: 320px}
.daterangepicker .calendar-table td, .daterangepicker .calendar-table th{width: 40px; height: 40px; min-width: 40px; line-height: 37px; font-size: 14px}
.daterangepicker .calendar-table th.month{color: var(--brand-color); font-weight: 700}
.daterangepicker td.in-range{background-color: #ecf2fe}
.daterangepicker .table-condensed thead th{font-weight: 400; color: rgba(0, 0, 0, .6)}
.daterangepicker .calendar-table td.available{font-weight: 700}
.daterangepicker td.start-date.end-date{border-radius: 50%}
.daterangepicker td.active, .daterangepicker td.active:hover{background: var(--brand-color)}
.daterangepicker td.start-date{background: var(--brand-color); border-radius: 20px 0 0 20px}
.daterangepicker td.end-date{background: var(--brand-color); border-radius: 0 20px 20px 0}
.daterangepicker .drp-buttons .btn{padding: 0 16px; line-height: 32px; font-size: 14px; font-weight: 400}
.btn-primary.disabled, .btn-primary:disabled{background: var(--brand-color); border-color: var(--brand-color)}
.daterangepicker .drp-selected{font-size: 16px}
.daterangepicker .calendar-time{font-size: 16px; font-weight: 700}
.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect{width: 80px; padding: 5px; font-size: 14px}
.popover{box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1); border: 1px solid #dcdcdc}
.popover-body{font-size: 14px; width: 120px; display: flex; flex-direction: column; align-items: center; color: rgba(0, 0, 0, .4)}
.popover-body .table-operation-btn{text-align: center;}
.table-operation-btn{font-size: 14px; color: #4986C1; display: inline-block; padding: 0 5px 0 0px}
.btn-block + .btn-block{margin-top: 0;}
.dataTables_scrollHeadInner table.table-bordered tr th:first-child{border: none !important}
/*去除锁定右边的白边*/
.dtfc-right-top-blocker{background-color: #ffffff}
.input-button-search .searchbox{text-align: right;}
/*查询区域按钮*/
.input-button-search .searchbox.searchFormArea{text-align: left;}
.form-search-table-divider{width: 100%; height: 20px; background: #eee;}
.card-body{position: relative}
/*去掉头部表格固定头部阴影 和解决右侧挤压漏字问题*/
.dataTables_scrollHeadInner{padding-right: 0 !important}
.table.table-head-bg td.moneyRight, .table.table-head-bg th.moneyRight{text-align: right;}

/*element UI 样式*/
/*分页*/
.el-pagination__rightwrapper,.el-pager{
    display:flex;
}
.el-pager .number:hover{
    transition: all 0.5s ease-in-out;
    background: linear-gradient(270deg, #009A53 0%, #B8CB37 100%);
    color: #fff;
}
.el-pager .number.active{
    color: #fff;
    outline: none;
    background: linear-gradient(270deg, #009A53 0%, #B8CB37 100%);
    border-radius: 3px;
    border-color: #fff;
}
.el-pager .number{
    line-height: 1;
    color: rgba(0, 0, 0, 0.6);
    background-color: #fff;
    border: 1px solid #dee2e6;
    display: block;
    padding: 0.5rem 0.75rem;
}
.el-pager li{height: initial}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: #ffffff;
    color: #606266;
    min-width: 30px;
    border-radius: 2px;
    border: 1px solid #dee2e6;
}
/* 文件上传框*/
.file-drop-zone {
    max-height: 440px;
    overflow: hidden auto;
}

@media (max-width: 1600px){
    .file-actions .file-footer-buttons .btn-sm {
        padding: 0.1rem 0.3rem;
        font-size: 0.8rem;
    }

    .theme-explorer .file-preview .explorer-frame .kv-file-content {
        width: 60px;
    }

    .theme-explorer .file-preview  .file-actions-cell {
        min-width: 50px;
        max-width: 100px;
    }
}
/*提示框的最大宽度*/
.el-tooltip__popper {
    max-width: 800px;
}
.el-button--primary, .el-button--primary:hover {
    background-color: transparent!important;
    border-color: #fff!important;
    background-image: linear-gradient(270deg, #009A53 0%, #B8CB37 100%)!important;
    background-size: 200% 100%;
    border-radius: 3px;
    transition: all 1s ease-in-out;
}
/*表头红星*/
/*
.el-table__header-wrapper th.star ::before {
    content: '*';
    color: red;
    margin-right: 0.02rem;
    font-size: 0.12rem;
}*/
/*vue table 上的按钮位置*/
.highlight{
    color: #409EFF
}
.head-btn{
    padding-bottom: 5px;
    text-align: left;
}
.el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner{
    border-color: #009A53;
}
#app .layout-content{
    height: 100%;
}
#app .card{
    height:100%;
    margin-bottom:15px;
}
#app .bottomBtnDiv{
    text-align: center;
    height: 60px;
    background: #FFFFFF;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 14px 0;
    box-shadow: 0px 2px 10px 0px rgba(28,71,112,0.15);
}