/**
 *   @Document   : main.css
 *   @Created on :
 *   @Author     : Virginio Laurini @ Pingitore Informatica
 *   @Description:
 */

/***********************************
* VARIABLES
***********************************/
:root {
    --primary-color: #0d47a1;
    --primary-color-hover: #1976d2;
}

/***********************************
* GENERAL STYLING
***********************************/
body {
    font-family: verdana, helvetica, sans-serif;
    background-color: #f5f5f5; 
}

.titolo {
    color: var(--primary-color);
}

.table-header{
    margin: 2px;
}
.table-header tr {
    margin-top: 0px !important;
}
.table-header td{
    background-color: #f5f5f5;
    padding: 0rem 0rem;
}

.table-header h1 {
    font-size: xx-large;
    color: darkblue;
    align-self: baseline;
}

.table-header h1.no-login {
    font-size: xxx-large;
    color: darkblue;
    align-self: baseline;

}

/***********************************
* Logos area
***********************************/
div.logo-arcobaleno-container {
    vertical-align: bottom;
    display: inline-block;
    text-align: center;

    background-image: url("/img/logo/rainbow.png");
    background-repeat: no-repeat;
    background-size: contain;

    height: 80px;
}

div.logo-arcobaleno-container.no-login {
    height: 120px;
}

img.logo {
    height: 80px;
}

img.logo.no-login {
    height: 120px;
}

#logo-pingitore:hover {
    cursor: pointer;
}

/***********************************
* COLORS
***********************************/
.btn-primary {
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
}

.btn-primary:hover {
    background-color: var(--primary-color);
}

.bg-primary {
    background-color: var(--primary-color-hover) !important;
}

.text-primary {
    color: var(--primary-color-hover);
}

.bg-std {
    color: white;
    background-color: dodgerblue;
}


/***********************************
* TRASPARENZE
***********************************/

.opacity07{
    opacity:0.7 !important;
}

.opacity03{
    opacity:0.3 !important;
}

/***********************************
* FONT SIZE
***********************************/
body,
.btn,
.input-group-text,
.form-control {
    font-size: 13px !important;
}

.fsh1{
    font-size: 1em;
}

/***********************************
* BORDER RADIUS
***********************************/
.btn,
.input-group-text {
    border-radius: 0;
}


/***********************************
* NAVBAR
***********************************/
.navbar {
    background-color: var(--primary-color);
    padding: 0;
}

.navbar .nav-item {
    padding: 4px 6px;
}

.navbar .nav-item.active {
    background-color: var(--primary-color-hover);
}

.navbar .nav-item:hover {
    background-color: var(--primary-color-hover);
}

.navbar .nav-link {
    color: #fff !important;
}

.sub-navbar {
    border-top: 1px solid var(--primary-color-hover);
}


/***********************************
* Classi per evidenziare nelle liste, 
* i bambini o gli utenti con data_fine scaduta o nulla
***********************************/
.check_df_null {
    color: blue;
}

.check_df_expired {
    font-style: italic;
    color: red !important;
}

/*************************************
* CUSTOM INPUT AND TEXTAREA FOR FATTURE
*************************************/

.custom-input-fatture {
    margin-bottom: 1px;
    border: none;
    padding: 1px 10px;
    width: 100%;
}

.custom-input-fatture.little_size1{
    width: 32%;
}
.custom-input-fatture.little_size2{
    width: 66%;
}

.custom-textarea-fatture {
    border: none;
    margin-bottom: 4px;
    padding: 4px 10px;
    width: 100%;
    overflow: hidden;
    resize: none;
}

.custom-textarea-fatture:hover, .custom-input-fatture:hover {
    background-color: #f5f5f5;
}

.custom-textarea-fatture:focus, .custom-input-fatture:focus{
    background-color: #f5f5f5;
}

.custom_intestazione_asilo_fattura {
    border: none;
    width: 100%;
    font-size:xx-small !important;
}

.fat_height_for_print{
    height: 3000px;
}

/*************************************
* TOOLBAR
*************************************/
.toolbar_area_xxsmall {
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
    width: 10px;
    color: brown;
    cursor: pointer;
}

.toolbar_area_xsmall {
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    color: brown;
    cursor: pointer;
}

.toolbar_area_small {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    color: brown;
    cursor: pointer;
}

.toolbar_area_medium {
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    width: 90px;
    color: brown;
    cursor: pointer;
}

.toolbar_area_large {
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    width: 110px;
    color: brown;
    cursor: pointer;
}

.toolbar_area_xlarge {
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    width: 130px;
    color: brown;
    cursor: pointer;
}

.toolbar_area_xxlarge {
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    width: 150px;
    color: brown;
    cursor: pointer;
}






