@charset "UTF-8";
/*
CSS IMA SINISTRI
Creato da: Èspero srl
Data creazione: 6 Settembre 2016
1. ATTRIBUTI GENERICI / CONTENITORI
2. ELEMENTI
  2.1 Stepline
  2.2 Paginazione
3. CLASSI GRAFICHE
4. TIPOGRAFIA
5. ICONE
6. BOTTONI
7. TAB
8. MENU (principale e secondari)
9. FORM
  9.1 messaggi errore
  9.2 input disabilitati
  9.3 select / multiselect
  9.4 upload
10. TOOLTIP
11. ACCORDION
12. TOPBAR
13. FOOTER
14. SLIDER
15. INTRO TEXT e BOX DENUNCIANTE
16. STILE DI PAGINE
  16.1 Homepage
  16.2 Cosa fare
  16.3 Registrazione
  16.4 Post-login
  16.5 Dettagli sinistro
  16.6 Dati per il rimborso
  16.7 Riepilogo
  16.8 Consulta sinistri
17. Varie
  17.1 404
  17.2 Calendario
  17.3 Modal
  17.4 pagina tablet rotate
  17.5 loader
  17.6 cookie
  17.7 admin bar
  17.8 classi per responsive
18. STILE MOBILE

/* ATTRIBUTI GENERICI / CONTENITORI
==============================*/
body {
  font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:#384954;
  font-size:16px;
  font-weight:400;
  line-height: 1.65;
  background-color:#425563;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
    background-color: #fff;
}

.container-list
{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.full-container {
    min-height: 100%;
    position: relative;
}
#metodi-denuncia {
}
.greystep {
  background-color:#ebebeb;
  padding:40px 0 30px
}
  .greystep::before, .whitestep::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 30px solid #fff;
    display: block;
    margin: -40px auto 0;
  }
.greystep .container, .whitestep .container {
  margin-top:30px
}
.greystep .container-list, .whitestep .container-list {
    margin-top:30px
}
section {
  padding:40px 0;
}
.whitestep {
  background-color:#fff;
  padding:40px 0 30px
}
  .whitestep::before {
    border-top: 30px solid #ebebeb;
  }
.rounded-box {
  border:1px solid #c1c6c8;
  border-radius:10px;
  position:relative;
  padding:30px;
  box-sizing:border-box;
}
.tab::before {
  content: "";
  border-top: 1px solid #c1c6c8;
  border-left: 1px solid #c1c6c8;
  border-right: 1px solid #c1c6c8;
  -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;
  padding-right: 50px;
  position: absolute;
  height: 56px;
  box-sizing: border-box;
  top: -56px;
  background-color: #fff;
  left: -1px;
  padding: 13px 22px 0;
}
.tab.active {
  font-weight:700;
  color:#80225f;
}
.fright {
  float:right;
}

/*  ELEMENTI
==============================*/

/*  Stepline
==================*/
#stepline {
  border-bottom: 1px solid #c1c6c8;
  font-size: 0.85em;
  color: #c1c6c8;
  margin: 20px 0 30px;
}
.col-step, col-step.active {
  width: 20%;
  float: left;
  text-align: left;
  position: relative;
  padding-left: 25px;
  height: 40px;
}
  .col-step span.stepnumber {
    font-size: 1.4em;
    padding-right:10px;
  }
.col-step.active {
  font-size: 1em;
  color: #80225f;
  margin-top: -25px;
  height: 30px;
}
  .col-step.active span.stepnumber {
    font-size:2.2em;
    padding-right:10px;
  }
