/*头部*/
.theader{ height: 44px; width: 100%;border-radius: 5px; overflow: hidden; margin: 0 auto 1px;}
.theader-l{ float: left; width: 32%; padding-right: 48px; box-sizing: border-box; height: 44px; background: url(../../images/sample_bg01.jpg)no-repeat right 0 #0c3866; line-height: 44px;}
.theader-ll{ float: left; color: #fff; margin: 0 0 0 10px;}
.theader-lr{ float: left; color: #fff;}
.theader-r{ width: 68%; height: 40px; background: #528bb7; float: left; color: #fff; line-height: 44px; height: 44px; }
.theader-rl{ float: left;margin: 0 30px 0 10px;}
.theader-rr{ float: left;}

/* tools */
.tools{ width: 100%; margin: 0 auto 6px;margin-top:-5px; box-sizing: border-box; border: 1px solid#bbbaba; border-radius: 3px; overflow: hidden; height: 42px; line-height: 42px; padding-left: 14px; background: #edf9ff; color: #0c3866; font-weight: bold;}
/*taskList*/
.taskList{ width: 100%; margin: 0 auto;margin-top:-2px; box-sizing: border-box; border: 1px solid#bbbaba; border-radius: 3px; line-height: 24px;background: #FFF; color: #0c3866; font-weight: bold;}
.name{ float: left; margin-right: 4%; display: inline-block;}
.name p{ float: left; display: inline-block; color: #333;}
.name span{ float: left; display: inline-block;}
.name a{ display: inline-block; float: left;margin: 14px 0 0 10px;}
.hc{color:#666}
.he{padding-left:5px}
.must{color:red;padding-top:3px;padding-left:3px;font-size:9px}

table.sample_state {
    border-collapse: collapse;
}
table.sample_state tr:nth-child(odd){background: none;}
table.sample_state tr:nth-child(even){background: rgba(210, 210, 210, 0.3);}
table.sample_state td {
    border-width: 1px;
    padding:0 2px 0 5px;
}
/**/
.panel{width:100%;padding:0;margin:0;}
.panel .card-header, .card-body{padding: 0.4rem 1em; border:none}
.panel .card-header{font-weight: bold;}
.panel.card{width:100%;padding:0;margin:0}
.panel .card-body{color:#333;background-color: #fff !important;padding:0;overflow-y: auto}
.bg-card-0 {color:#fff;background-color: #5287B3 !important;border: 1px solid #d7d7d7;}
.bg-card-1 {color:#fff;background-color: #FFC362 !important;border: 1px solid #d7d7d7}
.bg-card-2 {color:#fff;background-color: #AA74C9 !important;border: 1px solid #d7d7d7}
.bg-card-3 {color:#fff;background-color: #3DC4D6 !important;border: 1px solid #d7d7d7}
.bg-body-1 {background: url(../../images/bg1.png) no-repeat 85% 10px;background-size: 110px auto;}
.bg-body-2 {background: url(../../images/bg2.png) no-repeat 85% 10px;background-size: 110px auto;}
.bg-body-3 {background: url(../../images/bg3.png) no-repeat 85% 10px;background-size: 110px auto;}
.panel .lay{width:100%;padding:0;margin:0;height:100%}
.panel .lay tr:nth-child(odd){background: none;}
.panel .lay tr:nth-child(even){background: rgba(210, 210, 210, 0.1);}
.panel .lay td{font-size:14px;padding-left:10px}
.panel .lay td.caption{font-weight: bold;color:#5287B3;font-size:12px;border-right: 1px solid #d7d7d7;}
.panel .lay tr td:nth-child(3){border-left: 1px solid #d7d7d7;}
.panel .lay tr{border-top: 1px solid #d7d7d7;}
.panel ul, .panel li{padding:0;margin:0}
.panel li:nth-child(odd){background: none;}
.panel li:nth-child(even){background: rgba(210, 210, 210, 0.1);}
.taskList td{min-width:100px;padding:2px 5px}
.grid {margin:0;}
.gridtools{padding:3px 0}

#sample_photo{padding:5px}
.img-upload-button{margin-bottom:5px}

#gbox_grid_sample_model .ui-jqgrid-bdiv{overflow-x: auto;}