/* Author: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/
/* Header button states - text colors */
.navbar-menus > div > button:focus {
  color: #666; }

.navbar-menus > div > button:hover {
  color: #333; }

/* Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
-----------------------------------------------*/






/* CUSTOM */

.navbar{background-color:#3093C7;background-image:none;border-bottom-color:rgba(0, 0, 0, 0);} 
#toggle_sidemenu_l{color:rgb(255, 255, 255);} 
#settings_menu{color:rgb(255, 255, 255);} 
#language_menu a > span{color:rgb(255, 255, 255);} 
#language_menu a > i{color:rgb(255, 255, 255);} 
.navbar-menus > .btn-group > button{color:rgb(255, 255, 255);} 
.navbar-menus > .btn-group > button:hover{color:rgb(255, 255, 255);} 
.navbar-divider{border-color:rgb(40, 123, 171);} 
.navbar-menus .btn-group{border-color:rgb(40, 123, 171);} 
.navbar-search input[placeholder]{color:rgb(50, 50, 50);} 
.navbar.navbar-white-text .navbar-menus > .btn-group > button > b { color:#D81415; }
.sidebar-menu > ul > li > a > span:nth-child(1){border-color:#D81415;} 
.panel-heading .panel-title .glyphicon, .panel-heading .panel-title .fa{color:#3093C7;} 
/*.panel{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15),0 -1px 1px rgba(0, 0, 0, 0.05);}*/ 
.navbar-search { width: 345px; }


.div-percent-stato-salute {
    padding-top: 9px;
    margin-left: 5px;
    display: inline-block;
    height: 34px;
}

.textColCenter { text-align: center }

.input-validation { 
    margin-left: 48px;
}

table.dataTable.table-hover > tbody > tr:hover > td {
    background-color: rgb(231, 242, 255) !important;
    cursor: pointer;
}

.form-group a:not([data-toggle="tooltip"]) {
    color: #D81415;
}

button.btn > i, button.btn > span, a.btn > i, a.btn > span {
    margin-right: 5px;
}


.field-validation-error {
    color: #D81415;
}
.input-validation-error:focus {
    border-color: #D81415;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483;
}
.input-validation-error, .input-validation-error ~ .select2-container {
    border-color: #D81415 !important;
}
.input-validation-error ~ .input-group-addon {
    border-color: #D81415;
    color: #8e1313;
    background-color: #e8baba;
}
.input-validation-error:focus ~ .input-group-addon {
    border-color: #D81415;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483;
}

.select2-container--default .select2-selection--single,
.select2-container .select2-selection--single {
    height: 34px;
    border: 1px solid #DDD;
    border-radius: 0px;
}

.select2-container{
    width: 100% !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container .select2-selection--single:focus {
    border-color: #3093C7;
    box-shadow: none;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
        margin-bottom: 0;
        padding-top: 7px;
    }  
}
.form-control-static {
    padding-top: 5px;
    padding-bottom: 0px;
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
}
.select2-container--default .select2-selection--multiple {
    border: none;
    cursor: pointer;
}
.select-multiple+.select2-container {
    border: 1px solid #ddd;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #3093C7;
    color: white;
    border: 1px solid #246586;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
    cursor: pointer;
    margin-right: 8px;
}
.input-validation-error+.select2-container .select2-selection {
    border-color: #D81415;
}
.panel2 .panel-heading {
    border: 1px solid #d5d5d5;
    border-bottom: none;
}
blockquote {
    font-size: 15px;
}
#panel-scheda .tab-content{
    min-height: 353px;
}
#panel-scheda .tab-pane .tab-pane-buttons{
    position:absolute; 
    bottom: 25px; 
    left: 20px; 
    margin-top: 25px;
}
#panel-scheda .tabs-left li a {
    font-size: 13px;
    font-weight: inherit;
}
.switch.switch-inline .switch-container {
    display: inline-flex;
}
.switch.switch-inline .switch-container .switch-text,
.switch.switch-inline .switch-container .switch-text-true,
.switch.switch-inline .switch-container .switch-text-false {
    margin-left: 8px;
    margin-top: 4px;
}
.switch.switch-inline label{
    color: #666666;
}
.switch input[type=checkbox]:checked ~ .switch-text-true {
    display: inline-block;
    color: #5b7a31;
}
.switch input[type=checkbox]:checked ~ .switch-text-false {
    display: none
}

.switch input[type=checkbox] ~ .switch-text-false {
    display: inline-block;
    color: #D81415;
}
.switch input[type=checkbox] ~ .switch-text-true {
    display: none
}

.custom-switch{
}

#panel-scheda .tab-pane .separator {
    margin-bottom: 70px !important;
}
.well-tabs-inverse li a:hover, .well-tabs-inverse li.active a {
    color: #246586;
    border-color: #7ab0cc;
    background-color: #c9edff;
}
.text-danger {
    color: #D81415;
}
.text-warning {
    color: #d48600;
}

.table-scrollx th, .table-scrollx td {
     white-space: nowrap; 
}
.DTFC_LeftBodyWrapper .DTFC_Cloned {
    border-right: 1px solid #666;
}
.DTFC_LeftBodyLiner {
    overflow: hidden
}
.form-control-help{
    font-style: italic;
    margin-left: 10px;
}

.odd2 td{
    background-color: #f3f8fd; /*#f1faff*/
}
#tab-scheda-sanitaria .dataTables_wrapper, #tab-scheda-socio-ass .dataTables_wrapper {
    border: 1px solid #ddd
}
#tab-scheda-sanitaria tbody td {
    border-right:1px solid #ddd
}
#tab-scheda-sanitaria tbody td:last-of-type {
    border-right: none
}
.navbar-title {
    margin-left: 20px;
    margin-top: 20px;
    color: white;
    font-size: 1.1em;
}
.user-menu{
    padding: 15px;
    text-align: center
}
.user-menu hr {
    margin-top: 20px;
    margin-bottom: 20px;
}
.user-info-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
#panel-scheda .tab-pane h3, #panel-scheda .tab-pane h4 {
    border-bottom: 1px dashed #ddd;
    margin: 30px -10px 15px -10px;
    padding-left: 20px;
    font-weight: 300;
}
#panel-scheda .tab-pane h4 {
    padding-bottom: 5px;
}

