/*
 * Planning module
 */
.plan-menu {
  cursor: pointer;
  padding: 4px;
  font-size: 13px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.plan-menu:hover {
  background-color: #e4e4e4;
}

.plan-menu-sel {
  font-weight: 800;
  background-color: #e4e4e4;
}

.plan-title {
  background-color: #3c8dbc;
  color: #ffffff;
  font-size: 14px;
  margin: 4px;
  padding: 2px;
  bottom: 6px;
}

.plan-table {
  margin: 9px;
}

.plan-form {
  margin: 9px;
}



/*
 * Municipality plan
 */

.choose-mun
{
  width: 100%;
}

.pln-mun-row
{
  font-size: 12px;
/*   color: #fff; */
  height: 70px;
  max-height: 70px;
  cursor: pointer;
}

.pln-mun-row-col1
{
  padding: 0;
  width: 85px;
  max-width: 85px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}

.col1-active
{
  border: 3px solid #343a40;
/*   border-style: inset; */
}

.pln-mun-row-col2
{
  padding: 5px 5px;
}

.col2-title
{
  font-weight: 900;
}

.col2-subtitle
{
  font-size: 10px;
  font-weight: 700;
}

.item-click-border
{
  border-bottom: 1px solid;
}

/* Municipality plan Tab content */

.hover-image:hover
{
  cursor: pointer;
}

.mp-tab-content
{
  max-height: 565px;  /* max-height: 581px; */
  overflow-y: auto;
  /*padding-top: 10px;*/
  padding-top: 5px;
}

.mp-ig-vert-tabs
{
  max-height: 504px;  /*max-height: 520px; */
}

.mp-rs-vert-tabs
{
  max-height: 554px;  /* max-height: 570px;  */
}

.mp-so-vert-tabs
{
  max-height: 554px;  /* max-height: 570px;  */
}

.mp-vert-tabs-coll
{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.mp-vert-item {
  cursor: pointer;
  padding: 4px;
  font-size: 12px;
  margin-left: 0;
  margin-right: 0;
  border-bottom: 1px solid #ccc;

  /* Row roles to fixs cols with same height */
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
  height:70px
}

.mp-vert-item:hover {
  background-color: #e4e4e4;
}

.mp-vert-item-col {
  padding-left: 0;
  padding-right: 0;

  /* Roles to have cols with same height */
  float: none;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.mp-vert-item-sel
{
  background-color: #e4e4e4;
}

.det-horiz-tab
{
  padding-left: 13px;
  margin-top: 5px;
}

.vert-tab-coll
{
  padding-left: 10px;
  padding-right: 5px;
}

.table-last-info
{
  margin: 8px 0px 0px 0px;
  padding-bottom: 10px;
}

.terr-class-total-population
{
  min-width: 20%;
  width: 20%;
  float:right;
  margin-top: 5px;
}

.removeMarTop button{
  margin-top: 0!important;
}

/* Reimplemented  style tab*/
#custom-horiz-tab .nav-tabs>li>a
{
  border: none !important;
  padding: 5px 8px !important;
  font-size: 14px !important;
}

#custom-horiz-tab .nav-tabs>li.active>a,
#custom-horiz-tab .nav-tabs>li.active>a:focus,
#custom-horiz-tab .nav-tabs>li.active>a:hover,
#custom-horiz-tab .nav-tabs.nav-justified>.active>a,
#custom-horiz-tab .nav-tabs.nav-justified>.active>a:focus,
#custom-horiz-tab .nav-tabs.nav-justified>.active>a:hover
{
  bottom: -1px;
  margin-right: 1px;
}

#custom-vert-tab .nav-link
{
  text-align: left;
  border-radius:0;
  background-color: #eee;
}

#custom-vert-tab .nav-pills>li.active>a,
#custom-vert-tab .nav-pills>li.active>a:focus,
#custom-vert-tab .nav-pills>li.active>a:hover
{
  background-color: #343a40;
}

#custom-vert-tab .nav>li>a:focus,
#custom-vert-tab .nav>li>a:hover
{
  text-decoration: none;
  background-color: #ccc;
}

/* Reimplemented style accordion Territorial classification*/

#customAccordion .panel
{
  /*border-bottom: 1px solid #ddd !important;*/
  border-radius: 0px;
  box-shadow: none !important;
}

#customAccordion .panel-default
{
  border-color: transparent;
}

#customAccordion .panel-default>.panel-heading
{
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #ddd !important;
  background-color: transparent !important;
}

#customAccordion .panel-heading
{
  padding: 5px 5px !important;
}

#customAccordion .panel-heading .panel-title .accordion-toggle
{
  text-decoration: none !important;
}

#customAccordion .panel-heading .panel-title .accordion-toggle>span
{
  font-size: 12px;
  font-weight: bold;
}

#customAccordion a,
#customAccordion a:focus
{
  text-decoration: none;
  outline: none;
}

#customAccordion  .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: none !important;
}
#customAccordion .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 0 !important;
}

#searchCfgStyle{
  position: absolute;
  left: 13.5%;
  width: 86% !important;
}

/*
 * SR: Scenari di evento
 */
#eventScenario .panel-heading .panel-title .accordion-toggle>span {
  font-size: 12px !important;
  font-weight: bold;
}

#eventScenario a,
#eventScenario a:focus
{
  text-decoration: none;
  outline: none;
  color: #000;
}

.subtitle-geom
{
  padding-left: 45px;
  padding-top: 15px;
}

