/*BACKGROUND*/
.bgWhite {
    background-color: #fff !important;
}

/*PADDING*/
.noPadding {
    padding: 0px !important;
}

.pd10 {
    padding: 10px;
}

.bg-gray{
    background-color: #555 !important;
    color: #FFF;
}

.mailbox-lavorazioni{
  margin: 6px 0px 6px 0px;
}

.mailbox-lavorazioni .btn-group{
  margin-left: 20px;
}

.mailbox-lavorazioni .btn-group button{
  margin: 0px 4px;
}

/*BUTTON fab*/
.action {
    position: fixed;
    z-index: 20;
    right: 0;
    width: 50px;
    height: 50px;
    margin-right: 30px !important;
    bottom: 20px;
    cursor: pointer;
    background-color:#6200ee;
    border-radius: 50%;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}

.action:hover {
    background-color:#5300C0;
}

.action span {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 2em;
    transition: 0.3s ease-in-out;
}

.btn-action {
    background-color:#00a7d0;
    color: #fff;
    border-radius: 10px;
}

.btn-action:hover {
    background-color:#00c0ef;
    color: #fff;
}

.btn-action:focus {
    color: #fff;
}

.add-contatto {
    background-color:#00a7d0 !important; 
    color: #fff !important; 
    border-radius: 10px !important; 
    height: 34px !important; 
    padding-bottom: 7px !important; 
    padding-top: 7px !important;
    margin: 8px;
}

.add-contatto:hover {
    background-color:#00c0ef !important;
    color: #fff !important;
}

/*COLOR PLACEHOLDER*/
.ricerca::-webkit-input-placeholder { /* Edge */
    color: #555;
}
  
.ricerca:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #555;
}
  
.ricerca::placeholder {
    color: #555;
}
.margin-dati-lavoro{
  margin-right: 10px;
}
/*SELECT*/
.select2-selection__rendered {
    padding-left: 0px !important;
}

.select2-search__field {
    padding-left: 12px !important;
}

.select2-container--default .select2-selection--multiple {
    min-height: 34px;
}

.select2-container--default .select2-selection--multiple:before {
    content: ' ';
    display: block;
    position: absolute;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 6px;
    margin-left: -4px;
    margin-top: -2px;top: 50%;
    width: 0;cursor: pointer
}

/* Table */
td, th {
    /*text-align: center;*/
    vertical-align: middle !important;
}

.hiddenRow {
    padding: 0 4px !important;
    background-color: #eeeeee;
}

.table a {
    color: #333;
}

.table .dropdown-menu {
    min-width: auto !important;
}
.accordian-body-preventivo{
  border-top: 3px solid #555;
}
.accordian-body-da-fare{
  border-top: 3px solid #f39c12;
}
.accordian-body-fatturare{
  border-top: 3px solid #00a65a;
}

/*modale*/
.example-modal .modal {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    display: block;
    z-index: 1;
  }

.example-modal .modal {
    background: transparent !important;
}

.dropdown-menu {
    left: auto;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/*CHECKBOX*/
input[type=checkbox] {
    width: 18px;
    height: 18px;
}

/*COLLPSE STYLE LINK*/
.style {
    text-decoration: underline;
    color: cornflowerblue;
}

.style .fa {
    color: cornflowerblue;
}

/*STILE fa*/
table .fa-check-circle {
    color: #00a65a;
}
table .fa-folder-open{
    color: #eac282;
}
table .fa-times-circle {
    color: red;
}

table .allegati {
    color: gray;
}
table .fa-minus-circle{
    color: #f39c12;
}

.form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.giallo {
  color: #f5ec18;
}

.verde {
  color: #19c434;
}

.rosso {
    color: red;
}

.arancione {
    color: #f39c12;
}

/*LABEL*/
.label-profile{
  /*border: 2px solid #ccc;*/
  padding:6px;
  font-size: 12px;
  /*margin-left: -4px;*/
  background-color: #EFEFEF;
}
.round {
    border-radius: 50%;
}
.label-gray{
    background-color: #555;
    color:#FFF;
}

/*MARGIN, BORDER*/
.noMargin {
    margin: 0px !important;
}

.noMarginBottom {
    margin-bottom: 0px !important;
}

.noBorder {
    border: 0 !important;
}

.noPadding {
    padding: 0 !important;
}

.noPaddingBottom {
    padding-bottom: 0 !important;
}

/*avatar*/
.avatar {
    max-width: 45px;
}
.info-box-number-index{
  display: block;
  font-weight: bold;
  font-size: 24px;
  padding-top:8px;
}

.nav-tabs-custom>.nav-tabs>li.active {
    font-weight: bold;
    border-top-color: #3c8dbc;
}

.search-width {
    padding: 7.5px; 
    width: 50%; 
    float: left !important;
}

/*TABELLA*/
.large {
    width: 466px !important;
}

.idFasi {
    width: 120px !important;
}

.nomeFasi {
    width: 428px !important;
}

@media (max-width: 767px) {
    .search-width{
        width: 65% !important;
    }

    .text-black {
        color: #000;
    }

    .sidebar-open .content-wrapper {
        -webkit-transform: none !important;
    }
}
.oggetto{
  background: #FFF;
  margin: 3px 0px;
  padding: 4px 8px;
}

.btn-danger{
    color: #fff !important;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    visibility: hidden;
}