/* CustomFixC24
 */

/*GENERAL*/

body.auth-page.auth.login-page {
    background-color: transparent !important;
    background-image: url(/images/sfondo-min.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.auth .login-container, .auth .client-pannel {
    background-color: transparent;
}

.auth button.btn.btn-primary {
    width: 100%;
}

body.auth-page.auth.login-page main#app {
    background: transparent !important;
}

.auth img {
    width: 5% !important;
}

a.dashbord-icon {
    background: #fff !important;
}

 .btn-outline-azzurro:hover {
    color: #555555;
    background: #fff;
}

a.fa.fa-pen {
    color: #00bd00;
}

a.fa.fa-trash {
    color: #555555;
}

.vertical-nav li {
    margin: 10px 0;
}

.ticektuser p, .ticektuser strong {
    font-size: 1rem;
    text-align: right;
    color: #555555;
    font-weight: 300;
}

img.icon-tab {
    width: 20px;
}

.horizontal-nav-links li.active a {
    color: #373736 !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.vertical-nav li.active {
    background: transparent;
}

.vertical-nav li.active a img {
    opacity: 0.5;
}

.panel-title.header-section i {
    font-style: normal;
}

.alert-success, .alert-error {
    z-index: 9;
    position: absolute;
    right: 0;
    top: -15px;
}

/**GENERAL**/

/*DASHBOARD*/

.dashimage {
    background: #C0E1F4;
}

img.img-fluid.main-image {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    /* padding: 10%; */
}

.dashimage a {
    position: absolute;
    right: 15px;
    bottom: 25px;
    text-decoration: underline;
}

.banner {
    height: 50vh;
    margin-top: -1px;
}

.banner h4:after {
    content: "";
    position: absolute;
    background: #fff;
    height: 3px;
    width: 84px;
    left: 0;
    bottom: -10px;
}

.banner p {
    font-size: 24px;
    color: white;
    line-height: 24px;
    margin: 20px 0;
    width: 90%;
}

.banner img {
    width: 100%;
    height: auto;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}
.admin-page.dashboard-section {
    padding: 55px 15px 0 65px;
}

.customStyleSection .list.d-flex {
    font-size: 18px;
    color: #555555;
    line-height: 55px;
}

span.color-total {
    color: #12b1ff;
}

span.color-open {
    color: #3366cc;
}

span.color-elaborate {
    color: #dc3912;
}

span.color-pending {
    color: #ff9900;
}

span.color-closed {
    color: #109618;
}

/**DASHBOARD**/


/*ELENCO-UTENTI*/
.main-panel {
    background: #fff;
    padding-bottom: 30px;
}

main#app {
    background: #e2e2e2 !important;
}

.navbar .horizontal-nav-links {
    background: transparent;
    margin: 0 115px;
    margin-top: 10px;
}

.horizontal-nav-links {
    width: 100%;
    margin-left: 15px;
    display: flex;
}

.horizontal-nav-links li {
    width: 100%;
    max-width: 240px;
    display: inline-block;
    padding: 15px !important;
    text-align: center;
    
}

.horizontal-nav-links a {
    font-size: 16px !important;
}

.horizontal-nav .horizontal-nav-links li a span {
    display: contents;
}

.horizontal-nav-links li {
    background: #f6f6f6;
    border: 1px solid #eee;
}

.admin-page {
    padding: 200px 15px 0 115px;
}

.main-panel.col-md-10 {
    flex: 100% !important;
    max-width: 92.8% !important;
}

.horizontal-nav-links li {
    background: #f6f6f6;
    border: 1px solid #c6c6c6;
    
}

.horizontal-nav-links li.active {
    border-top: 5px solid #42b0fd !important;
    background: #fff;
    border-bottom: 0px solid;
}

.horizontal-nav-links li:nth-child(1).active {
   border-right: 1px solid #c6c6c6;
   border-top:1px solid #c6c6c6;
    margin-left: -15px;
}

.horizontal-nav-links li:nth-child(2).active {
    border-right: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-top:1px solid #c6c6c6
}

.text-right button.btn {
    float: left;
    background: #12b1ff;
    border-radius: 5px;
    color: #fff;
    padding: 12px 30px;
    font-size: 15px;
}

thead {
    background: #d2eefa;
    color: #6c757d;
}

.table {
	color: #6c757d;
}

th, td {
    border: 1px solid #fff;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-position: center left !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 15px 18px;
    border-bottom: 1px solid #fff;
    font-size: 14px;
}



tr.data-row.even {
    background: #fcfcfc;
}
.secondo-sum input, optgroup, textarea
{
    border: 1px solid #666 !important;
}

.page-item.active .page-link, .page-item .page-link {
    border-radius: 5px;
}

table.dataTable.no-footer {
    border-bottom: 0px solid;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px !important;
    padding-bottom: 0 !important;
    font-size: 14px;
    font-weight: 700;
}

i.fa.fa-trash {
    color: #555555;
}



/**ELENCO-UTENTI**/

/*ELENCO-TICKET*/

/*APRI-TICKET*/

.main-panel.col-md-12 {
    margin-top: 0;
    margin-left: 0;
    max-width: 98% !important;
}

.main-panel.col-md-12 {
    padding: 2%;
}

.top-message p {
    background: #fff;
    width: 200px;
    text-align: center;
    padding: 15px;
    margin: 0px;
    margin-bottom: -10px;
    border-top: 5px solid #42b0fd;
}

.create-ticket .note-editor.note-frame.card {
    width: 100%;
    float: left;
}

.create-ticket a.btn.btn-outline-grey.text-uppercase {
    width: 100%;
    height: 50px;
    line-height: 35px;
}

/**APRI-TICKET**/

/*ELENCO-TICKET*/

.custom-datatable-col.pagination {
    display: grid !important;
    text-align: right !important;
}

ul.list-inline.filterEl {
    width:100% !important;
    text-align: left;
}

a#idlink1 {
    background: url(../images/icone-tab-ezyline-07.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px;
    background-position-x: 10%;
    background-color: #f6f6f6;
    padding: 16px 20px !important;
}

a#idlink2 {
    background: url(../images/icone-tab-ezyline-09.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px;
    background-position-x: 10%;
    background-color: #f6f6f6;
    padding: 16px 20px !important;
}

a#idlink3 {
    background: url(../images/icone-tab-ezyline-08.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px;
    background-position-x: 10%;
    background-color: #f6f6f6;
    padding: 16px 20px !important;
}

a#idlink4 {
    background: url(../images/icone-tab-ezyline-04.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px;
    background-position-x: 10%;
    background-color: #f6f6f6;
    padding: 16px 20px !important;
}

