/* -------------- RESPONSIVE --------------- */
/*                                           */
@media only screen and (min-width : 500px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 0.85em;
    background-size: cover;
  }
}
@media only screen and (min-width : 600px) {
   .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 1.1em;
    background-size: cover;
  }
}
@media only screen and (min-width : 700px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 1.3em;
    background-size: cover;
  }
}
@media only screen and (min-width : 800px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 1.4em;
    background-size: cover;
  }
}
@media only screen and (min-width : 900px) {
   .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 1.6em;
    background-size: cover;
  }
}
@media only screen and (min-width : 1000px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 2.2em;
    background-size: cover;
  }
}
@media only screen and (min-width : 1100px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 2.5em;
    background-size: cover;
  }
}
@media only screen and (min-width : 1200px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 2.8em;
    background-size: cover;
  }
}
@media only screen and (min-width : 1300px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 3em;
    background-size: cover;
  }
}
@media only screen and (min-width : 1400px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 3.3em;
    background-size: cover;
  }
}
@media only screen and (min-width : 1600px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 3.6em;
    background-size: cover;
  }
}
@media only screen and (min-width : 1700px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 4.2em;
    background-size: cover;
  }
}
@media only screen and (min-width : 1800px) {
  .logo-gefil {
    background-image: url('images/logo_gefil.png');
    height: 4.5em;
    background-size: cover;
  }
}
/* -------------- COMMON FEATURE  -------------- */
/*                                               */           
#intestazione {
  background-color: whitesmoke;
  font-size: 1.5em;
  width: 100%;
  height: 7em;
  margin: auto;
  padding: 1em;
}
/* MENU' PRINCIPALE */
#menu-button {
  position: fixed;
  top:1em;
  right:0.5em;
  font-size: 4em;
  color: red;
  cursor:pointer;
  z-index: 999;
}
#menu-content {
  margin-top: 4em;
}
#menu-content .description {
  font-size: 1em;
  padding: 1em;
}
#menu-content .icon {
  font-size: 2em;
}
#menu-content span {
  margin-left: 1em;
}
#menu-content a:hover {
  color: red;
  font-size: 120%;
}
#menu-content p {
  min-height: 3em;
}
#scegli-comune-box {
  font-size: 1.2em;
  float: right;
}
#visura-comune-box {
  width: 50%;
  margin:auto;
  font-size: 1.5em;
}
#visura-comune-box select {
  background-color: yellowgreen;
}

#scegli-comune-box select {
  background-color: yellowgreen;
}
#scegli-comune {
  text-align: right;
}
#scegli-comune select {
  height: 3em;
}
#codice_comune, #accordion-index {
  display:none;
}
h1.main-title { /* Titolo software */
  color: blue;
  font-size: 2.5em;
}

.container {
  width: 90%;
	margin: auto;
  padding: 0 2em 0 2em;
  margin-bottom: 2em;
}

#container {
  width: 90%;
	min-height: 35em;
	margin: auto;
  padding: 0 2em 0 2em;
  margin-bottom: 2em;
}
#header-container {
  width: 90%;
	margin: auto;
  padding: 2em;
}
#login-container {
  width: 50%;
	margin: auto;
  padding: 2em;
}
.login-errror-message {
  margin-bottom: 2em;
}
#login-form >.ui.secondary.segment  {
  padding: 3em;
}
#new-user-form >.ui.secondary.segment  {
  padding: 3em;
}
/* Destroy USER */
.ui.modal.destroy-user {
  text-align:center;
}
.ui.modal.destroy-user p {
  font-size: 1.5em;
  margin: 1em;
}

#login-container .field {
  margin-bottom: 2em;
  font-size: 1.5em;
}
#error-login-message {
  background-color: #FFF;
  border: none;
  color: red;
}

#header-container .th-1 {
  text-align:left;
}
#header-container .th-2 {
  text-align:center;
}
#header-container .th-3 {
  text-align:right;
}

.sub-title {
  background: papayawhip;
  padding: 0.5em;
  border-radius: 5px;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
/* pagination */
#box-menu {
  margin:auto;
  margin-bottom: 5em;
}

.barnav {  
  font-size: 1.5em;
  text-align:center;
  margin-bottom: 3em;
  margin-top: 1em;
}
.barnav a, span {
  font-size: 1.5em;
}
/*
.linkcur {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
*/

