@media screen and (max-width:1024px)
{
    .mdl-layout__header{
        display:flex;
    }
    
}

.mdl-layout-icon
{
    background-image : none; /*url("img/logo.png"); */
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center center;
}
.fcr-edit-row.hiddenclass
{
    display:none;
}


.fcr-edit-row
{
    padding-bottom: 0;
    padding-top: 0;

}

.fcr-edit-row.fcr-filename-edit.fcr-edit-row-img
{
    display:none;
}

.fcr-edit-row.fcr-filename-editimage
{
    display:none;
}

.fcr-edit-row.fcr-filename-editimage.fcr-edit-row-img
{
    display:block;
}

.porta_editimage
{
    text-align:  right;
    position: relative;
    top:12px;
    margin-bottom: -32px;
}

.fcr-empty .porta_editimage
{
    top:-15px;
    margin-bottom: 10px;
}



.fcr-edit-row-label
{
margin-bottom: 3px;
}

.fcr-edit-row-input
{
    margin-top: 0;
    margin-bottom: 0px;
}

.fcr-edit-row-extra
{
    text-align: right;
}

.fcr-edit-row-extra select.select-extra
{
    font-size: 19px;
    width:70%;
}

.mdl-layout__title a
{
    color : white;
    text-decoration:none;
}

.ricerca.mdl-card,
.posizione.mdl-card{
  width: 702px;
  max-width:90%;
  margin-right:auto;
  margin-left:auto;
  background-color:#eee; 
  margin-top:40px;
}


.ricerca-edit.mdl-card {
  width: 1204px;
  max-width:90%;
  margin-right:auto;
  margin-left:auto;
  background-color:#eee; 
  margin-top:40px;
}
.ricerca input, .ricerca select, .ricerca textarea
{
    width:100%;
}


.fcr-list-row.mdl-card
{
    width:90%;
    margin:30px 5%;
    padding: 20px;
    background-color: #eee;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

@media only screen and (max-width: 600px) {
    .fcr-list-row.mdl-card
    {
        width:98%;
        margin:30px 1%;
        padding: 20px 3%;
    }
}

.back-holder
{
    width:90%;
    margin:30px 5%;
}

input
{
    font-size:120%;
}

textarea
{
    font-size:120%;
    min-height:250px;
}

.button-holder
{
    text-align:right;
}

#edit-soggetto, #input-soggetto
{
    text-transform: capitalize;
}

@media screen and (min-width:760px)
{
    
}

.mandatory-field
{
    color:red;
}



/**************************************************/

body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
}


.fcr-list-row
{
	margin-bottom: 5px;
}

.fcr-list-element.fcr-list-element
{
}

.fcr-list-element-label.fcr-list-element-codice-label,
.fcr-list-element-label.fcr-list-element-descr_en-label,
.fcr-list-element-label.fcr-list-element-descr_it-label,
.fcr-list-element-label.fcr-list-element-img-label
{
	display: none;
}

.fcr-empty .fcr-list-element-label.fcr-list-element-img-label
{
    display: inline;
}

.fcr-list-element-value.fcr-list-element-codice-value
{
	font-size: 200%;
	font-family: helvetica;
	font-weight: bold;
    display: flex;
}
.fcr-list-element-value.fcr-list-element-codice-value a{
    flex: 50%;
}

.fcr-list-element
{
	margin-bottom:5px;
    flex: 100%;
}

.fcr-list-element-altezza,
.fcr-list-element-larghezza,
.fcr-list-element-lunghezza,
.fcr-list-element-quantita
{
    flex:20%;
}

.fcr-list-element-quantita
{
    flex-grow:5 ;
}

.fcr-list-element-label
{
	font-weight:normal;
}

.fcr-list-element-value
{
    font-weight:bold;
}

.fcr-list-element-label:after
{
 content:": ";
}

.fcr-search-row-label
{
text-transform: uppercase;
display: inline-block;
/*width: 110px; */
}


input, select
{
   border: 1px solid #333333;
   margin-bottom :5px;
   width:250px;
}



   
#input-submit
{
margin-top: 15px;
width:250px;
}

.back-holder
{
 width:100%;
 text-align:left;
}

.input-back
{
zzzmargin-top: 15px;
width:auto;
zzzfloat:right;
}



.fcr-list-element-etichetta-value
{
 font-weight: bold;
 color: #000000;
}

.fcr-list-row{
  /*border-bottom: 1px solid #CCCCCC;*/
;

}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-view {
border: 1px solid #888;
    margin-top:10px;
}

.fcr-porta-delete
{
    position: relative;
    top:-35px;
    margin-bottom:-30px;
    text-align: center;

}

.fcr-porta-camera
{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.btn-new-image
{
    width:100%;
}

@media only screen and (min-width: 600px) {
    .img-responsive {
        max-width: 400px;
    }
}

input:read-only,
textarea:read-only {
    background-color: silver;
}

.fcr-fab-fixed
{
    position: fixed;
    top:120px;
    right:20px;
}

.invent-table-view
{
    width: 100%;
}

#fcr-edit-dialog{
    width: 90%;
    max-width: 400px;
    padding: 0;
    margin-top:10vh;
}

#fcr-edit-dialog input
{
    width:100%;
    font-size: 120%;
}

#fcr-edit-dialog textarea
{
    width:100%;
    height: 5vh;
    font-size: 120%;
}

.fcr-completa
{
    margin-top: 50px;
    text-align: center;
}

#fcr-pagination .mdl-card
{
    min-height: auto;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.pagination a.active {
    background-color: rgb(244, 67, 54);
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


.mdl-navigation__link.xlarge
{
    font-size: 300%;
}

.posizione select
{
    width: 100%;
    margin-bottom: 20px;
}

.posizione.mdl-card
{
    padding:30px;
}


.mdl-data-table td.align-left,
.mdl-data-table th.align-left
{
    text-align: left;
}
/*
definitions.php
            'descr_en' => array(
                'containertag' => 1,

            'modello' => array(
                'containertag' => 2,

.fcr-container
{
    border: 3px solid red;
    display: flex;
    flex-direction: column;
}

.fcr-list-element-img
{
    flex: auto;
}

 */