/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5-giu-2017, 9.32.20
    Author     : Fabbri
*/
#main {
    padding-top: 75px;
    min-height: auto;
}
#footer {
    padding-left: 0;
}
.full-heigth {
    min-height: 100vh;
}
.ha-menu>ul>li>a {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 13.5px;
}
[data-ma-theme=indigo] {
    background-color: #3F51B5;
}
.panel-gestione .card-body::-webkit-scrollbar {
    width: .5em;
}
body::-webkit-scrollbar {
    width: 1em;
}
.panel-gestione .card-body::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.panel-gestione .card-body::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
#content.content-full {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
.card-header .card-header-btn {
    margin-top: -5px;
}
.p-b-50 {
    padding-bottom: 50px !important;
}
.m-l-42 {
    margin-left: 42px !important;
}
.fg-line.w-90 {
    width: 87%;
}
#header .logo-custom a {
    padding: 7px 10px;
}
.logo-custom a {
    color: #fff;
    display: block;
    font-size: 18px;
}
.ha-menu .zmdi,
.btn:not(.btn-sm):not(.btn-icon) .zmdi {
    margin-right: 5px;
}
.input-group-addon-label {
    position: relative;
    top: 5px;
    font-weight: 700;
    font-size: 18px;
}
.form-control {
    font-size: 18px;
}
.control-label {
    font-size: 18px;
}
.checkbox input {
    width: 25px;
    height: 25px;
}
.checkbox .input-helper:before {
    width: 25px;
    height: 25px;
}
.checkbox .input-helper:after {
    font-size: 20px;
}
.select.custom-select .bootstrap-select {
    /*z-index: 10;*/
}
.select.custom-select .filter-option {
    font-size: 16px;
    margin-left: 5px;
}
.select.custom-select .btn.dropdown-toggle {
    text-transform: none;
}
.error_form {
    padding: 5px;
    margin-top: 2px;
}
.error_form ul {
    padding-left: 0;
    list-style-type: none;
}
.compare-not-equal {
    background: red !important;
    color: white !important;
}
.compare-equal {
    background: green !important;
    color: white !important;
}
/*
.text-msg-error {
    font-weight: bold;
    position: absolute;
    right: 30px;
    top: 10px;
    width: 300px;
    z-index: 10000;
}
*/
.text-msg-error {
    font-weight: bold;
    font-size: 1.4em;
    position: absolute;
    right: 40%;
    top: 20%;
    width: 500px;
    z-index: 10000;
}

.filter-active {
    background-color: #67bd6a;
    /*border-color: #67bd6a;*/
    /*border-width: 5px;*/
    /*border-top-style: solid;*/
    /*border-top-color: #67bd6a;*/
}
.reset-datepicker {
    opacity: 0.7;
}
.reset-datepicker:hover {
    cursor: pointer;
}
.btn-sm.btn-icon {
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 30px;
}
.btn-sm.btn-icon .zmdi {
    font-size: 16px;
}
.table-gestione, .table-gestione-farmacia, .table-gestione-ente, .table-gestione-volontario {
    transition: width .5s;
}
.panel-gestione, .panel-gestione-farmacia, .panel-gestione-ente, .panel-gestione-volontario {
    height: auto;
    transition: transform .5s, opacity 0s, visibility 0s;
    transition-delay: .5s;
    transform: translateX(0%);
}
.panel-gestione.custom-hidden, .panel-gestione-farmacia.custom-hidden, .panel-gestione-ente.custom-hidden, .panel-gestione-volontario.custom-hidden {
    height: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    transition: transform .5s, opacity 0s, visibility 0s;
    transition-delay: .5s;
    transform: translateX(110%);
}
.panel-gestione .card-body, .panel-gestione-farmacia .card-body, .panel-gestione-ente .card-body, .panel-gestione-volontario .card-body {
    overflow-y: auto;
}
.stiked {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
}
.table.table-striped.table-hover-custom>tbody>tr:hover {
    background-color: #ebebeb;
}
.breadcrumbs {
    padding: 0;
    margin: 15px 0 20px 0;
    list-style: none;
    font-size: 20px;
}
.breadcrumbs>li {
    display: inline-block;
}
.breadcrumbs .active {
    font-weight: bold;
    /*color: #3F51B5;*/
    color: #333;
    margin-left: 10px;
    font-size: 30px;
}
.breadcrumbs>li>a {
    color: #444;
    font-weight: 500;
}
.breadcrumbs>li>a.btn {
    position: relative;
    top: -5px;
}
.card.pt-inner .ptih-title {
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 700;
}
.card .card-header h2 {
    font-size: 20px;
    font-weight: 500;
}
.btn {
    font-weight: 700;
    letter-spacing: 0.6px;
}
.swal2-modal h2 {
    font-size: 20px;
}
.swal2-modal .swal2-content {
    font-size: 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    width: 55px;
    height: 55px;
    line-height: 38px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:before, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
    line-height: 55px;
}
.modal-90 {
    width: 90%;
}
/* Messaggi di errore per jQuery Validation */
.form-group .fg-line label.error {
    color: red;
    font-size: 16px;
}
@media screen and (max-width: 991px) {
    .offset-bottom-sm {
        margin-bottom: 20px;
    }
}

