/*
===================================================

F O R M  C O N F I G

===================================================
*/

.search dl,
.form dl{
/*border: solid 1px #eee;*/
display: table;
width: 100%;
margin-bottom: 10px;
}

.search dt,
.search dd,
.form dt,
.form dd{
display: table-cell;
vertical-align: middle;
box-sizing: border-box;
padding: 10px;
}

.search dt,
.form dt{
background: #022C2B;
width: 150px;
font-size: 80%;
color: #fff;
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
text-align: right;
}

.search dt .need,
.need{
color: #c00;
display: block;
font-size: 80%;
}


.search dt .need{
display: none;
}

.search input[type=time],
.search input[type=date],
.search input[type=email],
.search input[type=number],
.search input[type=text],
.form input[type=time],
.form input[type=date],
.form input[type=email],
.form input[type=number],
.form input[type=text]{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-outline: 0;
-moz-outline: 0;
-ms-outline: 0;
-o-outline: 0;
outline: none;
color: #555;
background-color: #fff;
min-height: 34px;
height: 34px;
padding: 6px 12px;
font-size: 14px;
background-image: none;
border: 1px solid #c5c6ca;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
width: 90%;
}

.search input[type=number],
.form input[type=number]{
width: 100px;
}

.form textarea {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
resize: vertical;
outline: none;
color: #555;
background-color: #fff;
min-height: 34px;
padding: 6px 12px;
font-size: 14px;
background-image: none;
border: 1px solid #c5c6ca;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
width: 90%;
height: 100px;
}

.search select,
.form select {
cursor: pointer;
border: 1px solid #c5c6ca;
z-index: 2;
-webkit-outline: 0;
-moz-outline: 0;
-ms-outline: 0;
-o-outline: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 100%;
padding: 6px 20px 6px 12px;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.search input.short,
.form input.short{
width: 20%;
}

.form input[disabled=disabled]{
background: #ccc;
}


input[type="submit"]{
margin: 20px auto;
display: block;
padding: 5px 20px;
border-radius: 30px;
background: #022C2B;
color: #fff;
font-size: 80%;
}


.btn{
list-style: none;
}

.btn li{
text-align: right;
}

.btn a{
text-decoration: none;
line-height: 100%;
vertical-align:baseline;
font-size: 80%;
display: inline-block;
}

.btn a:hover{
opacity: .5;
}

.btn .newedit a{
background: #f7b1a7;
color: #fff;
padding: 3px 20px;
border-radius: 50px;
}


.list{
width: 100%;
}

.list td{
border-bottom: dotted 1px #ddd;
padding-bottom: 10px;
}

.list .ids{
width: 30px;
}