body, .btn-default, .btn-primary, .treeview-menu, .form-control,
	.sidebar-menu .treeview-menu>li>a, input[type=text] {
	font-family:Meiryo, "メイリオ", "Helvetica Neue",
		Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.form-short-control {	
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc
}
.form-long-control {	
	width: 43%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc
}
.main-header .navbar-custom-menu {
	float: left;
}

.content-header>.breadcrumb {
	left: 10px;
}

.box-header {
	background: #B4D0F0;
}

#tabDetail tr>td, #tabDetail tr>th {
/* 	border: 1px solid #D2D6DE; */
	height: 50px;
	vertical-align: middle;
}

#tabDetail .title {
	font-weight: bold;
}

#tabDetail {
	width: 90%;
	border-collapse:separate;
 	margin:0 auto;
}

/* 目前页面tabDetail的id重复混乱，统一使用这个tableDetail的class */
.tableDetail tr>td, .tableDetail tr>th {
	/* 	border: 1px solid #D2D6DE; */
	height: 50px;
	vertical-align: middle !important;
}

.tableDetail .title {
	font-weight: bold;
}

.tableDetail {
	width: 90%;
	border-collapse:separate;
	margin:0 auto;
}

.has-error {
	color: red;
}

.error-page>.headline {
	float: none;
}

.error-page>.error-content>h3, p {
	margin-left: -175px;
}

.text-right {
	text-align: right;
}
.refundText {
	height:25px;
	width:100%;
}
.labelCss {
	color:red;
	font-weight:normal;
}
.title-blue{
	background-color: #4F9EF2 !important;
}
.icon-size{
	font-size: initial !important;
}
.icon-color {
	color: #4F9EF2 !important;
}
.sidebar-menu li>a{
	padding: 12px 10px 18px 15px !important;
}
.sidebar-menu li>a>i{
	margin-left: 9% !important;
}

.sidebar-menu li{
	color : #F4F2F2;
	border-bottom:1px solid #ccc;
	font-size: 14px;
}
.liBorderTop{
	border-top:1px solid #ccc;
}
.liBorderBottom{
	border-bottom:1px solid #ccc;
}
.activeBlue{
	background-color: #4F9EF2 !important;
}
.boxHeader{	
	background-color: #B4D0F0 !important;
}

.inputCalendar{
	position :absolute;
	right:20px;
	top:5px;
	font-size: 20px;
	color: #4F9EF2;
}
.btn-primary-color{
	color: #fff;
	background-color: #4F9EF2;
	font-size: 12px;
}

.btn-resigt-color{
	color: #fff;
	background-color: #E67A2C;
}


.checkBox{
	margin: 8px 0 0 !important;
    line-height: normal !important;
    float: left;
	width:  15px;
    height: 15px;
    padding: 0 0 0 0;
	color: #fff;
	background-color: #4F9EF2;
}
.skin-blue-light .treeview-menu .activeBlue>a{
	color: #f6f6f6 !important;
}
.word {
    padding: 6px 1px;
    vertical-align:middle;   
}
.word-2{
    padding: 6px 1px;
    vertical-align:middle;   
     display:inline-block;
}


	
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3 !important;
    color: #fff !important;
    cursor: default !important;
    background-color: #4F9EF2 !important;
    border-color: #4F9EF2 !important;
}
 .tableDiv .table>tbody>tr>td {
    border-top: 0px solid #f4f4f4 !important;
}
.td3{ 
	border-right: #000040 1px solid; 
	border-top: #000040 1px solid; 
	border-left: #000040 1px solid;
	border-bottom: #000040 1px solid;
	width:  20px;
    height: 20px;
} 
.tableDiv {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 4px solid #4F9EF2;
 /*    margin-bottom: 20px; */
    width: 100%;
    /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
}

 .labelInput {
    display: block;
    ime-mode: disabled;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    cursor :default;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.labelTextarea {
	display: block;
	ime-mode: disabled;
	width: 100%;
	padding: 6px 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	cursor :default;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

 .footer{
    border-top: 1px #ffffff solid;
    background-color: #00070d;
    position: fixed;
    height: 40px;
    bottom: 0;
    width: 100%;
    margin-top: -100px;
    text-align: center;
 } 
 .head-word{
 	height:80px;
 	background: #ffffff;
 }
 .login-box, .register-box {
    width: 300px !important;
    margin-left:65% !important;
    position: absolute;
    top: 40%;
    border-radius:30px;
    transform: translateY(-50%)
}
.login-background {
	background:url(../../images/login.png) no-repeat fixed top;
	background-size:cover;
}
.login-radius{
	border-radius: 20px;
}
.login-radius10{
	border-radius: 10px;
}
.box-logoWord{
	font-size: 25px;
	color : #037FDB;
}
.box-logoWord2{
	font-size: 25px;
	color : #8B8F93;
}
.login-table{
    margin-top: 2.5%;
    margin-left: 5% !important;
    position: fixed;	
}
.col-xs {
	position: relative;
    min-height: 1px;
    padding-right: 15px;     
    padding-left: 0px;
}

.form-control-feeback-icons{
	margin: 16px 0px;
}

.form-control-input{
	height :44px
} 
.select-up{
	background-image:url(../../images/select-up.png);
    width: 24px;
    height: 24px;
    position :absolute;
	right:20px;
	top:5px;
	z-index:1
}
.icon-agent{
	background-image:url(../../images/agent.png);
	background-size:cover;
    height: 20px !important;
    vertical-align: middle;
}
.icon-branch{
	background-image:url(../../images/branch.png);
	background-size:cover;
    height: 20px !important;
    vertical-align: middle;
}
.icon-phone{
	background-image:url(../../images/appVersion.png);
	background-size:cover;
    height: 20px !important;
    vertical-align: middle;
}
.form-control{
	border-radius: 5px !important;
	padding-left: 10px !important;
}
.btn{
	border-radius: 5px;
}
.main-sidebar-color{
	background-color: #ffffff !important;
}
.sidebar-color{
	background-color: #f9fafc;
	
}
.box {
	border-top: 4px solid #B4D0F0 !important;
	box-shadow: 0 0px 0px rgba(0,0,0,0.1)!important;
}
.box-body-backgroundcoler {
    background-color: #ECF0F5 !important;
}
.box-footer-color{
	background-color: #ECF0F5 !important;
    border-top: 0px solid #f4f4f4 !important; 
}
#tabDetailPay tr>td, #tabDetailPay tr>th {
	height: 50px;
	vertical-align: middle;
}

#tabDetailPay .title {
	font-weight: bold;
}
#tabDetailPay{
	width: 90%;
	border-collapse:separate;
 	margin:0 auto;
}
#tabDetailPayChannel tr>td, #tabDetailPayChannel tr>th {
	height: 50px;
	vertical-align: middle;
}