.col-step.active:after, .col-step.active:before {
	bottom: -36px;
	left: 24px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.col-step.active:after {
	height: 0;
  border-style: solid;
  border-width: 0 9px 13px 9px;
  border-color: transparent transparent #fff transparent;
  margin-left: 1px;
}
.col-step.active:before {
	height: 0;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  border-color: transparent transparent #c1c6c8 transparent;
}

/*  Paginazione
==================*/
.pagination>li>a, .pagination>li>span {
    color: #d5d5d5;
    border: none;
    font-weight: 400;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #337ab7;
    cursor: default;
    background-color: #fff;
    border-color: transparent;
    font-weight: 700;
}
.pagination>li>.arrow {
    background-color: #768692;
    border-radius: 50% !important;
    width: 35px;
    height: 35px;
    margin: 0 3px;
    font-size: 2em;
    line-height: normal;
    color: #fff;
    padding: 0;
    text-align: center;
}
.pagination>li>.arrow span {
  margin-top: -4px;
  display: block;
}
.pagination>.disabled>a.arrow, .pagination>.disabled>a.arrow:focus, .pagination>.disabled>a.arrow:hover {
    color: #fff;
    cursor: not-allowed;
    background-color: #e3e4e6;
    border-color:transparent;
    width: 35px;
    height: 35px;
    margin-right: 6px;
    font-size: 2em;
    line-height: normal;
    padding: 0;
    text-align: center;
}
/* CLASSI GRAFICHE
==============================*/
.bb-dashed {
  border-bottom:1px dashed #d7d6d6;
  padding-bottom:10px;
  margin-bottom:20px
}
.bt-dashed {
  border-top:1px dashed #d7d6d6;
  padding-top:10px;
  margin-top:20px
}
.nopadding {
    padding: 0 !important;
}

/* TIPOGRAFIA
==============================*/
.h1, .h2, .h3, h1, h2, h3 {
  color:#80225f;
  font-weight:300;
}
.h1, h1 {
  font-size:2em;
  text-transform:uppercase;
}
a {
  color:#80225f;
  cursor:pointer;
  text-decoration:underline;
}
a:hover, a:focus {
  color:#80225f;
}
a.btn {
  text-decoration:none;
}
a.simple_link {
  position: relative;
  color: #80225f;
  text-decoration: none;
  white-space: nowrap;
}
  .i-simple_link {
    font-size:9px;
    color:#80225f;
    top: 0;
  }
a.simple_link:hover {
  color: #80225f;
  text-decoration:none;
}
a.simple_link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #80225f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
a.simple_link:hover:before {
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
strong {
  font-weight:700;
}
.text-warning {
    color: #f0b323;
}
.text-muted
{
  color:#c1c6c8
}
.text-danger {
  color:#BE3A34;
}
.text-primary {
  color:#384954;
}
.text-info {
  color:#5b6770;
}
.greystep h3 {
  text-align:center;
  color:#425563;
}
.glyphicon-remove-sign:before {
  font-size: 25px;
  vertical-align: middle;
}
.title-style2 {
  background-color:#ebebeb;
  margin: 20px 0;
  padding: 12px 15px;
  display:block;
  font-weight:700;
}

/*colori testo usato per le garanzie */
.text-stato1 {
  color:#f0b323;
}
.text-stato3, .text-stato4 {
  color:#7193a9
}

/* ICONE
=============================*/
.file-icon {
  width:25px;
  height:25px;
  background-image:url(../img/icon/icon-document.png);
  background-size:100%;
  margin-right: 6px;
}
.glyphicon {
  top: 3px;
  font-size: 1.2em;
}
.custom-icon {
  background-size: 100%;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
  .icon-user {
    background-image:url(../img/icon/icon_menu-user.png);
  }
  .icon-lock {
    background-image:url(../img/icon/icon_menu-lock.png);
  }

/* BOTTONI
=============================*/
.btn {
  border-radius:10px;
  text-transform:uppercase;
  transition: all 0.5s ease;
  text-align: left;
  white-space:normal;
}
.btn:focus {
  outline: none;
}
  .btn .i-right {
    padding-left:20px;
    top: -3px;
    float: right;
  }
  .btn .i-left {
    padding-right:20px;
    top: -3px;
    float: left;
  }
  .btn .glyphicon-chevron-right:before, .btn .glyphicon-chevron-left:before {
    font-size: 11px;
  }
.btn-toogle, .btn-toogle.collapsed {
  width: 35px;
  height: 35px;
  border-radius:50%;
  background-color:#fff;
  position:relative;
  display:inline-block;
  cursor:pointer;
  vertical-align: middle;
  text-align:left;
}
  .btn-toogle::before, .btn-toogle::before {
    content: "_";
    color: #f0b323;
    font-size: 34px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height:10px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    position:absolute;
    left:0;
  }
  .btn-toogle.collapsed::before, .collapsed .btn-toogle.collapsed::before, .collapsed .btn-toogle::before {
    content: "+";
    line-height: 35px;
  }
  .clickable.collapsed .btn-toogle.collapsed::before {
    content: "+";
    line-height: 26px;
  }
.btn-primary {
  background-color:#80225f;
  color:#fff;
  border-color:#80225f;
}
  .btn-primary:hover, .btn-primary:focus {
    background-color:#570f3e;
    border-color:#570f3e;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.8), 0 0 1px rgba(0, 0, 0, 0);
  }
.btn-secondary {
  background-color:#768692;
  color:#fff;
  border-color:#768692;
}
  .btn-secondary:hover, .btn-secondary:focus {
    background-color:#3c4c58;
    border-color:#3c4c58;
    color:#fff
  }
.btn-default {
  background-color:transparent;
  color:#80225f;
  border-color:#80225f;
}
  .btn-default:hover {
    background-color:#e7eaeb;
    color:#80225f;
    border-color:#80225f;
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0);
  }
.btn-link {
  background-color:transparent;
  color:#768692;
  border-color:#768692;
}
  .btn-link:hover {
    background-color:#e7eaeb;
    color:#768692;
    border-color:#768692;
    text-decoration:none;
  }
.btn-add {
  text-decoration:underline;
  color: #658D1B;
  border: 0;
  background: none;
  padding:0;
  text-transform:none;
  font-size:1em;
}
  .btn-add:hover {
    color:#A8AD00;
  }
  .btn-add i {
    font-size: 31px;
    vertical-align: middle;
    text-decoration: none;
    padding-right: 10px;
  }
.btn-success {
    color: #fff;
    background-color: #658D1B;
    border-color: #658D1B;
}

/* TAB
=============================*/
.tab-content>.tab-pane {
  padding-top:30px
}
.big-tab li a {
  font-size: 1.2em;
  padding: 20px 40px;
  background-color: #ebebeb;
  border-bottom: 1px solid #ddd;
  color: #768692;
  margin-right:8px
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #80225f;
}

/* MENU (principale e secondari)
=============================*/
.container>.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
.container-list>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
#main-nav {
  border-radius:0;
  border:0;
  background-image:url(../img/layout/bg_menu.gif);
  background-position:center center;
  margin-bottom: 0;
}
.navbar-nav>li>a {
  padding: 22px 30px;
  line-height: 0.9;
  color:#fff;
  font-weight:400;
  text-transform:uppercase;
  font-size:1.1em;
  height: 60px;
  transition: all 0.5s ease;
  text-decoration:none;
}
  .navbar-nav>li>a:hover,.navbar-nav>li>a:focus {
    background-color:#591842;
    color:#fff;
  }
  .navbar-nav>li.active>a:hover,.navbar-nav>li.active>a:focus {
    background-color:transparent;
    color:#fff;
  }
  .navbar-nav>li.active>a  {
    font-weight:700;
  }
  .navbar-nav>li.active>a::after  {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid;
    height: 0;
    margin-left: 2px;
    width: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 14px);
  }