/* CUSTOM TEMPLATE */

.login-content {
    min-height: 100vh;
    text-align: center;
    background-color: #1761aa !important;
}

a {
    color: #dc0046;
    text-decoration: none;
}

[data-ma-theme=color-custom] {
    background-color: #272727 !important;
}

[data-ma-theme=color-bazar] {
    background-color: #1761aa !important;
}

[data-ma-theme=color-mercatino] {
    background-color: #a90036 !important;
}

.bgm-blue {
    background-color: #dc0046 !important;
}

.bgm-green {
    background-color: #b0ba39 !important;
}

.bgm-table {
    background-color: #272727 !important;
}

.bgm-row-table {
    background-color: #d9d9d9 !important;
}

.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title>a:after {
    background: #2fb4e9;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #272727;
    color: #fff !important;
}

.btn-info {
    color: #fff;
    background-color: #dc0046;
    border-color: #dc0046;
}

.btn-success {
    color: #fff;
    background-color: #b0ba39;
    border-color: #b0ba39;
}

.btn-primary {
    color: #fff;
    background-color: #2fb4e9;
    border-color: #2fb4e9;
}

/* FORM CONTROL */

.form-control {
    border-bottom: 1px solid #c3c2c2 !important;
}

.form-control::-moz-placeholder {
    color: rgb(146, 145, 145) !important;
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: rgb(146, 145, 145) !important;
  }
  .form-control::-webkit-input-placeholder {
    color: rgb(146, 145, 145) !important;
  }

  .importo-tavolo {
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    background-color: #fff;
    margin: 0.5em;
    border-radius: 12px;
    padding: 0 0 1rem 0;
  }

  .importo-tavolo .titolo-tavolo {
        background-color: #543988;
        color: #fff;
        text-align: center;
        border-radius: 12px 12px 0 0;
        padding: .5rem;
  }

  .importo-tavolo .campo-importo {
    padding: 1rem;
}

.tipo-versamento .filter-option {
    font-size: 1.2em;
}

span.filter-option.pull-left {
    font-size: 1.2em;
    font-weight: 400;
}

.tavolo {
    font-size: 1.8em;
}

input:focus::-webkit-input-placeholder {
    opacity: 0;
}

input:focus::-moz-placeholder {
   opacity: 0;
}

input:focus:-ms-input-placeholder {
    opacity: 0;
}

input:focus:-moz-placeholder {
   opacity: 0;
}

.versamento .control-label {
    font-size: 1.6em;
}

.versamento h2 {
    line-height: .3em;
    color: #5E5E5E;
}

.versamento span.filter-option.pull-left {
    font-size: 1.6em;
    font-weight: 400;
}

.loader-container {
    height: 430px !important;
    padding-top: 115px;
}


.disable-select {
    pointer-events: none;
}

.importo-tavolo .control-label, .importo-tavolo .input-importo {
    font-size: 16px;
}