@font-face {
  font-family:'Encode Sans';
  src: url(fonts/EncodeSans-VariableFont_wdth,wght.ttf);
}

html ,body,h4{
	font-family: 'Encode Sans', sans-serif;outline: none !important;
}

body{background-color: #f7fafc;}
.body_login{background-color:white;}

.es6-error {
  font-family: sans-serif;
  color: red;
  background: #ffecec;
  padding: 1em;
  border: 1px solid red;
  border-radius: 5px;
  margin: 12em 6em 27em 6em;
  
}

/* conv e tipo conv */
.dataSwitch{margin-left:-30px !important;}
.selectSwitchlabel label{margin-left:-30px !important;font-size: 300%;}
.dataInput{height: 2rem !important;}
.boxPref{border:1px solid rgb(25,75,139);padding: 5%;margin: 5%;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;box-shadow: 1px 2px 5px #a7a7a7;cursor: pointer;}
.boxTC{border:1px solid rgb(25,75,139);min-height: 200px;padding: 5%;margin: 5%;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;box-shadow: 1px 2px 5px #a7a7a7;cursor: pointer;}
.boxTC:hover,.boxPref:hover{box-shadow: 0px 1px 2px #a7a7a7;}

.boxSlim{border:1px solid rgb(25,75,139);padding: 3%;margin: 3%; border-radius: 5px;box-shadow: 1px 2px 5px #a7a7a7;}

footer{text-align: center;}
#newUsrInputs{display: none;}

.selectize-dropdown-header-label span{font-size: 80%;font-style: italic;}

.v8-group{margin-bottom:0px;border: 1px solid rgb(209, 209, 204);
border-radius: 0px 0px 3px 3px; 
-moz-border-radius: 0px 0px 3px 3px; 
-webkit-border-radius: 0px 0px 3px 3px;
margin-bottom:27px;
}
.v8-no-top{border-top:0px;}

.v8header-bar,.dt-topbar,.v8-bar{
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f6f8f9 0%, #e5ebee 39%, #d7dee3 57%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f6f8f9 0%,#e5ebee 39%,#d7dee3 57%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f6f8f9 0%,#e5ebee 39%,#d7dee3 57%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.v8header-bar{margin-bottom:27px;border: 1px solid rgb(209, 209, 204);border-top: 0px;
border-radius: 0px 0px 3px 3px; 
-moz-border-radius: 0px 0px 3px 3px; 
-webkit-border-radius: 0px 0px 3px 3px;
}
.v8header-bar .top-bar-right .button{margin-left:3px;}
.top-bar .button, input.button,.v8TinyBt,.v8Bt{
background: rgb(25,75,139); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(25,75,139,1) 0%, rgba(37,84,147,1) 50%, rgba(25,75,139,1) 79%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(25,75,139,1) 0%,rgba(37,84,147,1) 50%,rgba(25,75,139,1) 79%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(25,75,139,1) 0%,rgba(37,84,147,1) 50%,rgba(25,75,139,1) 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194b8b', endColorstr='#194b8b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.top-bar .button{
font-style: normal;font-size: 0.8rem;line-height: normal;
padding: 0.4rem;border: 0px;
margin-bottom: 0;

}
.searchBtV8{background: linear-gradient(to bottom right, rgba(216, 216, 216, 1), rgba(171, 171, 171, 1), rgba(173, 173, 173, 1) 79%) !important;
border-radius: 0 !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #cacaca !important;}
input.button,span.inputButton{
font-style: normal;font-size: 1rem;line-height: normal;
padding: 11px;border: 0px;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
color:white;
cursor: pointer;
}
fieldset.fieldset{
  border-radius:3px;
}
fieldset.fieldset legend{
  background: #c8d6e3;
}
.annulla{background-color: rgb(132, 135, 162) !important;}
.bt_annulla{background: rgb(132, 135, 162) !important;}

.top-bar .button.selected,.button.v8TinyBtalert,.v8TinyBtalert{
background: rgb(242,82,17); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(242,82,17,1) 0%, rgba(239,120,66,1) 50%, rgba(224,108,58,1) 74%, rgba(224,108,58,1) 74%, rgba(242,82,17,1) 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(242,82,17,1) 0%,rgba(239,120,66,1) 50%,rgba(224,108,58,1) 74%,rgba(224,108,58,1) 74%,rgba(242,82,17,1) 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(242,82,17,1) 0%,rgba(239,120,66,1) 50%,rgba(224,108,58,1) 74%,rgba(224,108,58,1) 74%,rgba(242,82,17,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25211', endColorstr='#f25211',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.v8TinyBt,.v8TinyBtalert,.top-bar .button, input.button,span.inputButton{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.top-bar input{line-height:normal;}
.top-bar ul{background:transparent;}
.button:hover{background-color: #1d366f;color: #fefefe;}

.button.alert:hover{background-color:#cc5404;}


.v8header-bar .menu-title{font-weight:595;padding: 0.5rem;line-height: 1.6;cursor: pointer;}
.v8header-bar .button{margin: 0.3rem 0 0 0; }
.hdUserData{font-weight: 595;text-transform: capitalize;}
.hdUserData a{}

.pagination .current{background-color: #2f498b;}
.pagination .current:hover{background-color: #1d366f;}

.v8-bar{margin-bottom:0px;border: 1px solid rgb(209, 209, 204);border-bottom: 0px;
border-radius: 3px 3px 0px 0px; 
-moz-border-radius: 3px 3px 0px 0px; 
-webkit-border-radius: 3px 3px 0px 0px;
}

a{color:rgb(3, 77, 134);}
a:hover{color:rgb(89, 133, 177);}
.headerV8{height: 120px;font-style: italic; color:rgb(1,35,105);font-weight: 595;padding:10px;background-color:rgb(251,255,255); }
.headerV8 .elmLeft, .headerV8 .elmRight{padding-top:75px;text-transform: capitalize;}
.headerV8 .elmLeft{float: left;padding-left: 10px;}
.headerV8 .elmRight{float: right;padding-right:10px; }
.elmRightLogo{font-size: 280%;font-style: italic;font-weight: 595;float: right;padding: 20px;}
.elmRightOperate{float: right;padding-top: 44px;}
.logo{background: url('../img/valotto.png') top center no-repeat;width: 145px;height: 95px;}

.v8lineNoMg,.v8line{height: 5px;margin:20px 0 40px 0;
background: #ff7f04; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff7f04 0%, #ffa73d 35%, #ffc184 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff7f04 0%,#ffa73d 35%,#ffc184 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff7f04 0%,#ffa73d 35%,#ffc184 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f04', endColorstr='#ffc184',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.v8lineNoMg{margin-bottom:0px;}

.v8OrangeLine{border-bottom:1px solid orange;margin:20px 0;}
.v8OrangeLineTitled{border-bottom:1px solid orange;margin:7px 0;padding:0px 10px;font-style: italic;font-weight: 600;}
.v8Title{text-align: center;font-size: 130%;font-weight: 595;}

div.dataTables_wrapper div.dataTables_length select{ width: auto !important; }
div.dataTables_wrapper {border: 1px solid rgb(227, 227, 224); border-top:0px;margin-bottom: 10px;}
.dataTables_paginate ul{margin-bottom: 0px;padding: 7px;}

.dataTables_info{margin-bottom: 0px;padding: 7px;}


.dt-topbar{border:1px solid rgb(227, 227, 224);border-bottom:1px solid rgb(184, 185, 177);
border-radius: 3px 3px 0px 0px ; 
-moz-border-radius: 3px 3px 0px 0px; 
-webkit-border-radius: 3px 3px 0px 0px; 
}
.dt-topbar input, .dt-topbar select,.dt-topbar button{font-size:0.8rem !important;}
.custom_search select,.dt-topbar button,.dt-topbar input{border-width: 1px 1px 1px 0px !important;}
.dt-topbar select:focus, .dt-topbar input:focus {
  border-color: #cacaca !important;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

.dtStatusTitle{visibility: hidden;font-size: 0;color: transparent;}
/* conv status */
.statusDt{cursor: help;width: 8px;height: 12px;border-radius: 0px 50px 50px 0px;}
.statusDt::after {
  padding: 2px;

  position: relative;
  top: -7px;right: -20px;
  width: 150px;
  text-align: center;
  background-color: #fee4ce;
  border: 1px solid #ff9538;
  border-radius: 12px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s  ease-in-out;
}
.statusDt:hover::after {
  display: block;
  box-shadow: 0 0 5px #cacaca;
  visibility: visible;
  opacity: 1;
}

.stBase{background-color: #e3e3e3;cursor:default;}
.stRed {background-color: #ff2121;}
.stRed::after {content: "Scaduta";}

.stRed2 {background-color: #ff2121;}
.stRed2::after {content: "Scaduto o annullato";}

.stRedMatte {background-color: #a94141;}
.stRedMatte::after {content: "Scaduta o annullata";}
/**/

td.tdActions,th.tdActions{text-align: center;}
td.tdActions{text-align: left;}
td.tdStatus{text-align: center;padding: 0 !important;width: 10px !important;}
th.tdStatus{padding: 0!important;}

td.dataTables_empty{height: 200px;padding-top:127px;}

table thead tr th{border-bottom: 1px solid  rgb(184, 185, 177);font-weight: 595;}

.top-bar div.button-group.stacked.dropdown-pane{margin-left:2px;}
.top-bar div.button-group.stacked.dropdown-pane a.button{border: 0px;}
.top-bar div.button-group.stacked.dropdown-pane a.button:hover{border: 0px;}
.top-bar .dropdown-pane{width: 104px;}
.top-bar .button-group{margin-bottom: 0px;margin-right: 0px;}
.top-bar .button-group .button{margin-bottom: 0px;margin-right: 0px;}


.grayRow{background-color:#f1f1f1;}
.totale{font-size: 140%;font-style: italic;font-weight: 595; text-align: center;}
.totaleLabel{font-size:90%;font-style: italic;font-weight: 595; text-align: center;}
.block{display: block !important;}

.warnMessage{font-size: 12px;font-style: italic;padding:10px 0;}
.warnMessage::before {content: "[!] "; color: red;}

/* selezione clienti sms promozionali */
    #risultati_container,#selezionati_container{width: 100%;height: 200px;border:1px solid  #d0d0d0;overflow-y: scroll;}
    .risultato_cliente{border:1px solid #d0d0d0;float:left;padding: 3px;margin:2px;width: 49%;background:#f2f2f2;
    border-radius: 3px; 
    -moz-border-radius: 3px ; 
    -webkit-border-radius: 3px ; 
    }
/* promoter dealer selection */
    #cont_dea{width: 100%;height: 200px;border:1px solid  #d0d0d0;overflow-y: scroll;}
    .dea_check{border:1px solid #d0d0d0;float:left;padding: 2px;margin:2px;width: 32%;background:#f2f2f2;
    border-radius: 3px; 
    -moz-border-radius: 3px ; 
    -webkit-border-radius: 3px ; 
    }
    .dea_check div:nth-child(1) {
     width:10%; float: left;font-size: 120%;line-height: 1.1rem;
    }
    .dea_check div:nth-child(2) {
     width:90%;float: left;font-size: 90%;
    }
    .dea_check_all{padding: 6px;}
/* avviso user selection */
    #cont_usr{width: 100%;height: 200px;border:1px solid  #d0d0d0;border-top:0px;overflow-y: scroll;}
    .usr_check{border:1px solid #d0d0d0;float:left;padding: 3px;margin:2px;width: 49%;background:#f2f2f2;
    border-radius: 3px; 
    -moz-border-radius: 3px ; 
    -webkit-border-radius: 3px ; 
    }
    .usr_check div:nth-child(1) {
     width:10%; float: left;font-size: 120%;line-height: 1.1rem;
    }
    .usr_check div:nth-child(2) {
     width:90%;float: left;font-size: 90%;
    }
    .usr_check_all{padding: 6px;}

/* foundation callaout override */

.off-canvas-content{}
input:checked ~ .switch-paddle{background:#4167a7 !important;}
.callout.primary .f-icon:before,.callout.warning .f-icon:before,.callout.alert .f-icon:before{font-family: foundation-icons;font-size:2rem;}
.callout.primary .f-icon:before { content:"\f15e"; color: #505879;}
.callout.warning .f-icon:before { content:"\f101"; color: #e0812a;}
.callout.alert .f-icon:before { content:"\f216"; color: #b32e2e;}

/*  msg classes */
.main_msg{border: 1px solid black;outline: none;}
.main_msg_title{padding: 12px;border-bottom: 1px solid #a1a8b9;}
.main_msg_text{padding: 12px 0 12px 0}
.main_msg_action{padding: 12px;border-top: 1px solid #a1a8b9;}
.main_msg .button{
background: rgb(25,75,139); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(25,75,139,1) 0%, rgba(37,84,147,1) 50%, rgba(25,75,139,1) 79%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(25,75,139,1) 0%,rgba(37,84,147,1) 50%,rgba(25,75,139,1) 79%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(25,75,139,1) 0%,rgba(37,84,147,1) 50%,rgba(25,75,139,1) 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194b8b', endColorstr='#194b8b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 2px solid #a1a8b9;
}
/* */




.emessa{}
.nonEmessa{color: #f67100 !important;} 
.interventoChiuso{background-color:#0ab9a1 !important;}

/* SPINNER */
/* 
 occorre sistemare le chiamate jsonCall: nuovo metodo per le async che gestiscano spinner e chiuisura call-out
    <div style="background: black;position: fixed;top: 20px;width: 100%;">
        <div class="v8spinner">
          <div class="bounce1"></div>
          <div class="bounce2"></div>
          <div class="bounce3"></div>
        </div>
    </div>
*/
.v8spinner{display: none;
  margin: 20px auto 0;
  width: 70px;
  text-align: center;
  z-index: 9000;
}

.v8spinner > div {
  width: 18px;
  height: 18px;
  background-color: white;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.v8spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.v8spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* new header */ 

.headerRow{font-style: italic; color:rgb(1,35,105);}
.headerRow img{padding: 10px;}
.headerRowLogin img{margin-top:60px;}
.v8LineHeader{height: 5px;position: relative;width: 100%;
background: #ff7f04; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff7f04 0%, #ffa73d 35%, #ffc184 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff7f04 0%,#ffa73d 35%,#ffc184 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff7f04 0%,#ffa73d 35%,#ffc184 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f04', endColorstr='#ffc184',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.v8TinyBt,.v8TinyBtalert{font-size:80%;padding: 0.25em 0.35em;}
.dealerTinyTitle,.dealerTitle{font-weight: 595;font-size: 120%;}
.dealerTitle{font-size:240%; bottom: 0px;right: 0px;}
.menu li a{outline: none;}
.is-drilldown-submenu,.is-drilldown{background-color: #d4d4d4 !important;}

/* foundation icons */
.fi-page-edit,.fi-page-pdf,.fi-page-delete,.fi-magnifying-glass,.fi-credit-card,.fi-checkbox,.fi-refresh,.fi-plus,.fi-target-two,.fi-zoom-in,.fi-download,
.fi-x-circle,.fi-asterisk,.fi-clipboard-notes,.fi-arrow-right,.fi-results-demographics,.fi-widget,.fi-social-snapchat,
.fi-minus-circle,.fi-arrow-up,.fi-arrow-down,.fi-clock,.fi-prohibited,.fi-share,.fi-unlock
{font-size: 24px;margin-left:3px;color:rgb(1,35,105);cursor: pointer;}
.fi-page-delete,.fi-x-circle,.fi-prohibited,{color: rgb(198, 19, 13);}
.fi-minus-circle{color: rgb(218, 75, 9); }
.fi-unlock{color: rgb(0, 169, 84); }
.fi-refresh{color: rgb(212, 103, 109);}
.fi-social-snapchat{color: rgb(133, 133, 133);}
.fi-checkbox,.fi-check,.fi-like{font-size: 22px;color:rgb(1,35,105);}
.deny{cursor:not-allowed;color:rgb(202, 206, 223);}
.bluette{color:rgb(125, 178, 218);}

/* Tooltip Foundation Override */
.ttContainer{position:inherit;top:inherit;background:white;width: 100%;height:inherit;overflow: hidden;color:#313131;}
.tooltipConv {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 40%;
  height: 200px;
  padding: 0.75rem;
  border:4px solid rgb(26, 26, 26);
  border-radius: 3px;
  background-color: white;
  font-size: 80%;}
/* Small only */
@media screen and (max-width: 39.9375em) { 
	body{font-size: 80%;}
	.fi-page-edit,.fi-page-pdf,.fi-page-delete,.fi-magnifying-glass,.fi-credit-card,.fi-arrow-right{font-size: 24px;margin-left:3px;color:rgb(1,35,105);cursor: pointer;}
	.fi-page-delete{color: rgb(198, 19, 13);}
}

/* Medium and up */
@media screen and (min-width: 40em) { body{font-size: 90%;} }

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {body{font-size: 100%;}}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

@media screen
{
  strong, b {
    font-weight: 595 !important;
    line-height: inherit;
    }
    .switch-paddle {font-weight: 595;}
}