#panel-scheda .tab-pane h3:first-of-type,
#panel-scheda .tab-pane h4:first-of-type {  
    margin-top: 10px;
}
h3.dash, h4.dash {
    border-bottom: 1px dashed #ddd;
    margin: 50px -10px 15px -10px;
    padding: 0px 0px 5px 20px;
    font-weight: 300;
}
.bg-red{
    background: #ef7a63;
}
.bg-green{
    background: #9ec569 
}
.label.bg-transparent{
    border: 1px dashed #bbb;
}
.legenda {
    display: flex;
}
.legenda div {
    margin-right: 15px;
}
.datepicker.datepicker-dropdown {
    z-index: 10000;
}
.bootstrap-datetimepicker-widget table {
    width: 100%;
}
.bootstrap-datetimepicker-widget td {
    text-align: center;
}
.img-profile-container{
    padding: 4px;
    display: inline-flex;
    border: 1px solid #ddd;
}
.label {
    line-height: 35px;
}
.well-body {
    padding: 10px;
}
.well-footer {
    background: white;
    padding: 15px;
}
.navbar-dropdown a {
    text-decoration: none
}
.navbar-dropdown {
    color: white;
}
.dropdown-group{
    border-top: 1px solid #ddd;
    color: #999;
    padding: 5px 15px;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}
.navbar-title .dropdown-toggle {
    color: white;
    font-size: medium;
    text-decoration: none;
}
.dropdown-menu a {
    cursor: pointer;
}

.fc-popover, .fc-more-popover{
    top:0px !important;
    overflow: auto !important;
}
.fc-event-container{
    height: -webkit-fill-available !important;
}
    
.scheda-si {
    height: 20px;
    width: 20px;
    background-image: url('../Images/scheda-SI.png')
}   
.scheda-no {
    height: 20px;
    width: 20px;
    background-image: url('../Images/scheda-NO.png')
}   
.scheda-p {
    height: 20px;
    width: 20px;
    background-image: url('../Images/scheda-P.png')
}
@media (min-width: 768px) {
    .modal-xl {
        width: 98%;
        max-width: 1300px;
    }
}
.panel-internal {
    color: #246586;
    border-color: #7ab0cc;
    background-color: #d6e9f2;
    padding: 15px;
}
.fc-list-item-marker{
    padding: 0px 15px !important;
}
.closeon-space{
    height: 16px;
}
.closeon-icon {
    position: absolute;
    bottom: 0;
    margin-top: 4px
}
.fc-list-item-time{
    padding-left: 5px !important;
}
.fc-center h2 {
    font-size: 16px ;
    line-height: 26px ;
}
table.dataTable.vtop tbody td {
    vertical-align: top !important;
}