a#idlink20 {
    background: url(../images/icone-tab-ezyline-04.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 15px;
    background-position-x: 10%;
    background-color: #f6f6f6;
    padding: 16px 20px !important;
}
a#idlink1.active {
    background: url(../images/icone-tab-ezyline-07.png) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-size: 15px !important;
    background-position-x: 10% !important;
    background-color: #fff !important;
    padding: 16px 20px !important;
}

a#idlink2.active {
    background: url(../images/icone-tab-ezyline-09.png) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-size: 15px !important;
    background-position-x: 10% !important;
    background-color: #fff !important;
    padding: 16px 20px !important;
}

a#idlink3.active {
    background: url(../images/icone-tab-ezyline-08.png) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-size: 15px !important;
    background-position-x: 10% !important;
    background-color: #fff !important;
    padding: 16px 20px !important;
}

a#idlink4.active {
    background: url(../images/icone-tab-ezyline-04.png) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-size: 15px !important;
    background-position-x: 10% !important;
    background-color: #fff !important;
    padding: 16px 20px !important;
}

a#idlink20.active {
    background: url(../images/icone-tab-ezyline-04.png) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-size: 15px !important;
    background-position-x: 10% !important;
    background-color: #fff !important;
    padding: 16px 20px !important;
}

.col-md-12.border-bottom-azzurro.text-md-right.mt-4 {
    margin-top: -60px !important;
    border-bottom: 0px !important;
    margin-left: -61px;
}

.list-inline-item:not(:last-child) {
    margin-right: -32px;
}

.btn-outline-azzurro i {
    color: #fff !important;
}

.search-form div#tickets_filter {
    text-align: left;
}

li.list-inline-item:last-child {
    display: block;
    margin-top: 35px;
    margin-left: 35px;
}

.status_ticket {
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    border-radius: 0px;
    padding: 20px 0px !important;
    width: 100%;
}

/* li.list-inline-item:nth-child(1){
    display: none;
    width: 0px;
}

li.list-inline-item:nth-child(1) a {
    display: none;
    width: 0px;
} */

.list-inline-item {
    display: inline-block;
    max-width: 15vw;
    width: 100%;
}

.butt{
    background-color: #F6F6F6;
    border: none;
    color: black;
    padding: 17px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* font-size: 16px; */
    /* margin: 4px 2px; */
    cursor: pointer;
    /* margin-top: -30px; */
    padding: 16px 20px !important;
}

@media (max-width: 1440px) {
     .butt {
        padding: 7px 32px;
        padding-bottom: 9px;
    }   
}

@media (max-width: 990px) {
.butt {
        width: 100%;
        margin-top: 0;
    }
}

.butt:hover {
    text-decoration: none;
    color:black;
    cursor: pointer;
}

.status_ticket.active {
    border-top: 5px solid #42b0fd !important;
    background: #fff !important;
    border-left: 1px solid #f6f6f6 !important;
    border-right: 1px solid #f6f6f6 !important;
    border-bottom: 1px solid #fff !important;
    padding: 15px 30px;
}

h5 a.badge {
   
    color: #fff !important;
    font-size: 14px;
    border-radius: 3px;
}

.btn-outline-azzurro {
    background: #12b1ff;
    border-radius: 5px;
    color: #fff;
    padding: 12px 30px;
    font-size: 15px;
}

#tickets_wrapper .btn-outline-azzurro {
    background: #12b1ff;
    border-radius: 3px;
    color: #fff;
    padding: 8px 40px;
    font-size: 12px;
    display: inline;
}

td a.btn.btn-outline-azzurro {
    padding: 5px 15px !important;
    font-size: 12px !important;
    display: inline-block !important;
    width: 40%;
    margin: 0 5px;
}

.btn-outline-azzurro:hover i {
    color: #12b1ff !important;
}

/**ELENCO-TICKET**/

/*SINGOLA-CHAT*/

span.badge {
    color: #fff;
}

table#tickets tbody {
    background: whitesmoke;
}

#accordion .bg-green.panel {
    background: #12b1ff;
    color: #fff;
}

#accordion .bg-green .panel-title {
    background: #12b1ff;
}

#accordion .bg-green .panel-title a {
    color: #fff;
}

#accordion .bg-blue .panel-title {
    background: #e2e6ea;
}

#accordion .bg-blue.panel {
    background: #e2e6ea;
}

#accordion span {
    font-weight: 100 !important;
    width: 100%;
    display: block;
    padding-top: 10px;
    opacity: 0.5;
}

.container.float-left.col-md-12.chatleft
 {
    max-width: 100%;
}

.container.float-left.col-md-12.chatconv 
{
    max-width: 100%;
}

.container.float-right.col-md-12.chatconv 
{
    max-width: 100%;
}

.chatconv div#accordion {
    width: 100%;
}


button.btn.btn-orange.text-uppercase.mt-2 {
    background: #12b1ff;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
}

.border-bottom-azzurro {
    border-bottom: 0px solid #12b1ff !important;
}

.note-editor.note-frame.card {
    width: 100%;
    /* float: left; */
}

.addfile {
    background: #6c757d;
    border-color: #6c757d;
}

.addfile span {
    text-transform: uppercase;
}

.addfile i {
    color: #fff !important;
}

.addfile:hover {
    color: #fff;
    background: #12b1ff;
}

/*CONFIGURAZIONI*/

.admin-page.config .horizontal-nav-links li:nth-child(1).active {
    margin-left: 0px !important;
}

.admin-page.config .horizontal-nav-links {
    margin-left: 0;
}

.flip {
    width: 20px !important;
    height: 20px !important;
}

.btn-light {
    background: #e2e2e2;
    padding: 15px;
}

/**CONFIGURAZIONI**/
@media (max-width: 1680px) {

    td a.btn.btn-outline-azzurro {
        width: auto;
    }
}

@media (max-width: 1440px) {

    .top-message {
    margin-top: 0px;
    }

    .main-panel {
        margin: 65px auto;
    }

    .status_ticket {
        padding: 5px 15px !important;
    }

    .col-md-12.border-bottom-azzurro.text-md-right.mt-4 {
        margin-top: -40px !important;
    }

    .ticektuser {
    right: 0;
    top: 65px;
    z-index: 9;
    background: #12b1ff;
    padding: 0 15px;
    }

    .ticektuser .text-dark, .ticektuser .text-dark strong {
        color: #fff !important;
    }
}

@media (min-width: 1225px) {
    .main-panel {
        margin: 10px 15px;
    }
}

