/*
* @package      ahoo
* @description  ahoo
*/

html, body, div, span{
  font: unset;
  vertical-align: baseline;
}

/*！！！默认都显示垂直滚动条，以免数据多过一屏时，滚动条出现，整体页面显示有晃动！！！*/
body{
  overflow-y : scroll;
}

/*  整体字体、大小  */
html {
  font-family: "Helvetica Neue", Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Simhei, Arial, sans-serif !important;
  font-size: 14px !important;
}



/********************************* 整体 *********************************/

/* 改变：默认的大小 */
@media(min-width: 1350px) {
  .container {
    width: 1350px  !important;
  }
}

@media(max-width: 1349px) {
  .container {
    width: 100%  !important;
  }
}

/* 整垂直居中 */
.pc-center-login{
  background-size: 100% 100%;
  padding: 13% 30%;
}

/* 水平居中 */
.pc-center-main{
  /*background-size: 100% 100%;*/
  padding  : 20px 5px;
}


.my-modal-center{
  padding: 10% 1%;
}



.table th, .table td {
    vertical-align: middle  !important;
}


/*********************************  细节 *********************************/

/* 改变bootstrap等默认设置 */
/* 默认的颜色*/
.panel-heading, .bg-primary{
  background-color : #8585B7 !important;
}

.btn-secondary{
  background-color : lightgray !important;
}

/********* LOGO *********/
.my_logo_login {
  margin-top      : -90px;
  text-align      : center;
  padding         : 15px;
}

.my_logo_login img{
  max-width       : 100%;
}

/********* 提示信息的标题 *********/
.my_title_rlt {
  color           : #337ab7;
  text-align      : center;
  font-weight     : bold;
}

.my_title_h3 {
  color           : #337ab7;
  text-align      : center;
  font-weight     : bold;
  font-size       : 28px;
  padding         : 12px;
}

.my_title_rlt_error{
  color           : darkred;
  text-align      : center;
  font-weight     : bold;
}

.my_title_rlt_success{
  color           : #5cb85c;
  text-align      : center;
  font-weight     : bold;
}

.my_text_16 {
  font-weight      : bold;
  font-size        : 16px !important;
  min-width        : 6rem !important;
}


.my_title_head {
  text-align : center;
}

.my_center {
  text-align : center;
}

.my_box_280 {
  min-height: 280px !important;
}

.my_box_360 {
  min-height: 360px !important;
}

.my_text_red {
  color: darkred;
}



/********* 最小宽度 *********/
.width_min_3 {
  min-width        : 3rem !important;
}

.width_min_4 {
  min-width        : 4rem !important;
}

.width_min_6 {
  min-width        : 6rem !important;
}

.width_min_8 {
  min-width        : 8rem !important;
}

.width_min_10 {
  min-width        : 10rem !important;
}

.width_min_12 {
  min-width        : 12rem !important;
}

.width_min_14 {
  min-width        : 14rem !important;
}

/********* 加亮显示 *********/

.my_hightlight_normal_16 {
  background-color : #8585B7;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 16px !important;
}

.my_hightlight_orange {
  /*color           : #337ab7;*/
  /*background-color : #337ab7;*/  /*蓝色*/
  background-color : #f0ad4e  !important;      /*橙色*/
  text-align       : center;
  font-weight      : bold;
  font-size        : 16px !important;
  min-width        : 4rem !important;
}

.my_hightlight_orange_normal {
  /*color           : #337ab7;*/
  /*background-color : #337ab7;*/  /*蓝色*/
  background-color : #f0ad4e  !important;      /*橙色*/
  text-align       : center;
  font-weight      : bold;
  font-size        : 12px !important;
  min-width        : 4rem !important;
}



.my_hightlight_orange_width_small {
  background-color : #f0ad4e;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 16px !important;
}



.my_hightlight_gray {
  /*color           : #337ab7;*/
  /*background-color : #337ab7;*/  /*蓝色*/
  background-color : gray  !important;      /*灰色*/
  text-align       : center;
  font-weight      : bold;
  font-size        : 16px !important;
  min-width        : 4rem !important;
}

.my_hightlight_green {
  background-color : #5cb85c;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 16px !important;
  min-width        : 6rem !important;
}

.my_hightlight_green_width_small {
  background-color : #5cb85c;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 16px !important;
}

.my_hightlight_green_normal {
  background-color : #5cb85c;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 12px !important;
  min-width        : 6rem !important;
}

.my_hightlight_light_green_normal {
  background-color : #4DD815;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 12px !important;
  min-width        : 6rem !important;
}


.my_hightlight_red {
  background-color : darkred;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 16px !important;
  min-width        : 6rem !important;
}

.my_hightlight_red_width_small {
  background-color : darkred;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 16px !important;
  /*min-width        : 6rem !important;*/
}

.my_hightlight_red_normal {
  background-color : darkred;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 12px !important;
  min-width        : 6rem !important;
}

.my_hightlight_blue {
  background-color : #8585B7;   /*#5bc0de*/  
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 16px !important;
  min-width        : 6rem !important;
}

.my_hightlight_light_blue_normal {
  background-color : #4188CF;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 12px !important;
  min-width        : 6rem !important;
}

.my_hightlight_blue_width_small {
  background-color : #4188CF;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 16px !important;
  /*min-width        : 6rem !important;*/
}


.my_hightlight_blue_normal {
  background-color : #8585B7;   /*#5bc0de*/
  text-align       : center;
  font-weight      : bold;
  color: #FFF;
  font-size        : 12px !important;
  min-width        : 6rem !important;
}


/*************改写默认值************/
.form-control{
    padding : 6px 6px !important;
}

.table>thead>tr>th {
    padding: 8px 4px !important;
}


.form-control-ahoo-80 {
    width   :80% !important;
    display :inline !important;
}

.form-control-ahoo-20 {
    width   :20% !important;
    display :inline !important;
}

/*************水平线************/
.text-with-hr {
    font-size        : 16px !important;
    font-weight      : bold;
    text-align: center;
    position: relative;
    z-index: 2;
}
/*
横线，并通过z-index：-1将or附近的横线遮盖住
*/
.text-with-hr:before {
    position: relative;
    content: '';
    top: 20px;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
    z-index: -1;
}
.text-with-hr span {
    display: inline-block;
    background: #f5f5f5;
    padding: 10px;
}