#main-nav .navbar-right {
  background-color:#591842;
  margin-right:0
}
#main-nav .navbar-right>li>a {
  text-transform: none;
  margin-right: 0;
  font-size: 1em;
  line-height: 0.95;
  height: 60px;
}
.navbar-toggle .icon-bar {
  width: 26px;
  height: 3px;
  background-color: #fff;
}
#menu-utente>li>a {
  padding:22px 20px;
}
#menu-nav li:first-child {
  margin-left:-30px
}

/* FORM
=============================*/
input:focus, textarea:focus,
.btn-group:focus,
.input-group-btn:focus,
.dropdown-toggle:focus,
.dropdown-toggle:active {
  outline: none;
  border-color:#ccc !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  transition: all 0.5s ease;
}
.obbligo::after {
  content:"*";
  color:#e0004d;
  padding-left:5px;
}
.form-group {
  margin-top: 0;
  margin-bottom: 35px;
}
.form-control {
  border-radius: 0;
  box-shadow: none;
  height: 45px;
  padding: 8px 12px;
  font-size: 1.08em;
}
label {
    width: 100%;
    text-transform:uppercase;
    font-size: 1.05em;
    color:#768692;
    font-weight:400;
}
  label i {
    float:right;
    cursor:pointer;
  }
.fieldset, .fieldset_1 {
  padding:20px 0 0;
}
.fieldset_1 {
  background-color: #f5f8f8;
  padding:20px 0 0;
  border-top:1px dashed #d7d6d6;
}
.form-control::-moz-placeholder {
  color:#d4d9db;
  opacity:1
}
.form-control:-ms-input-placeholder {
  color:#d4d9db
}
.form-control::-webkit-input-placeholder {
  color:#d4d9db
}
.checkbox label, .radio label {
  padding-left: 0;
  text-transform: none;
  font-size: 1em;
}
.input-group-addon:last-child {
  border-radius: 0;
  background-color: #fff;
}
[readonly] + .input-group-addon {
  display: none;
}
.line_button {
  margin-top:0;
  padding:25px 0;
  border-top:1px solid #c1c6c8;
  min-height: 120px;
}
  .line_button .btn-primary{
    float:right
  }
.grey-style {
  background-color:#ebebeb;
  border:1px solid #c1c6c8;
}
.date input[type="text"] {
  border-right:none;
}
.date .glyphicon {
  font-size: 1.9em;
  color: #c1c6c8;
  cursor:pointer;
}
.bootstrap-filestyle {
  border:1px solid #ccc
}
.bootstrap-filestyle .form-control, .bootstrap-filestyle .form-control[disabled] {
  background-color:#fff;
  height:38px;
  padding:11px;
}
  .bootstrap-filestyle .btn-default {
    border:none;
    color:#fff;
    font-weight:700;
    text-transform: none;
  }
  .bootstrap-filestyle .btn-default:hover {
    background-color:#a4bcc2;
  }
  .bootstrap-filestyle .input-group-btn {
    background-color:#a4bcc2;
    padding: 4px;
  }
label.btn.btn-default:hover {
  box-shadow: none;
}
label i.glyphicon {
  top:6px;
  margin-left: 10px;
}
.checkbox+.checkbox, .radio+.radio {
  margin-top: 0;
}
/* messaggi errore */
.form-group {
  position:relative;
}
.form-group span.inline_error{
  position: absolute;
  font-size: 0.8em;
  display: block;
  color: #fff;
  padding: 0 15px;
  box-sizing: border-box;
  background-color: #BE3A34;
  border-radius: 5px;
  bottom: -27px;
  height: 22px;
  white-space: nowrap;
  z-index:2
}
.form-group span.inline_error:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #BE3A34;
  position: absolute;
  bottom: 22px;
}

/* input disabilitati */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: transparent;
  opacity: 1;
  border:none;
  padding:0;
  /*height: 28px;*/
}
textarea.form-control[disabled], textarea.form-control[readonly] {
  height:inherit;
  min-height:100px
}

/* select */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.bootstrap-select > .dropdown-toggle {
  margin-left: 0;
  padding: 10px 15px;
  border-color: #ccc;
  color: #768692;
  font-size: 1em;
  text-transform: none;
  border-radius:0;
}
button.btn.dropdown-toggle.btn-default:hover, button.btn.dropdown-toggle.btn-default:focus  {
  background-color: #fff;
  box-shadow: none;
  outline: thin solid #ccc!important;
  outline: none;
  outline-offset: -1px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow:none;
  box-shadow: none;
  background-color: #fff;
  border-color: #ccc;
}
.btn-group .dropdown-toggle:focus {
    outline: 0;
    box-shadow:none;
}
.dropdown-menu {
  border: 1px solid #80225f;
  border-radius: 0;
  padding:0;
}
.dropdown-menu>li>a {
  padding: 7px 20px;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}
.bootstrap-select>.dropdown-toggle {
    height: 46px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  height: 24px;
}

/* multiselect */
.multiselect-native-select .btn-group {
  display: block;
}
.multiselect.btn-default {
  width:100%;
  border-radius:0;
  border-color:#c1c6c8;
  font-size:1em;
  text-transform:none;
}
.multiselect.btn-default span {
  display: inline-block;
  width: 93%;
}

/* upload */
.group-span-filestyle label {
    white-space: nowrap;
}
.documenti-obbligatori .form-group, .documenti-facoltativi {
    margin-bottom: 10px;
}
.container-documenti .remove.nolabel {
    padding-top: 0;
}
.documenti-facoltativi {
    margin-bottom: 10px;
    margin-top: 20px;
    border-top: 1px dashed #ddd;
    padding-top: 20px;
}