/*
 * attiva comune */
.btn-active {
text-align: center;
}
/* on Card (attiva_comune.php */
.line-bar {
  height: 2em;
  background-color: blue;
}
.no-line-bar {
  height: 2em;
  background-color: whitesmoke;
}
.str-attivazione {
  font-size:1.1em;
  color: red;
}


/* CONTACT FORM */
#contact-form, #forgotten-password-form  {
  display: none;
  position: relative;
  z-index: 999;
  width:70%;
  margin:auto;
  margin-top: 2em;
  margin-bottom: 5em;
}

#contact-form .ui.message  {
  font-size: 1.2em;
}
#contact-form h2, #forgotten-password-form h2 {
  margin: 1em;
  text-align:center;
}
#contact-form .ui.form .two.fields>.field:first-child,
#forgotten-password-form .ui.form .two.fields>.field:first-child { 
  width: 15%;
  text-align: right;
  padding-top: 0.5em;
}
#contact-form .ui.form .two.fields>.field:last-child,
 #forgotten-password-form .ui.form .two.fields>.field:last-child {
  width: 85%;
}
/*
#contact-form .field, #forgotten-password-form  .field {
  padding: 1em;
  text-align: center;
  margin:auto;
  width: 100%;
  font-size: 1.2em;
}
#contact-form


#contact-form .inline, #forgotten-password-form .inline {
  height: 4em;
}
*/

.add-email-message {
  color: tomato;
  margin: 0.5em;
  display: none;
}
.message-btn-row {
  margin-top: 1em;
}
.message-btn-row div {
  margin-top: 0.5em;
}
#submit-contact-form, #submit-forgotten-password-form {
  margin:auto;
  display: none;
}
.field-email {
  width: 15%;
  padding-top: 1em;
}

/* ------------ SEARCH FORM  ------------ */
/*                                        */
.search-isola {
  margin:auto;
  margin-bottom: 2em;
}
#search-form div {
  font-size: 2em;
  text-align: right;
}
#search-form-potrib div {
  font-size: 1.2em;
  text-align: right;
}

#search-input {
  width: 40%;
  background-color: thistle;
  opacity: 0.8;
  padding: 0.5em;
  margin-top: -0.5em;
  margin-right: 5.5em;
}

/* ------------ UPLOAD FILE  ------------ */
/*                                        */
.ui.grid>* {
  width: 45%;
  margin: auto;
  margin-bottom: 2em;
  padding: 2em;
}
#form-upload {
  margin: 2em;
}
#form-upload .row {
  margin-top: 1em;
}
input[type='file'] {
  display: none;
}
.choosen-file {	
  visibility: hidden;
}
.choosen-file > div {
  font-size: 1.5em;
}
.loading-file {
	margin: 2em;
	display: none;
}
#sog-result {
	font-size: 2em;
}
.submit-input-file-btn {	
  visibility: hidden;
}
/* -------------- LOADER ------------- */
.loader {
  visibility: visible;
	margin: auto;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 2em;
  height: 2em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader-button {
  visibility: visible;
	margin: auto;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 8em;
  height: 8em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader-export {
  visibility: visible;
	margin: auto;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 10em;
  height: 10em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader-choose {
  visibility: visible;
	margin: auto;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 8em;
  height: 8em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#result {
  font-size: 2em;
  text-align: center;
  color: red;
  opacity: 0;
  width: 100%;
  margin-bottom: 2em;
}

/* ---------- UPLOAD RESULT ---------- */
/*         uploads_result.php          */
/*                                     */
#uploads-result {
  min-height: 35em;
  width: 100%;
  display: table;
}
#uploads-result .label {
  font-size: 2em;
}
#uploads-content {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#new-upload-btn {
  margin-top: 2em;
}
#start-parsing-btn {
  margin-top: 3em;
  margin-bottom: 3em;
}
.second-table tbody tr td {
  cursor: pointer;
}

/* for transictions */
.second-table tbody tr {
  animation: animateElement linear .4s;
  animation-iteration-count: 1;
}

