/* FONTS ############################################### */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
body {font-family: 'Titillium Web', sans-serif;}

/* COLORI ############################################### */
/* Blue #0d3358 - Blue Mid #124679 - Blue Light #4fa3f4 o #346696- Aqua #29a59c */
.mdb-skin .btn-default{background-color:#0d3358!important;}
.mdb-skin .btn-primary, .mdb-skin .btn-primary.dropdown-toggle,pills-grey .nav-link.active, .pills-grey .show>.nav-link,.tabs-cyan,/*.mdb-skin .card-header,*/ .mdb-skin .form-header,.mdb-skin .side-nav .collapsible li .collapsible-header.active, .mdb-skin .side-nav .collapsible li .collapsible-header:hover{background-color:#346696!important;	}
.mdb-skin .btn-primary.dropdown-toggle:focus, .mdb-skin .btn-primary.dropdown-toggle:hover{	background-color:#4fa3f4!important;}
.switch label input[type=checkbox]:checked+.lever:after{background-color: #29a59c;}

.capera-pills-hor .nav-item{padding:.6rem 0;}
.capera-pills-hor .nav-link{border:1px solid #d2d2d2;}

/* Typo */
.badge {font-weight:500;}
strong, b, .font-weight-bold {font-weight:bold !important;}
a {color:#243a51;}

/* Badge in tabella (da usare come pulsanti ) */
.trigger {
    padding: 1px 10px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 10px;
    background-color: #eee;
    color: #212121;
    display: inline-block;
    margin: 2px 0 2px!important;
        white-space: nowrap;
}

.hoverable, .trigger {
    transition: box-shadow 0.55s;
    box-shadow: 0;
}

.hoverable:hover, .trigger:hover {
    transition: box-shadow 0.45s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* SIDEBAR MENU ############################################### */

#logo-sm{padding:10px; height:60px; width:60px;}
.side-nav .logo-wrapper img {
	padding: 30px 20px 10px;
}
@media (max-height: 992px){
    .side-nav .logo-wrapper{}
    .side-nav .logo-wrapper img {
		padding: 10px 20px 0px;
		max-height:70px;
	}
}

/* VISTE ################################################################# */

/* Dashboard */
#dashboard .card-body{
    position: relative;
    overflow: auto;
    max-height: 450px;
}

/* Iscritto/i */
.testimonial-card .avatar{position: relative}
.testimonial-card #ImgUploader{position: absolute; top:0; right:0; }
.testimonial-card .close{position: absolute; top:5px; right:5px; }

.type-date-md label{top:-20px;font-size: 0.8rem;}
.type-date-md .form-control{height:24px; }

td.fotoTessera{text-align: center;}
#tableIscritti span.badge{margin-right: 2px;}


/* Istanze e commissioni */
.stepTab #step0 th[scope="col"]{font-weight:bold; border-right:1px solid #CCCCCC}
.stepTab label{font-weight:bold;}
.stepTab .validate-check{
        position: absolute;
        top: 0px;
        right:0px;
        margin-top: 6px;
        margin-right:20px;
    }
.stepTab .input-group .validate-check{
        position: absolute;
        top: -30px;
        right:0px;
        margin-top: 6px;
        margin-right:0px;
    }

.stepTab .switch label{font-weight:normal;}
.stepTab .card-header{background-color: #d0d6e2 !important;} /*mdb-color-lighten-5*/

/* Form Istanza */
#formIstanza .classic-tabs .nav li a{padding:20px 20px;}
@media(min-width: 62em){
    #formIstanza .classic-tabs .nav li:first-child{margin-left:initial;}
}

/* Commissione */
#istanzeOdg.tab-content {height: 400px;overflow-y: scroll;}


/* LIBRERIE ################################################################# */

/* DataTable */
table.dataTable{margin:0!important}
.dataTables_wrapper .dataTables_info{font-size:0.8rem;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:0!important;}
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{
	width:50%;
	display:inline-block;
    padding: 0.8rem 1rem;
}
.dataTables_scrollBody{border-bottom:1px solid #ccc;}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #dee2e6;
}

#iscritti_ta-table_wrapper .paging_listbox select{display:inline!important}

.dataTables_processing.card {
    position: absolute;
    top: 30vh;
    left: 50%;
    width: 30vw;
    height: 60px;
    margin-left: -20%;
    margin-top: 0;
    padding: 30px;
    text-align: center;
    font-size: 1.2em;
    background: rgba(255,255,255,0.85);
    z-index: 10000;
    border:3px solid #2487D2;
    line-height:10px;
    animation: fadein 2s;
}
.dataTables_processing.card:before{
    content: "\f1ce";
    color: #2487D2;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size:20px;
}

/* BootstrapTable */
.bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="checkbox"]:not(:checked),
.bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="checkbox"]:checked {
   opacity:1 !important;
   position:relative !important;
   pointer-events: all !important;
}
.bootstrap-table .detail-view th{
    padding:.3rem!important;
}
.bootstrap-table .fixed-table-toolbar .btn{
    padding: .375rem .75rem!important;
    font-size: 1rem!important;
    line-height: 1.5!important;
    /*margin:0;*/
}
.bootstrap-table .fixed-table-toolbar .btn.btn-sm {padding: .5rem 1.6rem!important; font-size: .64rem!important;}
.bootstrap-table .fixed-table-toolbar input{
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
}

.bootstrap-table .fixed-table-container .table td img.ava{
    float:right;

}

.bootstrap-table .table>tbody>tr.groupBy{background:#A3D9FF!important;}

.bootstrap-table .fixed-table-pagination .input-group>.input-group-append>.btn{
  margin:0!important;
  padding: 0 20px;
}

.bootstrap-table .fixed-table-pagination>.pagination-detail .page-list .btn-group>.btn{
  margin:0!important;
  padding: 10px 20px;
}
/* Breadcrumb */
.cap-breadcrumb{background:none;}
.cap-breadcrumb .breadcrumb-item{	color: #666!important;}
.cap-breadcrumb .breadcrumb-item+.breadcrumb-item::before{
	display:none;
}


/* MDB ################################################################# */

table th{font-weight:bold}

.pagination .page-item.active .page-link {	background-color:#ccc!important;}
.double-nav .breadcrumb-dn {
    color: #fff;
}
.side-nav.wide.slim .sn-ad-avatar-wrapper a span {
  display: none;
}

.card-hover{transition: all .2s ease-in-out; cursor: pointer;}
.card-hover:hover,
.card-hover:active,
.card-hover:focus {
  transform: scale(1.04);
}

.md-pills .nav-link{background: #E7E7E7}

.chip{text-transform:uppercase; font-size: inherit; white-space: nowrap;}

/* MDB bugs */
.select-wrapper input{
  z-index: 2;
}
.side-nav .collapsible a {
    font-size: 1rem;
    height: 36px;
    line-height: 36px;
}
.btn-toggle-pass {
  border: none;
  position: absolute;
  top: 11px;
  background: transparent;
  right: 0;
}
.btn-toggle-pass.active {
  color: var(--info-color);
}
.tooltip {  /* pointer-events: none; */}

/* Custom modal Full */
.modal-dialog-full-width {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width:none !important;
}

.modal-content-full-width  {
    height: auto !important;
    min-height: 100% !important;
    border-radius: 0 !important;
    background-color: #ececec !important

}

.modal-body {
  background-color: #fff;
}

.modal-footer {
  background-color: #fff;
}


.modal-content-full-width .pdfobject-container{height:800px;}

.modal-header-full-width  {
    border-bottom: 1px solid #9ea2a2 !important;
}

.modal-footer-full-width  {
    border-top: 1px solid #9ea2a2 !important;
}

/* Embed PDF */
.pdfobject-container { min-height: 40rem; border: none; }
.pdfobject { min-height: 40rem; border: none; }


/* MEDIA QUERY ########################################################### */

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
      .fixed-sn .double-nav, .fixed-sn main, .fixed-sn footer {
        padding-left: 240px;
    }
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    table td * {font-size: 0.8rem;}
    .chip img{display:none;}
    .chip {background:none; padding:0; line-height:inherit;}
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

}


@media (max-width: 1200px){
    .fixed-sn .double-nav, .fixed-sn main, .fixed-sn footer {
        padding-left: 0!important;
    }
}

@media (max-width: 1280px){
    .d-mdpi-none{display: none!important;}
}

@media only screen and (max-width: 1440px){
	/*.side-nav.fixed {
    	transform: translateX(0%);
	}*/
       footer.page-footer{position: relative;}
}

@media (min-width: 1200px){

}
/* LEO ########################################################### */

/* Column 12/12 */
.container-fluid .col-12{
 /* background-color:#ffffff; */
}

/* Label */
#formProtocolloEntrata label{
 position:relative;
 top:8px;
}
/* Heading */
.mx-0 .navbar h4{
 color:#224562;
}
/* Label */
.modal-right .validate label{
 margin-bottom:-6px;
 margin-top:9px;
}

/* Heading */
.modal-right .validate h5{
 margin-top:-7px;
}

/* Column 12/12 */
.modal-right .validate .md-form{
 margin-top:-2px;
}

/* Button */
#chiudiRicerca{
 background-color:#f51d1d !important;
}
/* Cerca corrispondente */
#cercaCorrispondente{
 position:relative;
 left:-12px;
}

/* Cerca oggetto */
#cercaOggetto{
 position:relative;
 left:-12px;
}

/* Form group */
#skContatto .form-group{

}

/* Label */
#skContatto .form-group label{
 display:flex;
}

/* Button */
#modalProtocollaMail .dropdown .dropdown-toggle{
 flex-direction:row;
 justify-content:normal;
 flex-wrap:nowrap;
 float:left;
}

/* Container attach */
#modalProtocollaMail .modal-dialog .containerAttach{
 position:relative;
 right:115px;
}
/* Label */
#skContatto label{
 position:relative;
 top:12px;
}