html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 70px;
}
table {
  border-collapse: collapse;
}
td {
  vertical-align: top;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
hr.surveyContentViewSeparator {
	border-color: #BBBBBB;
	margin-top: 60px;
	margin-bottom: 60px;
}
.panel-error-border {
  border: solid 1px #CC0000;
}

.txtgrey{color: #333333;}
.txtgrey6{color: #666666;}
.txtwhite{color: #FFFFFF;}
.red{color:#DC0000;}
.txt10{font-size:10px;}
.txt12{font-size:12px;}
.txt13{font-size:13px;}
.txt14{font-size:14px;}
.txt15{font-size:15px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;}
.txt20{font-size:20px;}
.txt22{font-size:22px;}
.txt08em{font-size: 0.8em;}
.txt09em{font-size: 0.9em;}
.left15{padding-left: 15px;}
.top15{padding-top: 15px;}

.calign {
  text-align: center;
}
.lalign {
  text-align: left;
}
.ralign {
  text-align: right;
}
.jalign {
  text-align: justify;
}
.scrollable-menu {
  height: auto;
  max-height: 210px;
  overflow-x: hidden;
  cursor: pointer;
}
#login-body {
	background: #222222;
}
#login_form {
  width: 380px;
  margin: 12% auto 0px auto;
}
.imgLogin{
  background-image: url('/img/wi-logo-header-white.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 90%;
  height: 90px;
}
#login_form .powered:before{
  content: "";
  color: #FFF;
  font-size: 12px;
}
#login_form .form-control{
  height: auto;
  /*background-color: rgba(255, 255, 255, 0.3) !important;*/
	background-color: rgba(255, 255, 255, 0.3);
  margin-bottom: 20px;
  border: #888888 solid 1px;
  color: #000;
  padding: 10px 12px;
  font-size: 16px;
}
.btnLogin, .btnLogin:hover {
  background-color:#FF7814;
  color: #FFF;
  width: 100%;
  padding: 8px 12px;
}
.login_error {
  color: red;
  margin: 20px 0px;
  text-align: center;
  font-weight: 300;
}
/* FINE LOGIN */

#top_button_bar {
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: right;
}


/* TOP BAR */
#topbar {
  width: 100%;
  height: 70px;
  background-color: #222222;
  margin-bottom: 30px;
}
#topbar_logo {
  margin-top: 15px;
  width: 250px;
  height: 40px;
  background-size: 241px 40px;
  background-image: url('/img/wi-logo-header-white.png');
  background-repeat: no-repeat;
  float: left;
}
#topbar_info {
  float: right;
  margin-top: 24px;
  width: 600px;
  text-align: right;
  color: #FFFFFF;
}
/*#topbar_info::after{
  content: "Powered by";
  color: #FFF;
  padding: 4px 127px 6px 30px;
  background-size: 121px 18px;
  background-image: url(/img/logo-webindustry-big.png);
  background-repeat: no-repeat;
  background-position: right 0px;
  height: 40px;
  font-size: 11px;


  content: "Powered by";
  color: #FFF;
  padding: 0px 38px 19px 38px;
  background-size: 121px 18px;
  background-image: url(/img/logo-webindustry-big.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 40px;
  text-align: center;
  font-size: 11px;
  font-weight: 300;
  position: relative;
  top: -6px;
  margin-left: 30px;
}*/
#topbar_info a {
  color: #FFFFFF;
}
#topbar_info a:hover {
  color: #DDDDDD;
  text-decoration: none;
}
/* FINE TOP BAR */



.loading {
  text-align: center;
  margin: 40px 0px;
}
.survey_date_active {
  background-color: #39B047 !important;
}
.survey_date_expired {
  background-color: #C82525 !important;
}

.kiosk_panel {
  height: 640px;
  text-align: center;
}
.kiosk_label {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px;
}
.kioskTopLabel {
  font-size: 22px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 30px;
}
.kioskBottomLabel {
  font-size: 22px;
  line-height: 1.8;
  text-align: center;
  margin-top: 30px;
}

.survey-arrow-left {
  position: absolute;
  top: 35%;
  left: 20px;
}
.survey-arrow-right {
  position: absolute;
  top: 35%;
  right: 20px;
}

/* STYLE FILE INPUT (BOOTSTRAP) */
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.marginLeftSurvery1{
	margin-left: 24px
}

#survey_controller{ font-size: 18px; font-weight: 300;}
.linkerTable .checkbox input[type="checkbox"],
.linkerTable .checkbox-inline input[type="checkbox"],
.linkerTable .radio input[type="radio"],
.linkerTable .radio-inline input[type="radio"]{
	margin-left: -15px;
}
.titleLinkert{
  font-size: 20px;
  font-weight: bold;
}
.thankPage{
	text-align: center;
	margin-top: 15%;
	font-size: 21px;
	font-weight: 300;
}
.tit-well{
  font-size: 45px;
  font-weight: 500;
}

.survey_view_text_label .panel-body{padding: 25px;}

