@import url(https://fonts.googleapis.com/css?family=Cantarell|Asar);
img {
  border: none;
}

body {
  font-family: "Cantarell", Calibri, "Trebuchet MS", sans-serif;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  margin: auto;
  background-color: #bcaaa4;
}

h1 {
  font-size: 18pt;
  margin: 5px;
  float: left;
}

h2 {
  margin: 10px 0 30px 0;
}

a img {
  vertical-align: top;
  margin-right: 2px;
}

table {
  border-collapse: collapse;
}

.container {
  min-height: 800px;
  background-color: #ffffff;
}

option:disabled {
  background-color: #e5e5e5;
}

.glyphicon.glyphicon-one-dot:before {
  content: "\25cf";
  font-size: 2.5em;
}

.rosso {
  color: red;
}

.verde {
  color: green;
}

.copyable-pre {
  position: relative;
}

.pre_style {
  max-width: 100%;
  margin: 10px;
  padding: 10px;
  padding-right: 70px;
  word-break: break-all;
  white-space: pre-wrap;
  position: relative;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
}

.error_reporting {
  max-width: 50%;
  margin: 20px auto;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.copy-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 1;
}

/* ------------------------
	dialogBox - inizio
------------------------ */

.modal-header img {
  display: inline-block;
}

.modal-title {
  color: #a1021e;
  font-weight: 700;
  display: inline-block;
  vertical-align: sub;
  margin-left: 10px;
}

/* ------------------------
	dialogBox - fine
------------------------ */

/* ------------------------
	Testata - inizio
------------------------ */

#testata {
  background-color: #a1021e;
  color: #ffffff;
  padding: 0.2em 0;
}

#testata .nomeApplicazione {
  font-size: 2em;
  font-family: Asar, sans-serif;
}

@media screen and (min-width: 992px) {
  #testata .nomeApplicazione {
    font-size: 2.5em;
  }
}

/* ------------------------
	Testata - fine
------------------------ */

#listaPagine {
  width: 100%;
  background-color: #e7e7e7;
  padding: 0.5em;
}

/* ------------------------
	login - inizio
------------------------ */

.panel-body .form-control {
  margin-bottom: 1em;
}

.login {
  padding: 0px;
  margin-top: 1em;
}

#formLogin input,
#formLogin button {
  display: block;
  margin-bottom: 10px;
}

/* ------------------------
	login - fine
------------------------ */

/* ------------------------
	ricerca - inizio
------------------------ */

.tab-content > .tab-pane {
  padding: 1em;
}

.esitoRicerca {
  margin-top: 1em;
}

/*#contenitoreErrori {float: left; width: 98%; list-style-type: none;}*/

/* ------------------------
	ricerca - fine
------------------------ */

/* ------------------------
	anagrafica - inizio
------------------------ */

#formAnagrafica {
  margin: 10px 0px;
}

#formAnagrafica .radioDesc {
  padding: 0px 18px 0px 3px;
}

#formAnagrafica .form-group {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 5px;
}

/* ------------------------
	anagrafica - fine
------------------------ */

/* ------------------------
	edit bollettino - inizio
------------------------ */

#formBollettino .radioDesc {
  padding: 0px 18px 0px 3px;
}

#formBollettino .form-group {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 5px;
}

/* ------------------------
	edit bollettino - fine
------------------------ */

/* ------------------------
	edit quota - inizio
------------------------ */

#formQuota {
  margin: 0px 20px;
}

#formQuota .radioDesc {
  padding: 0px 30px 0px 0px;
}

#formQuota .form-group {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 5px;
}

#editPagamentoDialog .radioDesc {
  padding: 0px 30px 0px 0px;
  vertical-align: none;
}

#formQuota #titolo_pagamenti {
  margin: 0px 0px 5px 0px;
}

#formQuota #tabella_rate .form-group {
  border-bottom: none;
}

/* ------------------------
	edit quota - fine
------------------------ */

/* ------------------------
	lista bollettini - inizio
------------------------ */

.esitoBoltot {
  margin-top: 1em;
}

/* ------------------------
	lista bollettini - fine
------------------------ */

/* ------------------------
	lista pagamenti - inizio
------------------------ */

.esitoPagtot {
  margin-top: 1em;
}

/* ------------------------
	lista pagamenti - fine
------------------------ */

.esitoAdmflussi {
  margin-top: 1em;
}

/* ------------------------
	lista utuge - inizio
------------------------ */

.esitoUgetot {
  margin-top: 1em;
}

#inserimentoUgetot {
  margin-top: 1em;
}

#listaPersone {
  list-style-type: none;
  padding-left: 0px;
}

#listaPersone .pers {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 5px;
}

#listaPersone .pers .pers_ruolo {
  /*width: 120px;*/
  margin-right: 10px;
  color: #222222;
}

/* ------------------------
	lista utuge - fine
------------------------ */

/* ------------------------
	lista admuge - inizio
------------------------ */

.esitoAdmuge {
  margin-top: 1em;
}

#inserimentoAdmuge {
  margin-top: 1em;
}

/* ------------------------
	lista admuge - fine
------------------------ */

/* ------------------------
	lista admzone - inizio
------------------------ */

.esitoAdmzone {
  margin-top: 1em;
}

#inserimentoAdmzone {
  margin-top: 1em;
}

/* ------------------------
	lista admzone - fine
------------------------ */

/* ------------------------
	form profilo - inizio
------------------------ */