/*  TOOLTIP
=============================*/
.tooltip.top .tooltip-inner {
	background-color: #006A8E;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #006A8E;
}
.tooltip {
  font-size:0.85em;
}
.tooltip-inner {
  max-width: inherit;
  padding:10px;
}

/*  ACCORDION
=============================*/
.panel, .panel-group .panel {
  border-radius: 0;
}
.panel-default>.panel-heading .btn-toogle {
  margin-top:-5px;
  transition: all 0.5s ease;
}
.panel-heading:hover i.btn-toogle {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0);
}
.panel-default.focus>.panel-heading {
  background-color: #00a3ad;
  border-color: #00a3ad;
  border-radius: 0;
  padding:15px;
}
  .panel-default.focus>.panel-heading a {
    color: #fff;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
  }
.panel-default.focus {
  border-color: #00a3ad;
}
#accordion i.btn-toogle {
  float:right;
}
.panel-group .nested_accordion > .panel-collapse {
  border:none;
  margin-bottom:0;
}


/* accordion garanzie */
.panel-group .garanzie_panel {
  border:1px solid #00a3ad;
  margin-bottom:20px
}
.panel-group .garanzie_panel .panel-heading+.panel-collapse>.panel-body {
  border-top: none;
}
.garanzie_panel .panel-heading {
  padding:0;
  border:none;
}
.garanzie_panel .panel-heading a {
  display:none;
}
.garanzie_panel .panel-heading a.collapsed {
  display:block;
  padding: 15px;
  background-color:#00a3ad;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
}
.nested_accordion .panel-collapse .panel-heading a.collapsed {
  border-color: #e4e4e4;
  color: #425563;
  padding: 10px 15px;
  background-color: #fff;
  text-transform:none;
}
.nested_accordion .panel-collapse .panel-heading a.collapsed span{
  color:#00a3ad;
  font-weight:700;
  font-size:0.9em;
  line-height: 2.1;
}
.garanzie_panel.panel-error .panel-heading a.collapsed  {
  background-color: #BE3A34;
}
.panel-group .garanzie_panel.panel-error {
  border: 1px solid #BE3A34;
}

/* TABELLE
=============================*/
.table .table {
    background-color: transparent;
}
.table > thead > tr > th {
    border-bottom: 1px solid #c1c6c8;
    color: #768692;
    text-transform: uppercase;
    vertical-align: bottom;
    font-size: 0.95em;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: none;
}
.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
    padding: 12px 8px;
}
.table .clickable, .content-acctable {
  background-color:#fbfbfb;
  cursor:pointer;
}
.content-acctable {
  border-bottom:1px solid #ccc;
}
.table .clickable.collapsed {
  background-color:#ebebeb;
}
.table-style1 .table {
  border-left:1px solid #ddd;
}
.table-style1 .table td {
  border-top: none;
  border-bottom:1px dashed #ddd;
  vertical-align:middle;
}


/* TOPBAR
=============================*/
.navbar-brand {
  height: inherit;
  padding: 20px 0;
  display: block;
}
#lang {
  padding-top:32px;
  float:right;
}
  #lang a {
    margin-left: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%;
    opacity: 0.5;
  }
  #lang a.active {
    opacity: 1;
  }
  #lang #lang_ita {
    background-image:url(../img/lang/ita.png)
  }
  #lang #lang_eng {
    background-image:url(../img/lang/eng.png)
  }
.breadcrumb-mobile {
   display: none;
   color: #fff;
   text-transform: uppercase;
   float: left;
   height: 50px;
   line-height: 3.1em;
   margin-left: 15px;
}
.navbar-toggle {
  padding: 9px 14px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  background-color: #591842;
  border: none;
  border-radius: 0;
  height: 50px;
}
#main-nav .navbar-collapse {
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* FOOTER
=============================*/
#main-footer {
  background-color:#425563;
  border-top:30px solid #768692;
  color:#fff;
  padding:30px 0;
  font-size: 0.85em;
}
#main-footer .navbar-right {
  text-align: right;
  margin-right:0;
  padding-bottom: 8px;
}
#main-footer a {
  color: #fff;
  text-decoration: underline;
  display: inline-block;
  margin-left: 15px;
}

/* SLIDER
=============================*/
.main-slider {
  position:relative;
  padding:0;
}
.head-small {
  height:240px
}
.image-background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#single-image1 {
  background-image:url(../img/slider/img_laptop.jpg);
}
#titlebar {
  background-image:url(../img/layout/bg_textimage.png);
  background-position:center top;
  background-repeat:no-repeat;
  position:absolute;
  bottom:0;
  width: 100%;
  color: #fff;
  text-align: center;
  padding:45px 0 20px;
  font-size:1.3em;
  text-transform:uppercase;
  line-height: 1.15;
}
  #titlebar big {
    text-transform:none;
    font-weight:300;
    font-size:1.95em;
  }
.carousel {
  position: relative;
  height: 400px;
  overflow: hidden;
}
.carousel-inner>.item>img {
    width:100%
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/* INTRO TEXT e BOX DENUNCIANTE
=============================*/
#page-intro {
  margin-bottom:20px;
  margin-top: 0;
  position:relative;
}
  #page-intro h1 {
    margin-top: 0;
    margin-bottom: 25px;
  }
#box-denunciante {
  background-color:transparent;
  border:1px solid #d8dde0;
  padding:8px 30px;
  color:#768692;
  position: absolute;
  top: 0;
  right: 0;
}
#box-denunciante strong {
  color:#7c2360
}


@media (min-width:767px) {
  #intro {
    display:block !important;
  }
  .mobile_intro {
    display:none;
  }
}

/* STILE DI PAGINE
=======================================================================================*/