.topLabel {
  margin: 20px 0px 20px 25px;
  font-size: 13px;
}
.bottomLabel {
  margin: 20px 0px 20px 25px;
  font-size: 13px;
}
.editTopLabel div, .editTopLabel a{
  color: #444444;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}
.editBottomLabel div, .editBottomLabel a {
  color: #444444;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

.showfilterChoicesLabel div, .showfilterChoicesLabel a {
  color: #444444;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}
.showfilterChoicesLabel div {
  margin-left: 40px;
}
.choiceVisibilityIcon {
  float: right;
  margin-right: 20px;
  margin-left: 8px;
  margin-top: -8px;
  font-size: 26px;
  cursor: default;
}
.choiceVisibilityWarningIcon {
  float: right;
  margin-right: 0px;
  margin-left: 8px;
  margin-top: -8px;
  font-size: 26px;
  cursor: default;
}
.custom-label {
  display: inline-block;
  font-weight: normal;
  line-height: 1.5;
  padding: 3px 8px 2px 8px;
  margin: 0px 2px 2px 0px;
}
.label-primary.custom-label{
  background-color: #39B047;
}
.star-rating .label-default {font-size: 80%;}
.dropdown-menu > li > a {
  padding:6px 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #FFF;
  background: #ddd;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
  background-color: #39B047;
}
.progress {
  height: 30px;
}
.progress-bar {
  font-size: 15px;
  line-height: 30px;
  /*background-color: #adadad;*/
}
.modal-header {
  padding: 15px 15px 0px 15px;
  border-bottom:none;
}
h4.modal-title {font-size: 22px;}
.thankPage .tit-well:after {
  content: "Grazie!";
}
.thankPage .content-well-line1:after {
  content: "Ti ringraziamo per la collaborazione e per aver risposto con successo alle nostre domande,";
}
.thankPage .content-well-line2:after {
  content: "la Tua opinione per noi conta!";
}
.thankPage .content-well-line3:after {
  content: "";
}
.modal-header .close{font-size: 30px;}
.panel-body.index-manag{line-height: 2; min-height: 190px;}


.compilati{padding:10px 14px; font-size:15px;}
.tit-proprieta{font-size: 0.9em; margin-bottom: 5px; margin-top: 8px;}
.sfqr{padding-top:13px; padding-bottom:13px; background-color: #efefef; margin-bottom:20px;}
.pulsqr, .pulsqr:hover{width: 100%; color:#FFF; background:#aaaaaa; border:none; margin-bottom: 5px;}
.pulsqr:hover{background:#999999;}
.titqr-pubb{font-size: 0.9em; margin-bottom: 10px; margin-top: 10px;}
.destinatari{font-size: 1.1em; padding: 10px;}
.warning{background: none; color: #DC0000; padding: 0; font-size: 14px;}
.title-xls{font-weight: bold;}
.notifica{font-size: 16px;}
.page a{font-size: 12px;}
.codice-store{font-size: 14px; margin-top: 4px;}
.address-store{font-size: 14px; margin-top: 3px;}
.phone-store{margin-right: 10px; font-size: 14px;}
.store-fname{font-size: 16px; margin-top: 2px;}
.address-store-fname{font-size: 14px; margin-top: 3px;}
.cat-store{font-size: 0.9em; margin: 15px 0px 10px 0px;}
.codice-nome{font-size: 14px; margin-top: 4px;}
.address-nome{font-size: 14px; margin-top: 3px;}
.link-pub{margin-top: 10px; background-color: #FFFFFF;}
.errore-form{color: #DC0000; margin-top: 5px; font-size: 12px;}
.user-modifica, .store-modifica{margin-top: 5px;}
.mail-list{color: #444444; text-decoration: none;}
.bg-menu-elimina-quest{background: #dedede;}
.radio label::before, .checkbox label::before{width: 28px;height: 28px;}
.radio label::after, .checkbox label::after {width: 22px;height: 22px;}
.tit-opzioni{font-size: 20px;font-weight: bold; margin-bottom: 30px;}
.survey_view_text .form-control{font-size:18px;}
.titleLinkert .glyphicon{font-size: 24px}
.modificheQuest{padding:8px;}
.questionario .dropdown-toggle, .questionario .dropdown-toggle .dropdown-menu, .questionario .dropdown-menu > li > a{font-size:18px; font-weight: 300;}
.questionario textarea{font-size:18px;}
.checkbox input[type=checkbox]:checked + label:after {font-size:20px; margin-top: -4px;}
.checkbox label, .radio label{padding-left:20px; font-weight: 300;}
.puls-elenco{text-align: right; margin-bottom: 15px;}
.radio, .checkbox{padding-top: 7px; padding-bottom: 7px;}
.nav-pills{margin-bottom: 10px;}
.nav-pills>li a{background: #ededed; color:#444;}
.indirizzi{ max-height: 120px; overflow-y:auto; margin-top: 8px;}
.indirizziTab{height: 200px;}
.bootstrap-switch{z-index: 0;}
.dropdown-menu{z-index: 10000;}
.geoarea{white-space: inherit;}

.paginationBottom .btn-default {
  background-color: #efefef;
  border-color: #dddddd;
}
.btn-custom-cancel {
  background: #999;
  border-color: #888;
  color: #FFF;
}
.btn-custom-cancel:hover {
  background: #a0a0a0;
  border-color: #888;
  color: #FFF;
}
.btn-default.btn-custom-ok{
  border-color: #f26700;
  color: #FF5722;
  background-color: #FFF;
}
.btn-default.btn-custom-ok:hover{
  border-color: #f26700;
  background-color: #FFF;
  color: #FF5722;
}
.btn-primary:hover {
  background-color: #FF7E18;
  border-color: #d95c00;
}
.btn-custom-delete{
  background: #a0a0a0;
  color: #FFF;
  border: 0;
}
.btn-custom-delete:hover{
  background: #888;
  color: #FFF;
}
.paginationBottom .confermaBtn, .paginationBottom .confermaBtn:hover {
  background: #39B047;
  color: #FFF;
  border: #1d6726;
}
.cat-store-det{
  white-space: nowrap;
  display: inline-block;
  margin: 10px 40px 10px 0px;
}

/*IPAD LANDSCAPE*/
@media (min-width: 991px) and (max-width : 1199px) {
	.linkerTable .radio label::before{
		width: 28px;
		height: 28px;
	}
	.linkerTable .radio label::after{
		width: 22px;
		height: 22px;
	}
  .paddingMob{
    padding-left:0;
    padding-right:0;
  }
  .modificheQuest{
    padding:8px 20px;
    margin-bottom: 5px;
  }
}

/*IPAD PORTRAID*/
@media (min-width: 767px) and ( max-width : 991px) {
  #topbar_info{
    width: 460px;
  }
	.linkerTable .radio label::before{
		width: 26px;
		height: 26px;
	}
	.linkerTable .radio label::after{
		width: 20px;
		height: 20px;
	}
  .questionaio-det{
    position: absolute;
    background: #fff;
    padding: 5px 30px 10px 10px;
    border: solid 1px #efefef;
    z-index: 10;
  }
  .modificheQuest{
    padding:8px 20px;
    margin-bottom: 5px;
  }
  .nav > li > a {
    padding: 10px;
  }
}

/*MOBILE*/
@media (max-width : 767px) {
  #login_form {width: auto;}
	.marginLeftSurvery1{
		margin-left: 0
	}
	.listRisposte label{
		display: block;
		border: 1px solid #ccc;
		background: #f1f1f1;
		text-align: center;
		padding: 10px 5px;
		margin-bottom: 15px;
		font-size: 17px;
		font-weight: 500;
	}
	.selezionato{
		background-color:#B0D8E1 !important;
	}
	.listRisposte input{display: none}
	.prevBtn{margin-bottom:30px;}
	.linkertMobile h4{
		font-size: 18px;
		margin-top: 30px
	}
	.prevBtn, .nextBtn, .confermaBtn{
		width: 100%;
		padding: 10px 5px;
		font-size: 18px;
	}
	#survey_controller{ font-size: 17px; }
	.titleLinkert{
		margin-left: 0;
		line-height: 22px;
	}
	.thankPage .well{ font-size: 18px}
	.survey_view_text_label .panel-body{ padding: 10px }
  .centerMob{text-align: center;}
  .btn.menu-wi {
    padding:5px 10px;
    margin-top: -5px;
  }
  .centerMob .pulsEdit{padding:5px 10px;}
  .input-group-btn.capo{display: table-caption; margin-bottom: 20px;}
  .input-group-btn.capo .btn{display:block;}
  .txt09em {padding-top: 4px;}
  #topbar_info{
    float: none;
    margin-top: 15px;
    width:auto;
    text-align:center;
    color: #FFFFFF;
  }
  #topbar{
    height: 125px;
  }
  #topbar_logo {
    float: none;
    width: 100%;
    background-position: top center;
  }
  .modificheQuest{
    margin-bottom: 5px;
    width: 47%;
  }
  #login_form{
    margin-top: 40px;
  }
  .questionaio-tit{
    padding-bottom: 5px;
    display: inline-block;
  }
  .puls-elenco{
    float: left;
    margin-bottom: 15px;
  }
  #topbar.topbarHeight{
    height:60px;
  }
  .newQuest.paddingMob{
    padding-left:0;
    padding-right:0;
  }
  .cat-store-det{
    display:block;
  }
  .user-modifica, .store-modifica{
    text-align: center;
    margin-top: 20px;
  }
  .user-modifica a, .store-modifica a{
    padding: 5px 10px;
  }
  .xstop15{
    padding-top: 15px;
  }
  .indirizziTab{
    height: 280px;
  }
  .well{
    padding: 20px 20px 30px;
  }
  .img-responsive {width: 100%;}
}
