/* Phone portrait */


#testsystem {
    color: #18255a; /* blue */
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 35vw;
    text-align: center; 
}
#testsystem:after {
    content: " tiny";
}

#header_cockpit{
    padding: 3% 1% 3%;
    width: 35vw;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.perfact-layout--header       { width: 98vw; }
.perfact-layout--container    { width: 98vw; }
.perfact-layout--body         { width: 97vw;}

.perfact-layout--nav-vert ul  { width: 95vw; }
.perfact-layout--nav-horiz li { width: 93vw;   margin: 1vw;    padding: 1vw;}

.perfact-layout--header-logo  { 
    background-size: 34vw auto;
    height: 7vw;
    margin-top: 3vw;
    margin-left: auto;
    margin-right: auto;
    min-width: 35vw;
    float: none;
}

.perfact-layout--systembadge {
    margin-left: auto;
    margin-right: auto;
    min-width: 35vw;
    float: none;
    text-align: center;
}

.perfact-layout--nav-crumbs {
    width: 80vw;
    /*padding-left: 5vw;*/
    display: inline-block;
}

.perfact-layout--nav-crumbs li {
    max-width: 20vw;
}

.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 {
    width: 8vw;
    height: 8vw;
    padding: 0;
    margin-top: 2vw;
    margin-left: 2vw;
    padding-left: 2px;
    position: absolute;
}
.perfact-layout--nav-vert-menu .fa {
    padding: 0px;
    margin-top: 0px;
    width: 100%;
    height: 100%;
    font-size: 8vw;
        
    display: inline-block;
}
.fa-search, 
.fa-calendar{
    padding: 0px;
    margin-top: 0px;
    width: 6vw;
    height: 6vw;
    font-size: 6vw;
    float: right;
}

.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;
}


button{
    padding:2vw;
}

.perfact-layout--body .content {
    width: 90vw;
    margin-left: 0vw;
}
.perfact-layout--body .pbox {
    width: 99vw;
    margin-left: 0vw;
}
.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: 94vw;
    margin-left: 1vw;
    display: inline-block;
    border:none;
    text-align: center;
}
div.search table td:nth-child(1) {
    width: 9%;
}
div.search table td:nth-child(3) {
    width: 94vw;
    word-wrap: break-word;
}

div.editform iframe,
div.editform table td textarea {
    width: 98% !important;
    margin: 0.5% !important;
    padding: 0.5% !important;
}

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;
    padding: 1vw;
}
#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.body_inner .tabedit input[type="checkbox"]{
    width:5vw;
    height:5vw;
    vertical-align:middle;
}
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%;
}

/* begin ticket 139573 */

.perfact-layout--record-buttons-container button,
.perfact-layout--lcc-button-container button{
    width:93vw;
    margin-top: 2px;
}
#formstandardpw td, th{
    width: 90vw;
    display: inline-block;
    text-align: center;
}
#formstandardpw tr {
    height: 0;
    min-height: 0px;
    text-align: center;
}

.login_form_button, 
#formstandardpw button {
    width: 75vw;
}

h1 {
    text-align: center;
}

#formstandardpw {
    width: 90vw;
}

.swipe-in {
    display: none;
}
.swipe-out {
    display: inline;
}

div.content input {
    min-width: 75vw;
}
div.content input[type="checkbox"] {
    min-width: 0;
}
#quicksearch {
    display: none;
}

div.pager table {
    text-align: left;
}
div.left {
    width: 93vw;
}
div.left select {
    width: 300px;
    max-width: none;
    margin-left: 0;
    padding: 4px;
}
div.left input {
    width: 290px;
    max-width: none;
    margin-left: 0;
    padding: 4px;

}

div.right {
    float: left;
    width: 93vw;
    margin-right: 0;
}
.open-popup {
    float: right;
}
div.upload-fileinput input, div.upload-fileinput button {
    width: 91vw;
}
#upload-submit , #upload-submit button{
    width: 93vw;
}
#save_button {
    width: 93vw;
    margin-top: 3px;
}

.dbfield {
    
    margin: 0;
    margin-top: 10px;
    display: inline-block;
    width: 90vw;
}
.tssubjectmatter_id {
    margin: 0;
}
div.editchooser {
    width: 93vw;
}
div.edit_header {
    width: 93vw;
}
tr.search_label th {
    width: 94vw;
}

.perfact-layout--modinfo > div {
    display: inline-block;
    width: 93vw;
    margin-bottom: 1%;
}

.perfact-layout--record-label {
    width: 93vw;
    display: inline-block;
    max-width: 94vw;
    text-align: center;
}

.perfact-layout--record-search {
    width: 20px;
    height: 20px;
    display: inline-block;
 
    text-align: center;
    vertical-align: middle;
}
.perfact-layout--select select {
    max-width: 275px;
    width: 275px;
    background-size: 28px auto;    
}
.fa-search {
    font-size: 20px
}
#edit_status span {
    width: 93vw;
    text-align: center;
}

.perfact-layout--modinfo span {
    font-weight: bold;
    float: none;
}
.perfact-layout--modinfo-time-container,
.perfact-layout--modinfo-author-container {
    width:93vw;
}

.perfact-layout--modinfo-time-container label,
.perfact-layout--modinfo-author-container label {
    width: 150px
}

.perfact-layout--modinfo-time-container span,
.perfact-layout--modinfo-author-container span,
.perfact-layout--modinfo #el_modtime,
.perfact-layout--modinfo #el_createtime{
    margin-left: 0;
    float: left;
}
#el_filename,
#el_caption,
#el_tssubjectmatter_name{
    max-width: 87vw;
    word-wrap: break-word;
}

#upload-container {
    margin: 0;
}
.dbfield select {
    width: 250px;
    max-width: 90vw;
}
input,
textarea {
    max-width: 86vw;
    margin-left: auto;
    margin-right: auto;
}
button {
    max-width: 92vw;   
}
span {
    word-wrap: break-word;
    display: inline;
    max-width: 87vw;
}
tr {
    max-width: 96vw;
}
table {
    max-width: 96vw;
}
div.editform {
    max-width: 96vw;
}
/* end ticket 139573 */