@import 'spinner.css';
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
.left4 { margin-left: 4px; }
.padding10 { padding: 10px; }
.mr-4 { margin-right: 4px; }
.mr-6 { margin-right: 10px; }
.truncate {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block}
.agenda-page .truncate { text-align: center; }
.agenda-page>.panel { height: calc(100vh - 125px);}
html{height: 100%; background-color: #e0e0e0}
section#body-section {padding-top: 100px; background-color: #e0e0e0;}
a {color: #ef4023}
.container-fluid {width: 100%; padding-right: 0px}
.panel-heading.nav-tabs-container {padding-bottom: 0px; border-bottom: 0px; padding-right: 0px;}
.nav-tabs>li>a {color: white; }
.navbar-inverse {background-color: #273135; border: none; border-radius: 0px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
.navbar-brand>img {height: 66px; display: block;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {/*overflow: auto;*/ height: 95px;}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .left-icon-menu {color: #ef4023;}
.navbar-inverse .left-icon-menu {float: right; height: 100%; width: 90px; text-align: center;}
.navbar-inverse .left-icon-menu.welcome{background-color: #ef4023}
.navbar-inverse .left-icon-menu.welcome:hover{background-color: #f3705b}
.navbar-inverse .dropdown.open .dropdown-menu { background-color: #3e3e3e; margin-top: 0; padding-top: 0px; padding-bottom: 0px; background-color: #273135}
.navbar-inverse .dropdown.open .dropdown-menu li { color: white; height: 40px; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #e4e4e4; }
.navbar .dropdown-menu>li>a:focus, .navbar .dropdown-menu>li>a:hover { background-color: #3e3e3e; }
.navbar-inverse .left-icon-menu ul.nav{height: 95px; }
.navbar-inverse .left-icon-menu ul>li, .navbar-inverse .left-icon-menu ul>li>a {height: 100%; line-height: 40px; color: white; }
.navbar-inverse .left-icon-menu ul>li.dropdown>a:hover, .navbar-inverse .left-icon-menu ul>li.dropdown.open>a {background-color: #3e3e3e}
.navbar-inverse .left-icon-menu .glyphicon {font-size: 40px; color: white; top: 19px;}
.navbar-inverse .left-icon-menu.welcome .glyphicon {top: 30px;}
.btn-success{background-color: #ef4023; }
.panel-body.table-container { overflow: auto; border-top: 1px solid #ddd; padding-top: 0px;}
.panel-body.table-container .row:hover{background-color: #f5f5f5;}
.panel-body.table-container .row {height: 30px; border-bottom: 1px solid #ddd}
.panel-body.table-container .row div{height: 30px; line-height: 30px}
.table-container { overflow: hidden; border-top: 1px solid #ddd; padding-top: 0px;}
.table-container .row:hover {background-color: #f5f5f5;}
.table-container .row { border-bottom: 1px solid #ddd}
.table-container .row div { line-height: 30px}
.panel-danger>.panel-heading {color: #f0ccc6; background-color: #ef4023; border-color: #f0ccc6; }
.panel-danger>.panel-heading .glyphicon {color: #f0ccc6; }
.panel-danger>.panel-heading .glyphicon:hover {color: #ffffff; }
.panel-danger .nav>li>a:hover {background-color: #f3705b; }
.panel-danger .nav-tabs>li>a:hover {border-color: #f3705b #f3705b #ddd}
.panel {border-radius: 10px; width: 98%; margin: 0 1% 20px 1%; overflow: auto; }
.panel-heading {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.navbar-header {float: left; }
.row.panel-container {width: 100%; margin: 0; }
.buttons-right {text-align: right; display: flex; flex-direction: row; justify-content: right; align-items: center; }
.global-message-area {position: fixed; bottom: 10px; width: 99%; margin: 0 0.5%; }
.btn-success:hover {background-color: #f3705b; border-color: #f0ccc6;}
.btn-success {border-color: #f0ccc6;}
.btn.btn-link.inside-inputtext{position: absolute; top: 0px; right: 25px; padding-left: 0; padding-right: 0;}
.btn.btn-link.inside-inputtext.primary{right: 45px;}
.btn.btn-link.inside-inputtext .glyphicon.glyphicon-ok { color: green}
.btn.btn-link.inside-inputtext .glyphicon.glyphicon-remove { color: red}
.btn-link:focus, .btn-link:active, .btn-link:active:focus { outline: none; }
.form-control-heigth, .form-control-alt { line-height: 34px; }
div:hover>.form-control-alt, .form-control-alt-input { display: none }
div:hover>.form-control-alt-input { display: block; }
/*.input-with-listeners:hover>.form-control-alt, .input-with-listeners>.form-control { display: none }*/
.input-with-listeners>.form-control-alt { padding-left: 13px; }
.input-with-listeners:hover>.form-control, .input-with-listeners>.form-control:focus, .input-with-listeners>.form-control.ng-invalid-required, .input-with-listeners.hover>.form-control { display: block; }
.input-with-listeners>.form-control:focus ~ .form-control-alt, .input-with-listeners>.form-control.ng-invalid-required ~ .form-control-alt, .input-with-listeners.hover>.form-control-alt { display: none; }
.ng-invalid-required {border-color: red; }
.form-control-alt { color: #ccc; }
.form-control-alt.item-entered { color: #333; }
form{max-width: 500px;margin:auto}

add-new-element .row .col-xs-11 { padding: 0; }
add-new-element input.form-control{ height: 29px; border: none; }
add-new-element button.btn{ height: 28px; border: none; }
add-new-element button.btn:hover{ background-color: white; color: #23527c }


.btn-success.success:hover {background-color: #2d692d; border-color: green;}
.btn-success.success {border-color: green; background-color: green; }

div.deleted>div { text-decoration: line-through; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.table.schedule { }
.table.schedule tbody tr { height: 75px; }
td { width: 11%; }
td .btn.btn-draggable { width: 100%; margin-bottom: 3px; }
td .btn.btn-primary.btn-draggable:last-child { margin-bottom: 20px; }
.btn.btn-draggable .glyphicon { position: absolute; right: 0px; font-size: 12px; }
.btn.btn-draggable .glyphicon.conferma-cliente { top: 10%; color: #09de09; }
.btn.btn-draggable .glyphicon.note-presenti { top: 50%; }
.schedule-container h3 { margin-top: 0px; }
.todos .btn.btn-primary.btn-draggable { width: 100%; text-align: left; margin-bottom: 5px; }
.todos .btn.btn-primary.btn-draggable.ui-draggable-dragging { width: initial; }
.todos div.list { padding: 10px 10px 60px 10px; border: 2px dotted lightgrey; }
.modal-header .close-modal { transform: rotate(45deg); }
.modal-header button { padding: 5px 20px; margin-left: 10px; }
.chosen-container { width: 100% !important; }
.chosen-container .chosen-single.chosen-default, .chosen-container-single .chosen-single { height: 100%; line-height: 32px; }

/*.ragione-sociale .chosen-container .chosen-single.chosen-default, .ragione-sociale .chosen-container-single .chosen-single, .tipo-intervento.form-control, .rif-impegno { text-transform: uppercase; }*/

.chosen-container-single .chosen-single div { top: 6px; }
.table>thead>tr>th.festivo, .table>tbody>tr>td.festivo { background-color: #d89090; }
.table>thead>tr>th.sabato, .table>tbody>tr>td.sabato { background-color: rgba(255, 208, 208, 0.85); }
.table>thead>tr>th.domenica, .table>tbody>tr>td.domenica { background-color: rgba(255, 208, 208, 0.85); }
.schedule-container table tr td { max-width: 108px; }

.left { float: left; }
.schedule-container table tr td div.btn { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table.schedule tbody tr td:first-child { text-transform: uppercase; }*/
.gestione-appuntamenti textarea.form-control { min-height: 70px; }

.schedule.table .btn.btn-draggable>span:nth-child(3) { font-size: 9px; }
/*GESTIONE APP TIPO FERIE*/
.schedule.table .btn.btn-draggable.ferie>span:nth-child(3) { font-size: inherit; }
.schedule.table .btn.btn-draggable.ferie>span:nth-child(1) { display: none; }
.schedule.table .btn.btn-draggable.ferie>br { display: none; }
/*GESTIONE APP TIPO FERIE FINE*/
.schedule.table .btn.btn-draggable>br { display: block; margin: -4px 0; content: ' '; }
.schedule.table .btn.btn-draggable { padding: 2px 12px; min-height: 36px; }

.dropdown-menu.todos li { min-width: 230px; }
.dropdown-menu.todos li .btn { width: 100%; margin-bottom: 3px; }

.schedule.table th>span { display: block; }
.schedule.table th>span:last-child { font-size: 10px; font-weight: 600; }

.table>thead>tr>th.info { background-color: #7ea1b3; }
.elenco-tecnici .chosen-container-single .chosen-single span, .elenco-tecnici .chosen-container .chosen-results li.active-result { text-transform: uppercase; }
.btn .drag-and-drop-enabled { color: #09de09; }
.mobile.drag-drop-enabled .schedule.table .btn.btn-draggable { border-color: #3e333a; }
.navbar-inverse { position: absolute; }


/*.ragione-sociale { text-transform: uppercase; }*/
.btn-group .btn.calendar-picker { border-radius: 4px !important; }

@media screen and (max-width: 768px) {
  .day_7, .day_8 { display: none; }
}


.schedule.table .btn.ferie { background-color: #286090; border-color: transparent; }
.schedule.table .btn.ferie:hover, .schedule.table .btn.ferie.tagliato { background-color: #6ea3d0; border-color: transparent; }
/* .schedule.table .btn { background-color: #CC5951; border-color: transparent; } */
/* .schedule.table .btn:hover, .schedule.table .btn.tagliato { background-color: #f3705b; border-color: transparent; } */
.schedule.table .btn.inviato { background-color: #CC5951; border-color: transparent; }
.schedule.table .btn.inviato:hover, .schedule.table .btn.inviato.tagliato { background-color: #f3705b; border-color: transparent; }
.schedule.table .btn.APERTO { background-color: #E8DC5C; border-color: transparent; }
.schedule.table .btn.APERTO:hover, .schedule.table .btn.APERTO.tagliato { background-color: #efe078; border-color: transparent; }
.schedule.table .btn.CHIUSO { background-color: #6AB544; border-color: transparent; }
.schedule.table .btn.CHIUSO:hover, .schedule.table .btn.CHIUSO.tagliato { background-color: #9ce07a; border-color: transparent; }

.schedule.table .btn.IMP { background-color: #f1b2a8; border-color: transparent; }
.schedule.table .btn.IMP:hover, .schedule.table .btn.IMP.tagliato { background-color: #f5d0cb; border-color: transparent; }


#alert-message-scheduler { position: fixed; bottom: 12px; right: 14px; }
#alert-message-container { position: fixed; bottom: 12px; right: 3%; left: 3%; }
.schedule { table-layout: fixed; width: 100%; }
/* table.schedule.header { margin-bottom: -2px; }
.header-container.fixed { position: fixed; top: 0px; left: 0px; margin: 0 38.5px; background: #ffffff; z-index: 100; } */
/*
Colori standard: https://coolors.co/cc5951-ff992a-e8dc5c-6ab544-286090
hover e tagliato: https://coolors.co/f3705b-f7b563-efe078-9ce07a-6ea3d0
*/
.mass-autocomplete-ragione-sociale .ac-container { top: 34px !important; left: 0px !important; width: 100% !important }
.mass-autocomplete-ragione-sociale-textarea { width: 100%; min-height: 60px; flex: 1 }
.mass-autocomplete-ragione-sociale-textarea .ac-container { top: 34px !important; left: 0px !important; width: 100% !important }
.form-control.mass-autocomplete-ragione-sociale>span>input { border: none; width: 100%; outline: none !important; background: transparent; }
.media-container .row.row-horizon .card.card-block img { width: 100%; height: auto; }
h4.title-section { border-bottom: 1px solid #ef4023; margin-top: 25px; }

#showImage img { width: 100%; }

.dettaglio-rapportino .container-fluid { padding-right: 15px; }

.row.table-container input.form-control, .row.table-container input.form-control.ng-untouched,  .row.table-container input.form-control:focus{
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 0px;
  border-bottom-color: #66afe9;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.row.table-container input.form-control.ng-touched/*:not(.ng-pristine)*/ { border-bottom-color: red; }
.row.table-container input.form-control.ng-valid-time { border-bottom-color: green; }

.row.table-container input.form-control:focus{ background: #ffffff87; }
.icoEnabled { color: black; }
.icoDisabled { color: rgba(0, 0, 0, 0.1); }
.input-group .form-control.z-index-correct { z-index: 0; }


.lista-rapportini .btn-flag { color: #000000; }

.menu-desktop { float: left; margin-top: 35px; }
.menu-desktop ul { display: -webkit-inline-box; list-style-type: none; }
.menu-desktop ul li { padding: 0px 50px 0 0; color: white; }
.menu-desktop ul li>a { color: white; font-size: 15px; font-family: 'Montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; }
.left-icon-menu.user { display: none; }

.alert-message-only-desktop { display: none; position: fixed; top: 20%; left: 0px; right: 0px; font-size: 33px; padding: 5%; text-align: center;}
@media (max-width: 1024px) {
  #body-section, .menu-desktop, .left-icon-menu { display: none; }
  .alert-message-only-desktop { display: block;}
}

@media (max-width: 1200px) {
  .menu-desktop ul li { padding: 0px 20px 0 0 }
  /* .left-icon-menu.welcome {display: none; } */
}


.intervallo span { color: #adadad; font-size: 12px; }
/*.grafico .panel-body { height: 275px; }*/



.alert-badge { border-radius: 100%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; background: red; color: white; float: left; margin-right: 10px; cursor: pointer; }


.btn.btn-success.green { background-color: #5cb85c; border-color: #4cae4c;}

.hide-if-printing { display: block; }
.hide-if-printing-flex { display: flex; }
.show-if-printing { display: none; }

@media print {
  #body-section, .menu-desktop, .left-icon-menu { display: block; }
  .alert-message-only-desktop { display: none !important;}
  .pagebreak { clear: both; page-break-before: always; }
  .agenda { margin-top: 100px; }
  .agenda .agenda-evento { border: 1px solid black !important; z-index: 100; }
  .agenda .agenda-evento .content .truncate { font-size: 18px !important; line-height: 18px; margin-left: 0px !important;}
  .agenda .agenda-evento .content .truncate .impegnoSubtitle { font-size: 14px !important; margin-left: 0px !important; }
  .navbar.navbar-inverse.menu { position: static; }
  section#body-section { padding-top: 0; }
  .colonna-tipologia { height: auto !important; }
  .colonna-tipologia .contenuto { height: auto !important; }
  .colonna-tipologia .contenuto > div { border-top: 1px solid black; padding-top: 5px }

  .btn-toolbar { display: none; }
  .dateHeaderAgenda { display: none; }

  .hide-if-printing{ display: none; }
  .hide-if-printing-flex { display: none; }
  .show-if-printing{ display: block; }

  .agenda-page>.panel { height: auto; }

  /* .agenda-evento > * { page-break-inside: avoid; } */
  /* .indicatore-ore-non-specificato { page-break-inside: avoid } */
}

@media print and (orientation: landscape) {
  /* landscape styles */

  .indicatore-ore > div {
    width: 26cm !important
  }

  .indicatore-ore-non-specificato {
    width: 26cm !important;
  }

  .tecnico, .agenda-evento {
    width: 22cm !important;
  }

}

@page {
  /* margin: 8px; */
  widows: 100;
}

.row.rapportino.fatturato {
  background-color: #93d0fb;
}



.mass-autocomplete-materiale .ac-container { top: 49px !important; left: 0px !important; width: 100% !important }


#modificaArticoli .panel.panel-danger { background-color: #ef4023; margin: 10px; border-radius: 3px; text-align: left; padding: 10px; }
.lista-rapportini .row.danger { background-color: #f4b5aa; }
.lista-rapportini .row.rapportino.preventivo { background-color: #cbf0c1; }

.agenda {
  /* position: relative;
  height: auto; */
  margin: 10px;
  display: flex;
  flex-direction: row;
  /* overflow: hidden; */
}

.agenda .indicatore-ore, .agenda .tecnico {
  position: absolute;
  top: 0;
  left: 0;
  /* height: 400px; */
  width: 100px;
}
.agenda .indicatore-ore {
  position: relative;
  height: 100%;
  /* width: 2100px; che sarà parametrica, numero di tecnici * 202 (larghezza colonna) + 100 di prima colonna con gli orari */
}
.indicatore-ore {
  /* padding-top: 50px; // impostato in /controllers/agenda.js per essere più dinamico */
}
.agenda .indicatore-ore > div {
  /* height: 40px; OLD */
  height: 80px;
  border-top: 1px solid gray;
}
.agenda .tecnico {
  left: 100px;
  width: 202px;
  /* background-color: lightblue; */
  height: 100%;
  border-left: 1px solid;
  border-right: 1px solid transparent;
}

.agenda .agenda-evento {
  position: absolute;
  /* background-color: #09de09; */
  color: white;
  /* width: 190px; */
  /* margin-right: 5px; */
  /* height: 40px; OLD */
  height: 80px;
  border-radius: 4px;
  /* left: 5px, */
  cursor: pointer;
  border: 1px solid white;
}

.agenda-evento-print {
  position: relative;
  border-radius: 4px;
  border: 1px solid black;
  margin-bottom: 10px;
  padding: 2px 5px;
  padding-right: 45px !important;
  min-height: 50px;
}

.agenda-evento-print-title {
  font-size: 18px !important;
  line-height: 18px;
}

.agenda-evento-print-subtitle {
  font-size: 14px !important;
}

.agenda-evento-print-button {
  position: absolute;
  right: 0;
  border: 1px solid black;
  width: 40px;
  text-align: center;
  padding: 2px;
  font-size: 10px;
}

.agenda-evento-print-rit {
  top: 0;
}

.agenda-evento-print-ok {
  bottom: 0;
}

.agenda .agenda-evento .content {
  padding: 0px 5px;
  height: 100%;
  /* display: flex; */
  /* flex-direction: row; */
  /* width: 170px; */
  /* max-width: 170px; */
}

.agenda .tecnico .agenda-evento .thirdWidth {
  width: '33%';
}

.tecnico-header {
  /* background-color: green; */
  /* height: 50px; // impostato in /controllers/agenda.js per essere più dinamico */
  display: flex;
  align-items: center;
  justify-content: center;
}

.indicatore-ore-non-specificato {
  border-top: 1px solid gray;
  padding-top: 20px;
  padding-bottom: 20px;
  /* width: auto; */
  min-width: max-content;
}

.content > span {
  color: white;
  text-overflow: ellipsis;
  /* max-width: 150px; */
}

.dateHeader {
  text-align: center;
}

.headerContainer {
  width: auto;
  margin: 0px 20px 0px;
  padding-bottom: 10px;
}

.headerContainerInner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.timeBackground { background-color: whitesmoke; }
.ferie { background-color: #286090; border-color: transparent; }
.ferie:hover { background-color: #6ea3d0; border-color: transparent; }
/* .schedule.table .btn { background-color: #CC5951; border-color: transparent; } */
/* .schedule.table .btn:hover, .schedule.table .btn.tagliato { background-color: #f3705b; border-color: transparent; } */
.inviato { background-color: #CC5951; border-color: transparent; }
.inviato:hover { background-color: #f3705b; border-color: transparent; }
.APERTO { background-color: #E8DC5C; border-color: transparent }
.APERTO:hover { background-color: #efe078; border-color: transparent; }
.CHIUSO { background-color: #6AB544; border-color: transparent; }
.CHIUSO:hover { background-color: #9ce07a; border-color: transparent; }
.nullEvento { background-color: #337ab7; z-index: 500; }
.nullEvento:hover { background-color: #3c96e4; }

.indicatore-colore-schedule { min-width: 10px; position: absolute; left: 4px; top: 4px; height: 10px; border-radius: 8px; }
.indicatore-colore-schedule-absolute { min-width: 8px; position: absolute; left: 2px; top: 2px; border-radius: 8px; height: 8px; }
.indicatore-colore-schedule-absolute-alex { min-width: 12px; position: absolute; left: 5px; top: 5px; border-radius: 12px; height: 12px; }

.fullWidth {
  width: 100% !important;
}

.impegnoTitle {
  width: 98%;
  text-align: center;
}

.impegnoSubtitle {
  width: 98%;
  text-align: center;
  font-size: 9px;
}

.gestione-alex-container .impegnoSubtitle {
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.gestione-alex-container .impegnoTitle {
  width: 100%;
  text-align: center;
  font-size: 15px;
}

.gestione-alex-container .alexEvento {
  min-height: 50px;
}

.clendarRow {
  width: 100% !important
}

.navbar.navbar-inverse.menu {
  height: 90px;
}

.agenda-page .btn-toolbar {
  position: absolute;
  right: 0px;
  margin-right: 50px;
}

.pianificazione-attivita-page .btn-toolbar {
  margin-right: 50px;
}

.pianificazione-attivita-page .day_8, .pianificazione-attivita-page .day_7 {
  display: none !important;
}

.tableMargin.d-flex { display: flex;}

.colonna-tipologia {
  border: 1px solid;
  height: calc(100vh - 250px); /* calcola il 100 %, meno quello che vado a specificare */
  padding-left: 0;
  padding-right: 0;
  /* width: 100%; */
  flex: 1
}

.colonna-tipologia .intestazione {
  min-height: 60px;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.colonna-tipologia .contenuto {
  /* padding-bottom: 100px; lascio spazio per il drag and drop, se necessario */
  height: calc(100vh - 312px);
  overflow: scroll;
  padding: 0px 10px 100px;
}

.colonna-tipologia .evento {
  /* height: 40px; OLD */
  min-height: 60px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid white;
  margin-top: 10px;
}

.gestione-alex-container {
  margin: 0px 30px 0px;
}

.colonna-tipologia .evento .content {
  padding: 0px 5px;
  /* height: 100%; */
}

.content-gestione-alex {
  padding: 5px !important
}

.pointerCursor {
  cursor: pointer;
}

.form-control-alt-no-hover {
  color: #ccc;
  line-height: 34px;
}

.form-control-alt-no-hover :hover {
  display: block !important;
}

.new-contratto-btn {
  float: right;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  /* padding-left: 5px; */
  cursor: pointer;
}

/* .new-contratto-btn :hover {
  background-color: #dbdbdb;
} */

.new-contratto-btn > span {
  color: #000 !important;
  font-size: 12px;
  padding: 2px 2px 2px 5px;
}

.text-area { min-height: 60px; }
.tornareLista { margin-right: 10px; }

@media (max-width: 1300px) {
  .menu-desktop ul li.hide-if-troppe {
    display: none;
  }
}

.tableMargin {
  margin: 0px 20px 20px
}

.agendaPrintImpegnoNonSpecificato {
  width: 22cm;
  margin-left: 2.5%;
  border: 1px solid black;
  text-align: center;
  padding-bottom: 16px;
}

.agendaPrintImpegnoNonSpecificatoTitle {
  margin-top: 20px;
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

.agendaPrintImpegnoNonSpecificatoCliente {
  font-size: 16px;
  width: 22cm;
  display: block;
}

.modificaRappChiusoBtn { background-color: #e89105; border: 1px solid #d48300; }
.modificaRappChiusoBtn:hover { background-color: #c97e04; border: 1px solid #c17700; }
.modificaRappChiusoBtn:active { background-color: #bd7501 !important; }
.modificaRappChiusoBtn:focus { background-color: #c97e04 !important; }

.modificaRappBtn { background-color: #ffff35; border: 1px solid #e8e801 }
.modificaRappBtn:hover { background-color: #eaea24; border: 1px solid #c6c600 }
.modificaRappBtn:active { background-color: #dcdc1e !important; }
.modificaRappBtn:focus { background-color: #eaea24 !important; }

.inviaRappBtn { background-color: #a8ff3e; border: 1px solid #87d823 }
.inviaRappBtn:hover { background-color: #7adb39; border: 1px solid #65b801 }
.inviaRappBtn:active { background-color: #73c93a !important; }
.inviaRappBtn:focus { background-color: #7adb39 !important; }

.printingTecniciRow { display: flex; flex-direction: row; margin-top: 10px; }
.printingTecniciRowSwitch { margin-left: 15px; margin-right: 15px; }

.buttons-input-container { display: flex; flex-direction: row; }

/* .impegni-container { width: 200px; min-height: 100px; display: flex; flex-direction: column; border-bottom: 1px solid black; }
.impegni-specificati-orario-container-left { width: 100px; min-height: 100px; border-top: 1px solid black; padding: 5px }
.agenda-colonna-orari { padding-top: 49px; width: 100px; } */

.colonna-agenda { min-width: 200px; border-right: 1px solid black; }
.agenda-tecnico-header-name { height: 50px; border-bottom: 1px solid black; text-align: center; line-height: 50px; }
.non-specificati-container { min-height: 200px; display: flex; border-bottom: 1px solid black; align-items: center; flex-direction: column; padding-bottom: 10px; padding-top: 10px; background-color: #e8e8e8; }
.specificati-container { min-height: 200px; display: flex; align-items: center; flex-direction: column; padding-bottom: 10px; padding-top: 10px; background-color: #ede8e831; padding-bottom: 150px;}
.impegno { width: 90%; margin: 5px 10px; color: white; border-radius: 4px; cursor: pointer; padding-left: 4px; padding-right: 4px; }
.impegno-subtitle-agenda { display: block; width: 100%; text-align: center; margin-top: 4px; margin-bottom: 4px; }
.tecnico-focused { min-width: 600px }
.tecnico-hidden { display: none; }
.spaziatore-indicatore-colore { margin-right: 16px; }
.indicatore-colore-schedule-absolute-agenda { min-width: 8px; position: absolute; left: 5px; top: 5px; border-radius: 8px; height: 8px; }

.export-rapportini {
  float: right;
  margin-right: 10px;
  cursor: pointer;
}