/* Home
=============================*/
#accesso {
  float:right;
}
#accesso .tab::before {
  content:"LOGIN";
  /*width: 45%;*/
  width:200px;
  font-size: 1.2em;
}
#accesso .tab::after {
  content:url(../img/layout/tab_corner.gif);
  position: absolute;
  top: -22px;
  left: 198px;
}
#accesso .btn-primary small {
  font-size:94%
}
#box-login {
  -webkit-border-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  padding:15px 40px 30px 40px;
  margin-top: 54px;
}
  #box-login label {
    text-transform:none;
    font-size:0.95em
  }
  #box-login .form-group {
      margin-top: 0;
      margin-bottom: 18px;
  }
#login #page-intro::after {
  content:url(../img/layout/arrow-big.png);
  position: absolute;
  right: -50px;
  top: 20%;
}
#login #page-intro {
  padding-right:60px
}
#btn-reg {
  float:right;
  width: calc(100% - 207px);
}
#metodi-denuncia {
  min-height: 420px;
}
#metodi-denuncia .panel-group {
  position: relative;
  margin-bottom:0
}
#metodi-denuncia .panel-group .panel {
  /*display: inline-block;*/
  border: none;
  background-color: transparent;
  box-shadow: none;
  vertical-align: top;
  transition: all 0.5s ease;
  margin-top:30px;
  cursor:pointer;
}
#metodi-denuncia .panel-default>.panel-heading {
  position: absolute;
  top: 0;
  left:0;
  background-color:transparent;
  z-index: 2;
  padding-top: 0;
}
  #metodi-denuncia #box_tel .panel-heading {
    left:33.33333333%;
  }
  #metodi-denuncia #box_carta .panel-heading {
    left:66.66666666%;
  }
  #metodi-denuncia .panel-default .panel-body {
    margin-top: 217px;
  }
    #metodi-denuncia #box_mail .panel-body {
      -webkit-border-top-left-radius: 0;
      -moz-border-radius-topleft: 0;
      border-top-left-radius: 0;
    }
    #metodi-denuncia #box_carta .panel-body {
      -webkit-border-top-right-radius: 0;
      -moz-border-radius-topright: 0;
      border-top-right-radius: 0;
    }
  #metodi-denuncia .collapse.in {
    position: relative;
    z-index: 1;
  }
  #metodi-denuncia .panel-heading .rounded-box.collapsed {
    background-color: #ebebeb;
    display:block;
    padding-bottom:30px;
    border-bottom: 1px solid #c1c6c8;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 190px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
  }
  #metodi-denuncia .panel-heading .rounded-box.collapsed:hover {
    background-color:#ddd;
  }
    #metodi-denuncia .panel-heading .rounded-box.collapsed i.btn-toogle {
      display:block;
    }
  #metodi-denuncia .panel-heading .rounded-box {
    background-color: #ebebeb;
    display:block;
    padding-bottom:55px;
    border-bottom:none;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 218px;
  }
    #metodi-denuncia .panel-heading .rounded-box i.btn-toogle {
      display:none;
    }
  #metodi-denuncia .panel-heading .rounded-box p, #metodi-denuncia .panel-body p  {
    display: block;
    height: 65px;
    overflow: hidden;
    line-height: 1.5;
    font-size: 0.9em;
    font-weight: 400;
  }
  #metodi-denuncia .panel-heading .rounded-box h4 {
    font-size:1em;
    color:#80225f;
    text-transform:uppercase;
    font-weight:700;
    padding: 20px 0;
  }
.icon_denuncia {
  margin-top:-12px
}
  .icon_denuncia img {
    vertical-align:baseline;
  }
#metodi-denuncia #accordion i.btn-toogle {
  float: none;
  position: absolute;
  bottom: -18px;
  left: 44%;
  cursor:pointer;
}
  #metodi-denuncia #accordion .panel-collapse i.btn-toogle {
    left: 48%;
  }

/* Cosa fare
=============================*/
#cosa-fare .panel-default>.panel-heading {
  background-color:transparent;
  padding:0
}
#cosa-fare .panel-default>.panel-heading a {
  border:none;
  background-color:transparent;
  color: #80225f;
  font-size: 1.2em;
  padding: 10px 40px 15px 60px;
  position:relative;
  display:block;
  text-decoration:none;
}
#cosa-fare #accordion i.btn-toogle {
    margin-right: -40px;
}
#cosa-fare .panel-group .panel {
  border: none;
  box-shadow: none;
  background-color: transparent;
  border-bottom: 1px dashed #425563;
}
#cosa-fare .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: none;
  padding: 0 0 10px 60px;
}
.question-number {
  color:#b1b9bf;
  font-style: normal;
  width:50px;
  height:40px;
  overflow:hidden;
  background-image:url(../img/icon/icon-question.png);
  display:inline-block;
  background-size: 100%;
  text-align: center;
  vertical-align: middle;
  text-indent: -6px;
  position: absolute;
  top: 6px;
  left:0;
}

/* Registrazione
=============================*/
#form_profilo {
  margin-top:50px
}

/* Post-login
=============================*/
#post-login .btn-lg {
  width:100%;
  margin-bottom:10px;
  padding: 15px 16px;
}

/* Dettagli sinistro
=============================*/
.aggiungi-assicurato {
  background-color: #f5f8f8;
  padding: 0 15px 20px;
  border-bottom: 1px dashed #d7d6d6;
}
.importo.col-sm-3 {
  width: 20%;
}
.remove.col-sm-1 {
  width: 13%;
}
.remove {
  box-sizing: border-box;
  text-align: right;
  text-transform:uppercase;
}
.remove.nolabel {
  padding-top: 12px;
}
.garanzie_panel .panel-body {
  padding-bottom:0
}
#aggiungi-evento {
  margin-bottom:50px
}
.container-assicurati {
  background-color: #f5f8f8;
}
.importo .bootstrap-select {
  width: 30% !important;
  margin-top: -3px;
  margin-left: -6px;
}

