/*初始化页面*/
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
th,
td {
    margin: 0;
    padding: 0;
}

body,
input,
button,
label,
select,
textarea {
    font-size: 14px;
    font-family: "Microsoft Yahei", "\5b8b\4f53", sans-serif;
    outline: none;
}

em,
i {
    font-style: normal;
}

a {
    color: #23abfe;
}

body {
    /*background: #fff;*/
}

.ifind-container {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
::-webkit-scrollbar{
    width: 6px;
    height: 10px;
}
::-webkit-scrollbar-thumb{
    border-radius: 7px;
    background-color: #D8DCE6;
}
/*基本页面结构*/
.page-container {
    width: 100%;
    /*padding: 10px 10px 0 10px;*/
    /*background: #fbfbfb;*/
}

.wrapper {
    margin: 0 auto;
    width: 1200px;
}

.page-container .wrapper {
    position: relative;
    /*background: #f0f4fb!important;*/
    background: #fff!important;
    box-shadow: 0 3px 6px 0 rgba(45,67,189,0.10);
    border-radius: 4px;
}

.header {
    /*border-bottom: 1px solid #e3e3e3;*/
}

.header .header-top {
    height: 23px;
    line-height: 23px;
    /*background: #f4f4f7;*/
    color: #777777;
    font-size: 0;
}

.header .header-top .say {
    color: white;
}

.header .header-top a {
    color: #ffffff;
}

.header-top a, .header-top span {
    margin: 0 3px;
    font-size: 12px;
}

.header-top .split {
    color: #595959;
}

.header-top a.message {
    color: #ff8a66;
}

.header-top .wrapper {
    text-align: right;
}

.header-logo {
    /*overflow: hidden;*/
    background: #fbfbfb;
    height: 60px;
    background: url(../image/views/logo/logo-bg.png)no-repeat center #1B63D9;
}
.headerbox{
    /*padding-top: 30px;*/
    padding-right: 20px;
    height: 60px;
    /*background: #1B63D9;*/
    background: url(../image/views/logo/logo-bg.png)no-repeat center #1B63D9;
}
.header-logo .header-logo-box {
    margin-right: 20px;
    float: left;
    overflow: hidden;
    height: 54px;
    line-height: 54px;
}

.header-logo img {
    display: inline;
}

.header-logo .header-logo-box .logo-icon {
    width: 40px;
    height: 40px;
}

.header-logo .header-logo-box .logo-text {

}

.header-logo .header-school {
    font-size: 16px;
    height: 54px;
    line-height: 57px;
    color: #ffffff;
}

.header-logo .school-line {
    margin-right: 10px;
}

.header-logo .school-name {

}

.nav-bar {
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(45,67,189,0.10);
    margin-bottom: 15px;
}

.ifind-nav {
    padding: 0;
    background: #ffffff;
    /*border-top: 6px solid #23abfe;*/
    /*border-bottom: 10px  solid #fff;*/
    box-shadow: 0 3px 6px 0 rgba(45,67,189,0.10);
}

.ifind-nav>li>a{
    border-bottom: none;
}
.ifind-nav>li{
    width: 133.3px;
    height: 50px;
    line-height: 50px;
}
.ifind-nav>li.active>a{
    border-bottom: none;
}

.ifind-nav > li > a {
    display: block;
    margin: 0;
    padding: 13px 13px;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #303133;
    /*border-bottom: 2px solid #FFF;*/
    box-sizing: content-box;
}

.ifind-nav > li:focus > a, .ifind-nav > li:hover > a {
    /*color: #1B63D9;*/
    border-bottom: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.ifind-nav > li.active > a {
    color: #1B63D9;
}
.ifind-nav > li.active{
    border-bottom: 10px solid;
    border-image: url(../image/common/tab-border.png)40 0 round;

}
.ifind-nav>li:hover{
    border-bottom: 10px solid;
    border-image: url(../image/common/tab-border.png)40 0 round;
}
.ifind-nav>li:active > a{
    color: #1B63D9;
    border-bottom: 10px solid;
    border-image: url(../image/common/tab-border.png)40 0 round;
}


/*导航部分header.css end*/

/*左侧菜单*/
.left {
    width: 210px;
    background: #E3EBF5;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 4px 0 0 4px;
}

.left-menu {
    margin: 0;
}

.left-menu ul.first-menu {
    margin-top: 10px;
}

.left-menu > ul.first-menu > li > a {
    display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 4px;
    font-size: 18px;
    color: #303133;
    text-align: left;
    padding-left: 40px;
    border-left: 5px solid transparent ;
}

.left-menu > ul.first-menu > li > a:hover {
    /*color: #fff;*/
}

.left-menu > ul.first-menu > li > a.selected {
    background: #ffffff;
    color: #303133;
    border-left: 5px solid #1B63D9 ;
}
.left-menu > ul.first-menu > li > a:hover{
    background: #ffffff;
    color: #303133;
    border-left: 5px solid #1B63D9 ;
}

.left-menu ul.first-menu li:first-child a {
    /*border-top: 1px solid #e1e1e1;*/
}

.left-menu > ul.first-menu > li ul.second-menu {
    display: none;
}

.left-menu > ul.first-menu > li ul.second-menu > li > a {
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin-left: 35px;
    text-indent: 29px;
    color: #303133;
}

.left-menu > ul.first-menu > li ul.second-menu > li > a:hover {
    color: #0c7fc6;
}

.left-menu > ul.first-menu > li ul.second-menu li a.selected {
   color: #0c7fc6;
}

/*左侧菜单 end*/

/*右侧部分*/
.right {
    float: right;
    width: 990px;
    height: 100%;
    min-height: 650px;
    margin-top: 10px;
    padding: 0 20px 20px 20px;
    /*background: #f0f4fb;*/
    background: #fff;
}

.right .right-header {
    height: 50px;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}

.right-header .name {
    float: left;
    height: 46px;
    line-height: 46px;
    color: #303133;
    font-size: 16px;
    font-weight: bold;
}

.right-header .ifind-fr {
    margin-top: 10px;
}

.right-content {
    padding: 10px 0;
}

.search {
    float: right;
    overflow: hidden;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}

.search .key {
    float: left;
    width: 169px;
    height: 30px;
    border: 0;
    text-indent: 5px;
    line-height: 30px;
}

.search .key:focus {
    border: 0;
}

.search .keywords {
    font-size: 14px;
    margin-left: -51px;
    position: relative;
    left: -30px;
}

.search .pointer {
    float: left;
    height: 30px;
    width: 30px;
    border: none;
    line-height: 30px;
    cursor: pointer;
    background: #ffffff url(../image/icons/icon-search.png) no-repeat center;
}

/*右侧样式 end*/

/*无left页面*/
.no-left {
    background: #ffffff;
}

.no-left .wrapper {
    box-shadow: 0 3px 6px 0 rgba(45,67,189,0.10);
    border-radius: 4px;

}

.no-left .breadcrumb {
    background: #fbfbfb;
}

.no-left .breadcrumb li {
    float: left;
    height: 40px;
    line-height: 40px;
}

.no-left .breadcrumb li.active {
    font-size: 12px;
    color: #555555;
}

.no-left .breadcrumb li a {
    font-size: 12px;
    color: #888888;
}

.ifind-panel {
    border-radius: 0;
    box-shadow: none;
}

.ifind-panel-default {
    border-color: #FFF;
}

.ifind-panel-default > .ifind-panel-heading {
    padding: 0;
    color: #484848;
    background-color: #FFF;
    border-bottom: 2px solid #F2F2F2;
}

.ifind-panel-title {
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
}

.ifind-panel-heading .ifind-btn {
    margin: 6px 10px;
}

.ifind-panel-heading .panel-btn {
    margin: 12px 10px;
    color: #0773fe;
}

.ifind-panel-body {
    padding: 10px;
    min-height: 350px;
}

/*页脚部分*/
.footer {
    height: 90px;
    background: #fbfbfb;
}

.footer {
    padding: 15px 0;
}

.footer p {
    line-height: 30px;
    text-align: center;
    color: #888;
}

.footer .footer-wrapper {
    margin: 10px auto;
}

.footer .footer-wrapper p {
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    color: #abb2be;
}

/*页脚部分 end*/

/*重置表格样式 */
.right-panel {

}

table.ifind-table-no-inner-border {
    color: #888888;
    border: 0;
}

table {
    font-size: 14px;
}

table thead th {
    height: 35px;
    font-weight: 600;
    color: #303133!important;
    white-space: inherit;
}

table thead th.db-line {
    line-height: 15px;
}

table tbody tr {
    height: 46px;
    border-bottom: 1px solid #ededed;
}

table tbody tr:first-child {
    border-top: 0;
}

table > tbody > tr:hover > td {
    background: #ecf3ff !important;
}

table tbody td {
    padding: 0 7px;
    text-align: center;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

/*行高较小的表格*/
.condense-table tbody tr {
    height: 35px;
}

table.expand-table tbody tr {
    line-height: 35px;
    height: auto;
}

table.expand-table tbody td {
    overflow: inherit;
    word-wrap: break-word;
    text-overflow: inherit;
    white-space: normal;
}

table tr .td-title {
    color: #555555;
}

table tr .td-date {
    color: #fe5343;
}

table tr.td-op {
    color: #666666;
}
table td .edit:hover,
table td .remove:hover,
table td .check:hover,
table td .share:hover{
    color: #3C79DE;
}
table td .edit:active,
table td .remove:active,
table td .check:active,
table td .share:active{
    color: #1754B9;
}
table td .edit {
    display: inline-block;
    margin-left: 5px;
    padding-left: 18px;
    background: url(../image/tableIcons/list-edit.png) no-repeat 0 center;
}

table td .edit.disabled {
    background-image: url(../image/tableIcons/list-edit-dis.png);
}

table td .remove {
    /*color: #D60004!important;*/
    display: inline-block;
    margin-left: 5px;
    padding-left: 18px;
    background: url(../image/tableIcons/list-remove.png) no-repeat 0 center;
}
/*table td .remove:hover{*/
/*    color: #F0181C!important;*/
/*}*/
/*table td .remove:active{*/
/*    color: #BD0004!important;*/
/*}*/
table td .check {
    display: inline-block;
    margin-left: 5px;
    padding-left: 18px;
    background: url(../image/tableIcons/list-check.png) no-repeat 0 center;
}

table td .share {
    display: inline-block;
    width: 20px;
    height: 16px;
    vertical-align: middle;
    background: url(../image/icons/icon-share.png) no-repeat 0 center;
}

table td .question {
    display: inline-block;
    width: 18px;
    height: 20px;
    vertical-align: middle;
    background: url(../image/icons/icon-question.png) no-repeat 0 center;
}

table td .topic {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(../image/icons/icon-discuss.png) no-repeat 0 center;
}

table td .remove.disabled {
    background-image: url(../image/tableIcons/list-remove-dis.png);
}

table td .pass {
    display: inline-block;
    margin-left: 5px;
    padding-left: 18px;
    background: url(../image/tableIcons/list-pass.png) no-repeat 0 center;
}

table td .pass.disabled {
    background-image: url(../image/tableIcons/list-pass-dis.png);
}

table td .manage {
    display: inline-block;
    margin-left: 5px;
    padding-left: 18px;
    background: url(../image/tableIcons/list-manage.png) no-repeat 0 center;
}

table td .power {
    display: inline-block;
    margin-left: 5px;
    padding-left: 18px;
    background: url(../image/tableIcons/list-power.png) no-repeat 0 center;
}

table td .ungroup {
    display: inline-block;
    margin-left: 5px;
    padding-left: 18px;
    background: url(../image/tableIcons/list-ungroup.png) no-repeat 0 center;
}

table td .add-user {
    display: inline-block;
    margin-left: 5px;
    padding-left: 16px;
    background: url(../image/tableIcons/list-add-user.png) no-repeat 0 center;
}

table.ifind-table-striped {

}

table.ifind-table-striped tr {
    height: 35px;
}

table.ifind-table-striped th,
table.ifind-table-striped td {
    /*border: 0;*/
}

table.ifind-table-striped th {
    color: #e8e8e8;
    background: #3f3f3f;
}

table.ifind-table-striped > tbody > tr:nth-child(even) {
    background-color: #f0f0f0;
}

table.ifind-table-striped > tbody > tr:hover > td {
    background: none !important;
}

/*  表格中的元素高亮显示*/
.a-normal {

}

.a-color {
    color: #23abfe !important;

}
b-color{
    color: #606266 !important;
}
.a-disabled {
    color: #cccccc !important;
    cursor: default;
}

/*重置表格样式 end*/

.data-none {
    margin: 10px 0;
    text-align: center;
    font-weight: 600;
    color: #8790a1;
}

/*重置栅格系统样式  */
.ifind-col-1,
.ifind-col-10,
.ifind-col-11,
.ifind-col-12,
.ifind-col-2,
.ifind-col-3,
.ifind-col-4,
.ifind-col-5,
.ifind-col-6,
.ifind-col-7,
.ifind-col-8,
.ifind-col-9 {
    padding: 0;
}

/*内联表单样式布局更新-start
*kouyimin 2017-06-23
*/
.ifind-form-label.ifind-col-1,
.ifind-form-label.ifind-col-10,
.ifind-form-label.ifind-col-11,
.ifind-form-label.ifind-col-12,
.ifind-form-label.ifind-col-2,
.ifind-form-label.ifind-col-3,
.ifind-form-label.ifind-col-4,
.ifind-form-label.ifind-col-5,
.ifind-form-label.ifind-col-6,
.ifind-form-label.ifind-col-7,
.ifind-form-label.ifind-col-8,
.ifind-form-label.ifind-col-9 {
    padding-right: 10px;
}

.ifind-form-label.ifind-col-11 {
    min-width: 91.66666667%
}

.ifind-form-label.ifind-col-10 {
    min-width: 83.33333333%
}

.ifind-form-label.ifind-col-9 {
    min-width: 75%
}

.ifind-form-label.ifind-col-8 {
    min-width: 66.66666667%
}

.ifind-form-label.ifind-col-7 {
    min-width: 58.33333333%
}

.ifind-form-label.ifind-col-6 {
    min-width: 50%
}

.ifind-form-label.ifind-col-5 {
    min-width: 41.66666667%
}

.ifind-form-label.ifind-col-4 {
    min-width: 33.33333333%
}

.ifind-form-label.ifind-col-3 {
    min-width: 25%
}

.ifind-form-label.ifind-col-2 {
    min-width: 16.66666667%
}

.ifind-form-label.ifind-col-1 {
    width: 8.33333333%;
    min-width: 8.33333333%;
}

.ifind-form-control.ifind-offset-12,
.ifind-form-control-full.ifind-offset-12 {
    margin-left: 100% !important;
}

.ifind-form-control.ifind-offset-11,
.ifind-form-control-full.ifind-offset-11 {
    margin-left: 91.66666667% !important;
}

.ifind-form-control.ifind-offset-10,
.ifind-form-control-full.ifind-offset-10 {
    margin-left: 83.33333333% !important;
}

.ifind-form-control.ifind-ofseofset-9,
.ifind-form-control-full.ifind-offset-9 {
    margin-left: 75% !important;
}

.ifind-form-control.ifind-offset-8,
.ifind-form-control-full.ifind-offset-8 {
    margin-left: 66.66666667% !important;
}

.ifind-form-control.ifind-offset-7,
.ifind-form-control-full.ifind-offset-7 {
    margin-left: 58.33333333% !important;
}

.ifind-form-control.ifind-offset-6,
.ifind-form-control-full.ifind-offset-6 {
    margin-left: 50% !important;
}

.ifind-form-control.ifind-offset-5,
.ifind-form-control-full.ifind-offset-5 {
    margin-left: 41.66666667% !important;
}

.ifind-form-control.ifind-offset-4,
.ifind-form-control-full.ifind-offset-4 {
    margin-left: 33.33333333% !important;
}

.ifind-form-control.ifind-offset-3,
.ifind-form-control-full.ifind-offset-3 {
    margin-left: 25% !important;
}

.ifind-form-control.ifind-offset-2,
.ifind-form-control-full.ifind-offset-2 {
    margin-left: 16.66666667% !important;
}

.ifind-form-control.ifind-offset-1,
.ifind-form-control-full.ifind-offset-1 {
    margin-left: 8.33333333% !important;
}

.ifind-form-control.ifind-offset-0,
.ifind-form-control-full.ifind-offset-0 {
    margin-left: 0;
}

/*内联表单样式布局更新-end*/

/* ifind-form-group样式重置 */
.ifind-row {
    margin: 0;
    height: 40px;
    line-height: 30px;
}

.ifind-form-label {
    color: #303133;
    font-size: 14px;
}
table.dataTable tbody td{
    color: #303133!important;
}
.height-auto {
    height: auto;
    line-height: 1;
}

.height-fix {
    float: left;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    display: inline-block;
}

.line-height-fix {
    height: 40px;
    line-height: 40px;
}

input[type=text], input[type=password], input[type=url], textarea {
    font-size: 14px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    color: #333;
}

/*重写ifind-hide*/
input[type='text'].ifind-hide,
select.ifind-hide {
    display: none !important;
}

select {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    border-color: #dfdfdf;
    color: #333;
}

    /*按钮样式*/
.ifind-btn {
    padding: 6px 20px;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border: none;
    cursor: pointer;
    line-height: 20px;
    font-family: "Microsoft Yahei";
}

.btn-submit {
    background: #1B63D9;
    border-radius: 4px;
    /*border: 1px solid #398cea;*/
}

.btn-submit:hover {
    /*background: #307ee6;*/
    /*border: 1px solid #307ee6;*/
}

.btn-cancel {
    color: #303133;
    border: 1px solid #D5DAE3;
    background: #FAFAFA;
    border-radius: 4px;
}

.btn-cancel:hover {
    /*background: #f5f5f5;*/
    /*-webkit-transition: all .2s linear;*/
    /*-moz-transition: all .2s linear;*/
    /*transition: all .2s linear;*/
}

.btn-default {
    background: #fff;
    color: #9e9e9e;
}

.btn-default:hover {
    background: #398cea;
    color: #fff;
}

.btn-add {
    border-radius: 4px;

    background: #1B63D9;
}
.btn-add-new{
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid #1B63D9;
    color:#1B63D9 ;
}
.btn-add-icon{
    border-radius: 4px;
    padding-left: 30px;
    color: #1B63D9;
    background:  url(../image/icons/step-add-btn.png) no-repeat 15px center;
    border: 1px dashed #C0C4CC;

}
.btn-manage{
     border-radius: 4px;
     background: #E5941C;
 }
.btn-manage:hover{
    background: #FFA51F;
}
.btn-manage:active{
    background: #CC8419;
}
.btn-export {
    border-radius: 4px;
    /*padding-left: 40px;*/
    /*background: #fac600 url(../image/icons/icon-export.png) no-repeat 15px center;*/
    background: #1B63D9;
}

.btn-signIn {
    border-radius: 4px;
    padding-left: 30px;
    background: #398cea url(../image/icons/icon-signIn.png) no-repeat 15px center;
}

.btn-search {
    border-radius: 4px;
    padding-left: 35px;
    background: #398cea url(../image/icons/icon-search-default.png) no-repeat 15px center;
}

.btn-back {
    border-radius: 4px;
    padding-left: 30px;
    background: #398cea url(../image/icons/icon-back.png) no-repeat 15px center;
}

.btn-refuse {
    border: 1px solid #D8DCE6;
    border-radius: 4px;
    padding-left: 30px;
    color: #303133;
    background: #ffffff url(../image/icons/delete.png) no-repeat 15px center;
}
.btn-refuse:hover{
    border: 1px solid #D8DCE6;
    color: #1B63D9;
    background: rgba(27,99,217,0.05) url(../image/icons/delete-hover.png) no-repeat 15px center;
}
.btn-refuse:active{
    color: #1754B9;
    border: 1px solid #D8DCE6;
    background: rgba(27,99,217,0.05) url(../image/icons/delete-active.png) no-repeat 15px center;
}
.btn-active {
    border-radius: 4px;
    padding-left: 30px;
    background: #398cea url(../image/icons/icon-active.png) no-repeat 15px center;
}

.btn-check {
    border-radius: 4px;
    padding-left: 35px;
    background: #398cea url(../image/icons/icon-check.png) no-repeat 15px center;
}

.btn-add:hover,
.btn-signIn:hover,
.btn-export:hover,
.btn-back:hover,
.btn-search:hover,
.btn-active:hover,
.btn-check:hover {
    background-color: #3C79DE ;
}
.btn-add:active,
.btn-signIn:active,
.btn-export:active,
.btn-back:active,
.btn-search:active,
.btn-active:active,
.btn-check:active {
    background-color: #1754B9 ;
}
/*input:hover,select:hover{*/
/*    border: 1px solid #8F90B5;*/
/*}*/
.btn-add-new:hover{
    color: #ffffff;
    background: #1B63D9;
}
.btn-add-new:active{
    color: #ffffff;
    background: #1754B9;
}
.btn-star {
    padding-left: 32px;
    color: #555555;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    background: #FFF url(../image/icons/icon-star.png) no-repeat 15px center;
}

.btn-key {
    padding-left: 32px;
    color: #555555;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    background: #FFF url(../image/icons/icon-key.png) no-repeat 15px center;
}

.btn-print {
    padding-left: 32px;
    color: #555555;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    background: #FFF url(../image/icons/icon-print.png) no-repeat 15px center;
}

.btn-star:hover {
    color: #FFF;
    background: #398cea url(../image/icons/icon-star-hover.png) no-repeat 15px center;
}

.btn-key:hover {
    color: #FFF;
    background: #398cea url(../image/icons/icon-key-hover.png) no-repeat 15px center;
}

.btn-print:hover {
    color: #FFF;
    background: #398cea url(../image/icons/icon-print-hover.png) no-repeat 15px center;
}

.btn-refresh {
    padding-left: 30px;
    background: #398cea url(../image/icons/icon-refresh.png) no-repeat 10px center;
}

.btn-refresh:hover {
    background-color: #307ee6;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.btn-disabled {
    background-color: #cccccc !important;
    color: #fff;
    cursor: default;
    border-color: #cccccc;
}

.btn-xs {
    padding: 2px 8px;
}

.btn-sm {
    padding: 4px 16px;
}

.btn-lg {
    padding: 10px 28px;
}

.btn-xl {
    padding: 14px 36px;
}

.btn-nm {
    padding: 0;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
}

/*弹窗*/
/*dialog stylesheet*/
.dialog-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.1;
    z-index: 100000;
    filter: alpha(opacity=10);
    display: none;
}

.dialog-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001;
    display: none;
    background: #fff;
    border: 1px solid #CED3DB;
    box-shadow: 0 3px 14px 0 rgba(6,9,49,0.25);
    border-radius: 4px;
}

.dialog-body {
    box-shadow: none;

}

.dialog-manage {
    text-align: center;
}

.dialog-header {
    height: 32px;
    line-height: 32px;
    background: #F2F2F2;
    color: #565656;
    border-bottom: 1px solid #D8DCE6;
}

.dialog-header .dialog-title {
    padding-left: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #323232;
}

.dialog-header .dialog-close {
    float: right;
    margin: 8px 12px 0 0;
    width: 14px;
    height: 14px;
    background: url(../image/icons/icon-close.png) center center no-repeat;
    cursor: pointer;
}

.dialog-content {
    padding: 15px;
    color: #222222;
}

.dialog-template {
    display: none;
}

.dialog-move {
    cursor: move;
}

.dialog-moving, .resizing {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.confirm-content, .alert-content {
    margin: 10px 0;
}

.confirm-button, .alert-button {
    text-align: right;
}

.dialog-button {
    padding: 6px 25px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    border: none;
    cursor: pointer;
    margin-left: 20px;
}

.dialog-submit {
    color: #FFFFFF;
    border: 1px solid #3892f7;
    background: #3892f7;
}

.dialog-submit:hover {
    background: #307ee6;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.dialog-cancel {
    color: #303133;
    border: 1px solid #D5DAE3;
    background: #FAFAFA;
    border-radius: 2px;
}

.dialog-cancel:hover {
    /*background: #f5f5f5;*/
    /*-webkit-transition: all .2s linear;*/
    /*-moz-transition: all .2s linear;*/
    /*transition: all .2s linear;*/
}

.warn-img {
    text-align: center;
    margin-bottom: 15px;
}

.warn-img img {
    display: inline-block;
}

.warn-title {
    color: #444444;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
}

.warn-sub-title {
    color: #888888;
}

/*验证样式*/
.ifind-form-group .ifind-form-control .active-input,
.ifind-form-group .ifind-form-control-full .active-input,
.ifind-form-control .active-input,
.ifind-form-control-full .active-input {
    border-color: #2F992C !important;
}

.ifind-form-group .ifind-form-control .error-input,
.ifind-form-group .ifind-form-control-full .error-input,
.ifind-form-control .error-input,
.ifind-form-control-full .error-input {
    border-color: #f00 !important;
}

.ifind-form-group .ifind-form-control .valid-input,
.ifind-form-group .ifind-form-control-full .valid-input,
.ifind-form-control .valid-input,
.ifind-form-control-full .valid-input {
    /*border-color: #868B8F !important;*/
}

.form-tooltip {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 1000;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 200px;
    padding: 5px 8px;
    background: #2F992C;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    border-radius: 3px;
    opacity: 0;
    transition: all ease 0.3s;
}

.form-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px dashed #333
}

.form-tooltip-top-left:after, .form-tooltip-top-right:after, .form-tooltip-top:after {
    bottom: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #2F992C;
}

.form-tooltip-bottom-left:after, .form-tooltip-bottom-right:after, .form-tooltip-bottom:after {
    top: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #2F992C
}

.form-tooltip-bottom:after, .form-tooltip-top:after {
    left: 50%;
    margin-left: -5px
}

.form-tooltip-bottom-left:after, .form-tooltip-top-left:after {
    left: 10px
}

.form-tooltip-bottom-right:after, .form-tooltip-top-right:after {
    right: 10px
}

.form-tooltip-left:after {
    right: -5px;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #2F992C;
}

.form-tooltip-right:after {
    left: -5px;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: #2F992C;
    display: none \9;
}

.form-show-tip {
    display: block;
    opacity: 1;
}

.form-error-tip {
    background: #f00;
}

.form-error-tip.form-tooltip-top-left:after,
.form-error-tip.form-tooltip-top-right:after,
.form-error-tip.form-tooltip-top:after {
    border-top-color: #f00;
}

.form-error-tip.form-tooltip-bottom-left:after,
.form-error-tip.form-tooltip-bottom-right:after,
.form-error-tip.form-tooltip-bottom:after {
    border-bottom-color: #f00;
}

.form-error-tip.form-tooltip-left:after {
    border-left-color: #f00;
}

.form-error-tip.form-tooltip-right:after {
    border-right-color: #f00;
}

/* CSS Document */
.ifind-paging-container {
    margin: 12px 0;
    color: #7e899c;
    font-size: 13px;
}

.ifind-paging-container ul {
    float: right;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.ifind-paging-container ul, .ifind-paging-container li {
    list-style: none;
}

.ifind-paging-container li {
    float: left;
    display: inline-block;
    padding: 0 6px;
    margin-left: 5px;
    color: #898989;
    height: 22px;
    line-height: 22px;
    font-weight: 400;
}

.ifind-paging-container li.ifind-pager {
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    background: #fff;
}

.ifind-paging-container li.ifind-pager:hover,
.ifind-paging-container li.ifind-paging-toolbar a:hover {
    color: #1B63D9;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.ifind-paging-container li.ifind-paging-toolbar a:hover {
    border-color: #1B63D9;
}

.ifind-paging-container li.focus {
    border-color: #1B63D9;
    background-color: #fff;
    color: #1B63D9;
}

.ifind-paging-container li.ifind-paging-ellipse {
    border: none;
}

.ifind-paging-container li.ifind-paging-toolbar {
    float: right;
    padding: 0;
    line-height: 22px;
    font-weight: 600;
}

.ifind-paging-container li.ifind-paging-toolbar select {
    height: 30px;
    border: 1px solid #dcdcdc;
    color: #898989;
    cursor: pointer;
    width: auto;
    padding: 3px 5px;
}

.ifind-paging-container li.ifind-paging-toolbar input {
    line-height: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid #dcdcdc;
    text-align: center;
    width: 30px;
    margin: 0 0 0 5px;
    vertical-align: top;
    color: #898989;
    font-weight: 400;
    border-radius: 0;
}

.ifind-paging-container li.ifind-paging-toolbar a {
    text-decoration: none;
    display: inline-block;
    height: 22px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    vertical-align: baseline;
    line-height: 22px;
    width: 22px;
    text-align: center;
    cursor: pointer;
    margin-left: 5px;
    color: #898989;
    font-weight: 400;
    font-size: 12px;
    background: #fff;
}

.ifind-paging-container li.ifind-pager-disabled, .ifind-paging-container li.ifind-pager-disabled:hover {
    background-color: #f6f6f6;
    cursor: default;
    border: none;
    color: #ddd;
}

.ifind-paging-container li.ifind-page-prev {
    border: 1px solid #dcdcdc;
    width: 22px;
    height: 22px;
    background: url(../image/icons/icon-page-prev.png) #fff no-repeat center;
}

.ifind-paging-container li.ifind-page-prev:hover {
    border-color: #fe5343;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.ifind-paging-container li.ifind-page-next {
    border: 1px solid #dcdcdc;
    width: 22px;
    height: 22px;
    background: url(../image/icons/icon-page-next.png) #fff no-repeat center;
}

.ifind-paging-container li.ifind-page-next:hover {
    border-color: #fe5343;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

/*msg-tip start*/
.msg-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    z-index: 1000000;
}

.msg-tip {
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    width: 200px;
    height: 35px;
    line-height: 33px;
    overflow: hidden;
    border: 2px solid #dcdcdc;
    border-radius: 3px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.87);
    color: #333;
    font-size: 14px;
    box-shadow: 1px 1px 10px #888;
    z-index: 1000001;
}

.msg-tip .msg-img {
    float: left;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA69pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InV1aWQ6QUFDMThEODdBMjY4RTQxMTlCRjdGOEQ3OUU5NTQ1NzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkRDMENGNkVDNDcyMTFFNEJFMTVGM0VFMTZDRDk2OUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkRDMENGNkRDNDcyMTFFNEJFMTVGM0VFMTZDRDk2OUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQTE0MzY2NUY2QzNFNDExQUVFREEwRUFEQkZGREUwQSIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDpBQUMxOEQ4N0EyNjhFNDExOUJGN0Y4RDc5RTk1NDU3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpsvY40AAAOeSURBVHjarFdLaBRBEK2dnZ39JKiJRmOCC0quQkBQIkpUiKwE9CSeBE8RT4IHQRDEgygexJNCTqIgBL0EL2IwICpCQMhJEAJiToFAMJqs+5np9tV0jzts5tNJtuFtb09/6nVVdVd1Rk5ZtInSB4wBo7p9RNfzgAd8Ad4CS6YLZgwJXPFh5UYpt4sot0N9tbtV7a7jR6L+Q9T4RSQaTOQFMKmJbZlABbhP+b3DQEtwWmEi9WWi2tJ3tG4DrzdLIAs8xG5vUGEfkdNDWyrN30wCWll5htZVoGFCgPX6CoIrVCxjhEXbLtWfTOQD/l0ElsNd7asXgWkq9FeoxML5k9g+Sgew8gA77jtgZ1ig3UbgMXZ+hoqD8CkRvRv42vrI+8iurs+nsSVmndHkQ6Wwn9cchiaeo3UhSgPjcLIJKgwo4bFIcOo6TOy6akzUXCbh7DmPkRPtBBzgCTm709UpEgjU6nC8ph4TMz/fS/7J0qaw/p9zp7fsn+vE3TMBkaIBT42Jm2/lQaKPWVwPE7hGuZ504Wkm8IV78SYIoI41myHLTngYrIYp62g1pRWZ0idCddztg2smWxokrzrCBE5Qthjv9RtkJIyTUkMk8/TPXwmXdLXCBI6S5SSr1piANpG0FJGkwjIRzJjAQcrYndEAq91UA/5tT0NMoFct3EkNZNI1oBh2262JnfIBYaYBRdA/BWsqZGcNI4tI2ZU0PE2+xteYwCKJ5oh/NIw0IDtjAuFH5kUm8BWNS9orjQh0vTmEiARBdcDVgmwIzWc5wGsiGRMC80zgk98wdUJWsQXkpNK2nWlFlZzuI8+UwAwTmCPpwgxu2TT5WB//ER2Op8tKA2mmYuaisYo/s5b2hkkStU0kGUkOagBfFr0E/gZbfkqivgYtGETDBFM10O8FASkhmHk11v+DcDRcAW4qX9hGOG6wU4rkcOzVeeQj//S1ZUSTJJuzJBtbN4EXXGgx4LVlkx8xd+Ky4n7gI2LDUOy94HLiASeqClW7oewyD88vWapuzzb9+8HljPg4sBCXFfOT6iwGLuByilYh78QCbKkSubxU4P/8zQp2Gwb7lssqPxUWHkWAC5+xY1hkxp/YrsZAeAEoSfWKYJT0tzAJCoR7c2pN+rYhKsdYk53yHGbewuRVtQvZAl82tk5l8xqONoMVTko8xBl5D19Pxj1YTR6nHK7vApfbHxUJBYJpSr8LlzrxOg4yiDHD5/lM1DswqvwTYAAMv264/qozjgAAAABJRU5ErkJggg==) no-repeat center;
}

.msg-tip .msg-content {
    margin-left: 45px;
}

/*msg-tip end*/

i.required {
    color: #fe563b;
}

/*msg-tip end*/

.ifind-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../image/icons/icon-loader.gif) no-repeat center #000;
    z-index: 10000001;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.ifind-loader .ifind-loader-content {

}

