/*
 * Flexbox per Bootstrap 3
 */
.flex-col {
  display: flex;
  display: -webkit-flex;
  flex: 1 100%;
  /* flex-flow: column nowrap; */
  flex-flow: column nowrap;
}

.flex-col>.row-flex>div[class*='col-'] {
  flex: 1 0 auto;
}

.row-flex>div[class*='col-'].headingB1H1,
.row-flex>div[class*='col-'].headingB1H2,
.row-flex>div[class*='col-'].centered {
  align-items: center;
}

.row-flex,
.row-flex>div[class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
}

.row-flex,
.row-flex>div[class*='col-'].center {
  justify-content: center;
}

.row-flex>div[class*='col-'].right {
  justify-content: flex-end;
}

.row-flex>div[class*='col-'].scelta {
  font-weight: bold;
  font-style: italic;
  padding-top: 5px;
}

.row-flex-wrap {
  -webkit-flex-flow: row wrap;
  align-content: flex-start;
  flex: 0;
}

/*
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	margin:-.2px; /* hack adjust for wrapping */
/*
}
*/

input[type="radio"] {
  margin: 4px 4px 0 10px;
}

/*
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}
*/


.flex-grow {
  display: flex;
  -webkit-flex: 2;
  flex: 2;
}

.intab {
  margin-top: 1rem;
}

.importLink.disabled {
  color: #444;
  font-style: italic;
}

.importLink.disabled:hover {
  text-decoration: none;
}

/*
 * Stile per il modello B1
*/

p.allegato {
  margin: 0;
  font-weight: bold;
  font-size: 90%;
  line-height: 120%;
}

p.quadro {
  margin: 0;
  font-weight: bold;
  line-height: 120%;
}

p.corso {
  margin: 0;
  font-size: 80%;
  line-height: 120%;
}

p.curriculum {
  margin: 0;
  font-size: 80%;
  font-weight: bold;
  line-height: 120%;
}

p.decreto {
  margin: 0;
  margin-bottom: 2em;
  font-size: 80%;
  line-height: 120%;
}

p.anno {
  margin: 0;
}

p.tipologia {
  font-weight: bold;
}

.b1 p.tipologia {
  margin: 20px 0 5px 0;
}

.buttons {
  margin-top: 15px;
}

.b1.container {
  width: 100%;
}

.empty {
  border: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid black;
}

[class*="headingB1"] {
  border: 1px solid black;
  border-left: 0;
  border-top: 0;
}

.headingB1H1,
.headingB1H2 {
  text-align: center;
  justify-content: center;
}

.headingB1H1 {
  padding: 10px;
  font-weight: bold;
  font-size: 13px;
  border-top: 1px solid black;
}

.headingB1H1.stacked {
  border-top: 0;
}

.ordinamento .headingB1H1 {
  background: #ddd;
}

.headingB1H2,
.summary-tipologia,
.total-summary {
  background: #ddd;
  font-weight: normal;
}

.summary-tipologia.top {
  border-top: 1px solid #000;
  margin-top: 2em;
}

.summary-ambito {
  padding: 5px;
  background: #EBF3FD;
  font-size: 12px;
}

.summary-tipologia,
.summary-ambito {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

.summary-tipologia {
  padding: 5px;
}

.total-summary {
  padding: 15px 5px;
  text-transform: uppercase;
  font-weight: bold;
  background: #fdfaeb;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

.summary-ambito.no-right,
.summary-tipologia.no-right,
.total-summary.no-right {
  border-right: 0;
}

.narrow {
  padding-left: 5px;
  padding-right: 5px;
}

.cellB1 {
  padding: 5px;
  border: 1px solid black;
  border-top: 0;
  border-left: 0;
  font-size: 12px;
  text-wrap: wrap;
}

.cellB1.stack {
  padding: 0;
}

.cellSSD {
  margin: 0;
  padding: 5px;
  border: 0;
  border-bottom: 1px solid black;
  font-size: 12px;
  text-wrap: wrap;
}

.cellB1 .cellSSD:last-child {
  border: 0;
}

.cellB1.border-top {
  border-top: 1px solid black;
}

.cellB1.center {
  padding-left: 0px;
  padding-right: 0px;
}

.first {
  border-left: 1px solid black;
}

.lastB1 {
  border: 0;
  border-bottom: 1px solid black;
}

/*
 *
*/
#dati,
.working,
#mutuazione_working {
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.working .form-group,
#mutuazione_working .form-group {
  padding: 15px;
}

.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -ms-animation: spin .7s infinite linear;
  -webkit-animation: spinw .7s infinite linear;
  -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }

  to {
    transform: scale(1) rotate(360deg);
  }
}

