@charset "utf-8";
/*buttons*/
.btn {
    position: relative;
    display: inline-block;
    padding: 0 12px;
    height: 30px; 
    line-height: 28px;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    color: #333;
    background-color: #fff;
    border-radius: 2px;
    border:1px solid #ccc;
}

.btn {
	vertical-align: baseline; margin-top:1px; margin-bottom:2px;
}

.btn:hover {
    background-color: #e6e6e6;
    border-color:#adadad;
}

input.btn {
    margin-right: auto;
    width: auto;
}
a.btn {
    height:28px;
    line-height:28px;
    *margin-right: .4em;
}
a.btn i{
    vertical-align:-2px;
    _margin-top:7px;
    _vertical-align:0;
}

/*defferent color buttons*/
.btn.btn-danger, .btn.btn-warning, .btn.btn-success, .btn.btn-primary, .btn-grey  {
    color: #fff;
}
.tables-btmctrl a.btn.btn_table_selectAll,
.tables-btmctrl a.btn.btn_table_Cancle{
    background-color: #4381e6;
    border-color: #4381e6;
    color: #fff;
    border:1px solid #4381e6;
}
.tables-btmctrl a.btn_table_selectAll:hover,
.tables-btmctrl a.btn.btn_table_Cancle:hover{
    background-color: #639eff;
    border-color: #639eff;
    border:1px solid #639eff;
}
.btn.btn-danger {
    background-color: #f56c6c;
    border-color: #f56c6c;
    border:1px solid #f56c6c;
}
.btn.btn-danger:hover {
    background-color: #ff7c7b;
    border-color: #ff7c7b;
    border:1px solid #ff7c7b;
}
.btn.btn-warning {
    background-color: #e6a23c;
    border-color: #ecb563;
    border:1px solid #e6a23c;
}
.btn.btn-warning:hover {
    background-color: #ec971f;
    border-color: #d58512;
    border:1px solid #ec971f;
}
.btn.btn-success {
    background-color: #67c23a;
    border-color: #67c23a;
    border:1px solid #67c23a;
    /* background-color: #053f9f;
    border: 1px solid #0b56ad; */
}
.btn.btn-success:hover {
    background-color: #86d061;
    border-color: #86d061;
    border:1px solid #86d061;
}
.btn.btn-primary {
    background-color: #4381e6;
    border-color: #4381e6;
    border:1px solid #4381e6;
}
.btn.btn-primary:hover {
    background-color: #639eff;
    border-color: #639eff;
    border:1px solid #639eff;
}
.btn.btn-disabled {
    cursor:no-drop;
}
.btn.btn-disabled:hover{
    background: #eee;
}
.btn.btn-small{
    height: 24px;
    line-height: 24px;
}
a.btn.btn-small{
    height: 22px;
    line-height: 22px;
}
.btn.btn-mini{
    height: 20px;
    line-height: 20px;
}
a.btn.btn-mini{
    height: 18px;
    line-height: 18px;
}
.btn-default-set{
    background: rgba(0,0,0,.7);
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    cursor: pointer;
    width: 20px;
    text-align: center;
    font-size: 14px;
    position: relative;
    left: -20px;
    top: -9px;
}
.btn-default-set img{
    width: 55%;
    margin-top: -2px;
    vertical-align: middle;
}
.toggle_btn,.toggle_btn_css{
    margin-top:5px;
    color:#666;
    cursor:pointer;
}

.toggle_btn em,.toggle_btn i,.toggle_btn_css em,.toggle_btn_css i{
    font-style:normal;
    font-weight:normal;
}
.toggle_btn i,.toggle_btn_css i{
    display:inline-block;
    margin:1px 0 0 3px;
    width:10px;
    height:10px;
    background:url('/Public/images/show_hide_arrow.png') no-repeat -6px -6px;
}
.toggle_btn:hover,.toggle_btn_css:hover{
    color:#4381e6;
}
.toggle_btn:hover i,.toggle_btn_css:hover i{
    background-position:-6px -26px;
}
.toggle_btn.show i,.toggle_btn_css.show i{
    background-position:-26px -6px;
}
.toggle_btn.show:hover i,.toggle_btn_css.show:hover i{
    background-position:-26px -26px;
}
/* 新按钮样式 */
a.btn-new{
    width: 101px;
    height: 24px;
    padding: 0;
    margin:3px 2px 3px 0;
    font-size: 12px;
    line-height: 22px;
    box-sizing: border-box;
    border-radius: 3px;
    color: #1b8bff;
    background: #ecf5ff;
    border: 1px solid #b3d8ff;
    overflow: hidden;
}
a.btn-new:hover {
    color: #fff;
    background: #409eff;
    border: 1px solid #409eff;
}
a.btn-new.btn-blue {
    color: #1b8bff;
    background: #ecf5ff;
    border: 1px solid #b3d8ff;
}
a.btn-new.btn-blue:hover {
    color: #fff;
    background: #409eff;
    border: 1px solid #409eff;
}
a.btn-new.btn-yellow {
    color: #fe9f37;
    background: #fdf6ec;
    border: 1px solid #f5dab1;
}
a.btn-new.btn-yellow:hover {
    color: #fff;
    background: #eab376;
    border: 1px solid #eab376;
}
a.btn-new.btn-green {
    color: #74c55c;
    background: #f0f9eb;
    border: 1px solid #c2e7b0;
}
a.btn-new.btn-green:hover {
    color: #fff;
    background: #67c23a;
    /* border: 1px solid #eab376; */
}
.tables-btmctrl a.btn {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #505050;
}
.tables-btmctrl a.btn:hover {
    border: 1px solid #4497ff;
    background-color: #4497ff;
    color: #fff
}