﻿
/*body { padding-top: 50px; padding-bottom: 20px; }

 Set padding to keep content from hitting the edges 
.body-content { padding-left: 15px; padding-right: 15px; }

 Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 

.dl-horizontal dt { white-space: normal; }

 Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea { max-width: 280px; }

*/
/* Anonymouse Page Vertically Centered */
html, body.unauthenticated, body.unauthenticated .body, body.unauthenticated .main_container, body.unauthenticated .main_container .h100 { height: 100%; }
body { font-size: 14px; }
body.unauthenticated { padding-top: 0px; }
.vcenter-outer { display: table; position: absolute; height: 100%; width: 100%; }
.vcenter-middle { display: table-cell; margin-top: 50px; }
#loginForm { width: 400px; height: 300px; margin: auto; margin-top: -50px; }
#loginForm h2 { border-bottom: 1px solid #dddddd; padding-bottom: 10px; margin-bottom: 10px; }

/* Top Menu */
.navbar-nav > li.with-select { padding: 10px; }
.top_nav .navbar-right { width: auto; }
#sidebar-menu h3 { border-bottom: 1px solid #999999; padding-bottom: 10px; margin-bottom: 0px; }
#sidebar-menu .menu_section > ul { margin-top: 0px; }

.tile_count .w10 { min-width: 12%; padding: 5px; }
no.tile_count .w10:first-child { margin-left: 15px; }
.tile_count .tile_stats_count .count { font-size: 20px; line-height: 24px; padding-top: 4px; }
.tile_count .tile_stats_count .pulsantiera { text-align: center;  }

.w10 { width: 10%; }
.w12 { width: 12%; }
.w15 { width: 15%; }
.tile_count .tile_stats_count:before { border-left: 0px; }

