/* GENERAL */
.main-sidebar .brand-link .brand-image {display: block; margin: 0 auto; float: none; background: #fff; opacity: 1 !important; max-height: 70px; padding: 3px;}
.sidebar-collapse .main-sidebar .brand-link .brand-image {max-height: 40px;}
.main-sidebar .sidebar {clear: both;}
.main-sidebar .nav-sidebar .nav-treeview {margin-bottom: 25px;}
.main-sidebar .nav-treeview>.nav-item>.nav-link {padding: 6px 0 6px 25px;}
body {font-size: 0.9rem !important;}
.main-header .navbar {display: block; padding: 0;}
.sidebar-form input[type=text] {background-clip: unset;}
.fullwidth {width: 100%;}
.margin-t-5 {margin-top: 5px;}
.margin-t-10 {margin-top: 10px;}
.margin-b-10 {margin-bottom: 10px;}
.margin-r-10 {margin-right: 10px;}
.margin-r-20 {margin-right: 10px;}
.pt-15 {padding-top: 15px;}
.pb-15 {padding-bottom: 15px;}
.border-5-white {border: 5px solid #fff;}
.webform {position: relative; width: 100%}
.webform .loader {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.7); color: #fff;}
.webform .loader i {position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px}
.valign-middle {vertical-align: middle !important;}
.table-highlight-row  tr:hover {background-color: #ffff99 !important;}
.hidden {display: none !important;}
.documents td p {margin: 0;}
.fiscalcode {text-transform: uppercase;}
.field-description {clear: both; width: 100%;}
.n-appuntamenti-bagde{font-size: larger!important;}

/* SIZE */
.col-2-btn {width: 85px !important; text-align: right;}
.col-3-btn {width: 110px !important; text-align: right;}
.col-4-btn {width: 140px !important; text-align: right;}
.col-5-btn {width: 158px !important; text-align: right;}
.col-6-btn {width: 185px !important; text-align: right;}
form.btn {padding: 0; border: none;line-height: 1em;}
form.btn .btn {min-width: 25.5px;}
.border-solid {border: 1px solid #000;}
.row-warning td {background: rgba(255,127,80,0.5) !important;}
.thumbs {max-width: 100px; max-height: 100px; }
.medium {max-width: 100%;}
.width-33 {width: 33.33% !important}
.attachment-thumbs {display: block; float: left; width: 100px; height: 100px; background-size: cover; background-position: 50% 50%;}
table .btn-xs {display: inline-block; text-align: center; padding: 0; font-size: 75%; font-weight: 700; line-height: 20px; height: 20px; width: 26px;}
/* COLORS
$blue: #3490dc;
$indigo: #6574cd;
$purple: #9561e2;
$pink: #f66d9b;
$red: #e3342f;
$orange: #f6993f;
$yellow: #ffed4a;
$green: #00a65a;
$teal: #4dc0b5;
$cyan: #6cb2eb;
$white: #ffffff;
*/
.btn-add {background-color: #3490dc !important; color: #ffffff !important;} /* azzurro */
.btn-edit {background-color: #f39c12 !important; color: #ffffff !important;} /*giallo ocra */
.btn-edit.btn-default {background-color: #f8f9fa !important; color: #444 !important;} /*giallo ocra */
.btn-save {background-color: #00a65a !important; color: #ffffff !important;} /* verde */
.btn-delete {background-color: #e3342f !important; color: #ffffff !important;} /* rosso */
.btn-search {background-color: #4dc0b5 !important; color: #ffffff !important;}
.btn-download {background-color: #ff9900 !important; color: #ffffff !important; } /* arancione */
.btn-share {background-color: #4267B2 !important; color: #ffffff !important; } /* azzurro */
.btn-details {background-color: #6cb2eb !important; color: #ffffff !important;} /* azzurro */
.btn-grey {background-color: #d2d6de !important; color: #fff !important;}
.btn-blue {background-color: #4267B2 !important; color: #ffffff !important; } /* azzurro */
.btn-clone {background-color: #6574cd !important; color: #ffffff !important;}
.btn-link {background-color: #4dc0b5 !important; color: #ffffff !important;}
.bg-aqua {background-color: #00c0ef !important; color: #ffffff !important; }
.bg-transparent {background: transparent !important;}
.box-filters .card-header, .btn-search {background-color: #ff9900 !important; color: #ffffff !important; } /* arancione */
.form-appointments .row:nth-child(even) {background-color:lightgray;}
.form-appointments .row:nth-child(odd) {background-color: lightsteelblue;}

/* CKEditor */
.ck.ck-editor {width: 100% !important;}
.ck-editor__editable_inline {min-height: 400px;}

/* Slots */
.slots-container {text-align: center;background-color: #efefef; border: 1px solid #666; padding: 10px 5px;}
.slots-container h5 span {display: block; font-size: .8em;}
.slots {margin: 0; padding: 0;}
.slots .slot {list-style: none; border: 1px solid #ccc; width: 100%; text-align: center; padding: 5px; margin-bottom: 5px; cursor: pointer;}
.slots .slot:hover {background-color: lightgreen;}
.slots .slot small {display: block;}

/* Profile */
.profile-photo-container .profile-user-img {position: relative; height: 100px; background-position: center center; background-size: cover;}
.profile-photo-container .profile-user-img button {position: absolute; bottom: 0; right: 0; display: none; border-radius: 50%; background-color: lightgray;}
.profile-photo-container:hover .profile-user-img button {display: block;}

/* Autocomplete */
ul.ui-widget-content.ui-autocomplete {z-index: 999999 !important;}
.sidebar-search-results { position: relative; display: none; width: 100%; }
.sidebar-search-results .sidebar-search-open & { display: inline-block; }
.sidebar-search-results .search-title { margin-bottom: -.1rem;}
.sidebar-search-results .list-group { position: absolute; width: 100%; z-index: 99;}
.sidebar-search-results .list-group > .list-group-item { padding: 3px 5px;}
.sidebar-search-results .list-group > .list-group-item:-moz-focusring { margin-top: 0; border-left: 1px solid transparent; border-top: 0; border-bottom: 1px solid transparent;}
.sidebar-search-results .list-group > .list-group-item:first-child { margin-top: 0; border-top: 0;}
.sidebar-search-results .search-path {font-size: 0.9rem;}
.sidebar-search-results .list-group-item { background-color: #454d55; border-color: #56606a; color: #c2c7d0;}
.sidebar-search-results .list-group-item a {color: #c2c7d0;}
.sidebar-search-results .list-group-item:hover {background-color: #4b545c;}
.sidebar-search-results .list-group-item:focus {background-color: #4b545c;}
.sidebar-search-results .list-group-item .search-path {color: #adb5bd;}

/* Modal style */
.no-float .col-sm-6 {width: 100% !important; float: none;}

/* Card style */
.direct-chat .direct-chat-messages {height: auto !important;}
.direct-chat .user-block .username, .direct-chat .user-block .description {margin-left: 0;}

/* Invoice docs */
.invoice {width: 100%;}
.finance-document .logo {max-height: 100px;}
.finance-document .lead {font-size: 14px;text-transform: uppercase;margin-bottom: 3px;color: #999;}
.finance-document .document-rows .table-responsive td {padding-top: 3px; padding-bottom: 3px;}
.finance-document .report-info .table-responsive th,
.finance-document .report-info .table-responsive td {border: none; padding-top: 0; padding-bottom: 0;}

/* Timeline */
.timeline-inverse .last-item .timeline-item {background: none; border: none;}
.timeline-inverse .last-item .timeline-item .time {padding: 5px 10px;}
.timeline-inverse .last-item .timeline-item .timeline-header {background: none; border: none; padding: 5px 10px;}

/* Attachments */
.attachment-container {position: relative; display: inline-block;}
.attachment-container a span {position: absolute; width: 16px; height: 12px; text-align: center; margin-left: -8px; margin-top: -6px; left: 50%; top: 50%; display: none; z-index: 99;transition: .3s;}
.attachment-container:hover a span, .attachment-container a span:hover {display: block;}
.attachment-container .attachment-delete {position: absolute; width: 25px; height: 20px; text-align: center; margin: 0px; right: 0%; top: 0%; display: none; z-index: 99;transition: .3s;}
.attachment-container:hover .attachment-delete, .attachment-container .attachment-delete:hover {display: block;}
/* Teeth */
.table-teeth td {padding: 5px 0 !important; vertical-align: middle !important; text-align: center; width: 6.25%}
.table-teeth td img {width: 100%;}
.table-teeth .row-teeth-id {color: #999; font-size: 0.8em;}
.arcata-sup svg { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }
.table-teeth svg.red {fill: red;}

/* Tooltip */
.popper,
.tooltip { position: absolute; z-index: 9999; background: #FFC107; color: black; width: 150px; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.5); padding: 10px; text-align: center; opacity: 1 !important;}
.style5 .tooltip { background: #1E252B; color: #FFFFFF; max-width: 200px; width: auto; font-size: .8rem; padding: .5em 1em;}
.popper .popper__arrow,
.tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px;}

.tooltip .tooltip-arrow,
.popper .popper__arrow { border-color: #FFC107;}
.style5 .tooltip .tooltip-arrow { border-color: #1E252B;}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] { margin-bottom: 5px;}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0;}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] { margin-top: 5px;}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow { border-width: 0 5px 5px 5px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0;}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] { margin-left: 5px;}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0;}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] { margin-right: 5px;}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0;}

/* DataTable */
.container_search_datatable { text-align: right; }
.label_search_datatable { font-weight: normal; white-space: nowrap; text-align: left; }
#search_datatable { margin-left: 0.5em; display: inline-block; width: auto; }
.dataTables_info { padding-left: 1.25rem !important; }
.dataTables_paginate { margin-top: -32px !important; }
.dataTables_paginate > .pagination { padding-right: 1.25rem !important; }

@media (min-width: 1100px) {
    .finance-document {width: 900px;margin: 20px auto; box-shadow: 5px 3px 10px #999}
    .finance-document .invoice {margin: 0; padding: 10px}
}

@media (max-width: 659px) {
    .invoice {width: auto !important; min-width: 0 !important;}
}
@media print
{
    .finance-document .document-rows {display: block; min-height: 330px;}
    .finance-document .col-sm-6 {width: 50% !important; float: left;}
    .finance-document .col-sm-7 {width: 60% !important; float: left;}
    .finance-document .col-sm-5 {width: 40% !important; float: left;}
    .finance-document .payment-info {font-size: 0.9em; line-height: normal;}
    .finance-document .report-info .col-sm-6 {width: 50% !important; float: left; font-size: 0.8em;}
    .finance-document .report-info .col-sm-4 {width: 40% !important; float: right;}
    .finance-document .hidden-xs {display: none;}
}