@media (max-width: 991px) {
    .admin-page, .admin-page.dashboard-section {
        padding: 0;
        margin: 15px;
    }

    .list-inline-item {
        max-width: 100%;
    }

    .col-md-12.border-bottom-azzurro.text-md-right.mt-4 {
        margin-left: 0;
    }

    .note-editor.note-frame.card {
        width: 100%;
    }

    .container.float-left.col-md-12.chatleft, .container.float-right.col-md-12.chatconv, .chatconv div#accordion {
        max-width: 100%;
        width: 100%;
    }

    .horizontal-nav-links li {
        width: 100%;
        max-width: 100%;
        margin-top: 55px;
    
    }

    .ticektuser {
        top: 50px;
        padding: 0 5px;
        width: auto;
        left: auto;
    }
}

/*CUSTOM-STYLE-ELVIRA*/
.navbar .panel-title
{
    background-color: #b5ddf2;
}

.ticektuser
{
    background-color:transparent !important;
    padding-top: 20px;
}
.utenti-log 
{
    color:#333;
}
.admin-page
{
    padding-top: 160px;
    background-color: #fff;
}
.form-item
{
    display: flex !important;
}

.btn-apriticket 
{
    background-color: #12b1ff;
    color: #fff;
    width:100% ;
    height: 60px;
    border:1px solid #12b1ff;
}

.btn-apriticket:hover
{
    background-color: #fff !important;
    color:#12b1ff !important;
}
.btn-anulla 
{
    background-color: #f7696b;
    color: #fff;
    width:100%;
    border:1px solid #f7696b;
    padding-top: 18px;
}
.btn-anulla:hover
{ 
    background-color: #fff;
    color:#f7696b;
}

.form-group .allega-item 
{
    background-color: #f6f6f6;
}

.btnblock 
{
    margin-left: -50px;
}

.d-block .note-editor.note-frame.card {
    
    background-color: #fff;
    width:100%;
    position: static !important;
    
}

.d-block .note-btn-group.btn-group 
{
    width: 8%;
    margin-right: 0px;
}

.d-block .note-editor.note-frame .note-statusbar
{
    background-color: #fff;
    border-top:none;
}
.d-block .note-toolbar.card-header 
{
    background-color: #fff;
    border: none;
}

.d-block button.note-btn.btn.btn-light.btn-sm 
{
    background-color: #fff;
    border: none;
}

.d-block .note-resizebar
  {
    
    margin-bottom: 14px;
  }

  .d-block .note-icon-bar 
  {
    margin-bottom: 20px;
  }

  .d-block .card 
  {
      border-radius: 0px !important;
  }

 .d-inline-block
  {
      color:#12b1ff;
      font-size: 28px;
  }
  
  .col-sm-9.form-priority
  {
      padding-right:40px;
      padding-left :20px;
      padding-top: 10px;
      padding-bottom: 4px;
      border:1px solid #d8d8d8;
  }
  .radio-input
  {
    color:#000;
    margin-right: 10px;
    align-items: center;
    margin-top: 10px;
   
  }

.radio-label
{
    padding: 4px 30px;
    background-color: #d8d8d8;
    color:#fff;
    vertical-align: middle;
}

 .radio-group
 {
     width: 1em;
     height: 1em;
     border-radius: 50%;
     border:2px solid #000;
     margin-right: 20px;
     box-sizing: border-box;
     margin-top:10px;
     
 }
 
/*   
  .radio-input:checked + .radio-label.low
  {
    background-color: #63be7b !important; 
  }

  .radio-input:checked + .radio-label.medium
  {
    background-color: #feeb82 !important; 
  }

  .radio-input:checked + .radio-label.high
  {
    background-color: #f7696b !important; 
  } */




 .custom-datatable-col.mb-4.col-2 
 {
    padding-left: 40px;
 }

 #tickets .table-style th
 {
     background-image: none !important;
     text-align: start;
 }
 /*-----------------------------------------inserisci nuovo clienti---------------------------------------*/

 .utenti .users-table {
    margin-left: 35px;
    margin-bottom: -10px;
}
    .horizontal-nav-links
    {
     margin-left: 13px;
    }

   .horizontal-nav-links li
    {
     border: 1px solid #c6c6c6;
     box-shadow: 0px 0px 4px #c8c8c8;
    }

   i.fa.fa-pen
   {
       color:#63be7b;
   }
   i.fa.fa-trash
   {
       color: #f7696b;
   }
   
   i.fas.fa-check
   {
    color:#68cbfc;
   }

   li.paginate_button.page-item:last-of-type a, li.paginate_button.page-item.previous a 
   {
    background: #cce5f2;
    border:none;
    color: #333;
   }

   .page-item.active .page-link
   {
       background-color: #f6f6f6;
       color: #333;
   }

   select.custom-select.custom-select-sm.form-control.form-control-sm 
   {
    height: 2.5rem;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #f6f6f6;
    border:none;
   }
   
   input.form-control.form-control-sm 
   {
    height: 2.5rem;
    border:none;
   }

   @media (max-width: 1600px) 
   {
    .date .and .time
    {
        display: block !important;
    }
   }
   .icon-date span
   {
       font-size: 12px !important;
   }
   .icon-time span
   {
       font-size:12px !important;
   }

   table.dataTable thead th
   {
    border-bottom: none !important;
   }

  table.dataTable.no-footer
   {
    border-bottom: none !important;
   }
   thead
   {
       background-color: #cce5f2;
       color: #666;
       vertical-align: middle;
   }
   thead tr 
   {
    border: none !important;
    width:100px !important
   }
   
   table.dataTable tbody th, table.dataTable tbody td 
   {
       border:none !important;
       vertical-align: middle !important;
   }

    tr:nth-of-type(odd)
   {
       background-color: #f6f6f6 !important;
   }
   tr.data-row.even 
   {
    background: #fff !important;
   }

   div#admin_agencies_info 
   {
    margin-top: 14px;
   }

   ul.list-inline.filterEl
    {
    margin-top: -68px;
    margin-left: -26px;
   }

   i.far.fa-circle
   {
       width:0.5em;
       height:0.5em;
       padding-right: 50px;
   }

   #admin_agencies .border-element th 
   {
       text-align: start;
   }

   button.btn.btn-aggungi-cliente 
   {
    background-color: #12b1ff;
    color: #fff;
    width: 280px;
   }
   button.btn.btn-aggungi-cliente:focus
   {
       outline:none !important;
       border:none !important;
   }
   
  
   
  
   
   
/*--------------------------------restyling sezione ticket----------------------------------*/