/** ---- SPinner ---- */
.spinner {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    bottom: 50%;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/** --- Modal documenti --- */
.modal-doc {
    margin-top: 60px;
    width: 60%;
    height: 900px;
}
.modal-doc .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.modal-doc .modal-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

td .datetime-info {
    max-height: 200px;
    overflow-y: auto;
    min-width: 210px;
}
.prestazione-data-container .info {
    margin-top: 8px;
}

.label.label-squared {
    padding: .2em 0.85em .3em;
    border-radius: .3em;
}

table.dataTable tbody tr.selected {
    color: #246586;
    background-color: #c9edff;
    outline: thin solid;
    outline-color: #7ab0cc;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
    color: #246586;
    background-color: #b3e1f8;
    outline: thin solid;
    outline-color: #7ab0cc;
}

.overlay {
    background: whitesmoke;
    top: 0px;
    bottom: 20px;
    left: 11px;
    right: 11px;
    position: absolute;
    opacity: .7;
}

.table-cell {
    display: flex
}
.table-cell .description {
    flex: 1;
    vertical-align:middle
}
.table-cell .label {
    line-height: 16px !important;
    height: 20px;
}

.prestazione-data-container {
    display: flex;
    min-height: 12px
}
.prestazione-data-container .text {
    flex: 1;
    margin-top: 7.5px;
    height: 25px;
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 16px;
    left: 0px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: #3093C7;
    border: none;/*1px solid #bbb;*/
    /*border-radius: 14px;*/
    /*padding: 3px;*/
    box-sizing: padding-box;
    text-align: center;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 14px;
    content: '\f196';
    background-color: white;
    box-shadow: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '\f147';
    background-color: white;
}

@media (max-height: 800px) {
    #topbar {
        height: 35px ;
    }
    .breadcrumb {
        height: 42px ;
        padding: 10px 0 0 0 ;
    }
    .breadcrumb > li.crumb-active > a {
        font-size: 15px ;
    }
    .dashboard-widget-tray {
        padding-top: 13px;
    }
}

table.dataTable.no-footer {
    border-bottom: none;
}

.fc-list-item td {
    display: flex;
}
.flex1 {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.fc-list-table td, .fc-list-item td {
    padding: 5px;
}
.input-group .input-group-addon-btn-group {
    float: right;
    display: inline-table
}
.input-group .input-group-addon-btn {
    border-top: none;
    border-radius: 0px;
    border-left: none;
}
.input-group .input-group-addon-btn:first-child {
    border-left: 1px solid #ccc;
}

.alert.alert-warning a {
    color: #3093C7;
    font-size: 10px;
}
/*.colmsg {
    min-width: 300px !important;
}*/

#titAffiliatoSelector {
    margin-left: 10px;
    margin-top: 10px;
}
#sottotitoloAffiliatoSelector {
    margin-left: 10px;
    color: #c9302c;
}

#affiliato-centro-selector {
    list-style-type: none;
    margin-left: 0px !important;
    padding-left: 0px !important;
    font-size: 12px;
}

.selDeselAll, .selActive {
    margin-left: 15px !important;
    margin-bottom: 15px !important;
    vertical-align: -2px;
}

.dropdown-group {
    font-weight: bold;
}

.affiliato, .centro {
    vertical-align: -2px;
}

.itemCentro {
    display: none;
    padding-left: 30px; 
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

#affiliato-selector {
    height: 600px;
    overflow: auto;
}

.spinner-single {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -10px;
    margin-left: -10px;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(201, 48, 44,.15);
    border-right: 6px solid rgba(201, 48, 44,.15);
    border-bottom: 6px solid rgba(201, 48, 44,.15);
    border-top: 6px solid rgba(201, 48, 44,.8);
    border-radius: 100%;
}

.textTotal {
    font-size: 20px;
}

.legend { list-style: none; }
.legend li { float: left; margin-right: 10px; }
.legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; }

#error-aggiungi-date {
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 6px;
}

#manuale {
    position: fixed;
    bottom: 10%;
    left: 10%;
}

.footerDashboardHQ {
    border: 0 !important; 
    background-color: transparent !important; 
    text-align: right; 
    font-weight: bold;
    font-size: 25px;
}

.filterBlock {
    border: none !important;
    text-align: left;
}

#mnuAffiliatiHQ li {
    list-style: none;
}

.hidden {
    display: none;
}

div.switch-small label{
    width:26px !important;
    height:13px !important;
}

div.switch-small label::after{
    top: 2px ;
    left: 2px ;
    width: 9px !important;
    height: 9px !important;
    -webkit-transition: left .15s ease-out;
    -moz-transition: left .15s ease-out;
    transition: left 0.15s ease-out;
}

div.switch-small input:checked + label:after {
    left: 16px;
}

.switch-envelope{
    position:relative;
    margin-right:5px;
    top:-10px;
}

.btn-pricing {
    height: 25px;
    width:27px;
    position:relative;
    margin-left:5px;
    top: 5px;
}

.select-prestazione {
    width: 25% !important;
}

.select-um {
    width: 25% !important;
    max-width: 220px
}

.label-um{
    font-size: 15px;
}

.btn-save-config{
    float:right
}

.ore-notturne{
    margin: 0 20px;
}

.hr-small-margin{
    margin: 0;
    margin-bottom:15px;
    margin-top:10px;
}

.hr-head {
    margin: 0;
    margin-bottom: 5px;
    margin-top: 10px;
}

.riga-intestazione {
    height: 30px;
    background-color: #CCEFFE;
}

.intestazione-tab{
    font-weight:600;
}

.switch-group {
    height: 30px;
}

.select2-results__message {
    display: none !important;
}

.datepicker.datepicker-dropdown{
    z-index:2000 !important
}

.checkbox-large{
    width:30px;
    height:30px
}
/*
#FilterDataA .datepicker.datepicker-dropdown{ 
    z-index: 2000 !important
}*/