@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; }
.padding10 { padding: 10px; }
.truncate {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block}
html{height: 100%; background-color: #e0e0e0}
section#body-section {margin-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: #ffffff; border: none; border-radius: 0px; position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
.navbar-brand>img {display: block; margin-top: 19px; width: 142px;}
.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: 96px; width: 96px; 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%; }
.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; }
}


.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: #FF992A; border-color: transparent; }
.schedule.table .btn.inviato:hover, .schedule.table .btn.inviato.tagliato { background-color: #f7b563; 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.3); }
.input-group .form-control.z-index-correct { z-index: 0; }




.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: #333; 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;}
}
.intervallo span { color: #adadad; font-size: 12px; }
/*.grafico .panel-body { height: 275px; }*/


.dettaglio-rapportino .container-tecnico-select { float: left; width: 87%; margin-top: 10px; padding-right: 10px; }
.dettaglio-rapportino .riga-ore .glyphicon.icoEnabled { float: right; }