#tabDetailPayChannel .title {
	font-weight: bold;
}
#tabDetailPayChannel{
	width: 90%;
	border-collapse:separate;
	margin:0 auto;
}

.ico-margin-top-20{
	margin-top:20px
}
.total-text{
	font-size: 14px;
}

.select2-search:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "\f002";
    right: 5px;
    color: #686868!important;
}

.select2-container--default .select2-selection--single{
	border: 1px solid #d2d6de !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 2px !important;
	padding-top: 0px !important;
	line-height: 20px;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 28px;
	right: 3px;
	margin-top: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: 0;
}

.select2-container .select2-selection--single {
	height: 34px !important;
}
.select2-container--default{
	width: 100% !important;
}
.dom-display-none{
	display : none;
}
.dom-display-block{
	display : block;
}

.popover {
	max-width: 700px !important;
}
.warnTd{
	color: #f54646;
}
.class-center{
	text-align:center;
	vertical-align:middle;
}
.title-text-bottom{
	vertical-align: text-bottom;
}
.tr-border-bottom{
	border-bottom: 1px solid #f4f4f4;
}
.form-horizontal label.left-label{
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}
.margin-top-10{
	margin-top: 10px;
}
.disable-resize-xscroll{
	resize: none;
	overflow-x: hidden; 
}
.heigth-adaptive.control-label{
	height: auto !important;
}
.heigth-adaptive{
	height: auto;
	min-height: 34px;
	word-wrap:break-word;
}
.margin-left-30{
	margin-left: 30px;	
}
.data-content-div{
	word-wrap: break-word;
	word-break: normal;
	font-size: 12px;
	max-width: 200px;
}
.word-break{
	word-break:break-all;
}
/**
 * 强制换行
 */
.force-wrap {
	word-break: break-all;
	overflow-wrap: break-word;
}

.loadEffect{
	width: 100px;
	height: 100px;
	position: relative;
	margin: 0 auto;
	margin-top:100px;
}
.loadEffect span{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: lightgreen;
	position: absolute;
	-webkit-animation: load 1.04s ease infinite;
}
@-webkit-keyframes load{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0.2;
	}
}
.loadEffect span:nth-child(1){
	left: 0;
	top: 50%;
	margin-top:-8px;
	-webkit-animation-delay:0.13s;
}
.loadEffect span:nth-child(2){
	left: 14px;
	top: 14px;
	-webkit-animation-delay:0.26s;
}
.loadEffect span:nth-child(3){
	left: 50%;
	top: 0;
	margin-left: -8px;
	-webkit-animation-delay:0.39s;
}
.loadEffect span:nth-child(4){
	top: 14px;
	right:14px;
	-webkit-animation-delay:0.52s;
}
.loadEffect span:nth-child(5){
	right: 0;
	top: 50%;
	margin-top:-8px;
	-webkit-animation-delay:0.65s;
}
.loadEffect span:nth-child(6){
	right: 14px;
	bottom:14px;
	-webkit-animation-delay:0.78s;
}
.loadEffect span:nth-child(7){
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	-webkit-animation-delay:0.91s;
}
.loadEffect span:nth-child(8){
	bottom: 14px;
	left: 14px;
	-webkit-animation-delay:1.04s;
}
.radio-normal {
	margin-right:4px !important;
}