@import "fontgoogle.css";

.box-body{
	padding: 35px 20px 20px;
	background-color: #F8F8F8;
	color: #191919;
}
.box-main{
    padding-top: 0 !important;
}
.avatar {
	width: 64px;
	height: 64px;
}

.button {
  border: 0 none;
  border-radius: 2px 2px 2px 2px;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial,sans-serif;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  text-transform: none;
  
  /* auto */
  text-align: center;
  /* DELETE WHEN WIDTH AUTO */
}
.button.dark {
  background: none repeat scroll 0 0 #344152;
  color: #FFF;
  height: 35px;
}
.button.dark:hover {
  background: none repeat scroll 0 0 #444444;
  color: #FFF;
  height: 35px;
}

.button.darkline {
    background: none repeat scroll 0 0 white;
    color: #696969;
    font-weight: normal;
    height: 35px;
    border-style:solid;
    border-width:2px;
    border-color:#696969;
}

.button.darkline:hover {
    background: none repeat scroll 0 0 white;
    color: #444444;
    font-weight: normal;
    height: 35px;
    border-style:solid;
    border-width:2px;
    border-color:#444444;
}

.button.light {
  background: none repeat scroll 0 0 #cccccc;
  color: #696969;
  font-size: 15px;
  font-weight: normal;
  margin-top: 0;
  height: 30px;
}
.button.light:hover {
  background: none repeat scroll 0 0 #999999;
  color: black;
  font-size: 15px;
  font-weight: normal;
  margin-top: 0;
  height: 30px;
}

.button.blue {
  background: none repeat scroll 0 0 #0174b8;
  font-size: 15px;
  font-weight: normal;
  margin-top: 0;
  height: 35px;
}

.button.blueline {
    background: none repeat scroll 0 0 white;
    color: #0174b8;
    font-weight: normal;
    height: 35px;
    border-style:solid;
    border-width:2px;
    border-color:#0174b8;
}
.button.redline {
    background: none repeat scroll 0 0 white;
    color: #cc0000;
    font-size: 20px;
    font-weight: normal;
    margin-top: 0;
    height: 45px;
    width: 150px;
    border-style:solid;
    border-width:2px;
    border-color:#cc0000;
}

.ui-jqgrid-labels *{
	color: #FFF;
	font-size: 14px;
	background-color: #344152;
	font-family: "微软雅黑";
	text-align: left;
}
.ui-state-hover .ui-jqgrid-labels {
    color: #FFF !important;
}
th[aria-selected=true] .ui-jqgrid-sortable {
    color: #FFF;
}
.ui-jqgrid-sortable:hover {
    color: #FFF;
}
.ui-jqgrid .ui-jqgrid-sortable {
    cursor: default;
}
.ui-row-ltr {
	height: 80px;
	background-color: #E6E6E6;
}
.my-btnList {
	margin-right: 10px;
}
.my-pagination {
	float: right;
    width: 550px;
}
.lastbtn{
	cursor:pointer;
}

a {
    color: #344152;
    cursor: pointer;
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}
table a:hover {
    color: #FF0000;
    text-decoration: underline;
}
table a:active{
    color: #344152;
    opacity: 0.1;
    text-decoration: underline;
}

body {
    background-color: white;
}

.lr-red {
    background-color: #cc0000;
}

.lr-orange {
    background-color: #ed7d31;
}

.lr-blue {
    background-color: #5b9bd5;
}

.icheck label{
    width: 200px;
    font-size: 14px;
    color: #344152;
}
.layui-input, .layui-select{
    height: 36px !important;
    padding-left: 8px !important;
}
.my-skin .layui-layer-btn0{
    background-color: white;
    width: 70px;
    text-align: center;
    color: #999999;
    border-style:solid;
    border-width:2px;
    border-color:#999999;
}

.my-skin .layui-layer-btn1{
    background-color: #999999;
    width: 70px;
    text-align: center;
    color: white;
    border-style:solid;
    border-width:2px;
    border-color:#999999;
}

.my-skin .layui-layer-btn{
    padding: 0px 20px 10px 0px;
}

.my-skin .layui-layer-content{
    padding: 20px 20px 10px 20px;
}

.my-skin {
    width: auto;
}
/* 输入框加删除按钮 */
.add-delete-btn{
    position: relative;
}
.add-delete-btn .reset_input{
    width: 9px;
    height: 9px;
    position: absolute;
    right: 11px;
    top: 13px;
    display: none;
    background: url(../images/index/reset-input.png) no-repeat;
    background-size: 100% 100%;
}

