/* #ccf3e9  table-success (verde)          */
/* #fb9678 ; btn-primary  (arancio) */
/*#01c0c8 aqua    #99e5e9  versione chiara FR*/


.under_construction { 
  background-image: url('img/under_construction2.png');
  padding-bottom:20px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right; 
}


.navbar-header {
/*
    padding-left:0px !important;*/
}

.customrow_root{
   background-color: #68cbf8;
}

.ta-center{
    text-align: center !important;
}
.ta-left{
    text-align: left !important;
}
.ta-right{
    text-align: right !important;
}

.b-l-2 {
    border-left: 2px solid #ccc !important;
}

p.p_green {
    color:green;
}
p.p_red {
    color:red;
}


.tooltip-custom>.tooltip-inner {
    max-width: 600px ;  
    font-size:14px; 
    line-height: 40px; 
    padding:20px;}

.tooltip-custom_diba>.tooltip-inner {
    max-width: 600px ;  
    font-size:12px; 
    line-height: 15px; 
    padding:10px;
    text-align: left !important;
}


.tooltip-green>.tooltip-inner {
    background-color: #ccf3e9 ;   
    color:#000; }

.tooltip-yellow>.tooltip-inner {
    background-color: #ffeeba ;   
    color:#000; }

.tooltip-grey>.tooltip-inner {
    background-color: #d6d8d9 ;   
    color:#000; }

.tooltip-red>.tooltip-inner {
    background-color: #fae1e4 ;   
    color:#000; }

.tooltip-purple>.tooltip-inner {
    background-color: #cdbaef ;   
    color:#000; }

.tooltip-blue>.tooltip-inner {
    background-color: #cdeefd ;   
    color:#000; }

.tooltip-orange>.tooltip-inner {
    background-color: #feeae4;
    color:#000; }

.tooltip-aqua>.tooltip-inner {
    background-color: #99e5e9;
    color:#000; }


.btn-grey {
    color: #fff !important;
    background-color: #85898c !important;
    border-color: #85898c !important;}

.btn-lightgrey {
    color: #fff !important;
    background-color:#d6d8d9 !important;
}


.btn-purple {
    color: #fff !important;
    background-color: #9d81d2 !important;
    border-color: #9d81d2 !important; }

.btn-bluconc {
    color: #fff !important;
    background-color: #17076b !important;
    border-color: #17076b !important; }



.label-grey {
    background-color:#d6d8d9;
}

.label-lightgrey {
    background-color:#EAEBEC;
}


                  
 .inputlist, .btnlist {
            margin-left: 10px;
            font-size: 12px;
            color: rgba(0,0,0,.7);
            font-family: Roboto,Arial,Tahoma,Verdana,sans-serif;
            font-weight: 400;
            }
            
.btnlist2,.btnlist3 {
            margin-left: 10px;
            font-size: 12px;
            color: rgba(0,0,0,.7);
            font-family: Roboto,Arial,Tahoma,Verdana,sans-serif;
            font-weight: 400;
            line-height: 20px;
            }
.fav_class {
    font-weight:bold;     
    color: green;
            }

.btnlist2>.fa-trash-alt {
    font-weight:normal;
    margin-left:15px;
    color:red;
            }

 .btnlist3>.fa-save, .btnlist>.fa-save , .btnlist4>.fa-save {
    font-weight:normal;
     margin-left:15px;
     color:green;

            }
            
.ispan {
    margin-top:13px;
    float:right;
}

.dhx_grid input {
            font-size: 16px;
            color: rgba(0,0,0,.7);
            font-family: Roboto,Arial,Tahoma,Verdana,sans-serif;
            font-weight: 400;
}
.dhx_grid select {
            font-size: 16px;
            color: rgba(0,0,0,.7);
            font-family: Roboto,Arial,Tahoma,Verdana,sans-serif;
            font-weight: 400;
            padding:3px;
}

.shspan {
    color:gray;
}

.fa-pencil-alt {
    opacity:50%;
}
.dtp-header , .dtp-date {
    background-color: grey !important; 
}

.dtp-btn-ok {
    background-color: #17076b !important;
    border-color: #17076b !important;
}
.dtp-btn-ok:hover {
    color: #fff;
    background-color: #17076b !important;
    opacity:0.5; }

.dtp table.dtp-picker-days tr > td > a.selected{
    background:#fec107 !important;
}

.bg-soft {
    opacity:0.5;
}

.bg-bluconc {
    background-color: #17076b !important;
    color: #fff !important;
}


.vis_hidden {
    visibility: hidden;
}
.navbar-header, .topbar {
    background-color: #ffb600 !important;
    color:#fff;
}

.dhx_grid-header-cell {
    text-align:center !important;
}

.form-config  .dhx_form-element {
    margin-bottom: 30px !important;
    
}