/* DataTables fix */
.dataTable { width: 100% !important; }
.dataTables_wrapper .dataTables_paginate .pagination a { color: #73879C; }
.dataTables_wrapper .dataTables_paginate .pagination > li.active > a { color: #fff; background-color: #337ab7 !important; }

.dataTable tr td.incardinato { background-color: #336699; color: #fff; }
.dataTable tr td.residente { background-color: #dddddd; color: #000; }

.dataTables_wrapper tbody tr[role=row]:hover { background-color: #dddddd; cursor: pointer; }

.pulsantiera.btn.btn-primary.corrente { background-color: green; }
.panel_toolbox { min-width: initial; }

/* Scheda CSS */
.scheda .x_panel .navbar { border-top: 0px none; min-height: initial; }
.scheda .x_panel .navbar li > label { border-color: #dddddd; border: 0px none; box-shadow: none; margin-bottom: 0px; }
.scheda .x_panel .navbar li > button { margin-bottom: 0px; }
.scheda .form-control.lbl-fld-COGNOME { width: 350px; overflow: visible; max-width: 800px; }
.scheda .form-control.lbl-fld-NOME { width: 350px; overflow: visible; max-width: 800px; }
.scheda input.form-control.lbl-fld-PERSONID[type=text] { width: 80px; overflow: visible; min-width: 80px; }


/* Forms */
input.form-control.date-yyymmdd { max-width: 110px; }
.nav.navbar-nav label { min-width: 100px; }
.nav.navbar-nav select,
.nav.navbar-nav input[type=text] { min-width: 150px; }
input.lbl-fld-Stato { min-width: 300px; width: 300px; }

.form-control.changed { background-color: #ffd800; }

.yearselect, .monthselect { color: #73879C; }
.scheda .btn-modifica { display: none; }
.scheda.read-only .btn-modifica { display: inherit; }
.scheda.read-only .btn-salva-annulla { display: none; }

.table > tbody > tr > td.azioni { padding: 2px 5px; }

.table > tbody > tr > td.azioni .btn-group-sm .btn { margin: 0px; }


/* New Font Style */
.menu_section h3 { font-size: 15px; }
body { font-family: 'Work Sans', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; }

ul.bar_tabs li a[role=tab] { font-weight: bold; padding-top: 8px; padding-bottom: 8px; }

.scheda .row > div > .x_panel { margin-bottom: 0px; padding-bottom: 0px; }

div.profile { margin-bottom: 10px; border-bottom: 1px solid #fff; }

div[role=tabpanel] table.table { margin-bottom: 0px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }


table tr th.data { width: 150px; }
.validation-summary-errors ul li { color: #990000;}

.dropdown-menu > li.btn-primary {
    color :#fff;
}

.dropdown-menu > li.btn-primary > a {
    color: #fff;
    padding: 5px 10px;
}

.dropdown-menu > li.btn-primary > a:hover {
    background-color: #204d74;
}

.dropdown-menu .padding-sm {
    
}

/* SubTables CSS*/
table.table tr .table-actions { width: 150px; text-align: right; white-space: nowrap }

table.table tr .table-actions .btn-edit-save,
table.table tr .table-actions .btn-edit-cancel { display: none; }


table.table tr .table-actions.in-edit  .btn-edit-save,
table.table tr .table-actions.in-edit  .btn-edit-cancel { display: inline-block; }
table.table tr .table-actions.in-edit .btn-delete { display: none; }

.read-only table.table tr .table-actions { display: none;}

.table.table-modifiche { margin-bottom: 0px; }
.table.table-modifiche td {vertical-align: middle; }
.table.table-modifiche td:last-child { width: 100%; }


.scheda ul.bar_tabs > li a { background-color: #ffd98c; }        /* Colore di fondo not locked non active */
.scheda ul.bar_tabs > li.locked a { background-color: #F5F7FA; } /* Colore di fondo locked not active */
.scheda ul.bar_tabs > li.active a { background-color: #ffba30; } /* Colore di fondo not locked active */
.scheda ul.bar_tabs > li.locked.active a { background-color: #ffffdd; } /* Colore di fondo locked active */

.scheda.read-only ul.bar_tabs > li.active a { background-color: #ffffdd; } /* Colore di fondo locked active */
.scheda.read-only ul.bar_tabs > li a { background-color: #F5F7FA; } /* Colore di fondo locked active */

.form-inline-200 label {
    min-width: 200px;
}

.form-inline-vmargin-10 .form-inline input, .form-inline-vmargin-10 .form-inline select { margin-bottom: 10px; }

.form-inline.form-inline-text-area .form-group textarea { display: block; width: 530px; min-height: 50px;}

.is-td-casa-picker { width: 300px; }
.is-casa-picker { text-align: left; }
.validation-message {
    color: #990000;
    padding: 5px 10px;
}

.input-anno-annuario input { max-width: 70px; text-align: center}
.input-testo-lungo input.lbl-fld-CATEGORIA { max-width: 100%; width: 200px !important; }
.input-testo-lungo input.lbl-fld-DESCRIZIONE { max-width: 100%; width: 350px !important; }

.nopaddingall { padding: 0 !important}
.nopaddingall > button.btn { margin: 2px 0px; }
.x_panel .navbar li button { margin-top: -5px; }
.valign-middle { vertical-align: middle; }

.scheda-wrapper .scheda { display: block; }
.scheda-wrapper.loading .scheda { display: none; }

.scheda-wrapper .waiting { display: none; }
.scheda-wrapper.loading .waiting { display: block; }

@media(max-width:1024px) {
    .dataTable tr .hideColumn { display: none; }
    #cbo-change-ispettoria, #cbo-change-casa { max-width: 20%; min-width: 150px;}
    .nav.navbar-nav input[type=text].lbl-fld-PERSONID { max-width: 70px !important; min-width: 70px !important; }
    .nav.navbar-nav select, .nav.navbar-nav input[type=text] { min-width: 130px; }
    .scheda .row > div > .x_panel { padding: 10px 0px; }
    .form-control  {padding: 6px; }
    .nav.navbar-nav label.form-control.label-wide { min-width: 170px; }
    ul.bar_tabs>li a { padding: 4px 6px; margin-left: 2px; }
    ul.bar_tabs>li {margin-left: 2px; }
    ul.bar_tabs { padding-left: 0px; }
}




.nomarginbottom  { margin-bottom: 0px !important; }

/* Label e Input su righe separate */
.scheda .row > .form-horizontal > .form-group > label,
.scheda .row > .form-horizontal > .form-group > input { display: block; }

table.dataTable.smart-buttons tr td { padding-top: 0px; padding-bottom: 0px; vertical-align: middle; }
table.dataTable.smart-buttons tbody tr td { height: 30px; overflow: visible; }
table.dataTable.smart-buttons tbody tr td.btn { }
table.dataTable.smart-buttons thead tr td,
table.dataTable.smart-buttons thead tr th { height: 35px; overflow: visible; }

table.dataTable.smart-buttons tr td button,
table.dataTable.smart-buttons tr td a {margin: 2px 0px; width: 100% }




#overlay {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
#overlay-modal {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

#overlay-modal #content {
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -50px;
}

@media print {
    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { min-height: 34px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 25px; }

.nomarginall { margin: 0 !important; }

.table>tbody>tr>td.tdnopaddingall { padding: 0 !important; vertical-align: middle }


.label-a-capo label { display: block; }
.user-avatar-container { padding-left: 0px; max-width: 160px; }
.user-avatar-container img.user-avatar  { width: 100%; }

.ekko-lightbox.modal .modal-dialog { min-width: 400px; }

.ekko-lightbox-container img { width: 100% }

.avatar-annuario img { max-width: 50px;  }

.timeline-container .x_title { margin-bottom: 0px }
.timeline-container ul.timeline.widget .excerpt {
    margin-bottom: 5px;
}

.timeline-container ul.timeline.widget li > div.block { padding-top: 0px; padding-bottom: 0px;}
.timeline-container ul.timeline.widget .byline { padding-bottom: 0px; }
.timeline-container .x_title span { color: #ffffff; }

@media(max-width: 991px) {
.left-padding-when-sm { padding-left2: 10px; }
}

.dataTables_filterX { width: 30%; }
.is-bold { font-weight: bold; }

body, body.nav-md { color: #4d5a67; }
a { color: #336699; }

.bordino-ispettoria {
    border: 1px solid #000;
    background-color: #999999;
    color: #fff;
    margin-right: 5px;
    display: inline-table;
    text-align: center;
    padding: 4px 6px;
    min-width: 50px;
}


.btn.btnDataTable {
    padding: 2px;
}

/* Annuario Online - Scheda Ispettoria */
table.address-ispettoria { border: 1px solid; margin-bottom: 25px; width: 100% }
table.address-ispettoria tr td {padding: 2px 4px; white-space: normal; vertical-align: top;  }
table.address-ispettoria tr td.icon { padding: 2px 8px; white-space: nowrap; }
table.address-ispettoria tr td.text { padding: 2px 8px; width: 100%; }
table.address-ispettoria tr td .sposta-su:first-child { visibility: hidden; }
table.address-ispettoria tr td .sposta-giu:nth-last-child(3),
table.address-ispettoria tr td .sposta-giu:nth-last-child(2),
table.address-ispettoria tr td .sposta-giu:last-child { visibility: hidden; }

table.contatti-casa tr td .sposta-su:first-child { visibility: hidden; }
table.contatti-casa tr td .sposta-giu:nth-last-child(3),
table.contatti-casa tr td .sposta-giu:nth-last-child(2),
table.contatti-casa tr td .sposta-giu:last-child { visibility: hidden; }
table.contatti-casa tr td.fa-smaller .fa { font-size: 0.9em; }

table.contatti-casa tr td.nascondi-completamente .sposta-su:first-child { visibility: hidden; }
table.contatti-casa tr td.nascondi-completamente .sposta-giu:last-child { visibility: hidden; }

table.contatti-casa tr td .sposta-su:first-child { visibility: hidden; }

.ispeSuccBtn { margin-right: 0; margin-left: 10px; }

.nav.navbar-nav.smaller-padding >li>a { padding: 6px; }

.nav_menu .info-number .badge { top: 2px; right: 0px; }


.nome-ispettoria {
    margin-top: 0; border-bottom: 1px solid #999999; margin-bottom: 6px; min-height: 35px;
}
.titolo-attivita { font-size: 18px; font-weight: bold; padding-bottom: 0px;}

@media(max-width: 1024px) {
    .nome-ispettoria {
        font-size: 1.2em;
    }
.titolo-attivita { font-size: 18px; }

}


table.info-aggiuntive-annuario { width: 100%; margin-bottom: 15px;}
table.info-aggiuntive-annuario td { vertical-align: top; padding-top: 5px; }

.blink {
	-webkit-animation: blink .95s linear infinite;
	-moz-animation: blink .95s linear infinite;
	-ms-animation: blink .95s linear infinite;
	-o-animation: blink .95s linear infinite;
	 animation: blink .95s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}

#table_wrapper .dt-buttons { display: inline-block; }

.fa-14x {font-size: 1.4em; }

td.pre {
    display: block;
    unicode-bidi: embed;
    white-space: pre;
}

table.dataTable.smart-buttons tbody tr td.pre { 
    height: auto;
}

table tr.casa-vuota { background-color: orange; }

table tr.opera-laicale td { font-weight: bold; border-bottom: 1px dotted #555555; border-top: 2px solid #555555;}

table tr.casa-sospesa td { background-color: #60e4ff; color: #000; text-align: center;}

.form-control.campo-totale { background-color: #c7dfed !important; }

.flash-container .dataTables_wrapper { padding-top: 5px;  }
.flash-container .row.row-detail.collapse.in { border: 1px solid #bbbbbb;  }
ul li .btn.btn-top-right { padding: 4px 8px; margin: 4px 2px 0 2px; line-height: 22px }
body .-in-edit-mode  { display: none; }
body.-in-edit-mode .-in-edit-mode { display: inline-block; }

.form-flex .form-group { display: flex; }
.form-flex .form-group label { line-height: 38px; }

.chat_ib h5 {
    font-size: 15px;
    color: #464646;
    margin: 0 0 8px 0;
}

    .chat_ib h5 span {
        font-size: 13px;
        float: right;
    }

.chat_ib p {
    font-size: 14px;
    color: #989898;
    margin: auto
}

.chat_img {
    display: inline-table;
    width: 11%;
    max-width: 40px;
}

    .chat_img img { max-width: 100%; }

    .chat_ib {
        display: inline-table;
        padding: 0 0 0 15px;
        width: 100%;
    }

.chat_people {
    display: flex;
    overflow: hidden;
    clear: both;
}

.chat_list {
    border-bottom: 1px solid #c4c4c4;
    margin: 0;
    padding: 18px 16px 10px;
}

.inbox_chat {
    height: 550px;
    overflow-y: scroll;
}


.modal.modal-large .modal-dialog {
    width: 80%;
}

body.modal-openX { padding-right: 0 !important; }
.nav_menu.btn-warning {
    background-color: #f0ad4e !important;
}

.edit-pagina-annuario:hover {cursor: pointer; }

.nopaddingleftright { padding-left: 0 !important; padding-right: 0 !important; }



.input-validation-error { border: 1px solid #990000;}
.field-validation-error {
    color: #990000;
    font-weight: bold;
}

.x_title h2 { margin: 0;}
.x_title { margin-bottom: 0; padding-bottom: 0}

.user-avatar { max-height: 138px; width: auto; }

table tr.bg-arancione td .form-control.disabled {
    background-color: orange;
}