/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-mag-2023, 9.06.56
    Author     : fbettazzi
*/

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
/* General Start */
:root {
  --blue: #2780E3;
  
  --indigo: #6610f2;
  
  --purple: #613d7c;
  --pink: #e83e8c;
  --red: red;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #2fa708;
  --teal: #20c997;
  --cyan: #54a9bb;
  --white: #fff;
  --gray: #868e96;
  --gray-dark: #373a3c;
  --primary: #2780E3;
  --secondary: #373a3c;
  --success: #2fa708;
  --info: #54a9bb;
  --warning: #ffc107;
  --danger: red;
  --light: #f8f9fa;
  --dark: #373a3c;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.2;
  color: #373a3c;
  text-align: left;
  background-color: #fff; }

/* General End */

/* Form Start */

.form-container {
    position: relative;
    border: 1px solid #ccc;
    /*width: 70vw;*/
    border-radius: .5rem;
    padding: 1.8rem 1rem .5rem 1rem;
    margin: 1rem auto 0 auto;
    background-color: #E9EAED;
}

.form-header {
    top: -14px;
    background-color: white;
    border-radius: .5rem;
    border: 1px solid #cccccc;
    position: absolute;
    display: flex;
    align-items: center;
    margin: 0 0 1rem 0;
    padding: 0 0.5rem;
    cursor: pointer;
}

.bordered-input-container {
    display: flex;
    justify-content: start;
    align-items: center;
    
    padding: .3rem 0!important;
    border-bottom: 1px solid #aaa;
    margin: 0!important;
}

.bordered-input-container > div {
    /*display: flex;
    justify-content: start;
    align-items: center;*/
    /*display: inline;
    vertical-align: middle;*/
}

.form-container > div div.bordered-input-container:first-of-type {
    border-top: 1px solid #aaa;
}

.icon-open-close-image {
    margin-left: 1rem;
	width: 16px;
	height: 16px;
}

.flt-titolo {
    display: flex;
    align-items: center;
}
    
.flt-label {
    display: inline-block;
    width: 7rem;
    font-weight: bold;
    text-align: start;
}

.flt-data-label {
	display: inline-block;
	width: 1.5rem;
	text-align: end;
	padding-right: .3rem;
}

.flt-label-3 {
    width: 3rem;
}

.flt-label-4 {
    width: 4rem;
}

.flt-label-5 {
    width: 5rem;
}

.flt-label-8 {
    width: 8rem;
}

.flt-label-9, .flt-label-large {
    width: 9rem;
}

.flt-label-10, .flt-label-modal {
    width: 10rem;
}

.flt-label-12, .flt-label-extra-large {
    width: 12rem;
}

.flt-label-14 {
    width: 14rem;
}

.flt-label-15 {
    width: 15rem;
}

.flt-label-20 {
    width: 20rem;
}

.flt-label-25 {
    width: 25rem;
}

.flt-label-26 {
    width: 26rem;
}

.flt-label-32 {
    width: 32rem;
}

.flt-input-note {
    border-radius: .25rem;
    border: 1px solid #999999;
    background-color: white;
}

.flt-input {
    border-radius: .25rem;
    width: 35rem;
    border: 1px solid #999999;
    background-color: white;
}

.flt-input-squared, .flt-input-2 {
    width: 2rem!important;
}

.flt-input-small, .flt-input-3 {
    width: 3rem!important;
}

.flt-input-4 {
    width: 4rem!important;
}

.flt-input-5 {
    width: 5rem!important;
}

.flt-input-data {
    width: 5.3rem!important;
}

.flt-input-6 {
    width: 6rem!important;
}

.flt-input-7 {
    width: 7rem!important;
}

.flt-input-8 {
    width: 8rem!important;
}

.flt-input-9 {
    width: 9rem!important;
}

.flt-input-xs, .flt-input-10 {
    width: 10rem!important;
}

.flt-input-14 {
    width: 14rem!important;
}

.flt-input-15 {
    width: 15rem!important;
}

.flt-input-16 {
    width: 16rem!important;
}

.flt-input-17 {
    width: 17rem!important;
}

.flt-input-18 {
    width: 18rem!important;
}

.flt-input-19 {
    width: 19rem!important;
}

.flt-input-sm, .flt-input-20 {
    width: 20rem!important;
}

.flt-input-30 {
    width: 30rem!important;
}

.flt-input-40 {
    width: 40rem!important;
}

.flt-input-45 {
    width: 45rem!important;
}

.flt-input[readonly] {
    background-color: #e9ecef;
}

.flt-input-white[readonly] {
    background-color: #fff;
}

input.btnRubrica{
        border: 2px solid darkgray; 
        border-radius: .25rem;
        cursor: pointer;
}

.datafld {
    width: 4.8rem;
}

.orafld, .flt-input-ora {
    position: relative;
    width: 3rem!important;
}

@media screen and (max-width: 1200px) {
  .flt-input {
    width: 20rem;
  }
  
  .datafld {
      width: 7rem;
  }
}

input.form-check-input {
    width: 1rem;
    height: 1rem;
}

label.form-check-label {
    margin-left: .3rem;
}


.containerRadio {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.containerRadio input[type='radio'] {
    border: 1px solid #999999;
    background-color: white;
    width:16px;
    height:16px;
    cursor: pointer;
}

.containerRadio label {
    font-size: .85rem;
    margin: 0 10px 0 5px;
    cursor: pointer;
}

.containerCheckbox input[type='checkbox'] {
    border: 1px solid #999999;
}

.containerCheckbox label {
}

/* Form End */

/* MENU' Start */

/* MENU' End */


/* Loading START */
/* Animazione dei pallini */
.loading-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.loading-dots span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    background-color: #eeeeee;
    border-radius: 50%;
    display: inline-block;
    animation: bounce 1.2s infinite ease-in-out;
}

.loading-dots span:nth-child(1) {
    animation-delay: 0s;
}

.loading-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.loading-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

.loading-dots span:nth-child(4) {
    animation-delay: 0.6s;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Animazione del testo */
.loading-text {
    font-size: 1.5rem;
    font-weight: 600;
    color: #eeeeee;
    /*animation: pulse 1.5s infinite;*/
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}
/* Loading END */

/* Table START */
/* Animazione della riga */
@keyframes pulseOpacity {
  0% {
    background-color: inherit;
    opacity: 1;
  }
  50% {
    background-color: inherit;
    opacity: 0.6;
  }
  100% {
    background-color: inherit;
    opacity: 1;
  }
}

.pulse-row {
  animation: pulseOpacity 2s infinite;
  transition: opacity 0.5s ease;
}
/* Table END */