/* Phone portrait */


#testsystem {
    color: #18255a; /* blue */
}
#testsystem:after {
    content: " tiny";
}

#header_cockpit{
    padding: 8% 1% 0;
    width:44vw;
}


.perfact-layout--header       { width: 100%; }
.perfact-layout--container    { width: 100%; }
.perfact-layout--body         { width: 100%; }

.perfact-layout--nav-vert ul  { width: 106%; }
.perfact-layout--nav-horiz li { width: 98%;   margin: 1%;    padding: 1%;}

.perfact-layout--header-logo  { 
    background-size: 34vw auto;
    height: 16vw;
    margin-top: 1%;
    width: 38vw;
}

.perfact-layout--nav-horiz li { width: 48%;   margin: 0.5%;  padding: 0.5%; }

.perfact-layout--nav-vert{
    width:100%;
}

.perfact-layout--nav-vert li {
    float: left;
    margin-bottom: 0.6vw;
    margin-right: 1%;
    text-align: center;
    width: 46%;
    padding: 0.5vw;
}

.perfact-layout--nav-vert-menu .fa {
    margin-top: 3vw;
    margin-left: 1vw;
}

.perfact-layout--record-buttons-container, 
.perfact-layout--lcc-button-container{
    flex-direction:column;
    width:99%;
    height:100%;
}
.perfact-layout--record-buttons-container button:last-of-type, 
.perfact-layout--lcc-button-container button:last-of-type{
    margin-right:1%;
}

select{
    width: 90%;
}
.perfact-layout--select select,
select{
  width: 30vw;
}
.perfact-layout--systembadge {
    margin: 0.5vw 2.1vw 0.1vw;
}
.perfact-layout--modinfo,
.perfact-layout--lcc-state-container{
    width: 96%;
}
.perfact-layout--lcc-state-container{
    float: none;
}
.perfact-layout--modinfo-time-container{
    width: 40%;
}

button{
    padding:2vw;
}

.perfact-layout--form {
    flex-direction: column; 
}
.perfact-layout--formfill label, 
.perfact-layout--formfill input, 
.perfact-layout--formfill textarea, 
.perfact-layout--formfill span {
    width: 85vw;
    height: 6vw;
}

.perfact-layout--button {
    margin-top: 3vw;
    align-self: center;
}

.perfact-layout--pwmeter {
    padding: 0vw;
    align-self: center;
 }

/*Table*/
div.search table tr,
div.editform table tr,
div.tabedit table tr{
    margin-top: 1vw;
    display: block;
}
div.search table td,
div.search table th,
div.editform table td,
div.tabedit table td,
div.tabedit table th{
    width: 99%;
    margin-left: 1vw;
    display: inline-block;
    border:none;
}
div.search table td:nth-child(1) {
    width: 9%;
}
div.search table td:nth-child(3) {
    width: 39%;
}

div.editform iframe,
div.editform table td textarea {
    width: 98% !important;
    margin: 0.5% !important;
    padding: 0.5% !important;
}
div.editform table td input{
    width:89%;
}
div.search tr.search_label input{
    width:85vw;
    height:7vw;
}
.search .fill{
    width:1vw;
}
.center a{
    clear:both;
    float:left;
}
div.pager table{
    width:100vw;
}
div.editform{
    clear:both;
    float:left;
}
#save_button{
    margin-right:1%;
}
.inner select{
    85%;
}
div.body_inner .tabedit .fa{
    display:inline;
}
.inner input{
    width:89%;
}
div.tabedit td:last-child {
    border-bottom: 0.1vw solid #c5c5d0;
}
div.tabedit button{
    width:82%;
    padding:2vw;
}
.tabedit #last_line td{
    display:inline;
}
.perfact-layout--record-buttons-container button,
.perfact-layout--lcc-button-container button{
    flex:none;
}
.ptab .tabs {
    overflow-x: scroll;
    width: 91vw;
}

.perfact-row4 {
    width: 100%;
}

.perfact-row3 {
    width: 100%;
}

.perfact-row2 {
    width: 100%;
}

.perfact-row1 {
    width: 100%;
}

/* Module SCA */

div.catcontainer {
    width: 100%;
    margin: 0%;
}