/**
 * @author
 * @description 竖排列
 * @usage:
     <ul class="list-erect">
        <li><img src="../theme/default/images/vm-run-normal.png"><span>运行</span></li>
        <li><img src="../theme/default/images/vm-restart-normal.png"><span>重启</span></li>
        <li><img src="../theme/default/images/vm-vnc-normal.png"><span>VNC</span></li>
    </ul>
 */
body{
    background-color: #F7F7F9;
}
.list-erect {
}

.list-erect li {
    margin: 5px 0 0 0;
}

.list-erect li:first-child {
    margin-top: 0px;
}

.list-erect li > span {
    padding: 0 0 0 10px;
}

/**
*鼠标移上去呈现小手的形状
 */
.pointer {
    cursor: pointer;
}

/**
 * @description 禁止
 * @usage:
     <a href="..." disabled>创建</a>
     <button disabled>创建</button>
 */
*[disabled] {
    color: #808080;
    cursor: pointer;
}

/**
 * @description margin间距
 * @usage:
     <a href="..." class="margin-top-beautifier">创建</a>
 */

.margin-top-beautifier {
    margin: 10px 0 0 0;
}

/*.margin-top-beautifier a{*/
/*color:#3a3a3a;*/
/*}*/
/*.margin-top-beautifier a:hover{*/
/*color:#3a3a3a;*/
/*}*/
.margin-bottom-beautifier {
    margin: 0 0 10px 0;
}

.margin-left-beautifier {
    margin: 0 0 0 10px;
}

.margin-right-beautifier {
    margin: 0 10px 0 0;
}

.margin-beautifier {
    margin: 10px;
}

.margin-horizon-beautifier {
    margin: 0 10px;
}

.margin-erect-beautifier {
    margin: 10px 0;
}

/**
 * @description inline help 样式
 * @usage:
     <a href="..." class="inline-help">创建</a>
 */
.inline-help {
    color: #999;
    font-size: 12px;
    font-family: "微软雅黑", Arial, "宋体";
}

a, .btn-link {
    color: #009ae7;
}

/**
 * @description legend 样式
 * @usage:
     <div class="legend-head">创建</div>
 */
.legend-head {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #333;
    border: 0;
    text-indent: 6px;
}

/* 一级标题设置 */
.legend {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    line-height: 40px;
    color: #000;
    margin-bottom: 10px;
}

/* 租户侧--应用--应用模板  一级标题设置 */
.color1 {
    color: #009ae7
}

.color2 {
    color: #999;
}

