.columns .ui-table {
	border-collapse:collapse;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#ccc;
	width:100%
}
.columns .ui-table thead tr {
	background-image:-webkit-linear-gradient(top, #dbdbdb 10%, #b8b8b8 100%);
	background-image:linear-gradient(to bottom, #dbdbdb 10%, #b8b8b8 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#B8B8B8', GradientType=0 );
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-align:left
}
.columns .ui-table thead tr th {
	padding:5px 5px 5px 8px;
	border-right:1px solid #878787;
	border-bottom:1px solid #878787
}
.columns .ui-table thead tr th:first-child {
	border-left:1px solid #ccc
}
.columns .ui-table thead tr th:last-child {
	border-right:1px solid #ccc
}
.columns .ui-table thead tr th .ui-arrow {
	display:block;
	float:right;
	font-size:10px;
	width:10px
}
.columns .ui-table thead tr th.ui-table-sort-up, .columns .ui-table thead tr th.ui-table-sort-down {
	background:-webkit-linear-gradient(top, #d0d9e4 10%, #94a3c0 100%);
	background:linear-gradient(to bottom, #d0d9e4 10%, #94a3c0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D9E4', endColorstr='#94A3C0', GradientType=0 )
}
.columns .ui-table tbody {
	font-size:14px
}
.columns .ui-table tbody tr td {
	border-right:1px solid #ccc;
	padding:4px
}
.columns .ui-table tbody tr.ui-table-rows-even {
	background:#F1F4F8
}
.columns .ui-table tbody tr.ui-table-rows-odd {
	background:#ffffff
}
.ui-columns-table .select td{ background:#99CCFF} 

.columns .ui-table-footer {
	background-image:-webkit-linear-gradient(top, #cbcbcb 10%, #aaa 100%);
	background-image:linear-gradient(to bottom, #cbcbcb 10%, #aaa 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CBCBCB', endColorstr='#AAAAAA', GradientType=0 );
	border-top:1px solid #878787;
	width:100%;
	padding:8px 0;
	font-size:11px;
	text-align:left;
	color:#333
}
.columns .ui-table-footer span {
	vertical-align:middle
}
.columns .ui-table-footer .ui-table-size, .columns .ui-table-footer .ui-table-results, .columns .ui-table-footer .ui-table-controls {
	display:inline-block;
	width:32%
}
.columns .ui-table-footer .ui-table-size {
	padding-left:20px
}
.columns .ui-table-footer .ui-table-results {
	text-align:center
}
.columns .ui-table-footer .ui-table-controls {
	text-align:right
}
.columns .ui-table-footer .ui-table-control-next, .columns .ui-table-footer .ui-table-control-prev, .columns .ui-table-footer .ui-table-control-disabled {
	display:inline-block;
	background-image:-webkit-linear-gradient(top, #fdfdfd 10%, #c0bfbe 100%);
	background-image:linear-gradient(to bottom, #fdfdfd 10%, #c0bfbe 100%);
	background-color:transparent;
	border:1px solid #333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	list-style:none;
	margin:0;
	padding:5px;
	vertical-align:middle;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	text-align:center
}
.columns .ui-table-footer .ui-table-control-disabled img {
	opacity:0.5
}
.columns .ui-columns-search {
	font-size:14px;
	background:-webkit-linear-gradient(top, #d1d1d1 10%, #a7a7a8 100%);
	background:linear-gradient(to bottom, #d1d1d1 10%, #a7a7a8 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1D1D1', endColorstr='#A7A7A8', GradientType=0 );
	padding:5px;
	border-bottom:1px solid #878787;
	text-align:right
}

.columns .searchTitle{
	float:left;
	font-size:18px;
	padding:12px 10px;;
}

.columns .ui-columns-search input {
	width:200px;
	border-radius:10px;
	padding:4px 10px 4px 25px;
	border:2px solid transparent;
	background-image:url(../images/search.png);
	background-position:5px center;
	background-repeat:no-repeat;
	margin-bottom:0;
	height:auto;
}
.columns .ui-columns-search input:focus {
	border:2px solid #6196CD;
	outline:none
}
.columns .ui-table-footer select {
	margin-bottom:0;
	height:auto;
	padding:0 5px;
}
.cb_container{
	border: 1px solid #D6D7D7;
    margin: 0;
    padding: 0;
    display: inline-block;
	position:fixed;
    bottom:0;
	left:0;
	right:0;
	z-index:9999;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: #F5F5F5;
    border-radius: 2px;
    box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 12px rgba(0,0,0,0.2);}
.cb_header {
    /*border-bottom: 1px solid #E6E7E7;*/
}
.cb_header > h3 {
    margin: 8px 80px 8px 10px;
    color: #24292e;
    font-size: 16px;
    white-space: nowrap;
}
	
.cb_area{
	/* background-color: transparent; */
	background-color: white;
	/*border: 1px solid #D6D7D7;*/
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	overflow-y: auto;
	}

.cb_input {
    display: block;
    border-radius: 2px;
    border: 1px solid #dddddd;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	background-color: white;
	/* border-radius: 4px 0 0 4px; */
	/* border: 1px solid #79b; */
    /*
	box-shadow:         1px 1px 1px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
	*/
	margin: 0px !important;
	width: 100%;
	
	font-size: 14px;
	line-height: 20px;
	min-height: 20px;
	padding: 4px 6px;
	vertical-align: middle;
	box-sizing: border-box;

    outline: none !important;
    height: 30px;
}
.cb_input:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    border: 1px solid #75B9F0;
}

.cb_results {
    background-color: white;
    list-style: none;
    margin: 0;
    padding: 0;
}


.cb_results > li {
	height: auto;
	line-height: 1;
	margin: 0;
	overflow: hidden;
	padding: 3px 10px;
	position: relative;
	text-align: left;
	white-space: nowrap;
	font-size: 14px;
	color: black;
	cursor : pointer;	
}

.cb_header .cb_results > li:first-child{ background:#CCC; }
.cb_header .cb_results > li:first-child:hover{ background:#CCC;color: black;}
.cb_results > li:hover{
    background-color: #53A4EA;
    color: white;
}
.cb_results > li > div.cb_item_text {
    font-size: 14px;
    display:inline-block;
    line-height: 1.7;
}
.cb_results > li > div.cb_item_head {
    font-weight:bold;
}
.cb_results > li.cb_divider {
    margin: 8px 0px;
    padding: 0px;
    cursor: default;
    overflow: hidden;
    border-bottom: 1px solid #E5E5E5;
}
ul.cb_results > li.cb_selected {
	background-color: #407EB2 !important;
	color: #fff !important;
}
.containter {
    width:320px;
    margin:auto
}
.calender-wrap {
    -webkit-animation:clafade .3s ease;
    -moz-animation:clafade .3s ease;
    animation:clafade .3s ease;
    padding:5px;
    background:#fff;
    box-shadow:0 5px 10px rgba(0,0,0,0.2);
    border-radius:4px;
    position:fixed;
	bottom:0;
	width:100%;
    font-family:"Microsoft yahei";
    z-index:1000
}
.calender-wrap {
    border:1px solid #e2e2e2
}
/*
.calender-wrap:after {
    content:'';
    display:inline-block;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #eee;
    border-top:0;
    border-bottom-color:#d7d7d7;
    position:absolute;
    left:9px;
    top:-7px
}
.calender-wrap:before {
    content:'';
    display:inline-block;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #ffffff;
    border-top:0;
    position:absolute;
    left:10px;
    top:-6px;
    z-index:10
}*/
.calender-caption {
    height:35px;
    border-bottom:1px solid #ddd;
    z-index:2;
    background:#eee
}
.calender-content {
    position:relative;
    overflow:hidden
}
.calender-content:after {
    content:'';
    display:block;
    clear:both
}
.calender-cell {
    cursor:pointer;
    float:left;
    width:14.28571428%;
    height:35px;
    text-align:center;
    line-height:35px;
    font-size:12px;
    color:#000;
    z-index:1;
    border-bottom:1px solid #eee
}
.calender-cell:hover {
    background:#eee
}
.calender-caption .calender-cell:hover {
    background:none
}
.calender-cell-dark {
    cursor:no-drop;
    color:#b9b9b9
}
.calender-caption .calender-cell {
    height:35px;
    line-height:35px;
    font-size:13px;
    color:#111;
    font-weight:bold
}
.calender-header {
    text-align:center;
    line-height:35px;
    text-align:center;
    color:#888;
    padding-bottom:4px;
    margin-bottom:1px;
    background:#fff;
    position:relative;
    border-bottom:1px solid #e6e6e6;
    font-size:14px
}
#calender-prev,#calender-next {
    text-decoration:none;
    display:block;
    width:14.2857%;
    height:35px;
    background:#fff;
    position:absolute;
    left:0%;
    top:0px;
    font-family:'ËÎÌå';
    font-size:14px;
    color:#555
}
#calender-prev,#calender-next {
    color:#999;
    font-size:16px
}
#calender-prev:hover,#calender-next:hover {
    background:#eee;
    border-radius:5px;
    color:#222
}
#calender-next {
    left:auto;
    right:0%
}
#calender-year,#calender-mon {
    cursor:pointer;
    padding:2px 4px;
    border-radius: 3px;
    margin:0 3px;
}
#calender-year:hover,#calender-mon:hover {
    background:#eee
}
.calender-list {
    overflow:hidden
}
.calender-list2,.calender-list3 {
    display:none
}
.calender-year-cell,.calender-mon-cell {
    width:32.41%;
    float:left;
    border-radius:4px;
    text-align:center;
    font-size:12px;
    padding:15px 0;
    border:1px solid #fff
}
.calender-year-cell:hover,.calender-mon-cell:hover {
    background:#eee;
    cursor:pointer
}
.calender-cell.active,.calender-year-cell.active,.calender-mon-cell.active {
    background:#23acf1;
    color:#fff
}
.calender-cell.active:hover,.calender-year-cell.active:hover,.calender-mon-cell.active:hover {
    background:#23acf1;
    color:#fff
}
.calender-button {
    border-top:1px solid #eee;
    width:100%;
    margin-top:-1px;
    padding:7px 0px 2px 0;
    overflow:hidden
}
.calender-button a {
    display:block;
    text-align:center;
    padding:0px 15px;
    height: 25px;
    line-height: 25px;
    float:right;
    background:#23acf1;
    color:#fff;
    margin-right:5px;
    cursor:pointer;
    margin-left:5px;
    font-size:12px;
    text-decoration:none
}
.calender-button a:hover {
    background:#0084c9
}
.calender-wrap.year .calender-list,.calender-wrap.month .calender-list {
    display:none
}
.calender-wrap.year .calender-list2 {
    display:block
}
.calender-wrap.month .calender-list3 {
    display:block
}
@keyframes clafade {
    0% {
    transform:scale(0.95);
    opacity:0
}
100% {
    transform:scale(1);
    opacity:1
}
}@-webkit-keyframes clafade {
    0% {
    -webkit-transform:scale(0.95);
    opacity:0
}
100% {
    -webkit-transform:scale(1);
    opacity:1
}
}   .calend {
    display: block;
    
    line-height:20px;
   /* 
	width: 180px;
	background: #222;
    color: #fff;
    padding: 5px 12px;
    margin:20px 20px 20px 0;
	*/
	border:1px solid #DDD;
	padding: 5px;
    font-size: 14px;