@-webkit-keyframes spinw {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes spinm {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}

.attvita:nth-child(2) {
  background-color: #eee;
}

.attvita>cellB1 {
  background-color: transparent;
}

.creditiInput {
  display: none;
  width: auto;
}

.creditiAmbito {
  width: 20px;
}

.creditiOpzione {
  padding: 0;
  width: 100%
}

.changeable {
  padding: 0;
}

.stretched {
  padding: 0;
}

.changeable.center {
  text-align: center;
}

.changeable input {
  width: 100%;
}

.evidenziata {
  /* border: 1px dotted #900; */
  /* border-radius: 3px; */
  background: #ddd;
  background: #fdefeb;
}

.ui-draggable-dragging {
  border: 1px solid #900;
  opacity: .6;
}

.updateB1,
.createB1 {
  margin-top: 1em;
}

.no-border {
  border: 0;
}

.b1Error {
  padding: 0 3px;
  font-size: 80%;
  display: none;
}

.transparent {
  background: transparent;
  border: 1px solid black;
  z-index: 1 !important;
}

.sopra {
  border: 2px solid red;
}

.b1message {
  display: none;
}

.message {
  margin-top: 1em;
}

.attivita {
  z-index: 40;
}

.attivita .editbox,
.ambito .editbox,
.ssd .editbox,
.copertura .editbox {
  margin-right: 5px;
  display: none;
  padding: 0 0 0 5px;
  border-right: 1px solid #444;
}

.ministero {
  font-weight: bold;
}

.alertbox {
  display: none;
}

.attivita .glyphicon {
  margin-right: 5px;
}

#coperture h4 {
  margin-top: 15px;
}

#editB1Toggle,
#editOrdToggle,
#editOffToggle {
  display: none;
}

.option-stack {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #333;
}

/*
.scelta:hover {
  background: #eee;
}
*/

/*
.row-flex > div.scelta[class*="col-"].changeble {
  padding: 0;
  text-align: center;
}

/*
.creditiOpzionali > div {
  width: 100%;
}

.creditiOpzionali > div > div {
  margin: auto;
  text-align: center;
}
*/

.panel-body select {
  width: 100%;
}

.bs-callout {
  padding: 20px;
  margin: 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

.bs-callout p:last-child {
  margin-bottom: 0;
}

.bs-callout code {
  border-radius: 3px;
}

.bs-callout+.bs-callout {
  margin-top: -5px;
}

.bs-callout-default {
  border-left-color: #777;
}

.bs-callout-default h4 {
  color: #777;
}

.bs-callout-primary {
  border-left-color: #428bca;
  background: #eef;
}

.bs-callout-primary h4 {
  color: #428bca;
}

.bs-callout-success {
  border-left-color: #5cb85c;
}

.bs-callout-success h4 {
  color: #5cb85c;
}

.bs-callout-danger {
  border-left-color: #d9534f;
}

.bs-callout-danger h4 {
  color: #d9534f;
}

.bs-callout-warning {
  border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
  color: #f0ad4e;
}

.bs-callout-info {
  border-left-color: #5bc0de;
}

.bs-callout-info h4 {
  color: #5bc0de;
}

#seleziona_regolamento_regolamento {
  height: 192px;
}

.b1 {
  margin-bottom: 1rem;
}

#dati {
  font-size: 90%;
}

#refresh {
  display: none;
}

.glyphicon.spinning {
  animation: spin 1s infinite linear;
  -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }

  to {
    transform: scale(1) rotate(360deg);
  }
}

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

.fixClasse,
.fixCorso,
.fixDocente,
.fixRuolo,
.fixSsd,
.fixTipologia,
.ugovCopertura,
.ugovDocente,
.ugovInsegnamento,
.ugovInsegnamentoError,
.ugovPeriodo,
.ugovTipologia {
  margin-left: 15px;
}

.ugovInsegnamentoError {
  color: #940;
}

.ugovAmbito {
  margin-left: 30px;
}

h5.success {
  margin-top: 15px;
  border-radius: 5px;
  padding: 8px;
  background-color: #3c763d;
  color: #fff;
  font-weight: normal;
  font-size: 100%;
}

/*
 * Coperture
 */
#coperture h4 {
  font-size: 15px;
}

#coperture .first {
  border-left: 1px solid #444;
}

#coperture .firstNoBorder {
  border-left: 0px;
}

#coperture .last .cellCop {
  border-bottom: 1px solid #444;
}

#coperture .last .coperture .cellCop {
  border-bottom: 0px;
}

#coperture .last .coperture .lastone .cellCop {
  border-bottom: 1px solid #444;
}

#coperture .last .coperture .lastone .empty {
  border: 0;
}