@keyframes animateElement{
  0% {
    display :none;
    transform: scale(1.1)  translate(0px,-1000px);
  }
  100% {
    display:block;
    transform:  scale(1)  translate(0px,0px);
  }
}

#new-upload-table-button {
  border: none;
}
#submit-upload-file {
  visibility: hidden;
}
#file-choosen span {
  font-size: 2em;
}
#multi-upload-message-error {
  width: 85%;
  margin: auto;
  margin-bottom: 2em;
}

/* dettaglio uploads */
#export-choose {
  font-size: 1.5em;
  margin-top: 1em;
}

/* -------------- EXPORT ------------- */
/*          esportazioni.php           */
/*                                     */
.titolo-pagina {
  float: right;
  padding: 1em;
  margin-right: 2em;
  background-color: rgb(232, 232, 232);
  color: blue;
}
.export-elenco-titolo {
  text-align: center;
  font-size: 1.2em;
}
.filemaker-export {
  margin: auto;
  padding:1.5em;
  font-size:1.2em;
  color: purple;
  text-align:center;
  background-color: #F8F8F8;
  border: solid 1px red;
}
.filemaker-export div:first-child {
  margin-top:2em;
}
.filemaker-export a, .potrib-export a {
  color:blue;
  cursor: pointer;
}
.potrib-export {
  margin: auto;
  margin-top: 2em;
  padding:1.5em;
  font-size:1.2em;
  color: purple;
  text-align:center;
  background-color: #E8E8E8;
  border: solid 1px red;
}
.potrib-export div:first-child {
  margin-top:2em;
}
#scegli-anno-export-box select {
  background-color: springgreen;
}
#scegli-anno-export select {
  height: 3em;
  margin-right: 3em;
}
#new-export-form button {
  margin: auto;
  margin-top: 3em;
  width: 25%;
}

/* -------------- FOOTER ------------- */
/*                page.php             */
/*                                     */
.footer > div {
  width: 50%;
}
#footer {
  background-color: #2a2730;
  color: #fff;
  font-size: 1em;
  text-align: center;
  padding: 3em;
}
.footer-container {
  margin: auto;
  width: 70%;
}
#footer-gefil {
  font-size: 1.3em;
}

#visura-container {
  width: 50%;
	margin: auto;
  padding: 2em;
  font-size: 2em;
}
#visura-container .fluid {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.5em;
}

#visura-container .button {
  margin: auto;
  font-size: 1em;
  width: 20%; 
}

.ui.accordion .title:hover {
  background-color: springgreen;
}
.ui.accordion .item {
  cursor:pointer;
}
.indietro-box{
  margin-bottom:1em;
}
.ui.button.indietro {
  font-size: 1em;
  background-color: #CCE2FF;
}
.fab-tables {
  margin-bottom: 6em;
}
.ui.table.titoli tbody tr {
  cursor:pointer;
}
.fabbricati, 
.terreni
{
  cursor:pointer;
}
.ui.fixed.table.modal-titoli {
  font-size:1.2em;
  width:95%;
  margin:auto;
  margin-top: 1em;
  margin-bottom: 2em;
}
.ui.fixed.table.modal-titoli th  {
  padding: 0.5em;
}
.fab-tables-secondaria {
  margin-top: 2em;
  margin-bottom: 6em;
}
#visura-immobile {
  width: 40%;
  margin: auto;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 4em;
}
#visura-immobile input {
  font-size: 1em;
}

.range-date {
  font-size: 1.2em;
  color: navy;
}
.three-top {
  margin-top: 2em;
}

/* set importazione/esportazione corrente */
.ui.table tr.positive {
  font-weight: 900;
}

/* import/export modal change */
#change-import-content .description,
#change-export-content .description {
  font-size: 1.2em;
  margin: 1em;
}
#change-export-button,#change-import-button {
  margin-left: 1em;
}
.ui.button.choose-btn-modal {
  margin-left: 1em;
}

#choosen-file-content {
  font-size: 1.3em;
  text-align: center;
  display: none;
}
#choosen-file-content select {
  background-color: yellowgreen;
  height: 3em;
}
#visura-container .ui.warning.message {
  font-size:0.5em;
}

#link-cards {
  width: 60%;
}
.ui.cards a.card, .ui.link.card, .ui.link.cards .card, a.ui.card {
    background-color: cyan;
  }