/* Dati per il rimborso
=============================*/
#dati-rimborso .col-sm-1 {
  padding-right:0;
}
#dati-rimborso .col-sm-1.alignright {
  padding-right:10px;
  padding-left:0;
}
#box_beneficiario_assicurati .row .form-group:first-child, #box_beneficiario_denunciante .row .form-group:first-child {
  margin-left:-15px;
}

/* Riepilogo
=============================*/
.riepilogo .form-group {
  margin-bottom: 25px;
}
.riepilogo .form-group label, .label-style2 {
  font-size: 0.95em;
  border-bottom: 1px solid #C1C6C8;
}
.riepilogo .form-group p {
  font-weight:700;
  font-size: 1.05em;
}

.riepilogo .panel-default.focus>.panel-heading {
    padding: 0;
}
.riepilogo .panel-default.focus>.panel-heading a {
    padding: 15px;
}

/* Consulta sinistri
=============================*/
.focus-garanzie .table-style1 {
  margin:0 15px 0 12px
}
.focus-garanzie .btn-toogle::before, .focus-garanzie .btn-toogle::before {
    font-size: 25px;
    width: 27px;
    height: 27px;
    line-height: 9px;
}
.focus-garanzie .collapsed .btn-toogle::before {
    line-height: 28px;
}
.focus-garanzie .btn-toogle, .focus-garanzie .btn-toogle.collapsed {
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
}
.clickable .btn-toogle.collapsed::before {
  content: "_";
  line-height: 8px;
}

/* Tabella a div */
/* Tabella a div */
label.mobile {
  display:none
}
.custom-col {
  padding: 12px 0;
  display: inline-block;
  vertical-align: middle;
  /*overflow: hidden;*/
}
.row-head {
  text-transform:uppercase;
  font-weight:700;
  padding:10px 0 2px;
  border-bottom:1px solid #c1c6c8;
  color:#768692
}
.col-1 {
  width:12%
}
.col-2 {
  width:12%
}
.col-3 {
  width:14%;
}
.col-4 {
  width:19%
}
.col-5 {
  width:24%
}
.col-6 {
  width:14%
}
.col-7 {
  width:17%
}
.col-08 {
    width:8%;
}
.col-07 {
    width:7%;
}
.col-06 {
    width:6%;
}
.col-10 {
    width:10%;
}
.col-11 {
    width:11%;
}
.col-12 {
    width:12%;
}
.col-13 {
    width:13%;
}
.col-14 {
    width:14%;
}
.col-15 {
    width:15%;
}
.col-sm-3 {
    width: 15%;
}
.missing-partner-prodotto {
    border-left: 1px solid #ddd;
    border-bottom: 1px dashed #ddd;
    margin-left: 12px;
    margin-bottom: 20px;
    width: calc(100% - 5px);
    padding-left: 10px;
    padding-bottom: 20px;
}
.missing-partner-prodotto .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
{
    max-width: 320px;
    margin-right: 15px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

span.denunce_label {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    font-weight: 800;
    color: #999;
    opacity: 0.8;
    vertical-align: middle;
    padding-right: 18px;
}
.col-garanzia {
  width:30%;
}
.col-data-liquidazione{
  color: red;
  width: 8%;
}
.row-dettaglio {
  border-left: 1px solid #ddd;
  border-bottom:1px dashed #ddd;
  margin-left: 5px;
  width:calc(100% - 5px);
  padding-left: 10px;
}
.denuncia-row {
  border-bottom:1px solid #ddd;
  cursor:pointer;
}
.denuncia-row .collapsed {
  background-color:#ebebeb;
}
.denuncia-row > div {
  padding:0 8px
}
.denuncia-row .col-1 {
  padding-left:5px
}


/* 404
=============================*/
#page404 {
  display:block;
  text-align:center;
  color:#768692;
}
#page404 span {
  display: block;
  font-size: 17em;
  font-weight: 700;
  color: #C1C6C8;
  line-height: normal;
  text-shadow: 4px 1px 3px rgba(150, 150, 150, 0.93);
}


/* CALENDARIO
=============================*/
.ui-widget {
    font-family: 'Roboto', sans-serif !important;
}
.ui-datepicker {
    padding: 0 !important;
}
.ui-datepicker table {
    width: calc(100% - 20px) !important;
    margin: 0 10px 10px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-radius:0 !important;
}
.ui-widget-header {
    border: 1px solid #80225F !important;
    background-color: #80225F !important;
    background-image:none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #fff !important;
    background-image:none !important;
    border-color: transparent !important;
}
.ui-widget-content {
    border: none !important;
}
.ui-datepicker th {
    font-weight: 400 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: 400 !important;
    text-align: center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #8d2569 !important;
    background: #ac2e80 50% top repeat-x !important;
    color: #fff !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border-color:#80225F !important;
	background-color:#80225F !important;
  background-image:none !important;
  color:#fff !important;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-datepicker .ui-icon-circle-triangle-e, .ui-state-hover .ui-icon {
  background-position: -33px 0px;
}
.ui-datepicker .ui-icon-circle-triangle-w {
  background-position: -97px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  color: #768692;
  font-size: 0.8em !important;
  margin: 0 1px !important;
  background-color: #fff;
  border: none;
}

/* MODAL
=============================*/
.modal-content {
  border: none;
}
.modal-foot {
  color:#425563;
  text-align:left;
}
.modal-foot .modal-title {
  color:#80225F;
}
.modal-foot .modal-body {
    position: relative;
    padding: 15px;
    max-height: 60vh;
    overflow-y: auto;
}
#main-footer .modal-content a {
    color: #80225F;
    margin-left: 0;
}