/* Reimplemented search Datatables */
.dataTables_filter input[type=search]
{
  border: 1px solid #E4E4E4;
  border-radius: 3px;
  height: 28px;
  width: 300px;
}

.dataTables_scrollHeadInner
{
  width:100% !important;
}
/*Allertamento*/
.flex{
	display:flex;
	justify-content:flex-start;
	margin: 27px 0 10px 0;
}

/* Reimplemented style accordion organizational structure*/
#organStructure .panel-group .panel {
  margin-bottom: 0;
  border-radius: unset;
}
#organStructure .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#organStructure .panel-default {
  border-color: transparent;
}
#organStructure .panel {
  background-color: transparent;
  border: none;
}

#organStructure .panel-group .panel {
  margin-bottom: 0;
  border-radius: unset;
}

#organStructure .panel-default>.panel-heading {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: unset;
}

#organStructure .panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

#organStructure .panel-group .panel-heading {
    border-bottom: 0;
}

#organStructure .panel-heading {
    cursor: pointer;
}

#organStructure .panel-heading {
    padding: 0 !important;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-indent: 2%;
    margin: 10px 0 -11px !important;
}

#organStructure .panel-body
{
  border: 1px solid #ddd !important;
}

#organStructure .panel-heading .panel-title .accordion-toggle
{
  text-decoration: none !important;
}

#organStructure .panel-heading .panel-title .accordion-toggle>span
{
  font-size: 12px;
  font-weight: bold;
}

#organStructure a,
#organStructure a:focus
{
  text-decoration: none;
  outline: none;
}

/* Address Book */
.control-button {
  display: block;
  height: 40px;
  width: 40px;
  background-color: rgba(0,0,0,0.5);
  border-radius: 4px;
  outline: none !important;
  box-shadow: none !important;
}

.office {
  background-image: url("../image/app/sede.png");
  background-position : center center;
  background-repeat:no-repeat;
}

.referent {
  background-image: url("../image/app/persona.png");
  background-position : center center;
  background-repeat:no-repeat;
}

.association {
  background-image: url("../image/app/persona.png");
  background-position : center center;
  background-repeat:no-repeat;
}


/*Address book:  Table */
#address-book .panel {
  margin-bottom: 5px;
}

#address-book thead>tr {
  color: #000;
  height: 30px;
  background-color: #fff; /*#343a40;*/
}

#address-book thead>tr> {
  padding: 0px 2px;
  text-align: center;
  /*border-right: 1.5px double #ffffff;*/
}

#address-book thead {
  display:table;
  width:100%;
  table-layout:fixed;/* even columns width , fix width of table too*/
}

#address-book tbody>tr {
  display:table;
  width:100%;
  table-layout:fixed;/* even columns width , fix width of table too*/
}

#address-book tbody>th>tr>td {
  word-break: break-word;
  text-align: left;
}

#address-book .table {
  margin-bottom: 0px !important;
  overflow-wrap: break-word !important;
}
.btn-address-book-active {
  background-color: #127ae2 !important;
  background-image: none !important;
  color: white !important;

}

.border{
  border-color: #ccc;
}

#address-book .height{
  height:30px !important;
}

#address-book .margBot{
  margin-bottom : 0px !important;
}

@media only screen and (max-height: 767px)
{
  #address-book .ab-tbody {
    display:block;
    max-height:330px;
    height:330px;
    overflow:auto;
  }

  #address-book .ab-detail {
    overflow-y: auto;
    height: 295px;
  }

  .height100.em-modal-body-scroll
  {
    height: 100%;/*516px*/
  }
}

@media only screen and (min-height: 768px)
{
  #address-book .ab-tbody {
    display:block;
    max-height:455px;
    height:420px;
    overflow:auto;
  }

  #address-book .ab-detail {
    overflow-y: auto;
    height: auto;
  }
}

/*
 * Intervention Model
 */
#interventionModel .panel-heading .panel-title .accordion-toggle>span {
  font-size: 12px !important;
  font-weight: bold;
}

#interventionModel a,
#interventionModel a:focus
{
  text-decoration: none;
  outline: none;
}

/*.mp-mi-detail-without-acc
{
  height: 379px;
  overflow-y: auto;
  padding-top: 5px;
}*/

.mp-mi-detail-with-acc
{
  padding-top: 5px;
  overflow-y: auto;
}

/*.mp-mi-with-acc
{
  height: 414px;
  overflow-y: auto;
}*/

/* Reimplemented style summernote */
@media only screen and (max-height: 767px)
{
  #interventionModel .note-editor.note-frame .note-editing-area .note-editable
  {
    height: 30vh !important;
  }
}
@media only screen and (min-height: 768px)
{
  #interventionModel .note-editor.note-frame .note-editing-area .note-editable
  {
    height: 30vh !important;
  }
}

/*
 * SD: Carto atatch
 */
.sd-carto-attach-container {
/*   background-color: #f5f5f5; */
  padding: 5px;
/*  margin: 5px;*/
/*   border-radius: 4px; */
/*   border: 1px solid #ccc; */
/*   margin-top: 5px; */
}

.sd-carto-attach-row {
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.sd-carto-attach-image {
/*   width:100%; */
  margin-bottom:0px;
}

/*Classi momentanee*/
.saliAccordion .rw-row{
  margin-bottom:0px;
}

.detail-scroll{
  overflow-y: auto;
  max-height: 420px;
  /*max-height: 374px; */
}

/* Sensitive buildings*/
.geomBox{
  min-height: 40px;
  padding: 10px 0px 10px 17px;
  width: 97%;
}