/* 二级表格展开标题 */
.inner-legend {
    display: block;

    width: 99.9%;
    border: 0;
    padding: 10px 0px 5px 0px;
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    background-color: #e5e5e5;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}



.none-line {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.legend-color {
    font-size: 14px;
    color: #333;
}

.legend1 {
    display: block;
    width: 100%;
    padding: 0 0 0 5px;
    border: 0;
    font-size: 16px;
    line-height: 40px;
    color: #000;
    /*font-weight:bold;*/
}

.legend2 {
    display: block;
    width: 100%;
    padding: 0 0 0 5px;
    border: 0;
    font-size: 16px;
    line-height: 40px;
    color: #1F90C8;
    /*font-weight:bold;*/
}

/* 二级标题设置 */
.two-title {
    display: block;
    font-size: 14px;
    width: 100%;
    margin: 10px 0 0 0;
    color: #333;
}

/* 三级标题设置 */
.three-title {
    font-size: 14px;
    color: #333333;
}

.four-title {
    font-size: 12px;
    color: #666666;
}

/**
 * @description 操作类 样式
 * @usage:
     <div class="opt-start">创建</div>
 */
.opt-start {
    background-image: url(../images/gm/start.png);
}

.opt-stop {
    background-image: url(../images/gm/stop.png);
}

.opt-modify {
    background-image: url(../images/gm/modify.png);
}

.opt-delete {
    background-image: url(../images/gm/delete.png);
}

.opt-add {
    background-image: url(../images/gm/add.png);
}

.tiny-radio-vertical {
    margin-top: 15px;
    margin-bottom: 15px;
}

.form-item {
}

.form-item .form-label {
    margin: 10px 0;
    color: #999;
}

.form-item .form-value {
    margin-top: 10px;
    min-height: 20px;
}

/**
 * @description 表格行高设置
 * @usage:
     <div class="line_height_mid">
         <table><tr></table>
     </div>
 */
.line_height_mid tr {
    line-height: 18px;
}

.customAccordionGm {
    background: #d5d5d5;
    height: 30px;
    cursor: pointer;
}

.customAccordionGm img {
    margin-top: -5px;
}

.customAccordionSpan {
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block;
}

.customAccordionSeparator {
    margin-bottom: 5px;
}

.customAccordionContent {
    margin-top: 10px;
    margin-left: 13px;
}

/** 确认取消外面的div样式 */
.customOKOuter {
    text-align: center;
    margin-top: 35px;
}

.customOkOuter2 {
    text-align: center;
    margin-top: 45px;
}

/**
 * @description 文字超长打点
 * @usage:
     <span class="textOverflow">xxxx</span>
 */
.textOverflow {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tiny_form_td_content {
    vertical-align: middle;
}

/**
 * @description 页面左侧手风琴导航样式
 * @usage:
      <ul class="nav nav-list">
            <div>
                <li class="active"><a class="btn-link">Sql Server 2007</a></li>
            </div>
        </ul>
 */
.nav-list > div > .active > a, .nav-list > div > .active > a:hover, .nav-list > div > .active > a:focus {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #08c;
}

.nav-list > div > li > a {
    padding: 3px 15px;
}

.nav-list > div > li > a, .nav-list .nav-header {
    margin-right: -15px;
    margin-left: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav > div > li > a {
    display: block;
}

/**
 * @description layout上方的对象名称
 * @usage:
      <ul class="layout_name"></div>
 */
.layout_name {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #e3e3e3;
    color: #333333;
}

*:focus {
    outline: none !important;
}

/* 菜单上的下拉箭头 */
.alarm .tiny-menubutton-caret {
    border-top: 4px solid #ffffff;
}

/* 放大镜 */
.tiny-searchbox-searchbox_searchImage_round {
    z-index: 0 !important;
}

tiny-item {
    display: inline-block;
}

.row-fluid {
    width: auto;
}

/* 齿轮 */
.ColVis_Button {
    position: static !important;
}

/*.close{padding: 6px 8px 0 0!important;}*/
.color-white {
    color: #ffffff;
}

.pull-right .btn-link img {
    margin-left: 16px;
}

.pull-right .btn-link:last-child img {
    margin-left: 3px;
}

.btn-link-padding {
    margin-left: -15px;
}

.btn-link img {
    margin-left: 16px;
}

.btn-link:last-child img {
    margin-left: 3px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}

/* 首页 系统公告 */
.letdl {
    width: 70%;
}

.letd2 {
    width: 28%;
}

.letdl a {
    color: #666;
}

.letdl a:hover {
    color: #009ae7;
    text-decoration: none;
}

.letdl li {
    font-size: 14px;
    font-family: "微软雅黑";
    border-bottom: 1px dashed #e8e8e8;
    line-height: 29px;
    padding: 0 0 0 15px;
    background: url(../images/icon_sp.png) -14px -1px no-repeat;
}

.letdl .divider {
    height: 1px;
    margin-top: -11px;
    overflow: hidden;
    background-color: #e5e5e5;
    font-weight:900;
    border-bottom: 1px solid #fff;
}
.divider {
    height: 1px;

    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fafafa;
}

.letdl li:hover {
    background: #edf8fd url(../images/icon_sp.png) -14px -1px no-repeat;
}

.letdl-fr {
    background: #f3f3f3;
    height: 100px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    line-height: 100px;
    text-align: center;
    color: #333;
    width: 28%;
    font-size: 14px;
}

.letdl-fr span {
    color: #009ae7;
    padding: 0 3px;
    vertical-align: bottom;
    font-size: 18px;
}

.letdl-fr img {
    margin-right: 10px;
    vertical-align: middle;
}

/* table中的单选按钮垂直居中 */
table.radioWrapperTable > tbody > tr > td .tiny-radioIcon {
    margin-top: 0;
}

/* table表头中的复选按钮垂直居中 */
.dataTables_wrapper > .tinyTable thead th:first-child .tiny-checkboxIcon {
    margin-top: 0;
}

/* 租户侧服务页面样式 */
.small-layout {
    box-shadow: 0 1px 1px #f0f0f0;
    display: block;
    padding: 4px;
    line-height: 20px;
    border-radius: 4px;
    transition: all 0.2s ease-in-out 0s;
    border: 1px solid #E8E8E8;
    background: none repeat scroll 0% 0% #FDFDFD;
    margin-bottom: 20px;
    width: 558px;
}

.small-layout-inner {
    margin: 10px 15px 8px;
}

.small-layout-inner .media {
    margin-top: 0px;
}

.small-layout-title {
    font-size: 16px;
    color: #009ae7;
    padding-left: 10px;
    margin-bottom: 5px;
}

/* 云主机-概览 */
.objAdmin {
    color: #000;
    font-size: 15px;
    padding-bottom: 5px;
}

.navigate-text {
    color: #999;
    margin-bottom: 5px;
    min-height: 40px;
}

/* 表格 */
.tiny_form_label {
    padding-left: 0px !important;
}

table.dataTable td .tiny_form_label {
    margin-left: -10px;
    padding-left: 0;
}

.tiny-layout-center table:first-child tr.odd {
    line-height: 39px;
}

.tiny-layout-center table:first-child tr.even {
    line-height: 39px;
}

.innerbox-padding table:first-child tr.odd {
    line-height: 29px;
}

.innerbox-padding table:first-child tr.even {
    line-height: 29px;
}

/* 表格中有tiny下拉选项框或input框之类 */
.table-tiny-box-height table.dataTable tr.odd {
    height: 40px;
}

.table-tiny-box-height table.dataTable tr.even {
    height: 40px;
}

.nav-list li span, .nav-list li span a {
    color: #999999;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
}

/* 首页--资源配额和服务健康度下的table */
.new-table-style table.dataTable thead th {
    background-color: #fdfdfd;
    color: #666;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #f2f2f2;
}

.new-table-style table.dataTable thead th .sorting {
    background: none;
}

.new-table-style table.dataTable tr.odd, .new-table-style table.dataTable tr.even {
    background: none;
}

.new-table-style table.dataTable tr.odd td, .new-table-style table.dataTable tr.even td {
    border-bottom: 1px dashed #f2f2f2;
    height: 39px;
    text-align: left;
}

.new-table-style .sorting_asc, .new-table-style .sorting_desc {
    background: none;
}

/* 控制与表格之间的距离 */
.form-inline {
    margin-bottom: 10px;
}

/*  首页--块的设置 */
.outbox-padding {
    padding: 15px 10px 4px 10px;
    background: #ffffff;
    margin: 0px 0 -1px 0px;
    margin-top: 7px;
    border: 1px solid #e8e8e8;
    border-radius: 4px 4px 4px 4px;
}
.radio{
    margin-left: -15px;
    font-size: 16px;
    color: #000;
   



}


.outbox-padding1 {
    padding: 10px 10px 4px 10px;
    margin: 10px auto 0px;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-radius: 4px 4px 0px 0px;
    background: #fff;

}

.outbox-padding3 {
    padding: 10px 10px 4px 10px;
    background: #fff;
    margin: 0 auto;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-radius: 0px 0px 4px 4px;

}
.outbox-padding2 {
    padding: 10px 10px 4px 10px;
    background: #ffffff;
    margin: 0 auto;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;



}

.innerbox-padding {
    padding: 10px 20px;
    background: #f5f5f5;
}

.content-right-box {
    margin-left: 20px;
}

.l10 {
    margin-left: 40px;
    margin-top: 30px;
}

.system-vitality {
    padding: 20px 20px;
}

/* 首页--系统活跃度--虚拟机统计 */
.vm-count-box {
    margin-left: 200px;
}

.vm_created, .vm_can_create {
    margin-right: 10px;
}

/* 下拉箭头的垂直局中 */
.dropdown .caret {
    margin: 0 0 0 5px;
    vertical-align: middle;
    border-top: 4px solid #aaa;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

/*.tiny_form{*/
/*margin-top:10px;*/
/*}*/
/*概要页面更改*/
.col {
    color: #999999;
}

.ng-b {
    margin-top: 10px;
    text-indent: 4px;
}

.ng-bi {
    margin-top: 10px;
    text-indent: 8px;
}

.ng-bin {
    margin-bottom: 12px;
}

.conta {
    margin-top: 10px;
    margin-left: 8px;
}

.hui {
    color: #999999;
}

.divblock2 {
    height: 356px;
}

.body {
    background: #f8f8f8 !important;
}

.outbox-shadow {
    padding: 20px 20px;
    background: #fff;
    margin: 3px 0px 0;
    -webkit-box-shadow: 2px 2px 2px #e8e7e7;
    -moz-box-shadow: 2px 2px 2px #e8e7e7;
    box-shadow: 2px 2px 2px #e8e7e7;
}

.m10 {
    margin-top: -19px;
}

.mt10 {
    margin-top: 10px;
}

.col span {
    display: inline-block;
    padding: 8px 0px 0px 5px;
}

.col image {
    margin-bottom: 2px;
}

/*性能监控页面更改*/
.m8 {
    margin-top: 8px;
}

.m20 {
    margin-top: 20px;
}

.m25 {
    margin-top: 25px;
}

.m30 {
    margin-top: 30px;
}

.m40 {
    margin-top: 40px;
}

.m41 {
    margin-top: 40px;
}

.m50 {
    margin-top: 50px;
}

.m55 {
    margin-top: 55px;
}

/*.m-10{ margin-top:-10px; }*/
.m-40 {
    margin-top: -40px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.none {
    margin: -15px 0px;
}

.mln {
    margin-left: 0px;
}

.tl {
    margin-left: 30px;
    margin-top: 10px;
}

.mr20 {
    margin-right: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml14 {
    margin-left: 14px;
}

.ml-30 {
    margin-left: -30px !important;
}

.ml18 {
    margin-left: 18px;
}

.ml-10 {
    margin-left: -10px;
}

.ml5 {
    margin-left: 5px;
}

.pt10 {
    padding-top: 10px;
}

.h180 {
    height: 180px;
}

.h352 {
    height: 352px;
}

.f16 {
    font-size: 16px;
}

.f24 {
    font-size: 24px;
}

.over-flow {
    overflow: hidden;
}

.border-none {
    border: none !important;
}

/*.blo{display:block;}*/
.mf {
    margin-top: -1px;
}

/*.ml15{ margin-left: 15px;}*/
.r_blo0ck {
    margin-top: -1px;
    margin-left: 20px;
}

/*资源概要页面更改*/
.menu-width {
    width: 560px;
    margin-right: -280px;
}

.menu-wh {
    width: 560px;
    margin-right: -13px;
    margin-top: 14px;
}

.menu-widt {
    margin-right: -260px;
}

.menu-wid {
    margin-right: -240px;
}

/*.tex{ text-indent:0px;}*/
.menu-f {
    float: right;
}

.box {
    margin-left: 20px;
}

.box-height {
    height: 336px;
}

/*.tiny_form_td_label { color: #333333 !important;}*/
.map {
    margin-left: 20px;
    margin-top: 10px;
}

.margin-lt {
    margin-left: 15px;
}

.but {
    position: absolute;
    top: 62px;
    right: 150px;
}

.text-sz {
    margin-top: 8px;
    text-indent: 10px;
}

.content-bottom-box {
    margin-top: -60px;
    margin-left: 2px;
}

.label-important {
    background-color: #FFFFFF !important;
}

.label {
    color: #333333;
    font-weight: bold !important;
    text-shadow: none;
    font-size: 14px;
    line-height: 30px;
}

.pblock {
    line-height: 20px;
}

/*面包+手风琴更改方案*/
/*.nav-list .divider {*/
/*margin: 14px 1px !important;*/
/*}*/
/*.tiny-layout-title {;*/
/*height: 38px !important;*/
/*}*/
.table td {
    border-top: none;
}

.menu-margin {
    margin-top: 15px;
}

.width-height {
    height: 100px;
}

/*.box_padding{ padding: 0px 20px 20px 20px;}*/
.text-zero {
    margin: -18px 0 0 20px;
    text-align: center;
}

.bd-margin {
    display: inline-block;
    vertical-align: middle;
}

.percentBorder {
    padding: 0px;
    width: 501px;
    height: 20px;
    border: solid 1px;
    border-color: #4f994e;
    margin-left: 15px;
}

.appPercentBorder {
    padding: 0px;
    width: 200px;
    height: 20px;
    border: solid 1px;
    border-color: #4f994e;
    margin-left: 15px;
    margin-top: 64px;
}

.appPercentSpan {
    position: absolute;
    text-align: center;
    margin-top: 1px;
}

.customEmptyTableDataHeight {
    height: 40px
}

.customTableDataSpan {

}

.percentSpan {
    position: absolute;
    margin-left: 230px;
    text-align: center;
    margin-top: 1px;
}

.percentDIV {
    float: left;
    height: 19px;
    border: solid 1px;
    border-color: #1fbe5c;
    background-color: #1fbe5c;
}

.imageDisabled {
    cursor: default;
    opacity: 0.4;
}

.customMoreItemMargin {
    margin-left: 5px;
    margin-top: 3px;
}

/*面包屑样式*/
.crumbs {
    padding: 10px 0 0 0;
    margin-left: 20px;
}

.crumbs .nav-list li span {
    color: #999999;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
}

.crumb {
    margin-left: 0px !important;
}

.crumb .nav-list li span {
    font-size: 12px !important;
}

.crumbs .two-lead {
    padding: 0px 10px 0 0px;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
}

/* 创建****（创建虚拟机） */
.createpage-legend {
    font-size: 20px;
    color: #1F90C8;
    margin: 0 0 20px -20px;
}

.createpage-title {
    font-size: 12px;
    color: #666;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #dcdcdc;
    margin: 0px 0 15px 0;
    display: block;
}

/* 创建页面进度条 */
.tiny-step {
    margin-left: 29px;
}

/* 创建页面与进度条的距离 */
.create-page-distance {
    margin-top: 20px;
}

/* 首页导航 */
.index-nav {
    height: 48px;
}

.index-nav-text {
    height: 29px;
    color: #999999;
    font-size: 18px;
    padding: 18px 0 0 20px;
}

.index-nav-line {
    height: 1px;
    background-color: #e3e3e3;
}

/* 确认页面，小标题 */
.confirmPage-title {
    font-size: 16px;
    color: #222222;
}

/*在DIV中通过CSS产生一条横向分割线*/
.horizontal_line {
    color: #dcdcdc;
    height: 2px;
    background: url("../images/bg_line2.jpg") 0 bottom repeat-x;
    margin: 5px 0;
}

.divider_line {
    color: #dcdcdc;
    height: 2px;
    margin: 5px 0;
    border-bottom: dotted 1px #e3e3e3;
}

/*页面边距*/
.page_padding {
    padding: 20px 20px 0px 20px;
}

/*区域(panel)标题 创建页面的——创建标题设置*/
.panel_title {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 5px;
    display: block;
    color: #333;
}

/* 创建页面中按钮的设置 */
.create-btn-margin {
    margin: 10px 0 0 0px;
}

/*顶级菜单选中颜色*/
.menu_active {
    color: #00a6e7;
}

/*文字超长时自动换行*/
.autoWrap {
    white-space: normal;
    word-wrap: break-word;
}

/*没有内边距*/
.noPadding {
    padding: 0px;
}

/*避开浮动元素*/
.clear_both {
    clear: both
}

/* 提示信息字体 */
.crumbs_font {
    color: #999;
    font-size: 11px;
}

/* 提示信息字体 */
.chartTile_font {
    color: #222;
    font-size: 14px;
    font-family: '微软雅黑';
}

/*右浮动*/
.fr {
    float: right
}

/*空白填充10px*/
.blank_10 {
    height: 10px
}

/*空白填充20px*/
.blank_20 {
    height: 20px
}

/* 一些可共用控件位置调整样式 */
.left10 {
    margin-left: 10px;
}

.left-10 {
    margin-left: -10px;
}

.left12 {
    margin-left: 12px;
}

.left15 {
    margin-left: 15px;
}

.left20 {
    margin-left: 20px;
}

.left25 {
    margin-left: 25px;
}

.left30 {
    margin-left: 30px;
}

.left35 {
    margin-left: 35px;
}

.left-33 {
    margin-left: -33px;
}

.left60 {
    margin-left: 60px;
}

.padding-left15 {
    padding-left: 15px;
}

.padding-left20 {
    padding-left: 20px;
}

.padding-top10 {
    padding-top: 10px;
}

.padding-top19 {
    padding-top: 19px;
}

.top2 {
    margin-top: 2px;
}

.top5 {
    margin-top: 5px;
}

.top10 {
    margin-top: 10px;
}

.top12 {
    margin-top: 12px;
}

.top15 {
    margin-top: 15px;
}

.top20 {
    margin-top: 20px;
}

.top40 {
    margin-top: 40px;
}

.top-6 {
    margin-top: -6px;
}

.top-10 {
    margin-top: -10px;
}

.top-20 {
    margin-top: -20px;
}

.top26 {
    margin-top: 26px;
}

.top30 {
    margin-top: 30px;
}

.bottom5 {
    margin-bottom: 5px;
}

.bottom7 {
    margin-bottom: 7px;
}

.bottom10 {
    margin-bottom: 10px;
}

.bottom20 {
    margin-bottom: 20px;
}

.bottom30 {
    margin-bottom: 30px;
}

.bottom50 {
    margin-bottom: 50px;
}

.help-pr {
    position: relative;
    bottom: 5px;
}

.divider {
    width: 100%;
}

.divider1078 {
    width: 1078px;
}

.right10 {
    margin-right: 10px;
}

.right20 {
    margin-right: 20px;
}

.width51 {
    width: 51px;
}

.maxWidth180 {
    max-width: 180px;
}

.maxWidth200 {
    max-width: 200px;
}

.maxWidth220 {
    max-width: 220px;
}

.maxWidth400 {
    max-width: 400px;
}

.margin20 {
    margin: 20px;
}

.height27 {
    height: 27px;
}

.height35 {
    height: 35px;
}

.height45 {
    height: 45px;
}

.inline-block {
    display: inline-block;
}

.align-top {
    vertical-align: top;
}

.border-red {
    border: 1px solid #f00;
}

/* 按钮的上下间距设置 */
.fm-btn-top-mini {
    margin-top: 5px;
}

.fm-btn-top-smaller {
    margin-top: 10px;
}

.fm-btn-top-small {
    margin-top: 12px;
}

.fm-btn-top-large {
    margin-top: 20px;
}

.fm-btn-bottom-small {
    margin-bottom: 10px;
}

.fm-btn-bottom-large {
    margin-bottom: 20px;
}

.fm-btn-left-large {
    margin-left: 20px;
}

/*自定义表格样式*/
.complexTable {
    border-collapse: collapse;
    text-align: left;
    background-color: #f6f5f5;
    min-width: 300px;
    table-layout: fixed;
}

.complexTable tr:hover {
    background-color: #ffffff;
}

.complexTable th {
    height: 23px;
    line-height: 23px;
    padding: 0 10px;
    color: #666;
    border: 1px solid #DBDBDB;
    border-left: none;
    border-right: none;
    cursor: pointer;
    background-color: #FBFBFB;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

.complexTable-tr td {
    height: 28px;
    line-height: 14px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #E3E3E3;
    color: #2B2B2B;
}

.complexTable-empty-tr {
    height: 29px;
}

.complexTable-empty-tr td {
    text-align: center;
    padding: 0px 10px 0px 10px;
    border-bottom: 1px solid #e3e3e3;
}

/*校验样式*/
.ng-invalid {
    background-color: #F0D8D8;
    border: 1px solid #D8A0A0;
    box-shadow: none !important;
}

.ng-invalid:focus {
    border: 1px solid #D3D3D3 !important;
    background: #ffffff;
    color: #000000 !important;
}

/* 文件上传组件自定义样式 */
.file-select {
    float: left;
    height: 26px;
}

.file-select-button-container {
    background: url("../images/selectFile.png") no-repeat;
    float: right;
    width: 30px;
    height: 27px;
    cursor: pointer;
}

.file-box {
    float: left;
}

.file-input {
    padding: 2px 5px 2px 8px;
    height: 20px;
    color: #999;
    border-radius: 4px 0 0 4px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #d3d3d3;
    border-right-style: none;
}

/* 超出隐藏样式 */
.over-flow-style {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* 进度组件自定义样式 */
.progressbar-box {
    float: left;
    border-radius: 2px;
    overflow: hidden;
    height: 100%;
    width: 240px;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#b9b8b5, endColorStr=#d7d7d7);
    background: -moz-linear-gradient(top, #b9b8b5, #d7d7d7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#cccccc));
    box-shadow: inset 0px 1px 1px #b8b8b8;
}

.progressbar-color {
    border: 1px solid #64be5d;
    border-radius: 2px;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#a5d496, endColorStr=#53b84d);
    background: -moz-linear-gradient(top, #a5d496, #53b84d);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5d496), to(#53b84d));
}

.progressbar-text {
    font-size: 18px;
    color: #5ecc49;
    text-align: left;
    display: block;

}

/*按钮右侧间距*/
.button_mr {
    margin-right: 5px
}

/*按钮上的图片*/
.view-btn {
    background-image: url("../images/view.gif");
}

/* 字体颜色  */

/* 让区块水平居中 */
.margin-auto {
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

/* 行高  */
.line-height16 {
    line-height: 16px !important;
}

.line-height20 {
    line-height: 20px !important;
}

.line-height22 {
    line-height: 22px !important;
}

.line-height30 {
    line-height: 30px;
}

.homeSpanOffset {
    margin-left: 100px;
}

/*使输入框大小不可拖动*/
textarea {
    resize: none;
}

/* 页面当中蓝色按钮的样式  */
.major-btn .tiny-button {
    padding-left: 12px;
    text-decoration: none;
    min-width: 50px;
    outline: medium none;
    height: 26px;
    line-height: 26px;
    background: url('../images/create-button_merger.png') no-repeat scroll 0px 0px transparent;
}

.major-btn .tiny-button .tiny-right {
    padding-right: 12px;
    height: 26px;
    background: url('../images/create-button_merger.png') no-repeat scroll right -29px transparent;
}

.major-btn .tiny-button .tiny-center {
    color: #fff;
    text-align: center;
}

.major-btn .tiny-button-hover .tiny-button .tiny-center {
    color: #ece7e7;
}

/**点击状态**/
.major-btn .tiny-button-active {
    color: #666;
}

.major-btn. tiny-button-active .tiny-button {
    background-position: 0 -58px;
}

.major-btn .tiny-button-active .tiny-right {
    background-position: right -87px;
}

.major-btn .tiny-button-active .tiny-center {
    background-position: 0 -87px;
}

/*-----------------------------@description tip 消息框样式------------------------*/
.messages {
    position: fixed;
    z-index: 9999;
    margin-top: 10px;
    top: 66px;
    /*right: 111.5px;*/
    width: 300px;
}

.messages strong {
    font-weight: bold;
    padding: 0 5px 0 0;;
}

.messages .alert-block {
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.messages .alert-block.alert-error {
    border: 1px solid #9d261d;
}

.messages .alert-block.alert-success {
    border: 1px solid #46a546;
}

.alert-block .alert-actions {
    margin-top: -23px;
    margin-right: -23px;
}

.alert-block p {
    overflow: hidden;
    word-wrap: break-word;
}

.alert-block p:last-child {
    margin-bottom: 0;
}

.ico-div {
    width: 150px;
    margin: 8px -8px 0px 0px;
}

.ico-div li {
    float: left;
    width: 36px;
}

.image_style {
    margin: 0px 57px 0px 20px;
}

.image_style p {
    text-align: center;
    font-size: 12px;
}

.noTopoClass {
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    margin-top: 50px;
}

/*-----------------------------@description tip 消息框样式------------------------*/

/*-----------------------------@description tip ICT简单分页样式------------------------*/
a.tinyPagination_tinybutton:hover {
    background: url("../images/pagination-merger.png") no-repeat left -78px #fff;
    color: #4a97c6;
}

a.tinyPagination_tinybutton:hover span {
    background: url("../images/pagination-merger.png") no-repeat right -106px #fff;
    color: #207dba;
    float: left;
    height: 26px;
    line-height: 26px;
    padding-right: 6px;
    text-decoration: none;
}

.tinyPagination_paginationPrevSpan, .tinyPagination_paginationPrevSpan:visited {
    background: url("../images/pagination-merger.png") no-repeat 10px -346px #fff;
    float: left;
    padding-right: 10px;
    text-decoration: none;
    margin-right: 6px;
    height: 24px;
    line-height: 24px;
    min-width: 20px;
    display: inline-block;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #333;
}

a.tinyPagination_tinybutton.tinyPagination_paginationPrevSpan:hover {
    background-position: 10px -561px;
    display: inline-block;
    text-decoration: none;
    margin-right: 6px;
    height: 24px;
    line-height: 24px;
    padding-right: 10px;
    min-width: 20px;
    color: #4a97c6;
    border: 1px solid #4a97c6;
}

.tinyPagination_paginationNextSpan, .tinyPagination_paginationNextSpan:visited {
    background: url("../images/pagination-merger.png") no-repeat right -278px #fff !important;
    text-decoration: none;
    height: 24px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: inline-block;
    line-height: 24px;
    color: #333;
}

a.tinyPagination_tinybutton.tinyPagination_paginationNextSpan {
    background: url("../images/pagination-merger.png") no-repeat -77px -346px #fff !important;
    margin-left: 1px;
    width: 30px;

}

a.tinyPagination_tinybutton.tinyPagination_paginationNextSpan:hover {
    background: url("../images/pagination-merger.png") no-repeat -77px -561px #fff !important;
    width: 30px;
    color: #4a97c6;
    border: 1px solid #4a97c6;
}

a.tinyPagination_tinybutton.tinyPagination_paginationNextSpanDisabled, a.tinyPagination_tinybutton.tinyPagination_paginationNextSpanDisabled:hover {
    background: url("../images/pagination-merger.png") no-repeat -77px -408px #d5d5d5 !important;
    float: none;
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
    margin-left: 2px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding-left: 10px;
    min-width: 20px;
    color: #999;
    cursor: default;
}

.tinyPagination_paginationPrevSpanDisabled {
    background: url("../images/pagination-merger.png") no-repeat 10px -408px #d5d5d5;
    float: left;
    text-decoration: none;
    cursor: default;
    margin-right: 4px;
    color: #999;
    height: 24px;
    line-height: 24px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 30px;
}

a.tinyPagination_tinybutton.tinyPagination_paginationPrevSpanDisabled:hover {
    background: url("../images/pagination-merger.png") no-repeat 10px -408px #d5d5d5;
    /*float: left;*/
    text-decoration: none;
    cursor: default;
    margin-right: 4px;
    color: #999;
    height: 24px;
    line-height: 24px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 30px;
}

/*-----------------------------@description tip ICT简单分页样式------------------------*/

.row-fluid .span1,
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8,
.row-fluid .span9,
.row-fluid .span10,
.row-fluid .span11,
.row-fluid .span12 {
    white-space: normal;
}

.small-icon {
    background: url('../images/small-icon-sp.png') no-repeat;
}

.small-icon-history {
    background-position: -0px -32px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;

    cursor: pointer;
}
.small-icon-help {
    background-position: -44px -272px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4px;
    cursor: pointer;
}

.update_btn {
    background: url('../images/small-icon-sp.png') no-repeat 10px -408px;

    width: 34px;
    height: 33px;
    display: inline-block;
}

.title-14px-3black {
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    margin-left: 15px;

}
.networkError{
    position: absolute;
    right: 0px;
}