/* pagina tablet rotate */
#rotate {
    display: none;
}

/* loader */
#loader {
  background-color:rgba(255, 255, 255, 0.7);
  position: fixed;
  z-index: 9999;
  height: 100%;
  width: 100%;

}
#loader .uil-ring-css {
  position:absolute;
  top: 38%;
  left: 43%;
}

/* cookie */
#cookie {
  font-size: 0.88em;
  padding: 0 15px 10px;
  background-color: #eee;
  border: 1px solid #ddd;
  position: fixed;
  z-index: 999;
  top: 85px;
  width: 100%;
}
#cookie h3 {
  font-size: 1.2em;
  font-weight: 700;
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.uil-ring-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
}
.uil-ring-css > div {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 80px;
  box-shadow: 0 6px 0 0 #80225f;
  -ms-animation: uil-ring-anim 2s linear infinite;
  -moz-animation: uil-ring-anim 2s linear infinite;
  -webkit-animation: uil-ring-anim 2s linear infinite;
  -o-animation: uil-ring-anim 2s linear infinite;
  animation: uil-ring-anim 2s linear infinite;
}

/* ADMIN BAR */
#admin-menu {
  background-color: #D9D9D6;
  height: 40px;
  color: #425563;
  box-sizing: border-box;
  font-size: 0.9em;
  line-height: 1;
}
#admin-menu .navbar-nav>li {
      padding: 8px 10px;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
        line-height: 1.5;
}
#admin-menu .navbar-nav>li>a {
      color: #425563;
    padding: 0;
    font-size: 1em;
    line-height: 1.5;
    height: inherit;
    text-transform: none;
    text-decoration: underline;
}
#admin-menu .navbar-nav>li>a:hover {
  background-color:transparent;
  color:#768692;
}
#admin-menu .navbar-right {
    margin-right: 0;
}

/* RESPONSIVE CLASS */
label.mobile {
  display:none
}
.desktop {
}