.alert-tip-ques {
    text-align: center;
    color: #333;
}

.alert-tip-content {
    text-align: center;
    margin: 20px;
    color: #797979;
}

.disabled {
    cursor: default !important;
}

.label-list {
    display: inline-block;
    color: #444444;
    font-weight: 600;
    line-height: 30px;
}

.time-label {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #444444;
}

.unit {
    color: #999;
    display: inline-block;
    line-height: 30px;
}

/*webUploader样式重置*/
.webuploader-pick {
    background: #1B63D9 !important;
}
.webuploader-pick:hover{
    background: #3C79DE !important;
}
.webuploader-pick:active{
    background: #1754B9 !important;
}

/*消息，公告详情页面公有样式*/
.msg-detail-page {
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.msg-detail-title {
    text-align: center;
    line-height: 40px;
    word-break: break-all;
}

.msg-detail-date {
    font-size: 14px;
    color: #555555;
}

.msg-detail-content {
    font-size: 14px;
    line-height: 30px;
}

.msg-detail-content pre {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    line-height: 30px;
    white-space: pre-wrap;
}

/*附件部分公有样式*/
.download-list {
    overflow: hidden;
}

.download-list .download-label {
    float: left;
    width: 45px;
}

.download-list .download-wrapper {
    margin-left: 45px;
    line-height: 30px;
}

.attachment-list {

}

.attachment-list li {
    overflow: hidden;
    padding-left: 23px;
    background: url(../image/icons/icon-resource.png) no-repeat left center;
}

.attachment-list.attachment-list-full li {
    overflow: hidden;
    padding-left: 0;
    background: none;
}

.attachment-name {
    display: inline-block;
    float: left;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #59606C;
    margin-right: 10px;
}

.attachment-del {
    display: inline-block;
    float: left;
    color: #467ad2;
}

.attachment-download {
    display: inline-block;
    margin-right: 3px;
    padding-left: 17px;
    height: 30px;
    line-height: 30px;;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #555555;
    background: url(../image/icons/icon-resource.png) no-repeat left center;
}

.attachment-download:hover {
    color: #0982fe;
    text-decoration: underline;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.attachment-list-full .attachment-download {
    float: left;
}

.upload-tip {
    color: #999;
}

.attachment-list .attachment-download:hover {
    color: #0982fe;
    text-decoration: underline;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}


.menuson1 .pull{
    padding: 8px;
    display: inline-block;
    background: url(../image/common/down.png) no-repeat center;
    background-size: 18px 17px;
    margin-left: -8px;
}
.aa{
    float: left;
}
.header .header-top{
    float: right;
    /*background: white;*/
    margin-top: 12px;
}
.header .m-header-top{
    margin-top: 20px;
}
.menu-box{
    display: inline-block;
    /* width: 142px; */
    z-index: 999;
    position: relative;
}
.bordershow{
    /*border: 1px solid #d3d9e5;*/
    /*border-bottom: 1px solid transparent;*/
}
.bordershow li{
    /*border-bottom: 1px solid #d3d9e5;*/
}
.menu-box li{
    font-size: 14px;
    /* width: 140px; */
    height: 40px;
    line-height: 40px;
    text-align: center;
    box-sizing: content-box;

    cursor: pointer;
}
.menu-box .menuson1{
    color: #ffffff;
    margin-bottom: 8px;
}
.menu-box .menuson2{
    background: #fff;
    position: relative;
    box-shadow: 0 4px 10px #e1e5f0;

}
.menu-box .menuson2 a{
    color: #303133;
    width: 100%;
}
.menu-box li a{
    display: block;
    width: 140px;
    height: 40px;
}
#msgCount{
    display: inline-block;
    position: relative;
    margin-left: 40px;
    margin-top: 10px;
    vertical-align: top;
    margin-left: 20px;
}
.news-img{
    padding:10px;
    background: url(../image/common/news.png) no-repeat center;
    display: inline-block;
    background-size: 18px 17px;
    margin-right: 10px;
}
.pa{
    display: block;
    position: absolute;
    left: 10px;
    top: -5px;
    height: 14px;
    width: 18px;
    color: #fff;
    background: #f00;
    text-align: center;
    line-height: 14px;
    font-weight: 600;
}
.menuson1 span,i{
    line-height: 40px;
    vertical-align: middle;

}
.menuson1 img{
    border-radius: 50%;
}
.menuson2{
    display: none;
}
.menuson2:hover {
    background: #E3EBF5;

}
.menuson2:hover a{
    color: #14b5fd;

}
.header-img{
    height: 25px;
    width: 25px;
    line-height: 40px;
}
/*公共表格样式调整*/
table.dataTable tbody tr:nth-child(even) td{
    background: #FAFAFA!important;
    border-right: 1px solid #E1E5F0
}
table.dataTable tbody tr:nth-child(odd) td{
    border-right: 1px solid #E1E5F0;
}
table thead th{
    background: #F5F8FF!important;
    border-bottom: 1px solid #E1E5F0!important;
}
table.dataTable thead th, table.dataTable thead td{
    border-right: 1px solid #E1E5F0!important;
}
.page-container table.dataTable tbody tr{
    height: 38px;
}
table.dataTable{
    border-top: 1px solid #E1E5F0!important;
    border-left: 1px solid #E1E5F0!important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: #1B63D9!important;
    border: 1px solid #1B63D9;
}
.pos-bottom{
    position: absolute;
    bottom: 4px;
    width: 100%;
}
.text-left{
    text-align: left;
}
.boxWrap{
    padding-top: 20px;
}
select,.search{
    border: 1px solid #D8DCE6;
}
select:hover,.search:hover{
    border: 1px solid #1B63D9;
}
select:active,.search:active{
    border: 1px solid #1754B9;
}
.dialog-content input{
     border: 1px solid #D8DCE6;
 }
.dialog-content input:hover{
    border: 1px solid #1B63D9;
}
.dialog-content input:active{
    border: 1px solid #1754B9;
}
.page-container .select2-container--default .select2-selection--single{
     border: 1px solid #D8DCE6;
}
.page-container .select2-container--default .select2-selection--single:hover{
    border: 1px solid #1B63D9;
}
.page-container .select2-container--default .select2-selection--single:active{
    border: 1px solid #1754B9;
}

.notice-img{
    width: 18px;
    height: 20px;
    background: url(../image/common/notice-img.png)no-repeat center;
    margin-left: 50%;
    transform: translateX(-50%);
}
.notice-cont{
    width: 100%;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 10px;
}
.notice-btn-box a{
    margin-right: 4px;
}
table tbody tr:nth-child(even) td{
    background: #FAFAFA!important;
}
table tbody tr:nth-child(odd) td{
    background: #fff;
}
table thead th{
    padding: 0;
}
table {
    border: 0;
    border-left: 1px solid #E1E5F0;
    border-top: 1px solid #E1E5F0;
}

table tr {
    background: #FFE467
}
table.ifind-table-no-inner-border td, table.ifind-table-no-inner-border th{
    border: 1px solid #E1E5F0;
}
table th,
table td {
    height: 33px;
    line-height: 33px;
    color: #303133;
    border: 0;
    border-right: 1px solid #E1E5F0;
    border-bottom: 1px solid #E1E5F0;
}
.page-container table.dataTable.no-footer thead th{
    height: 38px;
}
.page-container table.dataTable thead th,.page-container table.dataTable thead td{
    padding: 0;
}
.page-container table.dataTable tbody tr,.page-container table.dataTable tbody td{
    padding: 0;
}
.dialog-content body{
    background: #fff;
}
iframe body{
    background: #fff;
}

.btn-between{
    color: #E1E5F0;
    margin-left: 4px;
}
.panel-task{
    padding: 0 10px 0 10px;
}