.layui-layout-admin .layui-body{
    bottom: 0 !important;
}
.pull-left button.dark{
    background-color: #344152;
    margin: 0px 0 10px 0px;
    color: #FFF;
    font-size: 14px;
    line-height: 36px;
    padding: 0 10px;
}
.box-body .form-inline{
    margin-top: 0px !important;
    margin-bottom: 0 !important;
}
.form-inline .form-group {
    margin-right: 8px;
}
.form-inline .last-form-group{
    margin-right: 0px;
}
.button.red{
    font-size: 14px;
    line-height: 34px;
    min-width: 100px;
    background-color: #FF0000;
    border: 1px solid #FF0000;
    opacity: 1;
}
.button.red:active  {
  background-color: #D90606;
  border: 1px solid #FFF6060;
  opacity: 0.5;
}
.button.red:hover {
  background-color: #cc0000;
  border: 1px solid #FFF6060;
}

.button.white{
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    min-width: 100px;
    background-color: #FFF;
    color: #344152;
    border: 1px solid #E8E8E8;
    font-weight: normal;
}
.button.white:hover{
    background-color: #FFF;
    border: 1px solid #7F7F7F;
    font-weight: bold;
}
.button.black{
    font-size: 14px;
    line-height: 34px;
    min-width: 100px;
    background-color: #344152;
    border: 1px solid #344152;
    opacity: 1;
}
.button.black:active{
    background-color: #2D2D2D;
    border: 1px solid #404040;
    opacity: 0.5;
}
.button.black:hover{
    background-color: #2D2D2D;
    border: 1px solid #404040;
}

.form-control{
    padding: 11px;
    height: 36px;
    width: 100% !important;
    border-radius: 0;
    border: 1px solid #E8E8E8 !important;
}
.select2-container--default .select2-selection--single{
    border-radius: 0;
    height: 28px !important;
}
.select2-container--default.select2-container--focus .select2-selection--single{
    height: 28px !important;
    border-color: #7F7F7F !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #344152 !important;
    margin-top: -2px;
}
/*下拉框默认边框*/
.select2-container--default{
    border-color: #E8E8E8 !important;
}
/*下拉框获取焦点时边框颜色*/
.select2-container--default.select2-container--open{
    border-color: #E8E8E8 !important;
}
/*下拉框鼠标悬浮改变三角颜色*/
.select2-container--default .select2-selection__arrow b{
    border-color: #575757 transparent transparent transparent;
}
.select2-container--default:hover .select2-selection__arrow b{
    border-color: #344152 transparent transparent transparent;
}
/*下拉框图标*/
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-top: -3px;
}
.ui-jqgrid .ui-icon-desc {
    margin-top: 3px !important;
    margin-left: 12px;
}
.ui-jqgrid .ui-icon-asc {
    margin-top: 3px !important;
    margin-left: 12px;
}
/* 去除表格内边框*/
.ui-jqgrid tr.ui-row-ltr td{
    border: none !important;
}
.ui-jqgrid .ui-jqgrid-labels th{
    border-right: none !important;
}
/* 表格奇 偶数 行行高*/
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary{
    height: 88px;
}
/* 表格外边距 */
.table_box{
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 15px 10px 10px;
    box-shadow:inset -2px -2px 14px #E9E9E9;
}
/* 表格外边框 */
.ui-widget-content{
    border: none !important;
}
.ui-jqgrid .ui-jqgrid-btable{
    padding-bottom: 0 !important;
}
/* bootstrap弹框footer */
.modal-header,.modal-body{
    color: #344152;
}
/* bootstrap弹窗样式 */
.modal-content{
    border-radius: 0 !important;
    border-top: 10px solid #242424;
    width: 550px;
}
.modal-header{
    background-color: #E8E8E8;
    margin-bottom: 40px !important;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 20px;
}
.modal-header .modal-title{
    color: #344152;
    font-size: 16px;
    color: #344152;
    line-height: 40px;
}
.modal-header .close span{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/index/close.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: 12px;
}
.modal-header .close{
    opacity: 1 !important;
}
.modal-header .close:hover{
    opacity: 1 !important;
}
.modal-body{
    margin-bottom: 73px;
    font-size: 16px;
    line-height: 26px;
    color: #344152;
    padding: 48px 0 0 61px;
}
.modal-footer{
    padding: 0 20px 20px !important;
}

