/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */


/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Varela+Round);*/
/*@import url(http://fonts.googleapis.com/css?family=Asap:400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
@import url(http://fonts.googleapis.com/css?family=Nunito:400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Varela+Round);
@import url(http://fonts.googleapis.com/css?family=Lato);*/

    /*
@font-face {
    font-family: 'Varela Round';
    src:url('CSS/VarelaRound-Regular.ttf')  format('truetype');
}*/




body{
  font-size:13px;
  font-family: Helvetica, Arial, sans-serif;
}

.fonts-loaded body{
  font-size:13px;
  font-family: 'Open Sans', sans-serif;
  text-rendering: optimizeLegibility;
}

i{
    margin-right:8px
}


[ng-cloak].splash {
  display: block !important;
}
[ng-cloak] {display: none;}
/* some naive styles for a splash page */
.splash {
  background: blue;
  color: white;
  width:100%;
  height:100%;
}
.splash h2 {
  font-size: 2.1em;
  font-weight: 500;
}



#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.loginForm{
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  width: 500px;
  height: 500px;
  /*border: 1px solid #efefef;*/
  background: #fff;
  /*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;*/
}




/******************************************************************************  HEADER MODALI  ****************************************************************************/



.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-warning {
  color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
  color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
  color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #69ADE7;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.modal-header-purple {
    color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #B85C90;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }

  .modal-header-violet {
    color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #4B47A8;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }

  .modal-header-aqua {
    color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #458A8A;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }

  .modal-header-orange {
    color:#fff;
      padding:9px 15px;
      border-bottom:1px solid #eee;
      background-color: #ff7700;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
       border-top-left-radius: 5px;
       border-top-right-radius: 5px;
  }

/**************************************************************************  FINE  HEADER MODALI  ****************************************************************************/


/* Base styles (regardless of theme) */
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;



    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);


}
.bs-callout h4 {
margin-top: 0;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
background-color: #fcf2f2;
border-color: #d9534f;
}
.bs-callout-warning {
background-color: #fefbed;
border-color: #f0ad4e;
}
.bs-callout-info {
background-color: #f0f7fd;
border-color: #5bc0de;
}
.bs-callout-primary {
background-color: #EFF4F9;
border-color: #04809d;
}
.bs-callout-success {
background-color: #419641;
border-color: #4cae4c;
}



.table-striped td{
    vertical-align: middle !important;
}


.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}


.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: #69ADE7;
    border-color: #2d6ca2;
}







.filterBar{
    margin-bottom:20px
}

.filterBar + .form-inline + i{
    margin-right:0px;
    font-size:30px;
}




.alert{
  color:#2F4050;
}


/*  ng-view Animation  */
.view-slide-in.ng-enter {
  transition: all 1s ease;
  -webkit-transition:all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  z-index:1000;
  position:relative;
  opacity:0;

}

.view-slide-in.ng-leave{
  transition: all 0.7s ease;
  -webkit-transition:all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  z-index:50;
  opacity:1;
  position:absolute;
}



.view-slide-in.ng-enter {
  opacity: 0;
}
.view-slide-in.ng-enter.ng-enter-active {
  left:0;
  opacity: 1;
  /*width:100%*/
}

.view-slide-in.ng-leave.ng-leave-active{
  opacity:0;
  /*left:-100%;*/
}



.row.table-row > [class*="col-"].custom {
    background-color: lightgrey;
    text-align: center;
  }


@media (min-width: 768px) {

  img.img-fluid {width:100%;}

  .row.table-row {display:table;width:100%;margin:0 auto;}

  .row.table-row > [class*="col-"] {
    float:none;
    float:none;
    display:table-cell;
    vertical-align:top;
  }



}


.datepicker.dropdown-menu {
  width: 250px;
  height: 250px;
}
.datepicker.dropdown-menu  .btn-default {
  outline:none;
  background:  rgba(0,0,0,0);
  border: 0px;
  padding: 6px 0px !important;
}

.datepicker.dropdown-menu  .btn-default:hover {
    background:  #baeaf8;
}

.datepicker.dropdown-menu  .btn-primary {
  outline:inherit;
  background:  rgba(45, 108, 162, 1);
  border: 0px;
}

.datepicker.dropdown-menu  .btn-info {
  outline:inherit;
  background:  #5bc0de;
  border: 0px;
}