/***********************************
* PADDING
***********************************/
.margin-bottom-20 {
    margin-bottom: 20px;
}

/***********************************
* NON-SCROLLABLE TABLE HEADER
***********************************/
.tableFixHead{
    overflow: auto;
    position: sticky; 
    top: 40px;
    z-index: 1;
    box-shadow: inset 1px -1px #000;
}



/***********************************
* da rendere generali nel programma 
***********************************/

.legend-bambino-modal {
    float: none;
    width: auto;
    margin-left: -5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
}


.fieldset-bambino-modal {
    border: 1px solid #ced4da;
}


.fas, .fas:hover {
    cursor: pointer;
}


.bambino-modal-title {
    margin-left: 170px;
}

.modal-title {
    font-size: 18px !important;
}

.corner-bottom-right{
   position:relative;
   top:45%;
   border-radius: 20%;
}




/***********************************
* Nativamente generali nel programma 
***********************************/

/* Rende bianco il background di un campo di input o text_area che sia. Utile se il campo è "disabled" */
.white_field{
    background-color: #ffffff !important;
}



/* Riempimento a strisce oblique colorate */

.stripe_richiesto {
    color: white !important;
    background: repeating-linear-gradient(
      45deg,
      #41b9ff,
      #41b9ff 20%,
      #1a92f4 20%,
      #1a92f4 40%
    );
  }

  .stripe_da_approvare {
    color: white !important;
    background: repeating-linear-gradient(
      45deg,
      #417add,
      #417add 20%,
      #1e37c8 20%,
      #1e37c8 40%
    );
  }

  .stripe_approvato {
    color: white !important;
    background: repeating-linear-gradient(
      45deg,
      #58d553,
      #58d553 20%,
      #169c05 20%,
      #169c05 40%
    );
  }

  .stripe_negato {
    color: white !important;
    background: repeating-linear-gradient(
      45deg,
      #e95a26,
      #e95a26 20%,
      #d60404 20%,
      #d60404 40%
    );
  }

  .stripe_alert {
    color: white !important;
    background: repeating-linear-gradient(
      45deg,
      #e9bc26,
      #e9bc26 20%,
      #d68c04 20%,
      #d68c04 40%
    );
  }

  .stripe_errore {
    color: white !important;
    background: repeating-linear-gradient(
      45deg,
      #d60404,
      #d60404 20%,
      #860202 20%,
      #860202 40%
    );
  }

  .stripe_purple {
    color: white !important;
    background: repeating-linear-gradient(
      45deg,
      #606dbc,
      #606dbc 20%,
      #465298 20%,
      #465298 40%
    );
  }


  .stripe_black {
    color: white !important;
    background: repeating-linear-gradient(
      45deg,
      #5a5a80,
      #5a5a80 20%,
      #292d43 20%,
      #292d43 40%
    );
  }



  .field1z {
    float:left !important;
 }



/** per i bottoni rossi (generalmente). sposta l'oggetto tutto a destra*/
.tutto_a_destra {
    margin-left: auto; 
    margin-right: 0;
}


/** per i bottoni rossi (generalmente). sposta l'oggetto tutto a destra*/
.tutto_a_sinistra {
    margin-right: auto; 
    margin-left: 0;
}






/****************************************************************
* Campi di input degli orari nelle tabelle degli orari dei turni
*****************************************************************/

td>specialspan{
    display: block;
    overflow: auto;
    zoom: 1;
}
td>specialspan>*{
    float: left;
    width: 50% !important;
}  

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}



.special_cnt{
    text-align: center;
    vertical-align: middle;
}

.no_right_border{
    border-right-style: hidden !important;
}

.left_cnt{
    text-align: left !important;
    vertical-align: middle;
}


.btn_no_hover:hover {
    cursor:default !important;
}


.parent{
    position: relative;
}

.element_to_parent_bottom{
    position: absolute;
    bottom: 0px;
}


.width_52{
    width: 52%;
}



.centered {
    text-align: center;
}


.rimozione_presenza {
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2px;
    color: red;
}



.altezza_come_riga_tabella {
    height: 200px !important;
    border-color: red !important;
}


.border_top_modal {
    border-top: navy solid 4px;
}


.margin_left_35{
    margin-left: 35%;
}


.td_border_left{
    border-left: navy solid 3px !important;
}

.td_border_right{
    border-right: navy solid 3px !important;
}



.long_txt_label{
    font-size:small !important;
    font-weight: normal !important;
}


.dodgerblue{
    color:white !important;
    background-color:dodgerblue !important;
}



.box_plan_sett_readonly{
    padding-top: 0;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 0;
}



.pointer_on_hover:hover {
    cursor: pointer;
}