/*
zone form --> form_search
*/

input[type=text],
input[type=email],
input[type=select],
input[type=password],
input[type=number],
input[type=URL], select, textarea{
  font-size:11px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  width: 95%;
  padding: 7px 20px;
  margin: 8px 0;
  height:20px;
  box-sizing: border-box;
}


input[type=text]:focus,
input[type=email]:focus,
input[type=select]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=URL]:focus, select:focus, textarea:focus{
  background-color: lightblue;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  width: 95%;
  padding: 7px 20px;
  margin: 8px 0;
  height:20px;
  box-sizing: border-box;
}

textarea {
height:200px;
background-color: blanc;
}

textarea:focus {
height:500px;
background-color: lightblue;
}

select {
height:28px;
background-color: blanc;
font-size:9px;
}

select:focus {
height:28px;
background-color: lightblue;
font-size:9px;
}

input[type=submit] {
  background-color: #04AA6D;
  width:90%;
  margin:5px;
  padding:5px;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}


.forms_div {
    width:92%;
    border-radius: 10px;
    padding:2px;
    margin-top: 5px;
    background-color: rgb(232, 232, 232, 0.4);
}

.forms_table {
    width:92%;
    margin:12px;
}

.forms_label {
    font-size:11px;
    width:17%;
}

.forms_value {
    vertical-align: top;
}

.search_scroll {
    overflow: scroll;
    margin:4px, 4px;
    padding:4px;
    width: 100%;
    height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align:justify;
}

.search_scroll_m2m {
    overflow: scroll;
    font-size:10px;
    margin:10px, 10px;
    border-radius: 10px;
    background-color:#F0F4FF;
    padding:10px;
    height:120px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align:justify;
}