.datepicker.dropdown-menu tbody {
  height: 180px;
}
.datepicker.dropdown-menu tbody button .btn-default {
  padding: 0px;
  outline:none;
  background:  rgba(0,0,0,0);
}
.datepicker.dropdown-menu.datepicker-mode-1 tbody button,
.datepicker.dropdown-menu.datepicker-mode-2 tbody button {
  height: 65px;
}
.timepicker.dropdown-menu {
  padding: 0 4px;
}
.timepicker.dropdown-menu button {
  outline: none;
  border: 0px;
}
.timepicker.dropdown-menu tbody button {
  padding: 6px;
}

.text-muted{
    color:#ededed !important;
}


.list-group-item-primary{
    color: #fff;
    background-color: #69ADE7;
}

th{
  vertical-align: middle;
}

/*//typeAhead*/
.typeahead .dropdown-menu {
  width: 300px;
  max-height: 400px;
  overflow-y: auto;
}

.showbox.scale:hover {
    cursor: pointer;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
  }
  .showbox {
    -webkit-transition: 0.1s ease-in-out;
    -moz-transition: 0.1s ease-in-out;
    -o-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
  }



.table-fixed-mine thead {
  width: 97%;
}
.table-fixed-mine tbody {
  height: 430px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed-mine thead, .table-fixed-mine tbody, .table-fixed-mine tr, .table-fixed-mine td, .table-fixed-mine th {
  display: block;
}
.table-fixed-mine tbody td, .table-fixed-mine thead > tr> th {
  float: left;
  border-bottom-width: 0;
}




/* ALBERO */


.treebs {
    min-height:20px;
   /* padding:19px;*/
    margin-bottom:20px;
   /* background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)*/
}
.treebs .treeLi {
    list-style-type:none;
    margin:0;
    /*padding:10px 5px 0 5px;*/
    padding: 10px 0px 0 28px;
    position:relative
}

/*
.treebs + ul li {
    padding: 10px 0px 0 10px;
}*/

.treebs ul {
    padding-left:0px;
    padding-right:0px;
}
/* CONNTETTORI*/
.treebs .treeLi::before, .treebs .treeLi::after {
    content:'';
    left:15px;
    position:absolute;
    right:auto
}
/*  CONNETTORE VERTICALE*/
.treebs .treeLi::before {
    border-left:1px solid #D3D3D3;
    bottom:50px;
    height:100%;
    top:0;
    width:1px;
}

/*  CONNETTORE ORIZZONTALE*/
.treebs .treeLi::after {
    border-top:1px solid #D3D3D3;
    height:20px;
    top:25px;
    width:13px
}

/*  CONNETTORE ORIZZONTALE*/
.treebs .treeLi[data-valore='100']::after {
    border-top:1px solid #007B19;
    height:20px;
    top:25px;
    width:13px
}
.treebs .treeLi span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    display:inline-block;
    padding:5px 8px;
    text-decoration:none;
    cursor:pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.treebs .treeLi > span {
    border:1px solid #999;
    border-radius:5px;
    padding:0px;
}

.treebs .treeLi.parent_li>span {
    cursor:pointer
}
.treebs>ul>.treeLi::before, .treebs>ul>.treeLi::after {
    border:0
}
.treebs .treeLi:last-child::before {
    height:30px
}
.treebs .nodo:hover {
   /* background:#eee;
    border:1px solid #94a0b4;
    color:#000*/
}


.foglia {
    padding:0;
}

.foglia > span {
    padding:0;
    border:none;
    background:none;
}

.nodo > span {
    border:none;
    background:none;
}


.nodo, .divProfilazione{
    padding:0
}

/* FINE ALBERO*/


/*
Force table width to 100%
*/
table.table-fixedheader {
  width: 100%;
}

/*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
table.table-fixedheader,
table.table-fixedheader>thead,
table.table-fixedheader>tbody,
table.table-fixedheader>thead>tr,
table.table-fixedheader>tbody>tr,
table.table-fixedheader>thead>tr>th,
table.table-fixedheader>tbody>td {
  display: block;
}

table.table-fixedheader>thead>tr th{
  border-right: 1px solid #fff;
  border-bottom: none;
}

table.table-fixedheader>thead>tr th:last-child{
  border:none;
}

table.table-fixedheader>thead>tr:after,
table.table-fixedheader>tbody>tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}

/*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  We must specify an explicit height for the tbody.  We include
100px as a default, but it can be overridden elsewhere.

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
table.table-fixedheader>tbody {
  overflow-y: scroll;
  height: 100px;
}

/*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
table.table-fixedheader>thead {
  overflow-y: scroll;
}

/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
table.table-fixedheader>thead::-webkit-scrollbar{
  background-color: inherit;
}

/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/
table.table-fixedheader>thead>tr>th,
table.table-fixedheader>tbody>tr>td {
        width: 20%;
        float: left;
        min-height: 33px;
}

/*table.table-fixedheader>thead>tr>th {

}*/

table.table-fixedheader>thead>tr>th{
  height:44px;
}



/** SFONDI BARRE APPLICAZIONE */
.sfondoPagamenti{
    background-image: -webkit-linear-gradient(top,#FFE7C4 0,#FFDBA8 100%) !important;
    background-image: -o-linear-gradient(top,#FFE7C4 0,#FFDBA8 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FFE7C4),to(#FFDBA8)) !important;
    background-image: linear-gradient(to bottom,#FFE7C4 0,#FFDBA8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFE7C4', endColorstr='#ffFFDBA8', GradientType=0) !important;
    background-repeat: repeat-x !important;
}

.sfondoSoci{
    background-image: -webkit-linear-gradient(top,#DFF6DF 0,#C6F4C6 100%) !important;
    background-image: -o-linear-gradient(top,#DFF6DF 0,#C6F4C6 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#DFF6DF),to(#C6F4C6)) !important;
    background-image: linear-gradient(to bottom,#DFF6DF 0,#C6F4C6 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffDFF6DF', endColorstr='#ffC6F4C6', GradientType=0) !important;
    background-repeat: repeat-x !important;
}



.sfondoAttivita{
    background-image: -webkit-linear-gradient(top,#C9DEF0 0,#B6D3EB 100%) !important;
    background-image: -o-linear-gradient(top,#C9DEF0 0,#B6D3EB 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#C9DEF0),to(#B6D3EB)) !important;
    background-image: linear-gradient(to bottom,#C9DEF0 0,#B6D3EB 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffC9DEF0', endColorstr='#ffB6D3EB', GradientType=0) !important;
    background-repeat: repeat-x !important;
}

.sfondoAbbonamenti{
    background-image: -webkit-linear-gradient(top,#F6DFEC 0,#F5CAE2 100%) !important;
    background-image: -o-linear-gradient(top,#F6DFEC 0,#F5CAE2 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F6DFEC),to(#F5CAE2)) !important;
    background-image: linear-gradient(to bottom,#F6DFEC 0,#F5CAE2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF6DFEC', endColorstr='#ffF5CAE2', GradientType=0) !important;
    background-repeat: repeat-x !important;
}



.sfondoHome{
    background-image: -webkit-linear-gradient(top,#E0F7FD 0,#CBF1FC 100%) !important;
    background-image: -o-linear-gradient(top,#E0F7FD 0,#CBF1FC 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#E0F7FD),to(#CBF1FC)) !important;
    background-image: linear-gradient(to bottom,#E0F7FD 0,#CBF1FC 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE0F7FD', endColorstr='#ffCBF1FC', GradientType=0) !important;
    background-repeat: repeat-x !important;
}



.sfondoStat{
    background-image: -webkit-linear-gradient(top,#FFD9D3 0,#FAD4CE 100%) !important;
    background-image: -o-linear-gradient(top,#FFD9D3 0,#FAD4CE 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FFD9D3),to(#FAD4CE)) !important;
    background-image: linear-gradient(to bottom,#FFD9D3 0,#FAD4CE 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFD9D3', endColorstr='#ffFAD4CE', GradientType=0) !important;
    background-repeat: repeat-x !important;
}

.sfondoImpostazioni{
    background-image: -webkit-linear-gradient(top,#CACAF1 0,#C2C2EA 100%) !important;
    background-image: -o-linear-gradient(top,#CACAF1 0,#C2C2EA 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#CACAF1),to(#C2C2EA)) !important;
    background-image: linear-gradient(to bottom,#CACAF1 0,#C2C2EA 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffCACAF1', endColorstr='#ffC2C2EA', GradientType=0) !important;
    background-repeat: repeat-x !important;
}

/** SFONDI BARRE APPLICAZIONE */




.wrap {
    width: 100%;
}

.wrap table {
    width: 100%;
}

table tr td {
    word-wrap: break-word;
}

table.head thead tr th {
    height: 40px;
    padding-left:6px;
    width:100%;
    /* padding-left: 6px;
   border-left:1px solid #fff;*/
}

.inner_table {
    background:#fff;
    overflow-y: scroll;
}



.wrapPop {
    width: 100%;
}

.wrapPop table {
  /*  width: 100%;*/
}

table tr td {
    word-wrap: break-word;
}

table.headPop thead tr th {
    height: 40px;
    padding-left:6px;
    /* padding-left: 6px;
   border-left:1px solid #fff;*/
}

.inner_table_pop {
    background:#fff;
    overflow-y: scroll;
}

body > div > div.dropdown.open {
    position: absolute;
}



.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus{
  z-index: 2;
  color: #fff!important;
  cursor: default;
  background-color: #04809D !important;
  border-color: #04809D !important;
}


.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  color: #04809D !important;
  background-color: #eee;
  border-color: #ddd;
}


.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #04809D !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}



/*********  FILE UPLOAD ********/


.drop-box {
    background: #F8F8F8;
    border: 5px dashed #5bc0de;
    width: 200px;
    height: 65px;
    text-align: center;
    padding-top: 25px;
    float: left;
    margin-left: 20px;
}


.drop-box.dragover {
    border: 5px dashed #337ab7;
}

.drop-box.dragover-err {
    border: 5px dashed red;
}

.file-manager .tag-list li {
  float: left;
}
.file-manager .tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}
.file-manager .hr-line-dashed {
  margin: 15px 0;
}
.file .icon,
.file .image {
  height: 100px;
  overflow: hidden;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
}
.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}
.file-control.active {
  text-decoration: underline;
}
.file .icon i {
  font-size: 70px;
  color: #dadada;
}
.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
}
.file-name small {
  color: #676a6c;
}
.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}




.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 100;
}


.file-box {
  float: left;
  width: 220px;
}


.ta-toolbar i{
  margin-right:0px;
}



.select.dropdown-menu{
  max-height:300px;
  overflow:auto;
  }



.treeDefault0 {
    background-image: -webkit-linear-gradient(top,#E3EFFA 0,#C9DEF0 100%);
    background-image: -o-linear-gradient(top,#E3EFFA 0,#C9DEF0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#E3EFFA),to(#C9DEF0));
    background-image: linear-gradient(to bottom,#E3EFFA 0,#C9DEF0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE3EFFA', endColorstr='#ffC9DEF0', GradientType=0);
    background-repeat: repeat-x;
    color:#293846;
    border:1px solid #90BBE0 !important;
}


.treeDefault1 {
    background-image: -webkit-linear-gradient(top,#ffffff 0,#E3EFFA 100%);
    background-image: -o-linear-gradient(top,#ffffff 0,#E3EFFA 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#E3EFFA));
    background-image: linear-gradient(to bottom,#ffffff 0,#E3EFFA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffE3EFFA', GradientType=0);
    background-repeat: repeat-x;
    color:#293846;
    border:1px solid #90BBE0 !important;
}




.treePrimary {
    background-image: -webkit-linear-gradient(top,#69ADE7 0,#357ebd 100%);
    background-image: -o-linear-gradient(top,#69ADE7 0,#357ebd 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#69ADE7),to(#357ebd));
    background-image: linear-gradient(to bottom,#69ADE7 0,#357ebd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff69ADE7', endColorstr='#ff357ebd', GradientType=0);
    background-repeat: repeat-x;
    color:#fff;
    font-weight: bold;
    border:1px solid #90BBE0 !important;
    box-shadow: inset 0 1px 1px rgba(66, 140, 202, 1), 0 0 8px rgba(68, 139, 201, 1);
    /*428CCA*/
}


/* SLIDER CIRCOLARE*/

.rs-seperator{
    border:none !important;
}

.rs-range-color  {
    background-color: #337ab7  !important;
}

.rs-path-color  {
    background-color: #5bc0de  !important;
}
.rs-handle  {
    background: #337ab7  !important;
}

.rs-border {
    border: none  !important;
}

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}


/***********************************************************   COBACO TREE *********************************************************************/



.treebs {
    min-height:20px;
   /* padding:19px;*/
    margin-bottom:20px;
   /* background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)*/
}
.treebs .treeLi {
    list-style-type:none;
    margin:0;
    /*padding:10px 5px 0 5px;*/
    padding: 10px 0px 0 28px;
    position:relative
}

/*
.treebs + ul li {
    padding: 10px 0px 0 10px;
}*/

.treebs ul {
    padding-left:0px;
    padding-right:0px;
}
/* CONNTETTORI*/
.treebs .treeLi::before, .treebs .treeLi::after {
    content:'';
    left:15px;
    position:absolute;
    right:auto
}
/*  CONNETTORE VERTICALE*/
.treebs .treeLi::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px;
}

/*  CONNETTORE ORIZZONTALE*/
.treebs .treeLi::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:13px
}

/*  CONNETTORE ORIZZONTALE*/
.treebs .treeLi[data-green='1']::after {
    border-top:1px solid #007B19;
    height:20px;
    top:25px;
    width:13px
}
.treebs .treeLi span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    display:inline-block;
    padding:5px 8px;
    text-decoration:none;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.treebs .treeLi > span {
    border:1px solid #999;
    border-radius:5px;
    padding:0px;
}

.treebs .treeLi.parent_li>span {
    cursor:pointer
}
.treebs>ul>.treeLi::before, .treebs>ul>.treeLi::after {
    border:0
}
.treebs .treeLi:last-child::before {
    height:30px
}
.treebs .nodo:hover {
  /*  background:#eee;*/
    border:1px solid #94a0b4;
    color:#000
}
/*
.treebs li.parent_li>span:hover, .treebs li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}*/

.foglia {
    padding:0;
}

.foglia > span {
    padding:0;
    border:none;
    background:none;
}

.nodo > span {
    border:none;
    background:none;
}


.nodo, .divProfilazione{
    padding:0
}

.btnChangeIndex {
    float:right;
    margin-right:6px;
    margin-top:3px;
    width:24px;
    height:24px;
}

.divSlider {
    float:left;
}


.divValoreSlider {
    float:left;
    padding-right:6px;
    padding-left:6px;
}

.nodoAlbero {
    background-image: -webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -o-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));
    background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea;
}

.tag{
    border-radius: 16px;
    font-size: 14px;
    padding:6px;
    margin-left: 6px;
    display: inline-block;
    margin-bottom: 6px
}

.tag-luogo{
  background: #e9f7d9;
}

.tag-categoria{
  background: #d9f1f7;
}



/**************************************************************   ANGULAR UI TREE ***********************************************************************/



.angular-ui-tree-handle {
  background: #f8faff;
  border: 1px solid #dae2ea;
  color: #7c9eb2;
  padding: 10px 10px;
}

.angular-ui-tree-handle:hover {
  color: #438eb9;
  background: #f4f6f7;
  border-color: #dce2e8;
}

.angular-ui-tree-placeholder {
  background: #f0f9ff;
  border: 2px dashed #bed2db;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

tr.angular-ui-tree-empty {
  height: 100px
}

.group-title {
  background-color: #687074 !important;
  color: #FFF !important;
}


/* --- Tree --- */

.tree-node {
  border: 1px solid #dae2ea;
  background: #f8faff;
  color: #7c9eb2;
}

.nodrop {
  background-color: #f2dede;
}

.tree-node-content {
  margin: 10px;
}

.tree-handle {
  padding: 10px;
  background: #428bca;
  color: #FFF;
  margin-right: 10px;
}

.angular-ui-tree-handle:hover {}

.angular-ui-tree-placeholder {
  background: #f0f9ff;
  border: 2px dashed #bed2db;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



/************************************************************ FINE ANGULAR UI TREE ***********************************************************************/



/******************************************************************* NUOVE GRIGLIE ***********************************************************************/





::-webkit-scrollbar {
    width: 16px;
}
 

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    background-color: #F5F5F5; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 00px;
    background: rgba(221,221,221,1); 
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(221,221,221,0.6); 
}

.list-group-item div{
    float:left;
}


.table-li{
    overflow: auto;
    padding-right: 6px;
}

.table-li div{
    padding: 1px;
}

.table-li:first-child{
    border-radius: 0px;
}

.table-li:last-child{
    border-radius: 0px;
}

.table-li-header{
    font-weight: bold;
    overflow: hidden;
    color:#fff;
    margin-bottom: 0px;
    width: calc(100% - 14px);
    border:none;    
    max-height: 42px;
}

.tab {
    overflow: auto;
    overflow-y: scroll;
}

.tab-header {
    margin-bottom:0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-container {
    overflow: auto;
    padding: 0;
    border: none;
}

.list-div{
    margin-top: 6px;
    padding: 0px;
}

.table-li:nth-child(odd){
    background: #f9f9f9;
}


/*************************************************************** FINE NUOVE GRIGLIE ***********************************************************************/