/* MOBILE STILE
=============================*/
@media (min-width:1330px) {
.image-background {
    background-position: center -150px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}
}
@media all and (min-width:768px) and (max-width:960px) {
  .icon_denuncia img {
    height: 35px;
  }
  #metodi-denuncia .panel-heading .rounded-box h4 {
    padding: 0 0 20px;
  }
  #metodi-denuncia .panel-heading .rounded-box p {
    height: inherit;
    max-height: 105px;
    overflow: hidden;
  }
  #metodi-denuncia .panel-heading .rounded-box.collapsed {
    height: 220px;
  }
  #metodi-denuncia .panel-heading .rounded-box {
    height: 240px;
  }
  #metodi-denuncia .panel-default .panel-body {
    margin-top: 239px;
  }
  #main-footer {
    font-size: 0.70em;
  }
  .image-background {
    background-position: center top;
    background-size: inherit;
  }
}
@media (min-width:768px) {
.container.body {
  max-width:inherit;
}
.container-list.body {
    max-width:inherit;
}
.container {
    width: 100%;
    max-width: 1180px;
}
.container-list {
    width: 100%;
    max-width: 1540px;
}
.navbar-header {
    float: none;
}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 779px) and (orientation: portrait) {
/* stile div per dispositivo in orizzontale */
#rotate {
  background-color: rgba(0,0,0,0.7);
  display: block;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index:999;
}
#rotate > div {
  background-color:#fff;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.64);
  -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.64);
  box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.64);
  width: 70%;
  margin: 38% auto;
  padding: 15px;
  text-align: center;
}
#rotate > div img {
    width: 150px;
    height: inherit;
    display: block;
    margin: 20px auto 30px;
}
}
@media (max-width:900px) {
  .col-step span.stepnumber {
    padding-right: 5px;
  }
  #stepline {
    font-size: 0.75em;
  }
  .desktop {
    display:none;
  }
}
@media (max-width:990px) and (min-width:768px)  {
  .toggle-login {
    float:none !important;
  }
  #accesso .tab::before {
    width: 120px;
  }
  #accesso .tab::after {
    left: 118px;
  }
  #btn-reg {
    width: calc(100% - 127px);
  }
}
@media (max-width:1024px) and (min-width:768px)  {
  .label-menu {
    display:none;
  }
  #main-nav .navbar-right {
    margin-right: -30px;
  }
  #main-nav .navbar-right>li>a {
    margin-left: 0;
    margin-right: 0;
    padding: 22px;
    border-left: 1px solid #80225F;
  }
}
@media (max-width:960px) and (min-width:768px)  {

  .carousel {
    height: 360px;
  }
}
@media (max-width:767px) {
  /* HOME */
  .carousel {
    height: 210px;
  }
  #btn-reg {
    margin-top: -54px;
  }
  #page-intro h1 {
    padding-right: 50px;
  }
  .breadcrumb-mobile {
    display:block;
    width: calc(100% - 80px);
  }
  #main-nav .custom-icon {
    display:none;
  }
  #main-nav .navbar-collapse {
    background-color: #591842;
  }
  #menu-nav li:first-child {
    margin-left: 0;
  }
  .navbar-nav>li>a {
    padding: 15px 25px;
    margin-right: 0;
    font-size: 1.1em;
    height: inherit;
  }
  .navbar-nav>li.active>a::after {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 14px solid;
    height: 0;
    margin-left: 0;
    width: 0;
    content: "";
    position: absolute;
    bottom: 14px;
    left: -4px;
  }
  #admin-menu .navbar-right {
    margin: 0;
    text-align: right;
  }
  #admin-menu .navbar-nav>li {
    display: inline-block;
  }
  #main-nav .navbar-right {
    background-color: #591842;
    border-top: 1px dashed #80225F;
    margin-right: -15px;
  }
  #main-nav .navbar-right>li>a {
    margin-left: 0;
    margin-right: 0;
    height: inherit;
  }
  #box-denunciante {
    float: none !important;
    text-align: center;
    margin-bottom: 20px;
    position:relative;
  }
  #titlebar {
    display:none;
  }
  .mobile_intro {
    position: absolute;
    top: -6px;
    right: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-image: url(../img/icon/icon-more_mobile.png);
    background-repeat: no-repeat;
    border: none;
    background-size: 100%;
    background-color: transparent;
    outline:none;
  }
  .head-small {
    height: 170px;
  }
  #titlebar,
  #login #page-intro::after {
    display:none;
  }
  #login #page-intro {
    padding-right: 0;
  }
  #accesso {
    float: none;
    padding-left: 15px;
    margin-top:90px
  }
  #metodi-denuncia .panel-default>.panel-heading {
    position: relative;
    left: inherit !important;
  }
  #metodi-denuncia .panel-heading .rounded-box p,
  #metodi-denuncia .panel-heading .rounded-box.collapsed,
  #metodi-denuncia .panel-default .panel-body,
  #metodi-denuncia .panel-heading .rounded-box {
    height: inherit;
  }
  #metodi-denuncia .panel-default .panel-body {
    margin-top:0
  }
  #metodi-denuncia .panel-heading {
    padding: 10px 15px 0;
  }
  #metodi-denuncia .panel-heading .rounded-box {
    padding-bottom: 0px;
  }
  #metodi-denuncia .panel-heading .rounded-box p {
    margin-bottom:0
  }
  #metodi-denuncia #box_carta .panel-body,
  #metodi-denuncia #box_tel .panel-body,
  #metodi-denuncia #box_mail .panel-body {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    border-top: none;
  }
  #metodi-denuncia #accordion i.btn-toogle {
    left: 48%;
  }
  .image-background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: inherit;
  }
  .head-big {
      height: inherit;
      min-height: 120px;
  }
  #main-footer .navbar-right,
  #foot-dati {
    text-align: center;
  }
  #cboxLoadedContent {
    margin-top: 10px;
  }
  .row-head {
  display:none;
  }
  label.mobile {
      display: block;
      margin:0;
  }
  .custom-col {
    padding: 10px 12px !important;
    width: 100% !important;
    line-height: 1.3;
    border-bottom: 1px dashed #fff;
  }
  .denuncia-row {
    border-bottom: none;
    cursor: pointer;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #ebebeb;
  }
  .denuncia-row .btn {
    margin-top:10px;
  }
  .row-dettaglio {
      border-left: none;
      border-bottom: 1px dashed #ddd;
      margin-left: 0;
      width:100%;
      padding: 15px 0;
      background-color: #fafafa;
  }
  .denuncia-row > div {
      padding: 0;
  }
  .focus-garanzie .btn-toogle::after {
    content: "Dettaglio garanzie";
    padding-left: 30px;
  }
  .focus-garanzie .btn-toogle, .focus-garanzie .btn-toogle.collapsed {
      width: 100%;
      height: inherit;
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 10px 0;
      text-align: center;
      background-color: #fff;
      color: #80225f;
      font-weight: 400;
      font-style: normal;
      font-size: 0.9em;
      margin-top: 10px;
      text-transform: uppercase;
  }
  .focus-garanzie .btn-toogle::before, .focus-garanzie .btn-toogle::before {
    top: 4px;
}
.focus-garanzie > .form-group {
  margin-right:5px
}
.row-garanzia .custom-col {
    padding: 4px 12px 0 !important;
}
.row-dettaglio .custom-col {
  border-bottom:none;
}
  /* ELEMENTI
  =============================*/
  .stepname {
    display:none;
  }
  label {
    font-size: 0.95em;
  }
}
@media (max-width:480px) {
  .form-group {
    margin-bottom: 15px;
  }
  /* TIPOGRAFIA
  ==============================*/
  .h1, h1 {
    font-size:1.5em;
  }
  /* BOTTONI
  =============================*/
  .btn {
    white-space:normal;
  }.btn-add {
    font-size: 0.88em;
  }
  .btn-success {
    display: block;
    margin-bottom: 10px;
    font-size: 16px !important;
    width: 100%;
    min-height: 70px;
  }
  section {
    padding: 30px 0;
  }
  .carousel {
    height: 130px;
  }
  #accesso .tab::before {
    width: 110px;
  }
  #btn-reg {
    float: right;
    width: calc(100% - 115px);
    font-size: 0.95em;
    height:49px;
    line-height: 1.9;
  }
  #btn-reg .i-right {
   top: 1px
}
  #accesso .tab::after {
    left: 108px;
  }
#metodi-denuncia > .container, #login .container, container-list, #login .container-list  {
    padding: 0;
}
#box-login {
    padding: 15px 15px 30px 15px;
}
.bootstrap-filestyle .input-group-btn {
    width: 120px;
}
.glyphicon-question-sign {
    float: right;
}
.tooltip.top {
  left: inherit !important;
  right: -5px;
}
.tooltip.top .tooltip-arrow {
  left: inherit !important;
  right: 24px;
}
.container-documenti .remove.nolabel {
  margin-bottom: 10px;
  float: none;
  display: block;
  text-align: left;
}
.desktop {
    display:block;
  }
}
@media (max-width:360px) {
  .toggle-login {
    float:none !important;
  }

}

.col-sinistro p {
    display: inline-flex;
}

.col-sinistro p ~ button {
    margin-left: 0.5rem;
}