:root{
	--black:#C3C3C3;
    --background: #F5F5F5;
    --secondary:yellow;
	--standard:30px;
	--double:60px;
	--triple:90px;
	--mini:15px;
}

::selection {
    background: var(--black);
    color: #fff;
}

html, body { 
	font-family: 'KiaSignatureOTFRegular', sans-serif;
	font-weight:400;
	color:#000;
    background-color:var(--background);
}

h1, h2, h3, h4, h5{
	font-family: 'KiaSignatureOTFBold', sans-serif;
	font-weight:400;
	color:#000;
}

a img{
	border:0px;
}

a{
	text-decoration:none;
	transition: all 0.7s ease 0s;
}

ul{
	list-style-type:none;
}

footer{
	padding-top:var(--triple);
	padding-bottom:var(--standard);
    color:#fff;
    background-color:var(--green);
    position:relative;
    z-index:0;
    margin-top:-70px;
}

footer p {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

.red{
    color:var(--red);
}

.social {
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #fff;
    padding: 1px 10px;
}

.social-ig {
    padding: 1px 8px;
}

a.social:hover{
    color:var(--black);
}

a {
    color: var(--black);
}

a:hover{
    color: var(--black);
    text-decoration:none;
}

footer a{
	color:#fff;
}

.padding-0{
	padding:0;
}

.btn-primary, .post-password-form input[type="submit"] {
    background-color: var(--black);
	border-color: var(--black);
	color:#fff;
	border-radius:5px;
	padding:10px 30px !important;
	border:1px solid var(--black);
    font-size:14px;
    text-transform: none;
    height:50px;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover, .post-password-form input[type="submit"]:active, .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"]:hover {
    color: var(--black);
    background-color: transparent !important;
    border-color: var(--black);
}

.btn-outline-primary {
    background-color: var(--black);
	border-color: var(--black);
	color:#fff;
	border-radius:20px;
	padding:5px 30px;
	border:1px solid var(--black);
    font-size:14px;
}


.btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover {
    color: var(--black) !important;
    background-color: #fff !important;
    border-color: var(--black);
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.center{
	text-align:center;
}

.clear{
	clear:both;
}

.pb-standard{
    padding-bottom:var(--standard);
}

.pb-double{
    padding-bottom:var(--double);
}

.hide{
    display:none;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.parallax {
    background: transparent;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wpcf7-form div.wpcf7-mail-sent-ok {
    border: 0px;
}

.wpcf7-form div.wpcf7-response-output {
    clear: both;
    margin: 30px;
	padding: 0;
	text-align:center;
}

.mt-triple{
	margin-top:var(--triple);
}

.mt-250{
	margin-top:250px;
}

.mb-40{
    margin-bottom:40px;
}

.mt-40{
    margin-top:40px;
}

.pb-triple{
	padding-bottom:var(--triple);
}

/*.wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
    display:none;
}*/

.wpcf7-form div.wpcf7-validation-errors {
    border: 0px;
}

input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="date"].wpcf7-not-valid, textarea.wpcf7-not-valid,select.wpcf7-not-valid{
    border:1px solid red;
}

.wpcf7-form-control-wrap span.wpcf7-not-valid input[type="checkbox"]{
	outline: 1px solid red;
}

input[type="submit"] {
    transition: all 0.7s ease 0s;
    font-size: 16px;
    line-height: 1;
    padding: 8px var(--standard);
}

/*[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: none;
}*/

div.wpcf7 .ajax-loader{
	float:left;
}

.form span.wpcf7-list-item {
    margin: 0px;
	margin-top:0px;
}

span.wpcf7-list-item {
    margin: 0;
}

.wpcf7-form-control-wrap {
    color: #000;
	font-size:14px;
}

section{
	padding-top:var(--double);
	padding-bottom:var(--double);
}

.mobile{
    display:none;
}

.desktop{
    display:block;
}

.input-group-text {
    color: var(--blank);
    background-color: #fff;
    border: 0px;
    border-radius: 0;
    border-left:1px solid #ced4da;
    border-top:1px solid #ced4da;
    border-bottom:1px solid #ced4da;
}

header{
    margin-top:30px;
}

#logo{
    padding-top:10px;
}

.form-control{
    border-left:0px;
    height:50px;
}

.nav .button {
    background-color:#fff;
}

.nav .logout{
    background-color:var(--black);
}

.nav .logout a{
    color:#fff;
}


.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.number{
    position: absolute;
    margin-left: -50px;
}

.white{
    background-color:#fff;
}

.risposte .col-md-2{
    font-weight:bold;
}

.risposte .col-md-2 span{
    font-weight:400;
}

.dettaglio .col-md-2, .dettaglio .col-md-10, .risposte .col-md-2, .risposte .col-md-10{
    line-height:40px;
}

.risposte .row{
    margin-bottom:30px;
}

#esporta, #torna{
    padding-top:3px !important;
    padding-bottom:3px !important;
    padding-left:15px !important;
    padding-right: 15px !important;
    border-radius:20px !important;
    height:auto !important;
}

#dashboard .form-control {
    height: 30px;
}

/*.select-3,.select-4,.select-6,.select-7,.select-8,.select-9,.select-10,.select-11,.select-12,.select-22{
    display:none;
}*/

.select-22{
    display:none;
}

.buttons-html5{
    background-color: var(--black);
    border-radius: 0px;
    padding: 3px 20px;
    color:#fff;
    border:1px solid #999;
}

#tot-totale, #tot-interessati, #tot-motivi{
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
}

/*.legenda {
    margin-left: 235px;
    white-space: nowrap;
    margin-top: -50px;
}*/

.legenda {
    margin-left: unset;
    white-space: nowrap;
    margin-top: 20px;
}

