.tool-top-wrap{
margin: 10px 10px;
clear: both;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
}

.place_holder_color[placeholder]{
    color:#999;
}


.custom-btn{
height: 36px;
min-width: 70px;
padding: 0 10px;
overflow: hidden;
white-space: nowrap;
text-align: center;
line-height: 36px;
box-sizing: border-box;
outline: none;
-webkit-outline:none;
display: inline-block;
background: #69b418;
color: #fff;
border-radius: 3px;
cursor: pointer;
vertical-align: middle;
font-size: 15px;
}
.custom-btn:active{
	box-shadow: 0 0px 12px 0 rgba(0,0,0,0.1), 0 17px 50px 0 rgba(0,0,0,0.1);
} 

.border-btn{
border: 1px solid #e0e4e9 !important;
color: #758797 !important;
}

.layout-btn{
height: 36px;
min-width: 70px;
padding: 0 10px;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
text-align: center;
line-height: 35px;
background: #fff;
color: #2b425b;
border-radius: 3px;
cursor: pointer;
vertical-align: middle;
font-size:15px;
border: none;
outline: none;
-webkit-outline:none;
}

.layout-btn:active{
	box-shadow: 0 0px 12px 0 rgba(0,0,0,0.1), 0 17px 50px 0 rgba(0,0,0,0.1);
}

.layout-btn:hover i{
color:#fff;
}


.layout-btn .fa{
padding-right: 3px;
}

.layout-btn .iconfont{
padding-right: 3px;
}

.layout-btn-add{
background: #69b418;
color: #fff;
}

.layout-btn-add i{
font-size: 14px;
}


.layout-btn-del{
background: #f96b6b;
color: #fff;
}

.layout-btn-del i{
font-size: 16px;
}

.layout-btn-move{
background: #838fd9;
color: #fff;
}

.layout-btn-copy{
background: #ffb64d;
color: #fff;
}

.layout-btn-save{
background: #63bdf9;
color:#fff;
}

.layout-btn-save i{
font-size: 17px;
}



.layout-select{
display: inline-block;
vertical-align: middle;
width: 200px;
height: 36px;
position: relative;
color: #758697;
}

.layout-select input{
color: #758697;	
}


.layout-search{
display: inline-block;
vertical-align: middle;
width: 240px;
border: 1px solid #e0e4e9;
height: 36px;
border-radius: 3px;
position: relative;	
clear: both;
box-sizing: border-box;
}

.layout-search .layout-search-input{
width: calc(100% - 10px - 30px);
margin: 0;
padding: 0;
margin-left: 10px;
border: none;
line-height: 34px;
height: 34px;
float: left;
box-sizing: border-box;
outline: none;
color: #758797;
}

.layout-search i{
position: absolute;
right: 8px;
top: 8px;
color: #758697;
font-size: 18px;
}


.layout-calendar{
display: inline-block;
vertical-align: middle;
width: 200px;
height: 36px;
border: 1px solid #e0e4e9;
border-radius: 3px;
position: relative;
box-sizing: border-box;
clear: both;
}

.layout-calendar .layout-calendar-input{
width: calc(100% - 30px);
padding: 0;
margin: 0;
padding-left: 10px;
border: none;
line-height: 34px;
height: 34px;
box-sizing: border-box;
float: left;
}

.layout-calendar i{
position: absolute;
right: 8px;
top: 10px;
color: #758697;
}


.layout-btn-search{
background: #6784be;
color: #fff;
}