#formPwd {
  margin: 10px 0px;
}

#formPwd .form-group {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 5px;
}

/* ------------------------
	form profilo - fine
------------------------ */

/* ------------------------
	menu principale - inizio
------------------------ */

#main-menu {
  background-color: #3e2723;
  font-size: 1.1em;
}

#main-menu .dropdown-menu {
  background-color: #3e2723;
}

#main-menu a,
.dropdown-menu a {
  color: #cccccc;
  font-weight: 700;
}

#main-menu a:hover,
.dropdown-menu a:hover {
  background-color: #6d4c41;
}

#main-menu .active,
.dropdown-menu .active a {
  background-color: #6d4c41;
}

/* ------------------------
	menu principale - fine
------------------------ */

/* ------------------------
	intestazione utente - inizio
------------------------ */

.intestazioneUtente {
  background-color: #1b5e20;
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 1em;
  margin-bottom: 1em;
}

.intestazioneUtente .datisecondariUtente {
  text-align: left;
  /*font-size: .8em;*/
}

@media screen and (min-width: 992px) {
  .intestazioneUtente .datisecondariUtente {
    text-align: right;
  }
}

/* ------------------------
	intestazione utente - fine
------------------------ */

#ugetotEsportaPagamenti {
  margin-right: 10px !important;
}

.esito {
  margin-top: 1em;
}

.esitobattute {
  margin-top: 1em;
}

#battuteStampaTutte {
  margin-right: 10px !important;
}

#battuteEsportaPresenze {
  margin-right: 10px !important;
}

#battuteEsporta {
  margin-right: 10px !important;
}

.esitoAssegnazioneBracciali {
  margin-top: 1em;
}

#braccialiStampaTutti {
  margin-right: 10px !important;
}

#braccialiEsporta {
  margin-right: 10px !important;
}

#var_aggiungi {
  margin-top: 45px;
}

.esitoAssegnazioneBracciali {
  margin-top: 1em;
}

#inserimento_bracciali {
  margin-top: 1em;
}

.lista_check {
  margin-top: 15em;
  margin-bottom: 2em;
}

.lista_check ul {
  list-style: none;
  padding-left: 0;
}

.lista_check li {
  position: relative;
  padding-left: 1.5em;
  /* space to preserve indentation on wrap */
}

.lista_check li:before {
  content: "";
  /* placeholder for the SVG */
  position: absolute;
  left: 0;
  /* place the SVG at the start of the padding */
  width: 1.5em;
  height: 1.5em;
  background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>")
    no-repeat;
}

.lista_squadre {
  margin-left: 10px;
}

.squadre_distretto {
  font-size: large;
}

.pointer {
  cursor: pointer;
}

.card {
  margin: 15px;
  margin-left: 30px;
  margin-right: 30px;
  border: 0.2px solid #ccc;
}

.sms_row {
  border-bottom: 0.05px solid #ccc;
}

.sms_row .form-group {
  margin-bottom: 6px !important;
}

.invia_sms {
  margin-top: 20px;
}

.intestazione_invio_sms {
  margin-left: 1px;
  margin-top: 70px;
}

#messaggio_sms {
  margin-left: 38px;
}

.cognome_sms {
  padding-left: 0px;
}

.inserimento {
  margin-top: 1em;
}

.esito {
  margin-top: 1em;
}

.titolo_bracciale {
  font-size: 18pt;
  margin: 10px 0px 10px 5px;
}

.sotto_titolo_bracciale {
  font-size: 14pt;
  margin: 10px 0px 0px 10px;
}

.last_sottotitolo {
  font-size: 14pt;
  margin: 0px 0px 30px 10px;
}

.bottone_distanziato {
  margin-bottom: 10px;
  margin-top: 25px;
}

.div_no_padding {
  padding: 0;
}

.esportazione_bottone {
  background-color: #a3aebf;
  border-color: #96a3b5;
}

.atc-w-100 {
  width: 100%;
}

.atc-m-0 {
  margin: 0;
}

.atc-mr-10 {
  margin-right: 10px;
}

.atc-ml-10 {
  margin-left: 10px;
}

.atc-ml-20 {
  margin-left: 20px;
}

.atc-mt-10 {
  margin-top: 10px;
}

.atc-mt-5 {
  margin-top: 5px;
}

.atc-mb-10 {
  margin-bottom: 10px;
}

.atc-d-inline-block {
  display: inline-block;
}

.atc-d-contents {
  display: contents;
}

.atc-p-0 {
  padding: 0;
}

.atc-flex-container {
  display: flex;
}

.atc-flex-item {
  flex: 1;
}

.atc-p-10 {
  padding: 10px;
}

.atc-p-20 {
  padding: 20px;
}

.atc-mt-20 {
  margin-top: 20px;
}
.atc-mt-30 {
  margin-top: 30px;
}

.atc-mt-50 {
  margin-top: 50px;
}

.atc-mt-115 {
  margin-top: 115px;
}

.atc-my-10 {
  margin: 10px 0;
}

.atc-my-5 {
  margin: 5px 0;
}

.atc-mx-5 {
  margin: 0 5px;
}


.datepicker-days .table-condensed .disabled {
  background-color: #eee;
}

.border-brown-div {
  border: solid 1px saddlebrown;
}

.border-regular-div {
  border: solid 1px gainsboro;
}


.atc-table-responsive {
    width: 100%;
    overflow-x: scroll;
    overscroll-behavior-x: contain;
}