/* layui弹窗样式 */
.layui_pop{
    border-top: 10px solid #242424;
}
.layui_pop_header{
    background-color: #E8E8E8;
    margin-bottom: 40px !important;
    line-height: 40px;
    vertical-align: middle;
    padding: 0 20px;
}
.layui_pop_header .layui_header_close{
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(../images/index/close.png) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: 12px;
}
.layui_pop_header .layui_header_title{
    float: left;
    color: #344152;
    font-size: 16px;
}
.layui_pop_header .layui_header_close{
    float: right;
}
.layui_pop .layui-form{
    padding: 0 20px 0px 62px;
}
.layui_pop .layui-form .layui-form-item{
    margin-bottom: 24px;
}
.layui_pop .layui-form .layui-form-item .layui-form-label{
    width: 100px;
    font-size: 14px;
    color: #344152;
}
.layui_pop .layui-form .layui-form-item .add-delete-btn{
    width: 280px;
    margin-left: 100px;
}
.layui_pop .layui-form .layui-fotter{
    margin-left: 0;
    margin-bottom: 0;
}
.layui_pop .layui-form .layui-form-item .layui-input-block button{
    float: right;
    margin-left: 10px;
}
.layui_pop .layui-form .layui-form-item .do-icon{
    width: 20px;
    height: 14px;
}
.layui_pop .layui-form .layui-form-item .eye-show{
    background: url(../images/index/eye_show.png);
    background-size: 100% 100%;
}
.layui_pop .layui-form .layui-form-item .eye-close{
    height: 11px;
    background: url(../images/index/eye_close.png);
    background-size: 100% 100%;
}
/*提示按钮样式*/
.remind_img{
    width: 13px;
    height: 13px;
    margin-left: 11px;
    display: inline-block;
}
/* 编辑底部按钮 */
.row_bottom {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #E8E8E8;
    padding: 10px 20px 10px 0;
    margin-right: 0 !important;
    background-color: #FFF;
}
.row_bottom .button{
    float: right;
    margin-left: 10px !important;
}
/* 表格搜索框样式 */
.table-search .form-group .control-inline{
    width: 204px !important;
}
/*layui下拉框样式*/
.layui-form-select dl dd.layui-this{
    background-color: #344152 !important;
    color: #FFF;
}
.layui-form-select dl dd.layui-this{
    background-color: #7F7F7F !important;
}
.layui-form-select .layui-edge{
    width:0;
    height:0;
    border-width:6px 4.5px 0 !important;
    border-style:solid !important;
    border-color:#575757 transparent transparent !important;/*灰 透明 透明 */
}
.layui-form-selected .layui-edge{
    margin-top: -2px !important;
}
/* 表格头部与body的内边距 */
.ui-jqgrid tr.jqgrow td{
    padding: 0 6px 0 19px !important;
}
.ui-jqgrid .ui-jqgrid-htable th div{
    padding-left: 19px !important;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}
/* 日历图标 */
.Wdate-date{
    background: url(../images/calendar.png) 95% 9px no-repeat !important;
}
/*表格分页编辑*/
.my-pagination{
    padding-bottom: 8px;
}
.my-pagination .pagination{
    margin: 0 !important;
}
.pagination .controls{
    padding-top: 10px !important;
}
.pagination .controls input{
    border: 1px solid #E8E8E8 ;
    width: 60px;
    height: 36px;
}
.pagination>li>a{
    padding: 8px !important;
}
/*密码大写提示*/
.capslock{
    position: absolute;
    top: auto;
    right: 15px;
    padding: 0 5px 1px;
    font-size: 11px;
    color: #344152 !important;
    max-width: none;
    position: absolute;
    background: #fff;
    z-index: 1000;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px #dedede;
    box-shadow: 0 5px 10px #dedede;
    display: none;
}


#dataGrid tbody tr{
    height: 55px !important;
}

#dataGrid tbody tr.jqgfirstrow{
    height: 0;
    display: none;
}

.ui-jqgrid-bdiv{
    height: 100% !important;
}

.ui-row-ltr {
    height: 55px !important;
}

#dataGridPage{
    padding-top: 15px !important;
}

.ui-layout-content{
    background: rgb(242 242 242) !important
}