.legenda div{
    line-height: 1;
    margin-right:5px;
    font-size: 13px;
    padding-bottom:5px;
}

.nowrap {
    font-size: 14px;
    white-space: nowrap;
    margin-left: -25px;
}

.buttons-html5, .dtsb-button {
    background-color: var(--black) !important;
    padding: 3px 20px !important;
    margin-right: 10px !important;
    color: #fff !important;
    border: 0px !important;
}

form label{
    margin: 0;
    line-height: 1;
    font-size: 12px;
}

.dt-buttons{
    margin-bottom:20px;
    float: right;
}

#coupon_length{
    clear: both;
}

table#coupon{
    padding-top:30px;
}

.SI{
    background-image:url('../img/si.png');
    background-position: 20px 9px;
    background-repeat:no-repeat;
}

.OPEN{
    background-image:url('../img/open.png');
    background-position: 20px 9px;
    background-repeat:no-repeat;
}

.NO{
    background-image:url('../img/no.png');
    background-position: 20px 9px;
    background-repeat:no-repeat;
}

table.dataTable thead .sorting {
    background-image: url("../img/sort_both.png")
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("../img/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("../img/sort_desc_disabled.png")
}

table.dataTable thead .sorting_asc {
    background-image: url("../img/sort_asc.png")
}

table.dataTable thead .sorting_desc {
    background-image: url("../img/sort_desc.png")
}

.table td, .table th{
    padding:0;
    font-size:12px;
}

#utenti_survey_puid_length, #utenti_survey_puid_paginate, #utenti_survey_puid_filter{
    display:none;
}

#utenti_survey_puid_wrapper button{
    padding-top:3px !important;
    padding-bottom:3px !important;
    padding-left:15px !important;
    padding-right: 15px !important;
    height:auto !important;
}

#utenti_survey_puid_wrapper{
    float:right;
    margin-left:10px;
}

#utenti_survey_puid_wrapper button span{
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
}

div.dtsb-searchBuilder button.dtsb-button:hover {
    background-color: #000 !important;
    cursor: pointer;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
    margin-bottom: .8em;
    margin-left: 10px !important;
}

div.dtsb-searchBuilder div.dtsb-logicContainer{
    background:none !important;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{
    border:0px !important;
}


div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup{
    background-color:red !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
    left: -10px !important;
}

body table.dataTable > tbody > tr.child:hover {
    background: #fff !important;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{
    transform:rotate(0deg) !important;
    width: 60px !important;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup {
    margin-top: 18px;
    height: 27px !important;
}

option.dtsb-option.dtsb-notItalic[value="starts"], option.dtsb-option.dtsb-notItalic[value="contains"], option.dtsb-option.dtsb-notItalic[value="ends"]{
    display:none;
}

select.select-1{
    display:none;
}

table .btn.btn-primary{
    padding: 5px 15px !important;
    height: auto;
    cursor:pointer;
    margin-bottom:5px;
    float:left;
}

table .btn.btn-primary:last-child{
    margin-bottom:0px;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
    line-height: 35px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #3A3A3A;
    border-color: #dee2e6 #dee2e6 #3A3A3A;
}

.mt-standard{
    margin-top:30px
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #3A3A3A;
}

.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select{
    background-color:#fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background:var(--black);
    color:#fff !important;
    border-radius:50%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:#fff;
    color:var(--black) !important;
    border-radius:50%;
}

table.dataTable.nowrap th, table.dataTable.nowrap td{
    line-height: initial;
}

table#dettaglio{
    border:1px solid #ccc !important;
}

label {
    display: inline-block;
    margin-bottom: 2px;
}

.btn{
    cursor:pointer !important;
}

#dashboard.dettaglio .nav-pills .nav-link {
    
    border-radius: .25rem;
    background-color: #646464;
    border-radius: 19px;
    color: #fff;
}

.nav-pills .nav-link {
    border-radius: 20px;
    background-color:#989898;
    margin-right: 30px;
    color:#fff
}

.menu-small .nav-link {
    display: block;
    padding: 2px 20px;
    font-size: 12px;
  }

@media only screen and (max-width : 1440px){
    /*.legenda {
        margin-left: 250px;
        white-space: nowrap;
        margin-top: -50px;
    }*/

    .legenda {
        margin-left: 0;
        white-space: nowrap;
        margin-top: 20px;
    }
}


@media only screen and (max-width : 1200px){
    .legenda {
        margin-left: 0;
        white-space: nowrap;
        margin-top: 20px;
    }
}
 
@media only screen and (max-width : 991px){
	.row-eq-height{
        display:block;
    }

    .mobile{
        display:block;
    }

    .desktop{
        display:none;
    }

    .nav li {
        border-radius: 20px;
        padding: 0px 20px;
        margin: 10px 0;
    }

    #tot-totale, #tot-interessati, #tot-motivi{
        font-size: 22px;
        font-weight: bold;
        line-height: 1;
    }

}
 
@media only screen and (max-width : 767px){
    .nowrap {
        font-size: 14px;
        white-space: nowrap;
        margin-left: 0px;
    }

    #tot-totale, #tot-interessati, #tot-motivi{
        font-size: 38px;
        font-weight: bold;
        line-height: 1;
        margin-top:20px;
        text-align:center;
    }

    .col-md-1 {
        text-align: center;
        border-bottom: 1px solid #999;
        padding-bottom: 30px;
        margin-bottom: 30px;
        padding-top:20px;
    }

    .col-md-1:last-child{
        border-bottom: 0px solid #999;
    }

    .number {
        position: relative;
        margin-left: 0;
        margin-right: 10px;
    }
}
 
@media only screen and (max-width : 480px){

}
 
@media only screen and (max-width : 320px){
 
}