.list-inline.filterEl 
 {
    margin-bottom: 0px;
 }

 .butt
 {
    
     border:1px solid #c6c6c6;
     box-shadow: 0px 0px 4px #c8c8c8;
 }

 .list-inline-item
 {
    border:1px solid #c6c6c6;
    box-shadow: 0px 0px 4px #c8c8c8;
 }

 .custom-select2
 {
   width:0rem !important;
 }
 input#end_date {
    width: 8rem !important;
    height:2.5rem;
    padding-left: 30px;
    border-color:#f6f6f6
}
input#start_date
{
    width:8rem !important;
    height:2.5rem;
    padding-left: 30px;
    border-color: #f6f6f6;
}
input#start_date
  {
        background: url(../images/calendar.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 15px;
        background-position-x: 10%;
        background-color: #f6f6f6;
    }
    
input#end_date
    {
       background: url(../images/calendar.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 15px;
        background-position-x: 10%;
        background-color: #f6f6f6;
    }
    
    .select2-container .select2-selection--single .select2-selection__rendered
    {
        padding-left: 10px !important;
        background-color: #f6f6f6 !important;
        padding-top: 5px !important;
        height:2.5rem !important;
        margin-top:-10px !important;
        border-left: none !important;
        border-right: none !important;
    }

    
   @media (max-width: 1643px) 
   {
    .select2-container .select2-selection--single .select2-selection__rendered
    {
        margin-left:-50px;
    }
   }
   @media (max-width: 1332px) 
   {
    .select2-container .select2-selection--single .select2-selection__rendered
    {
        margin-left:0px;
    }
   }

    h5 a.badge
    {
        display: flex;  
        justify-content: center;  
        align-items: center; 
    }

    .badge 
    {
        color:#fff;
        height: 40px;
        width:80px;  
    }

    @media only screen and (max-width:1300px)
    {
        .col-8 .filter-ul
        {
            width:80%
        }
    }

    div#tickets_paginate
    {
        margin-top: -50px !important;
    }
    div#tickets_info
     {
        margin-top: 20px;
     }

     a.btn.btn-new-ticket
     {
         background-color: #f7696b;
         color:#fff;
         font-weight: 300px;
         width:280px;
         box-shadow: none;
         outline: none;
         border-radius:none;
     }

     thead.table-style 
     {
      border-bottom: 5px solid #fff !important;
     }
     table#tickets tbody tr
     {
         background-color: #fff;
     }
     table#tickets tbody tr:nth-of-type(odd)
     {
        background-color: #f6f6f6  !important;
     }

    

     div#tickets_filter 
     {
        padding-top: 8px;
     }
/*----------------------------nuovo preventivo section 2----------------------------*/
.modal-title
{
    color:#333;
    font-weight: bold;
}

.modal-content {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 150px;
}

.modal-header
{
    border-bottom: 1px solid #333;
}

.modal-footer{
    border-top: none;
}
/* ----------graficha 1 su previntivo ----------*/

button.btn.btn-crea-preventivo 
{
    background-color: #25c13f;
    color: #fff;
    font-weight: 300;
    width: 280px;
}

.table thead th 
{
    background-color: #cce5f2 !important;
    height: 50px !important;
    text-align: center;
    vertical-align: middle !important;

}

i.fa.fa-pen
{
 color:#63be7b;
}
i.fa.fa-trash
{
 color:#f7696b;
}

tr:nth-of-type(odd)
{
    background-color: #f6f6f6 !important;
}

@media (max-width: 1200px)
{
    .detagli
    {
        width:10%;
    }
} 

@media  (max-width: 1300px)
{
.row.justify-content-center.preventivi
{
padding-right:30px;
}
}

@media  (max-width: 992px)
{
.row.justify-content-center.preventivi
{
padding-right:40px;
}
}

tr.data-row.preventivi td 
{
    border-left: 0px solid !important;
    border-right: 0px solid !important;
    vertical-align: middle;
    text-align: start;
}

.preventivi-table th
{
    border-left: 0px solid !important;
    border-right:0px solid !important;
    border-bottom: 5px solid #fff !important;
}

a.btn.btn-apri-walkin:focus 
{
    outline: none !important;
    border:none !important
}

a.btn.btn-apri-walkin:focus
 {
    outline: none !important;
    border: none !important;
}

a.btn.btn-elenco-walcin:focus 
{
    outline: none !important;
    border: none !important;
}

table.fbody.table.table-striped .walkin-table td 
{
    text-align: start !important;
}

.data-row.walkin-table td
{
    border-left: 0px solid !important;
    border-right: 0px solid !important;
    vertical-align: middle;
}

/*-------graficha 4 sui preventivi-----------*/
.group-element
{
    padding-right: 60px !important;
}

@media only screen and (max-width: 1200px)
{
    .group-element
    {
        padding-right: 80px !important;
    }
} 
@media only screen and (max-width:860px)
{
    .group-element
    {
     display: block !important;
     padding-left: 30px !important;
    }
    .col-md-6.col-sm-10.mt-5.refernc-mobile
    {
        margin-left: 0px !important;
    }
}

a.fa.fa-trash 
{
    color: #f7696b;
}

.table-style th
{
    border-right: 0px solid !important;
    border-left: 0px solid !important;
    border-bottom: 5px solid #fff !important;
}

table.fbody.table.table-striped .elenco-table td
 {
    vertical-align: middle !important;
    text-align: start !important;
 }


 @media only screen and (max-width: 1300px)
 {
    .row.justify-content-center.walk
    {
        padding-right: 30px;
    }
 }

 @media only screen and (max-width: 982px)
 {
    .row.justify-content-center.walk
    {
        padding-right: 40px;
    }
 }

 .data-row.preventivi td
 {
     border-left:0px !important;
     border-right:0px !important;
     vertical-align: middle;
 }

 .main-panel.preventivi .horizontal-nav-links 
 {
    margin-top: -58px;
    margin-bottom: 50px;
 }
 .main-panel.preventivi .horizontal-nav-links li
 {
    box-shadow: none;
 }
 .main-panel.preventivi .horizontal-nav-links li.active 
 {
     border-bottom: 0px solid !important;
 }

 @media only screen and (max-width: 1200px)
 {
    .main-panel.preventivi .horizontal-nav-links 
    {
        width:80%;
    }
 }

 @media only screen and (max-width: 991px)
 {
    .main-panel.preventivi .horizontal-nav-links 
    {
        margin-top:-101px;
    }
    .main-panel.preventivi .horizontal-nav-links a 
    {
        font-size: 12px !important;
    }
 }


 /*--------------------------------navlinks su impostazioni-----------------------------------------------------*/
 
 .main-panel.imposta-preventivi .horizontal-nav-links 
 {
    margin-top: -58px;
    margin-bottom: 50px;
    margin-left: -2px;
 }
 .main-panel.imposta-preventivi .horizontal-nav-links li
 {
    box-shadow: none;
 }
 .main-panel.imposta-preventivi .horizontal-nav-links li.active 
 {
     border-bottom: 0px solid !important;
 }

 @media only screen and (max-width: 1200px)
 {
    .main-panel.imposta-preventivi .horizontal-nav-links 
    {
        width:80%;
    }
 }

 @media only screen and (max-width: 991px)
 {
    .main-panel.imposta-preventivi .horizontal-nav-links 
    {
        margin-top:-101px;
    }
    .main-panel.imposta-preventivi .horizontal-nav-links a 
    {
        font-size: 12px !important;
    }
 }

/*-----------------------------graficha 3 preventivi----------------------------------------*/
button.btn.btn-primary.submitmessage
{
    width:200px;
    height: 3rem;
    outline:none;
    background-color:#12b1ff;
    border:1px solid #12b1ff;
    color:#fff;
    border-radius: 3px;;
}

button.btn.btn-primary.submitmessage:hover
{
    background-color:#12b1ff !important;
    color:#fff;
}

.modal-footer
{
    margin-top:-20px !important;
    margin-bottom: 20px !important;
}

table.fbody.table.table-striped thead tr
{
    background-color: #cce5f2 !important;
    border:none !important;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle !important;
    height:50px;  
}

table.fbody.table.table-striped thead tr td
{
 padding-top:10px;
}

.border-element th 
{
    border-left: 0px solid !important;
    border-right: 0px solid !important;
}

tr.data-row.odd td
 {
    border-top: 5px solid #fff !important;
 }

.secondo-sum td
{
    vertical-align: middle !important;
    justify-content: center !important;
}

a.btn .btn-chiudi
{
background-color: #12b1ff !important;
}

button.btn .btn-cancel-preventivo
{
background-color: #f7696b !important;
}

i.fas.fa-share-square 
{
    color: #12b1ff;
}
i.fas.fa-search
{
    color:#999999;
}

.custom-datatable-col.mb-4.col-2
 {
    margin-left: -40px;
 }

 

 
 @media only screen and (max-width: 992px)
 {
    .row.justify-content-center.walkin
    {
        padding-right: 20px;
    }
 }

 @media only screen and (max-width: 680px)
 {
    .row.justify-content-center.walkin
    {
        padding-right: 40px;
    }
 }


 @media only screen and (max-width: 992px)
 {
    .position-nav-link1
    {
        margin-top:-6.2rem !important;
    }
 } 

 @media only screen and (max-width: 990px)
 {
    .position-nav-link
    {
        margin-top:-2rem !important;
    }
 } 


 .elenco-table td
 {
     border-left:0px solid !important;
     border-right:0px solid !important;
     border-bottom: 5ps solid #fff !important;
 }

 .walkin-table td 
 {
     border-left:0px solid !important;
     border-right:0px solid !important;
     border-bottom: 5px solid #fff !important;
 }

 .secondo-sum td
 {
    border-left:0px solid !important;
    border-right:0px solid !important;
    border-bottom: 5px solid #fff !important;
 }

 .modal-footer 
 {
    padding-right: 0px;
 }

 tr.walk-element:nth-of-type(odd)
 {
     background-color: #d9ebf4 !important;
     border-bottom: 0px solid #fff !important;
 }

table.walk1 tr.walk-element {
    background-color: #d9ebf4 !important;
}
tr.walk-element td 
{
    border-bottom:0px solid !important;
    border-top:0px solid !important;
}


/*-----------------------stylin graficha configurazione----------------------------------------------*/

.horizontal-nav-links li.active 
{
    border-bottom: 0px solid !important;
}

.horizontal-nav-links li a:hover 
{
    text-decoration: none !important;
    outline: none !important;
}

/*----------------create progeti--------------------------------------------------------*/
@media only screen and (max-width: 767px){
.main-panel.create-proggeti .form-group
{
 display: block !important;
}

}
@media only screen and (max-width: 991px)
{
    .main-panel.create-proggeti
    {
        margin-left:50px !important;
    }

}

@media only screen and (max-width: 767px){
    .main-panel.edit-proggeti .form-group
    {
     display: block !important;
    }
    
    }
    @media only screen and (max-width: 991px)
    {
        .main-panel.edit-proggeti
        {
            margin-left:50px !important;
        }
    
    }
    
    @media only screen and (min-width: 992px)
    {
        #totaltab .tempo-totale
        {
            max-width:39% !important;
        }
        #totaltab .tempo-impiegato
        {
            max-width:39% !important;
        }
        #totaltab .add-progetti
        {
            max-width:20% !important;
        }
    }
    @media only screen and (max-width: 912px)
    {
    .container-fluid.progetti
    {
        padding-right: 30px !important;
    }
    }

    @media (min-width: 768px)
    {
        .row.tempo-tab .col-md-6 
        {
            max-width: 49% !important;
        }
    }
    
    @media (min-width: 768px)
    {
        .row.tempo-tab-active .col-md-6 
        {
            max-width: 49% !important;
        }
    }
   
    
    @media (min-width: 768px)
    {
    .row.tempo-utenti .col-md-6 
    {
    max-width: 49%;
    }
    }
    
    @media only screen and (max-width: 912px)
    {
    .container-fluid.progetto-utenti
    {
        padding-right: 30px !important;
    }
    }

    /*--------------------------total active item----------------------------------*/
    #res .table-active-item th
    {
    border-left:0px solid;
    border-right:0px solid;
    border-bottom:5px solid #fff !important;
    vertical-align: middle;
    text-align: start;
    }
    #res .table-active-item td
    {
        border-left:0px solid;
        border-right:0px solid;
        vertical-align: middle;
        text-align: start;
    }

    @media only screen and (min-width: 992px)
    {
    #itemtab .tempo-totale-active
    {
    max-width: 39% !important;
    }
    }

    @media only screen and (min-width: 992px)
    {
    #itemtab .tempo-impiegato-active
    {
    max-width: 39% !important;
    }
    }

    .tempo-totale-active
     {
        background-color: #12b1ff;
        border-radius: 5px;
     }
     .tempo-impiegato-active
     {
        background-color: #12b1ff;
        border-radius: 5px;
     }

     @media only screen and (min-width: 992px)
     {
      #itemtab .add-progetti-active
     {
      max-width: 20% !important;
     }
     }

/*-----------------------------active item operatore-----------------------------------------------*/
@media (min-width: 768px)
{
.row.tempo-utenti-active .col-md-6 
{
max-width: 49%;
}
}
.tempo-totale-active-utenti
 {
     background-color: #12b1ff;
     border-radius:5px;
 }
 .tempo-impiegato-active-utenti
 {
     background-color: #12b1ff;
     border-radius:5px;
 }

 #progetti_data .table-active-utenti th 
 {
    border-left:0px solid;
    border-right:0px solid;
    border-bottom:5px solid #fff !important;
    vertical-align: middle;
    text-align: start;
 }
 #progetti_data .table-active-utenti td
 {
    border-left:0px solid;
    border-right:0px solid;
    vertical-align: middle;
    text-align: start;
 }
 @media (max-width: 880px)
 {
 button.tablinks
 {
 width:130px !important;
 }
 }

 /*-------------------------------i miei proggeti----------------------------*/   
 #progetti_data .progetti-utenti th
 {
 border-left: 0px solid !important;
 border-right: 0px solid !important;
 border-bottom: 5px solid #fff !important;
 text-align: start;
 vertical-align: middle;
 }

 #progetti_data .progetti-data1 td
 {
 border-left: 0px solid !important;
 border-right: 0px solid !important;
 text-align: start;
 vertical-align: middle;
 }
    

/*--------------------------styling la grafica impostazione--------------- */

.table-details td
{
background-color: #fff !important;
}

.progetti-list th
{
border-left: 0px solid !important;
border-right:0px solid !important;
border-bottom: 5px solid #fff !important;
text-align: left !important;
}

.progetti-list td
{
border-left: 0px solid !important;
border-right:0px solid !important;

}

i.fa.fa-folder-open
{
    color:#12b1ff;
}

.table-striped tbody tr:nth-of-type(odd) 
{
    background-color:#f6f6f6;
}


@media screen and (max-width: 991px) 
{
    .main-panel.settings
    {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 991px) 
{
    .container-fluid .button-list
    {
      
        padding-right: 15px !important;
    }
    .admin-page.proggeti
    {
        padding-right: 30px;
    }
}

@media screen and (max-width: 1250px) 
{
    .admin-page.proggeti
    {
        padding-right: 30px !important;
    }
}


/*-------------------------------restyling pagina 1 su project menagement------------------------------------------------------------------*/

i.fas.fa-arrow-alt-circle-left
{
    color:#12b1ff;
   
}

.board-list 

{
    background-color: #fff;
}

.card 
{
   background-color:#eff3f6;
   box-shadow: none;
   border:0px solid;
   border-radius:10px;
   width:90%;
}

#card1212
{
    border-right: 10px solid #f7696b !important;
}
#card1230 
{
    border-right: 10px solid #63be7b !important;
}

a.btn.btn-primary.a-progetto
 {
    background-color: transparent;
    border: none;
    margin-left: auto;
    display: block;
    margin-right: auto;
    font-size: 1rem !important;
 }

 .tempo-totale
 {
     background-color: #12b1ff;
     border-radius:5px;
 }
 .tempo-impiegato
 {
    background-color: #12b1ff;  
    border-radius:5px;
 }

 .tempo-totale1
 {
     background-color: #12b1ff;
     border-radius:5px;
 }
 .tempo-impiegato1
 {
    background-color: #12b1ff;  
    border-radius:5px;
 }

 .table-progetti th
 {
     background-color: #cce5f2;
     border-left:0px solid !important;
     border-right:0px solid !important;
     border-bottom: 5px solid #fff !important;
     text-align: left !important;
 }

 

 tr.table-progetti th
 {
    border-left:0px solid !important;
    border-right:0px solid !important;
    border-bottom: 5px solid #fff !important;
 }


 tr.table-progetti1 td
  {
   
    border-left: 0px solid !important;
    border-right: 0px solid !important;
  }

  table.dataTable
  {
      border-collapse: collapse !important;
      border-spacing:unset !important;
  }

  .tab
  {
     margin-left:-15px !important;
     margin-top:-38px;
     background-color: transparent;
     border:none;
  }

  button#defaultOpen
  {
      background-color: #f2f2f2;
      border:1px solid #c6c6c6;
      width:200px !important;
  }

  button.tablinks  
  {
    background-color: #f2f2f2;
    border:1px solid #c6c6c6;
    width:200px;
  }

  .tab button.active 
  {
    background-color: #fff !important;
    color: #666 !important;
    border-top:5px solid #12b1ff !important;
    border-left:0px !important;
    border-right:0px !important;
    border-bottom: 0px !important;
  }
  

  table#totalItems .table-progetti th
   {
    background-image: none !important;
   }

   table#totalItems .table-progetti th
   {
       border-bottom: 5px solid #fff !important;
   }

   button.add-progetto.btn.btn-primary
   {
       background-color: #f7696b;
       color:#fff;
       font-size:0.8rem;
       border:1px solid #f7696b;
       width:200px;
   }

   button.add-progetto.btn.btn-primary:hover
   {
       background-color: #f7696b;
       color:#fff;
        border:1px solid #f7696b;
    }

    button.add-progetto.btn.btn-primary:focus
    {
        outline: none !important;
    }
    button.add-progetto1.btn.btn-primary:focus
    {
        outline: none !important;
    }
  
   button.add-progetto1.btn.btn-primary
   {
       background-color: transparent;
       color:#333;
       font-size:0.8rem;
       border:none;
       width:200px;
       padding-left: 0px;
   }
 .board-lists
 {
    grid-auto-columns:20% !important;
 }
  
 i.icon-active
 {
     width:20px !important;
     height:20px !important ;
     border-radius: 50% !important;
     background-color: #62be53 !important;
     border:none !important;
     color:#62be53 !important;
 }
 
 button:focus
 {
    outline: none !important;
 }

 div#stattab 
 {
    margin-top: 20px;
}

/* ---------------------------project menagement ezyline 5----------------------------*/
#progetti_data .progetti-admin th
{
    background-image: none !important;
    border-left: 0px solid !important;
    border-right: 0px solid !important;
    border-bottom:5px solid #fff !important;
    text-align: initial;
}

#progetti_data .progetti-admin1 td
{
    border-left: 0px solid !important;
    border-right: 0px solid !important;
}

div#progetti_data_info 
{
    padding-bottom: 50px !important;
}

/* ---------------------------project menagement ezyline 4----------------------------*/

#totalItems .table-adm th 
{
    background-image: none !important;
    border-left: 0px solid !important;
    border-right: 0px solid !important;
    border-bottom:5px solid #fff !important;
    text-align: initial;
}

#totalItems .table-adm td
{
    border-left: 0px solid !important;
    border-right: 0px solid !important;
}

#card367
{
 border-right: 10px solid #f7696b !important;
}

#card417
{
 border-right: 10px solid #feeb82 !important;
}

#card475
{
 border-right: 10px solid #63be7b !important;
}


#admin_agencies_filter
{
    margin-bottom: 20px;
}

button.btn.btn-primary.submitmessage:focus
{
    border: 0px solid !important;
    outline: none !important;
}

#admin_agencies .border-element th
{
    background-image: none !important;
    height:auto !important;
}
/*-------------------Home Page V2----------------------------------*/

.list.d-flex.border 
{
    border-radius: 10px;
}

@media screen and (max-width: 1026px) 
{
label.label1
{
    font-size: 0.5rem !important;
}
}


.banner
{
    max-width: 100%;
    width:100%;
    height:auto;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 16px;
}

img.img-fluid.second-img 
{
    position: relative;
    object-fit: cover;
    height: auto;
    max-width: 100%;
    width: 100%;
    border-radius: 16px;
}
@media (max-width: 1024px)
{
    label.label-home 
    {
        font-size: 0.8rem !important;
    }
}

@media (max-width: 860px)
{
    label.label-home 
    {
        font-size: 0.6rem !important;
    }
}

@media (max-width: 1500px)
{
    
   .container-fluid.progetti
    {
        padding-right: 40px !important;
    }
}
@media (max-width: 999px)
{
    
   .container-fluid.progetti 
    {
        padding-right: 50px !important;
    }
}


@media screen and (max-width: 767px) 
{
    .home-page
    {
        padding-right: 0px;
        padding-left:0px;
    }

}



/*------------------------------sezione ticket intero--------------------------------------------*/
table#tickets .table-ticket th
{
    border-right:0px solid  !important;
    border-left:0px solid !important;
    border-bottom: 5px solid #fff !important;
    text-align: start !important;
}

table#tickets .table-ticket1 td
{
    border-right:0px solid  !important;
    border-left:0px solid !important;
    vertical-align: middle !important;
}

span.badge 
{
    width: 80px;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    
}

.chatconv div#accordion
{
    width:800px;
}

#accordion .bg-blue.panel
{
    background-color: #fff;;
}

#accordion .bg-blue.panel label
{
    color:#8c8c8c !important;
}
#accordion .bg-blue.panel span
{
    color:#8c8c8c !important;
    margin-left: 200px;
}

#accordion .bg-blue.panel i.far.fa-calendar
{
    color:#8c8c8c !important;
}

#accordion .bg-blue.panel i.far.fa-clock
{
    color:#8c8c8c !important;  
}

.addfile span 
{
    text-transform: none;
}



/*-----------------------------subnav top message per mobile----------------------------------------------------------*/

@media screen and (max-width: 999px)
{
    .float-md-right.ticektuser
     {
        padding-right: 30px !important;
        padding-top:30px !important;
     }
     .horizontal-nav-links
     {
         width:80% !important;
     }
} 

.col-8.color-font:focus 
{
    outline: none !important;
    border: 0px solid !important;
}

/*--------------------------------previsione style-------------------------------------------------------*/
button.btn.btn-outline-info.btn-block.submitmessage.date span
 {
    color: #333 !important;
    border:none !important;
    font-size: 0.8rem !important;
}


.tempo-previsto
{
    background-color: #12b1ff;
    border-radius: 5px;
}

#res .previsioni-table th
{
    background-image: none;
    border-left:0px solid;
    border-right:0px solid;
    border-bottom:5px solid #fff;
    text-align: start;
    vertical-align: middle;
}

@media (max-width: 1030px)
{
    .main-panel.previsioni 
    {
         padding-right: 30px; 
    }
}

/*-------------------------------admin page-----------------------------------------------------*/
table#admin_administrators .admin-table th
{
    background-image: none;
    border-left:0px solid;
    border-right:0px solid;
    border-bottom: 5px solid #fff;
    vertical-align: middle;
    text-align: start;
    height:auto  !important;
}

table#admin_administrators .data-row td
{
    vertical-align: middle;
    text-align: start;
}

.main-panel.admin .horizontal-nav-links
{
    margin-left: -2px !important;
}

.main-panel.operatore .horizontal-nav-links 
{
    margin-left: -2px !important;
}

.main-panel.admin .horizontal-nav-links li,
.main-panel.operatore .horizontal-nav-links li,
.main-panel.utenti .horizontal-nav-links li

{
    box-shadow: none;
}

.main-panel.admin .horizontal-nav-links li.active,
.main-panel.operatore .horizontal-nav-links.active,
.main-panel.utenti .horizontal-nav-links li.active
{
    border-bottom: 0px solid !important;
}




@media screen and (max-width: 991px) 
{
    .admin-page.operatore
    {
        padding-left: 20px !important;
        padding-right: 50px !important;
    }
    .admin-page.create-admin-user
    {
        padding-left: 20px !important;
        padding-right: 10px !important;
    }
    .admin-page.utenti
    {
        padding-left: 20px !important;
        padding-right: 50px !important;
    }
    

    .horizontal-nav-links li 
    {
        padding: 10px !important;
    }
    .horizontal-nav .horizontal-nav-links li a span 
    {
        font-size: 0.6rem !important;
    }
    
}

/*----------------------------operatori table1--------------------------------------*/

#table_operatori .operatori-t th
{
    background-image: none;
    border-left:0px solid;
    border-right:0px solid;
    border-bottom: 5px solid #fff;
    vertical-align: middle;
    text-align: start;
}


@media screen and (max-width: 999px) 
{
    .modal-body.admin .form-group
    {
      display: block !important;
    }
}

@media screen and (max-width: 999px) 
{
    .modal-body.admin-edit .form-group
    {
      display: block !important;
    }

}

@media screen and (max-width: 999px) 
{
    .modal-body.operatore .form-group
    {
      display: block !important;
    }

}

@media screen and (max-width: 999px) 
{
    .modal-body.operatore-edit .form-group
    {
      display: block !important;
    }
}

@media screen and (max-width: 999px) 
{
    .modal-body.utenti .form-group
    {
      display: block !important;
    }
}

@media screen and (max-width: 999px) 
{
    .modal-body.utenti-edit .form-group
    {
      display: block !important;
    }
}

@media screen and (max-width: 999px) 
{
    .container-fluid .second-container
    {
      display: block !important;
    }

    .container-fluid .second-container .second-row
    {
        padding-left: 0px;
    }
}


/*-------------------------------------restyling la pagina di config ---------------------------------------*/
.main-panel.config-user
{
  width:100%;
  -webkit-box-shadow: 0px 2px 8px #c8c8c8;
  -moz-box-shadow: 0px 2px 8px #c8c8c8;
  box-shadow: 0px 2px 8px #c8c8c8;
  margin-left:50px; 
  margin-right: 60px;
  margin-top:50px; 
}

.main-panel.config-user .horizontal-nav-links 
{
    margin-top:-58px;
}

.main-panel.config-user .horizontal-nav-links  li
{
    box-shadow: none;
}
.main-panel.config-user .horizontal-nav-links  li.active 
{
    border-bottom: 0px solid;
}

.main-panel.config-user .btn.btn-light
{
 background-color: #cce5f2;
}

button.btn.btn-primary.configurazione
{
    width:200px;
     font-weight:300; 
     margin-top:30px;
     margin-bottom:30px;
     background-color: #12b1ff;
     border:1px solid #12b1ff;
     color:#fff;
}

button.btn.btn-primary.configurazione:hover
{
 color:#12b1ff;
 background-color: #fff;
}
button.btn.btn-primary.configurazione:focus
{
    outline: none !important;
}

.modal-content
{
    margin-top:10% !important;
}



.main-panel.config-admin
{
  width:100%;
  -webkit-box-shadow: 0px 2px 8px #c8c8c8;
  -moz-box-shadow: 0px 2px 8px #c8c8c8;
  box-shadow: 0px 2px 8px #c8c8c8;
  margin-left:50px; 
  margin-right: 60px;
  margin-top:50px; 
}

.main-panel.config-admin .horizontal-nav-links 
{
    margin-top:-58px;
    margin-left: -2px;
}

.main-panel.config-admin .horizontal-nav-links  li
{
    box-shadow: none;
}
.main-panel.config-admin .horizontal-nav-links  li.active 
{
    border-bottom: 0px solid;
}

.main-panel.config-admin .btn.btn-light
{
 background-color: #cce5f2;
}

/*-----------------------------------statistiche ticket---------------------------------------------------*/

.statistiche .col-12.filter-ul #searchform
{
    width:100% !important;
    justify-content: space-between;
    margin-left:0px;
}

#tickets thead.ticket-statistic th
{
    border-left:0px solid;
    border-right:0px solid;
    border-bottom:5px solid #fff !important;
    vertical-align: middle;
    text-align: start;  
}

button.dt-button.buttons-excel.buttons-html5.btn.btn-primary 
{
    padding: 10px 40px;
    margin: 20px 0;
}

.statistice-link ul.list-inline.filterEl
{
    display: flex;
    margin-left: 0px;
    position: relative;
    margin-top: -58px;
}

.statistice-link li.list-inline-item 
{
    margin-right: 0px !important;
    box-shadow: none !important;
    position: relative;
    border: 1px solid #c6c6c6;
}
.statistice-link .status_ticket
{
    padding:none !important;
    vertical-align: middle;
    text-align: center;
}




.main-panel.statistice .filter-ul
 {
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
 }

 .main-panel.statistice form#searchform 
 {
    margin-left: 0px;
    justify-content: space-between !important;
    align-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
 }

 @media screen and (max-width: 1350px) 
 {
    .admin-page.statistiche 
    {
        padding-right: 60px;
    }
 }

 @media screen and (max-width: 999px) 
 {
    .admin-page.statistiche 
    {
        padding-left: 20px;
    }
 }
/*-------------------------------------ticket utenti---------------------------------------------------------*/
@media screen and (max-width: 991px) 
{
.main-panel.ticket-utenti
{
margin-left: 4% !important;
margin-right: 4% !important;
}
}

.main-panel.ticket-utenti
{
 width:100% !important;
 max-width:100% !important;
 margin-left: 2%;
 margin-right:2%;
}

/*-------------------------------ticket posizionamento del filter horisontally--------------------------------*/

.admin-page.ticket .filter-ul
{
    width:60% !important;
    margin-left:-15px !important;
    justify-content: space-between; 
}

.admin-page.ticket select#time_client 
{
    width: 12rem !important;
}

@media screen and (max-width: 1643px) 
{
    .admin-page.ticket .filter-ul
    {
        margin-left:-50px !important;
    }
}

@media screen and (max-width: 1332px) 
{
    .admin-page.ticket .filter-ul
    {
        margin-left:0px !important;
    }
}

div#tickets_length 
{
    padding-top: 8px;
}

/*--------------------ticket note-----------------------------------------------------------*/

.main-panel.utenti .note-editor.note-frame.card
{
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.main-panel.utenti .note-toolbar.card-header 
{
    background-color: #fff;
    border-bottom: 0px;
}

.main-panel.utenti button.note-btn.btn.btn-light.btn-sm
{
    background-color: #fff !important;
}
.main-panel.utenti .note-resizebar 
{
    background-color: #fff;
}
.main-panel.utenti .note-editor.note-frame .note-statusbar
{
    border-top:none;
}
.main-panel.utenti .btn-light
{
    border:0px solid !important;
}
.main-panel.utenti .card-header.note-toolbar
{
    padding:none;
}

@media screen and (max-width: 920px) 
{
.main-panel.utenti 
{
    padding-right: 20px;
}
}

/*---------------------------------------------------------------------------------------------*/
.modal-body.utenti .radio-label
{
    padding: 2px 10px;
}

.modal-body.utenti-edit .radio-label
{
    padding: 2px 10px;
}

@media screen and (max-width: 767px)
{
    .image-fluid
    {
     padding-left:0px;
     padding-right: 0px;
     margin-bottom: 30px;
    }
    .image-banner
    {
     padding-left:0px;
     padding-right:0px;
    }
} 

@media screen and (max-width: 767px)
{
    .container-fluid.customStyleSection
    {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 991px)
{
    .container-fluid.customStyleSection
    {
        padding-left: 30px !important;
    }
}


@media screen and (max-width: 1100px)
{
    .main-panel.main-panel-custom.customStyleSection
    {
    margin-top:16% !important;
    }
}

@media screen and (max-width: 767px)
{
    .main-panel.main-panel-custom.customStyleSection
    {
    margin-top:20% !important;
    }
}

@media screen and (max-width: 767px)
{
.home-page .float-md-right.ticektuser
 {
    padding-right: 0px !important; 
    padding-top: 30px !important;
 }
}

@media screen and (max-width: 999px)
{
.home-page .float-md-right.ticektuser 
{
    padding-right: 0px !important;
    padding-top: 30px !important;
}
}


@media screen and (max-width: 767px)
{
#piechart
{
margin-left:120px !important;
}
}

@media screen and (max-width: 1100px)
{
#piechart
{
margin-left:-20px;
}
}

@media screen and (max-width: 999px)
{
#piechart
{
margin-left:-60px;
}
}

@media screen and (max-width: 800px)
{
#piechart
{
margin-left:-80px;
}
}