/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[type=checkbox] {
    height: auto;
    width: auto;
}

body {color: #626262; display: flex; flex-direction: column; height: 100vh; font-family: Roboto;}
a { color: #000; font-weight:bold; }
a:hover { text-decoration:none; color: #717384; }
.table {color: #626262;}
textarea { resize: none; width:100%; min-height:130px; }

.add { font-weight: 700; }

.topbar, .topbar .nav-item .nav-link {height: auto;}

#wrapper { flex-grow:1; }
.sidebar { background-color:#e2edf3; min-height:100%; }
.navbar { color:#000;}
.navbar-nav { align-items: center; }
.navbar-nav .nav-item { white-space: nowrap; }
.navbar-nav .nav-item .nav-link img { margin: auto 8px auto 0;}

.sidebar .nav-item { width: 100%; }
.sidebar .nav-item .nav-link {
    border-bottom: 1px solid #c7c9ca;
    width: calc(100% - 2rem);
    margin: 1rem;
    padding: 0;
    padding-bottom:8px;
    color:#000;
    margin-bottom:0px;
}
.sidebar .nav-item .nav-link i { color:#000; }
.sidebar-dark .nav-item.active .nav-link, .sidebar-dark .nav-item.active .nav-link i { color:#888; }
.sidebar .nav-item.section { background-color: #fff; }
.sidebar .nav-item.section .nav-link { border-bottom: 0px; padding-bottom: 0px; margin:10px 1rem; }
.sidebar .nav-item.section .nav-link span { font-size: 20px; font-weight:600; }
.sidebar-dark .nav-item .nav-link:hover { color:#858796; }
.sidebar-dark .nav-item span.nav-link:hover { color:#000; }
.sidebar-brand-icon img { max-width: 100%; max-height: 100%; height: auto; }
.sidebar .sidebar-brand { padding-top: 8px; padding-bottom: 8px; height: auto; }
.sidebar-brand { padding: 0px 9px; height: auto; width: 14rem !important; margin-left: -1rem; }

.topbar.navbar-light .navbar-nav .nav-item .nav-link { color: #000; }

#wrapper #content-wrapper { background-color: #fff; }

.bg-gradient-primary { background-color: #888; background-image: linear-gradient(180deg,#888 10%,#bbb 100%); }

.nostretch { width:1%; white-space: nowrap; }
.table .nostretch a { color: #858796; }
.table tr.disabled, .gantt-inactive  {color: #00000050; background-color:#f6f6f6;}
.table tr.disabled a, .gantt-inactive a  {color: #00000050;}

.bubble { width:240px; display:none; color: #fff; background-color: #1cc88a; border-color: #1cc88a; border-radius: 5px; opacity: 0.7; margin:5px; padding:4px; }

.table .form-group th { width: 20%; }
.table th { color: #000; }
.tiny, .tiny .tox-tinymce { min-height:260px; }
.tiny textarea { display:none; }

.heading-title h1 { padding: 9px 12px; font-size: 16px; color:#fff; font-weight: 700; margin:0; min-height:60px;}
.heading-title h1 span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100vw - 350px); display: inline-block;}
.heading-title h1 img { filter: invert(100%); vertical-align: bottom;}
.heading-title h1 div {font-size: 14px;}
/* .heading-title h1 img { filter: invert(73%) sepia(97%) saturate(1%) hue-rotate(315deg) brightness(90%) contrast(97%);} */

.title { font-size:1.1rem; font-weight: 700; }

.modal-content { overflow:auto; }
.modal-content .heading-title { background-color: #686868; }
.modal-content .heading-title h1 { line-height: 38px; }

.gm-style a { font-weight: normal; }
.gm-style .title { font-weight: 700; color: #000; font-size:1.1em; display: block; }
.gm-style .gm-style-iw-d { min-width:180px; color:#000; }

.center { text-align: center; }
.halfmonth { width: 150px;}
.scrollx { overflow-x: scroll; padding-bottom: 15px; }

#loading { position:fixed; width:0px; height:100vh; background-color: #000; opacity: 0; transition: opacity 0.2s linear 0.1s; z-index: 10; }
#loading.show { width:100vw; opacity: 0.5; }
#loading-message { position: fixed; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; overflow: hidden; outline: 0; }
#loading-message .card { padding: .5rem; }
#loader { position:fixed; display:none; top:0px; left: 0px; width: 100vw; height: 100vh; background-color: rgba(220,220,220,0.7); z-index:100; }
#loader.active { display: block; }
.poscorr {border: 1px solid #d1d3e2; border-top: none; padding: 15px;}

.bto-show-routes {background: #a41f35; padding:10px; border: none; color: #fff; font-weight: 700; text-transform: uppercase; cursor: pointer;}
.bto-show-routes:hover {opacity: 0.9;}
.nopad {padding: 0;}
.print {display: none;}
.strong { font-weight: 700; }
.bto-bar {padding: 10px; background: #ebebeb;}
.btn-blue { padding: .1rem 0.5rem; background-color:#73a0ca; color:#fff; }
.btn-save { background-color: #f79000 !important; color: #FFFFFF !important; }
.lang-select { flex:1; }

/* .login-img, .sidebar-brand-icon { background-color: #25334e;} */

/* print styles */
@media print {
    /*@page {size: 210mm 297mm; margin: 10mm;}*/
    body {margin: 0; font-size: 12pt; color: #000; background-color: #fff; min-width:0px !important;}
    .print {display: block;}
    .noprint, .header, .avatar {display: none;}
    .heading-title h1, .table {color: #000;}
    .heading-title {border-bottom: 2px solid #d1d3e2;}
    .gm-style > div:nth-child(10) {display:none;}
    .table {page-break-inside: avoid;}
    .table-bordered td, .table-bordered th {border: 2px solid #e3e6f0 !important;}
    .table-bordered.consultazioni td.isnew, .table-bordered.consultazioni th.isnew {display:none;}
    .heading-text {padding: 10px;}
    .heading-text p {padding: 0px; margin: 0px 0px 5px;}
    #map-canvas { height: 150mm !important; width: 100% !important; width: 190mm !important}
    /* #map-canvas > div {width: 10mm !important; } */
    #map-canvas > div { position: relative !important; }
    .heading-title, #wrapper #content-wrapper  {background: none;}
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding: 0;}
}
@media (min-width: 768px) {
  .sidebar.toggled .nav-item .nav-link {
    text-align: center;
    padding: 0;
    width: auto;
  }
}

.sidebar-dark #sidebarToggle {
  background-color: rgba(0,0,0,.2);
}
.sidebar #sidebarToggle {
  width: 2rem;
  height: 2rem;
}

.invert100 { filter: invert(100%); }

.dashicon {margin-top: -60px; margin-bottom: 40px; width:80px;}
.dash .card {min-height:200px; justify-content:center; line-height:25px;}
.dash .card a {color:#fff;}
.dash .card i {margin-top: 20px;}
.nominativo{ white-space: nowrap; }

.black{ color: #000; }
.color-dashboard { color: #19223e; }
.bg-dashboard, .dashboard > .header { background-color: #19223e; }
.color-personale { color: #ec6f09; }
.bg-personale, .personale > .header { background-color: #ec6f09; }
.color-flotta { color: #2193f2; }
.bg-flotta, .flotta > .header { background-color: #2193f2; }
.color-simulatore { color: #8fab1c; }
.bg-simulatore, .simulatore > .header { background-color: #8fab1c; }
.bg-cyan { background-color: #b7d2e5; }

.tablecyan { padding:0px; }
.tablecyan .heading { background-color:#e2edf3; border: 1px solid #73a0ca; border-bottom:0; padding-top: 5px; padding-bottom: 10px;}
.tablecyan .heading h3 { margin-bottom:0; color: #000; font-size: 25px; line-height: 30px;}
.tablecyan .table-bordered { border-color: #73a0ca !important; }
.tablecyan .table-bordered td, .tablecyan .table-bordered th { border-color: #73a0ca !important; }

/*
.yellow-t { background-color: rgba(255,255,0,0.7); }
.red-t { background-color: rgba(255,0,0,0.7); padding-left: 2px; padding-right: 2px;}
.green-t { background-color: rgba(0,255,0,0.7); }
.blue-t { background-color: rgba(0,0,255,0.7); }
.yellow-o { background-color: rgba(255,255,0,0.5); }
.red-o { background-color: rgba(255,0,0,0.5); }
.green-o { background-color: rgba(0,255,0,0.5); }
.blue-o { background-color: rgba(0,0,255,0.5); }
.yellow-e { background-color: rgba(255,255,0,0.3); }
.red-e { background-color: rgba(255,0,0,0.3); }
.green-e { background-color: rgba(0,255,0,0.3); }
.blue-e { background-color: rgba(0,0,255,0.3); }
*/
.yellow-t { background-color: rgba(190,190,190,1); }
.red-t { background-color: rgba(200,200,200,1);}
.green-t { background-color: rgba(210,210,210,1); }
.blue-t { background-color: rgba(220,220,220,1); }
.yellow-o { background-color: rgba(190,190,190,1); }
.red-o { background-color: rgba(200,200,200,1);}
.green-o { background-color: rgba(210,210,210,1); }
.blue-o { background-color: rgba(220,220,220,1); }
.yellow-e { background-color: rgba(190,190,190,1); }
.red-e { background-color: rgba(200,200,200,1);}
.green-e { background-color: rgba(210,210,210,1); }
.blue-e { background-color: rgba(220,220,220,1); }

.blue {background-color: #59cce7;}
.red-f {background-color: #e75959;}
.green-f {background-color: #8bde64;}


.navbar-nav.w-100 .w-100.strong {text-align: center; margin-top: -16px;}
.navbar-nav.w-100 .w-100.strong .change {background-color: #edebeb; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; display: inline-block; padding: 10px 20px; margin-top: 5px;}
.navbar-nav.w-100 .w-100.strong .change .dropdown-toggle {margin-left: 10px;}
.calendario.table-bordered thead td, .calendario.table-bordered thead th {font-weight: 400; padding: 1px 5px;}
.calendario.table-bordered thead th.anno {font-weight: 700;}
.calendario.table-bordered tr td:first-child, .calendario.table-bordered tr th:first-child { position:sticky; left: 0px; background-color: #FFF; z-index:2; }
.table-bordered.calendario th:not(:first-child) {font-weight: 400; color: #000000;}
.table.table-bordered td a {font-weight: 400;}
.text-primary {color: #858796 !important;}
.btn-secondary {color: #858796; background-color: #ffff;}
.btn-secondary:hover {color: #717384; background-color: #fff; border-color: #6b6d7d;}

.anagrafiche > .row > div, .esportazioni > .row > div  { margin-bottom: 120px; }
#wrapper #content-wrapper #content { padding-bottom: 60px; }
#accordionSidebar { z-index:2; }
.bottom-bar { padding: 12px 0 12px 14rem; position: fixed; left:0px; bottom: 0px; background-color: #f8f9fc; border-top: 1px solid #e3e6f0; width:100%; }
.sidebar-toggled .bottom-bar { padding-left: 7.8rem; }

.store-cat-filter { position:relative;}
.store-cat-filter i { cursor:pointer;font-size: 1.3rem; font-weight: 400; line-height: 1.5; }
.filters { display:none; /* position:absolute; top:45px; left:0px; */ background-color: #fff; /* min-width: 280px; z-index: 3; border: 1px solid #ddd; */ width:100%; clear: both; }
.filters.show { display:block; }
.filter.card-body label { justify-content: start;}

.ab-storico {padding: 15px; background-color: #e2edf3;}
.filters .checkbox {margin-right: 5px;}
.spazio {height: 10px; font-size: 0;}

#hotspot { position:relative; display:inline-block;}
#hotspot a {width: 30px; height: 30px; overflow: hidden; position: absolute; font-size: 15px; line-height: 15px; border-radius: 25px; padding: 0px 20px 0px 0px; transition: 1s; margin: -15px 0 0 -15px;}
#hotspot a:hover {width: auto; background-color: #ffffff; border: 1px solid #000000; border-left: none; border-radius: 25px;}
#hotspot a::before {display: inline-block; width: 40px; content: url("../../../../assets/images/icons/plus-family.svg"); vertical-align: middle;}
span.templates { padding: 0px 20px; }
.hide { display:none; }
.ui-sortable-handle { cursor: move; }
.ui-sortable-handle.ui-sortable-helper {
    /*transform-origin: top left;
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);*/
}
.ui-sortable-placeholder { background-color: yellow; visibility: visible !important; }

.presenze-container { overflow: scroll; max-height: 75vh; }
.presenzetab.table-bordered tr td, .presenzetab.table-bordered tr th { min-width: 250px; }
.presenzetab.table-bordered tr td:first-child, .presenzetab.table-bordered tr th:first-child {
    background-color:#FFF;
  position: sticky;
  left: 0px;
  width: 20%;
}
.avatar { margin-left:25px; }
.avatar, .avatar * { width:30px; height:auto; border-radius:40%; transition: transform .2s; }
.avatar:hover, .avatar:hover * {
  transform: scale(3);
  position:static;
}