.display {
    vertical-align: middle !important;
}


.demotable {
  width: 100%;
}
.demotable thead {
  text-align: right;
}
.demotable a[href^="#all"], .demotable a[href="#close"] {
  text-decoration: none;
  border-bottom: 1px dashed;
}

[id^="all"] {
  position: fixed;  
}
[id^="all"]:target + table a[href^="#all"],
[id^="all"]:not(:target) + table tbody tr:nth-of-type(n+4),  
[id^="all"]:not(:target) + table a[href="#close"] {
  display: none;
}

.form_back{
    position: fixed;
    top:30%;
    display: inline-grid;
    z-index: 9999;
    background-color: whitesmoke;
    margin: 0 auto;
	max-width: 380px;
	width: 100%;
	left: 38%;
}
.form_back2{
      position: fixed;
    top: 30%;
    display: inline-grid;
    background: whitesmoke;
    left: -20%;
    margin-left: 50%;
    z-index: 9999;
    width: 40%;
}
#formback{
	max-width: 320px;
    width: 100%;
    margin: 0 auto;
}
.background_form{
    position: fixed;
    width: 100%;
    height: 100%;
    background: grey;
    opacity: 0.5;
    top:0;
    left:0;
	z-index: 9999;
}
.close{
    align-content: center;
}
@media screen and (max-width: 768px) {
    .form_back{
        position: fixed;
        top:30%;
        margin: 0 auto;
		display: inline-grid;
        z-index: 9999;
        background-color: whitesmoke;
		align-content: center;
		left: 4%;
    }
    .form_back2{
        position: fixed;
    top: 30%;
    display: inline-grid;
    background: whitesmoke;
    left: -40%;
    margin-left: 50%;
    z-index: 9999;
    width: 80%;
    }
}