/* classi di utility generiche, non responsive che bs non implementa*/

/*ESCLUSORE DI (quasi) OGNI REGOLA*/
.exclude-all-css, .exclude-all-css-r, .exclude-all-css-r *{ all:unset;}
.exclude-all-css-important, .exclude-all-css-important-r, .exclude-all-css-important-r *{ all:unset!important;}

/*PAGE LAYOUT*/
.center-div{ margin-left:auto; margin-right:auto; }

.page-content-xl{ max-width: 1920px; position:relative; }
.page-content-xl{ max-width: 1440px; position:relative; }
.page-content-lg{ max-width: 1280px; position:relative; }
.page-content{ max-width: 1192px; position:relative; }
.page-content-md{ max-width: 992px; position:relative;}
.page-content-sm{ max-width: 768px; position:relative;}
.page-content-xs{ max-width: 576px; position:relative;}

/*OVERFLOW*/
.ovrf-hidden{overflow: hidden;}
.ovrf-x-hidden{overflow-x: hidden;}
.ovrf-y-hidden{overflow-y: hidden;}

.ovrf-auto{overflow: auto;}
.ovrf-x-auto{overflow-x: auto;}
.ovrf-y-auto{overflow-y: auto;}

.ovrf-scroll{overflow: scroll;}
.ovrf-x-scroll{overflow-x: scroll;}
.ovrf-y-scroll{overflow-y: scroll;}

/*ALERTS*/
.alert-xs{padding:5px; font-size:0.6em;}
.alert-xs *{font-size:1em;}
.alert-sm{padding:10px; font-size:0.8em;}
.alert-sm *{font-size:1em;}
.alert-lg{padding:20px; font-size:1.2em;}
.alert-lg *{font-size:1em;}
.alert-xl{padding:25px; font-size:1.4em;}
.alert-xl *{font-size:1em;}

