@import 'spinner.css';
body { font-family: 'Montserrat', sans-serif}
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
.padding10 { padding: 10px; }
.bottom10 { margin-bottom: 10px; }
.truncate {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block}
html{height: 100%; }
section#body-section {padding-top: 20px; }
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; }
.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: #55b435; }
.panel-danger>.panel-heading .glyphicon:hover {color: #000000; }
.panel-danger .nav>li>a:hover {background-color: #f3705b; }
.panel-danger .nav-tabs>li>a:hover {border-color: #f3705b #f3705b #ddd}
 #body-section .panel { border-radius: 0px; border-color: #dadada; background-color: white; width: 98%; margin: 0 1% 20px 1%; display: block; }
.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; }
.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; }
.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; }
}


.todos .btn.btn-primary, .schedule.table .btn.NUOVO { background-color: #737373; border-color: transparent; }
.todos .btn.btn-primary:hover, .schedule.table .btn.NUOVO:hover, .schedule.table .btn.NUOVO.tagliato { background-color: #a6a5a5; border-color: transparent; }
.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 }

.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: 45px; }
.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',sans-serif; font-weight: 400 }
.left-icon-menu.user { display: none; }

.alert-message-only-desktop { display: none; position: fixed; top: 20%; left: 90px; right: 0px; font-size: 33px; padding: 5%; text-align: center;}
.alert-message-only-desktop.stretto { left: 330px;}
@media (max-width: 900px) {
  #body-section, .menu-desktop, .left-icon-menu { visibility: hidden; }
  .alert-message-only-desktop { display: block;}
}
@media (max-width: 1200px) {
  .panel-body.table-container .row {
    height: auto;
  }

  .panel-body.table-container .row div {
    line-height: 100%;
    height: auto;
  }

  .cta-lista-rapp * {
    display: block;
  }

  .cta-lista-rapp a {
    margin: auto;
    width: 17px;
  }

  .lista-rapportini .panel-body.table-container .row {
    padding: 10px 0;
  }
}
@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;}



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



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




#areaPrivata nav.area-privata {
  position: absolute;
}

#menu-area_privata_menu {
    padding: 0 15px;
}

.navbar-nav>li {
  float: none;
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none;
}

body {
  font-size: 15.2px
}

#menu-area_privata_menu .dropdown-menu>li>a:focus, #menu-area_privata_menu .dropdown-menu>li>a:hover,
#menu-area_privata_menu .dropdown-menu>.active>a, #menu-area_privata_menu .dropdown-menu>.active>a:focus, #menu-area_privata_menu .dropdown-menu>.active>a:hover {
  background-color: transparent;
}

#menu-area_privata_menu .caret {
  width: 10px;
  height: 10px;
  margin-top: 7px;
  margin-left: 5px;
}

#body-section {
  min-height: calc(100vh - 48px);
}


#colophon.site-footer, #menu-area_privata_menu {
  background-color: #273135 !important;
}

#colophon.site-footer {
  font-size: 85%;
}

#colophon.site-footer a {
  color: white;
}

.login.btn.btn-primary {
  background: #55b435;
  border: none;
}
#body-section {
  margin-left: 90px;
}
#body-section.stretto {
  margin-left: 330px;
}


.btn.btn-primary.downloadapp {
  background-color: #55b435;
  border: none;
  border-radius: 0px;
  padding: 15px;
}


@media (max-width: 768px)
{
  header#areaPrivata nav.area-privata{
    right: 768px;
  }
  header#areaPrivata nav.area-privata.aperta{
    right: 0px;
  }
  #body-section.stretto {
    display: none;
  }
  .alert-message-only-desktop, .alert-message-only-desktop.stretto {
    left: 0px;
  }
}

.panel-danger>.panel-heading {
  background-color: transparent;
  border-color: #dadada;
  color: black;
}


.btn.btn-primary {
  border-radius: 0;
  background-color:#55b435;
  border: none;
}


.btn {
    border-radius: 0px;
}



@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; }
  #body-section, .menu-desktop, .left-icon-menu { visibility: visible; }
  .alert-message-only-desktop { display: none;}
  .todos .btn.btn-primary { border: 1mm solid black;}
  #body-section { margin: 0; }
  /* #body-section .panel.schedule-container { display: none; } */
}

.not-updated-point {
  opacity: 0.5;
}


@media print {
  .no-print, .site-footer {
    display: none;
  }
}