#coperture .headingCopH1 {
  border-top: 1px solid #444;
  border-right: 1px solid #444;
  background-color: #eee;
  padding: 5px;
  font-size: 15px;
}

#coperture .headingCopH1.empty,
#coperture .cellCop.empty {
  background: transparent;
  border: 0;
}

#coperture .attivita {
  margin-top: 1rem;
  border-top: 1px solid #444;
}

#coperture .cellCop {
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  padding: 5px;
  font-size: 12px;
  background: transparent;
}

#coperture .headingCopH1 {
  border-bottom: 1px solid #444;
  background: #444;
  color: #fff;
}

#coperture .dataCop {
  background: #e8f8ff;
}

#coperture .annocorso {
  padding-left: 0;
}

#coperture .empty.evidenziata {
  background: transparent;
}

/*
#coperture .OBB > .cellCop {
  background-color: #fdfaeb;
}

#coperture .OPZ > .cellCop {
  background-color: #EBF3FD;
}

#coperture .OBB-OPZ > .cellCop {
  background-color: #EBFDEF;
}
*/

/*
#coperture .scoperto > .dataIns {
  color: #a00; 
}
*/
/*
#coperture .scoperto > .dataCop {
  background-color: #fdefeb;
}
*/

/*
#coperture .parziale > .dataIns {
  color: #8a6d3b; 
}
*/
/*
#coperture .parziale > .dataCop {
  background-color: #F1E9DE;
}
*/

#coperture .cellCop.dataIns {
  font-weight: bold;
}

#coperture .bg-success .denominazione,
#coperture .bg-warning .denominazione {
  border-bottom: 1px solid #000;
}

#coperture .cellCop.empty {
  border: 0;
  border-right: 1px solid #000;
}

#coperture .dataCop.first {
  padding-left: 20px;
}

#coperture .mutuato .cellCop {
  color: #344f7d;
}

#coperture .evidenziata {
  background: transparent;
}

#coperture .evidenziata>.cellCop {
  background: #eee;
}

#coperture .evidenziata>.cellCop.empty {
  background: transparent;
}

#coperture .attivita>.cellB1.first:first-child {
  border-top: 1px solid black;
}

.status-check {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  text-align: center;
  line-height: 2rem;
  vertical-align: middle;
}

.sup {
  line-height: 100%;
  font-size: 80%;
  vertical-align: top;
}

.row-flex.bg-success {
  /* background: #fff; */
}

.grey {
  background: #eee;
}

.mut-insegnamento,
.mut-docenti {
  width: 100%;
}

.mut-docenti {
  display: none;
}

/*
 * Edit copertura
 */
#editCopertura select {
  width: 100%;
}

#editCopertura .modal-body {
  padding: 0;
}

#editCopertura .modal-footer {
  text-align: left;
}

#editCopertura .card-body {
  background: #eee;
  padding: 15px;
}

#editCopertura .card-header {
  padding-left: 15px;
  padding-right: 15px;
}

#editCopertura .card-header a,
#editCopertura .card-header a:visited,
#editCopertura .card-header a:active {
  color: #000;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  line-height: 30px;
  vertical-align: bottom;
}

#editCopertura .row-flex {
  align-self: flex-end;
}

.scheda {
  display: none;
}

.toggleable-link {
  display: none;
}

#mutuazione_copertura {
  margin-bottom: 1em;
  background: #fff;
  display: none;
  border-radius: 4px;
  padding-bottom: 15px;
  padding-top: 15px;
}

#mutuazione_copertura label {
  font-size: 80%;
}

#mutuazione_copertura .headingCopH1 {
  padding: 2px 4px;
  border: 1px solid #333;
  border-left: 0;
  background: #eee;
  font-size: 11px;
}

#mutuazione_copertura .cellCop {
  padding: 2px 4px;
  border: 1px solid #333;
  border-left: 0;
  border-top: 0;
  font-size: 11px;
}

#mutuazione_copertura .center {
  text-align: center;
}

#mutuazione_copertura .first {
  border-left: 1px solid #333;
}

#esportazioneRisultati {
  display: none;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.cur-pointer {
  cursor: pointer;
}

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

span.tra-parentesi-quadre:before {
  content: '[';
}

span.tra-parentesi-quadre:after {
  content: ']';
  margin-right: 2px;
}

.w-100 {
  width: 100%;
}

.offerta-coperture-anno > .row {
  position: relative;
  margin-bottom: 20px;
}

.offerta-coperture-anno .title{
  color: black;
  font-weight: bold;
  margin-top: 10px;
  border: 1px solid #444;
  height: calc(100% - 10px);
  position: absolute;
}

span.ci_crediti {
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  text-align: center;
}

.d-none{
  display:none;
}