/*ALERT COLORS OVERRIDE*/
.ovr-alert-success{ color: #3c763d!important; background-color: #dff0d8!important; border-color: #d6e9c6!important;}
.ovr-alert-danger{ color: #a94442!important; background-color: #f2dede!important; border-color: #ebccd1!important;}
.ovr-alert-warning{ color: #8a6d3b!important; background-color: #fcf8e3!important; border-color: #faebcc!important;}
.ovr-alert-info{color: #31708f!important; background-color: #d9edf7!important;border-color: #bce8f1!important;}

/*BS COLLAPSE FIX*/
.collapse.show.collapse-inline{ display:inline; }
.collapse.show.collapse-iblock{ display:inline-block; }
.collapse.show.collapse-block{ display:block; }
.collapse.show.collapse-flex{ display:flex; }

/*BS MODAL*/
.custom-modal{ z-index:10000; }

.custom-modal.modal-95 .modal-dialog{ max-width: 95%;  margin-left: auto; margin-right: auto; }
.custom-modal.modal-90 .modal-dialog{ max-width: 90%;  margin-left: auto; margin-right: auto; }
.custom-modal.modal-80 .modal-dialog{ max-width: 80%;  margin-left: auto; margin-right: auto; }
.custom-modal.modal-70 .modal-dialog{ max-width: 70%;  margin-left: auto; margin-right: auto; }
.custom-modal.modal-60 .modal-dialog{ max-width: 60%;  margin-left: auto; margin-right: auto; }
.custom-modal.modal-50 .modal-dialog{ max-width: 50%;  margin-left: auto; margin-right: auto; }

/*BS BREADCRUMB*/

.breadcrumb.breadcrumb-chevron .breadcrumb-item + .breadcrumb-item::before { content: ">";}

/*TABLES - BS TABLES*/
.table-sm.table-sm-y-spaced td{padding-bottom: .75rem; padding-top: .75rem; }
/*LIST*/
ul.no-bullet,
ol.no-bullet,
ul.no-bullet li,
ol.no-bullet li
  {
  list-style:none;
  list-style-type:none;}


/*BUTTONS*/
.btn-xs{
  padding: .20rem .12rem;
  font-size: .775rem;
  line-height: 1.1;
  border-radius: .2rem;
}

.btn-circle{text-align: center;}
.btn-circle, .btn-circle.btn-md{
  width: 30px;
  height: 30px;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
 }
   
.btn-circle.btn-xs {
  width: 18px;
  height: 18px;
  padding: 4px 0;
  font-size: 8px;
  line-height: 0.428571429;
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
}
 
.btn-circle.btn-sm {
  width: 24px;
  height: 24px;
  padding: 4px 0;
  font-size: 12px;
  line-height: 0.12;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}
 
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
}

.btn.btn-wrap{white-space: normal;}

/*BORDERS*/
.border-dashed{border-style: dashed!important;}

.bdw-2{border-width: 2px!important;}
.bdw-4{border-width: 4px!important;}
.bdw-6{border-width: 6px!important;}
.bdw-8{border-width: 8px!important;}
.bdw-10{border-width: 10px!important;}
.bdw-12{border-width: 12px!important;}
.bdw-14{border-width: 14px!important;}


/*BORDER RADIUS*/

.b-rad-50p{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

.b-rad-3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.b-rad-5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.b-rad-10{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.b-rad-15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.b-rad-20{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.b-rad-30{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.b-rad-40{-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}
.b-rad-50{-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.b-rad-60{-webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px;}
.b-rad-70{-webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px;}
.b-rad-80{-webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px;}

.b-rad-t-3{
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.b-rad-t-5{
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.b-rad-t-10{
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.b-rad-b-3{
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.b-rad-b-5{
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.b-rad-b-10{
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

/*LINKS*/
.cursor-pointer{cursor: pointer;}
.cursor-none{cursor: none!important;}
.cursor-default{cursor: default!important;}

/*TEXT*/
.txt-code{font-family: "Courier New", Courier, monospace;}

.txt-inh, .txt-inh-r, .txt-inh-r *{font-size:inherit!important;}
.txt-8, .txt-8-r, .txt-8-r *{font-size:8px!important;}
.txt-10, .txt-10-r, .txt-10-r *{font-size:10px!important;}
.txt-12, .txt-12-r, .txt-12-r *{font-size:12px!important;}
.txt-14, .txt-14-r, .txt-14-r *{font-size:14px!important;}
.txt-16, .txt-16-r, .txt-16-r *{font-size:16px!important;}
.txt-18, .txt-18-r, .txt-18-r *{font-size:18px!important;}
.txt-20, .txt-20-r, .txt-20-r *{font-size:20px!important;}
.txt-22, .txt-22-r, .txt-22-r *{font-size:22px!important;}
.txt-24, .txt-24-r, .txt-24-r *{font-size:24px!important;}
.txt-26, .txt-26-r, .txt-26-r *{font-size:26px!important;}
.txt-28, .txt-28-r, .txt-28-r *{font-size:28px!important;}
.txt-30, .txt-30-r, .txt-30-r *{font-size:30px!important;}

.txt-bold{font-weight: bold;}
.txt-normal{font-weight: normal;}
.txt-und{text-decoration: underline;}

.txt-bold-r, .txt-bold-r *{font-weight: bold;}
.txt-normal-r, .txt-normal-r *{font-weight: normal;}
.txt-und-r, .txt-und-r *{text-decoration: underline;}

.txt-up, .txt-up-r, .txt-up-r *{text-transform: uppercase;}
.txt-lo, .txt-lo-r, .txt-lo-r *{text-transform: lowercase;}
.txt-cap, .txt-cap-r, .txt-cap-r *{text-transform: capitalize;}

.lnh-1{line-height: 1em!important;}
.lnh-1-r, .lnh-1-r *{line-height: 1em!important;}
  
.lnh-2{line-height: 2em!important;}
.lnh-2-r, .lnh-2-r *{line-height: 2em!important;}

.no-underline, .no-underline:hover, .no-underline:visited, .no-underline:active{text-decoration:none;}
.no-outline{outline:none;}

.color-inh{color:inherit;}
.text-inh{font-size:inherit;}
.font-inh{font-family:inherit;}
.fontw-inh{font-weight: inherit;}

/*ROTATION*/
.rotate.rotate-45-rl{ transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.rotate.rotate-45-lr{ transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}

/*DISPLAY - DEPRECATI*/

/*SIZEING*/

.mmw-auto{min-width: auto!important;}
.mmh-auto{min-height: auto!important;}
.mmw-100{min-width: 100%!important;}
.mmh-100{min-height: 100%!important;}

/*POSITION SHIFTING*/
.top-0{top:0px;} .top-1{top:1px;} .top-2{top:2px;} .top-3{top:3px;} .top-5{top:5px;} .top-10{top:10px;} .top-15{top:15px;} .top-20{top:20px;}
.btm-0{bottom:0px;} .btm-1{bottom:1px;} .btm-2{bottom:2px;} .btm-3{bottom:3px;} .btm-5{bottom:5px;} .btm-10{bottom:10px;} .btm-15{bottom:15px;} .btm-20{bottom:20px;}
.left-0{left:0px;} .left-1{left:1px;} .left-2{left:2px;} .left-3{left:3px;} .left-5{left:5px;} .left-10{left:10px;} .left-15{left:15px;} .left-20{left:20px;}
.right-0{right:0px;} .right-1{right:1px;} .right-2{right:2px;} .right-3{right:3px;} .right-5{right:5px;} .right-10{right:10px;} .right-15{right:15px;} .right-20{right:20px;}

.ntop-0{top:0px;} .ntop-1{top:-1px;} .ntop-2{top:-2px;} .ntop-3{top:-3px;} .ntop-5{top:-5px;} .ntop-10{top:-10px;} .ntop-15{top:-15px;} .ntop-20{top:-20px;}
.nbtm-0{bottom:0px;} .nbtm-1{bottom:-1px;} .nbtm-2{bottom:-2px;} .nbtm-3{bottom:-3px;} .nbtm-5{bottom:-5px;} .nbtm-10{bottom:-10px;} .nbtm-15{bottom:-15px;} .nbtm-20{bottom:-20px;}
.nleft-0{left:0px;} .nleft-1{left:-1px;} .nleft-2{left:-2px;} .nleft-3{left:-3px;} .nleft-5{left:-5px;} .nleft-10{left:-10px;} .nleft-15{left:-15px;} .nleft-20{left:-20px;}
.nright-0{right:0px;} .nright-1{right:-1px;} .nright-2{right:-2px;} .nright-3{right:-3px;} .nright-5{right:-5px;} .nright-10{right:-10px;} .nright-15{right:-15px;} .nright-20{right:-20px;}

.ptop-0{top:0%;} .ptop-12{top:12%;} .ptop-25{top:25%;} .ptop-33{top:33%;} .ptop-50{top:50%;} .ptop-66{top:66%;} .ptop-75{top:75%;} .ptop-90{top:90%;} .ptop-100{top:100%;}
.pbtm-0{bottom:0%;} .pbtm-12{bottom:12%;} .pbtm-25{bottom:25%;} .pbtm-33{top:33%;} .pbtm-50{bottom:50%;} .pbtm-66{bottom:66%;} .pbtm-75{bottom:75%;} .pbtm-90{bottom:90%;} .pbtm-100{bottom:100%;}
.pleft-0{left:0%;} .pleft-12{left:12%;} .pleft-25{left:25%;} .pleft-33{left:33%;} .pleft-50{left:50%;} .pleft-66{left:66%;} .pleft-75{left:75%;} .pleft-90{left:90%;} .pleft-100{left:100%;}
.pright-0{right:0%;} .pright-12{right:12%;} .pright-25{right:25%;} .pright-33{right:33%;} .pright-50{right:50%;} .pright-66{left:66%;} .pright-75{right:75%;} .pright-90{right:90%;} .pright-100{right:100%;}

.nptop-0{top:0%;} .nptop-12{top:-12%;} .nptop-25{top:-25%;} .nptop-33{top:-33%;} .nptop-50{top:-50%;} .nptop-66{top:-66%;} .nptop-75{top:-75%;} .nptop-90{top:-90%;} .nptop-100{top:-100%;}
.npbtm-0{bottom:0%;} .npbtm-12{bottom:-12%;} .npbtm-25{bottom:-25%;} .npbtm-33{top:-33%;} .npbtm-50{bottom:-50%;} .npbtm-66{bottom:-66%;} .npbtm-75{bottom:-75%;} .npbtm-90{bottom:-90%;} .pbtm-100{bottom:-100%;}
.npleft-0{left:0%;} .npleft-12{left:-12%;} .npleft-25{left:-25%;} .npleft-33{left:-33%;} .npleft-50{left:-50%;} .npleft-66{left:-66%;} .npleft-75{left:-75%;} .npleft-90{left:-90%;} .npleft-100{left:-100%;}
.npright-0{right:0%;} .npright-12{right:-12%;} .npright-25{right:-25%;} .npright-33{right:-33%;} .npright-50{right:-50%;} .npright-66{left:-66%;} .npright-75{right:-75%;} .npright-90{right:-90%;} .npright-100{right:-100%;}

/*CLASSI GRAFICHE VARIE*/

.bg-transparent-hover:hover{
  background:transparent!important;
}

.diagonal-gradient-1{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffec42+0,ffec42+50,ffffff+51,ffffff+100 */
  background: rgb(255,236,66); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(255,236,66,1) 0%, rgba(255,236,66,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(255,236,66,1) 0%,rgba(255,236,66,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(124deg,  rgba(255,236,66,1) 0%,rgba(255,236,66,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffec42', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bgmat-grid-20{
  background-size: 20px 20px;
  background-image: linear-gradient(to right, lightpink 1px, transparent 1px), linear-gradient(to bottom, lightpink 1px, transparent 1px);
}

.img-flt-gray{-webkit-filter: grayscale(100%); filter: grayscale(100%);}

.overlay-transition{transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s;}

.overlay-0,.overlay-0-hover:hover{opacity:0;}
.overlay-1,.overlay-1-hover:hover{opacity:0.2;}
.overlay-2,.overlay-2-hover:hover{opacity:0.4;}
.overlay-3,.overlay-3-hover:hover{opacity:0.6;}
.overlay-4,.overlay-4-hover:hover{opacity:0.8;}
.overlay-5,.overlay-5-hover:hover{opacity:1;}

.overlay-10,.overlay-10-hover:hover{opacity:0.1;}
.overlay-30,.overlay-30-hover:hover{opacity:0.3;}
.overlay-50,.overlay-50-hover:hover{opacity:0.5;}
.overlay-70,.overlay-70-hover:hover{opacity:0.7;}
.overlay-90,.overlay-90-hover:hover{opacity:0.9;}

.overlay-black,.overlay-black-hover:hover{background-color:rgb(0,0,0);}
.overlay-white,.overlay-white-hover:hover{background-color:rgb(255,255,255);}

.overlay-black-0,.overlay-black-0-hover:hover{background-color:rgba(0,0,0,0);}
.overlay-black-1,.overlay-black-1-hover:hover{background-color:rgba(0,0,0,0.2);}
.overlay-black-2,.overlay-black-2-hover:hover{background-color:rgba(0,0,0,0.4);}
.overlay-black-3,.overlay-black-3-hover:hover{background-color:rgba(0,0,0,0.6);}
.overlay-black-4,.overlay-black-4-hover:hover{background-color:rgba(0,0,0,0.8);}
.overlay-black-5,.overlay-black-5-hover:hover{background-color:rgba(0,0,0,1);}

.overlay-black-10,.overlay-black-10-hover:hover{background-color:rgba(0,0,0,0.1);}
.overlay-black-30,.overlay-black-30-hover:hover{background-color:rgba(0,0,0,0.3);}
.overlay-black-50,.overlay-black-50-hover:hover{background-color:rgba(0,0,0,0.5);}
.overlay-black-70,.overlay-black-70-hover:hover{background-color:rgba(0,0,0,0.7);}
.overlay-black-90,.overlay-black-90-hover:hover{background-color:rgba(0,0,0,0.9);}

.overlay-white-0,.overlay-white-0-hover:hover{background-color:rgba(255,255,255,0);}
.overlay-white-1,.overlay-white-1-hover:hover{background-color:rgba(255,255,255,0.2);}
.overlay-white-2,.overlay-white-2-hover:hover{background-color:rgba(255,255,255,0.4);}
.overlay-white-3,.overlay-white-3-hover:hover{background-color:rgba(255,255,255,0.6);}
.overlay-white-4,.overlay-white-4-hover:hover{background-color:rgba(255,255,255,0.8);}
.overlay-white-5,.overlay-white-5-hover:hover{background-color:rgba(255,255,255,1);}

.overlay-white-10,.overlay-white-10-hover:hover{background-color:rgba(255,255,255,0.1);}
.overlay-white-30,.overlay-white-30-hover:hover{background-color:rgba(255,255,255,0.3);}
.overlay-white-50,.overlay-white-50-hover:hover{background-color:rgba(255,255,255,0.5);}
.overlay-white-70,.overlay-white-70-hover:hover{background-color:rgba(255,255,255,0.7);}
.overlay-white-90,.overlay-white-90-hover:hover{background-color:rgba(255,255,255,0.9);}

.text-shadow-black-2{text-shadow: 0px 0px 2px #000;}
.text-shadow-black-3{text-shadow: 0px 0px 3px #000;}
.text-shadow-black-4{text-shadow: 0px 0px 4px #000;}
.text-shadow-black-6{text-shadow: 0px 0px 6px #000;}
.text-shadow-black-8{text-shadow: 0px 0px 8px #000;}
.text-shadow-black-10{text-shadow: 0px 0px 10px #000;}

.overlay-gradient-black{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+33,000000+100&0+33,0.59+100 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 33%, rgba(0,0,0,0.59) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 33%,rgba(0,0,0,0.59) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 33%,rgba(0,0,0,0.59) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#96000000',GradientType=0 ); /* IE6-9 */
}
