@charset "utf-8";

/*
 BOOTSTRAP 5
 */

.form-group {
    margin-bottom: 15px;
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
}

.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.navbar-default .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1);
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.panel {
    margin: 0px -7px 10px -7px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-default {
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

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

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd;
}
.panel-body.articoli {
    padding-bottom: 0px;
}
.panel-body {
    padding: 15px;
}

.panel-group {
    margin-bottom: 20px;
}

.form-control {
    appearance: auto;
}

.table>:not(:first-child) {
    border-top: none;
}

table {
    caption-side: unset;
}

.btn {
    white-space:nowrap;
}

/* CSS Document */

body {
    background: #f4f4f4;
    font-size: 14px;
}

.unico {
    background: #f9f9f9;
    margin: 20px auto 10px auto;
    border-radius: 10px;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0px 10px rgba(0, 0, 0, .2);
}

@media (min-width: 800px) {
    .login {
        width: 529px;
    }
}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.unico .row {
    margin-left: 0px;
    margin-right: 0px;
}

.unicobody {
    background: #ecf2f6;
    border-left: 1px solid #e1e1e1;
    padding: 5px 0px;
}

.unicotop {
    background: #d4d4d4;
    color: #FFF;
    border-radius: 10px 10px 0px 0px;
}

.unicoleft {
    background: #f9f9f9;
    border-bottom: 1px solid #e7e7e7;
}

.utente {
    color: #000 !important;
    font-weight: 700;
    padding: 2px 10px;
}

.menu {
    background: none;
    margin: 0px -15px 0px -15px !important;
    border: none;
    min-height: inherit;
}

.menu ul {
    margin: 0px;
    padding: 0px;
}

.menu li a {
    padding: 2px 10px;
    border-left: 1px solid #f9f9f9;
    color: #FFF !important;
}

.menu li a:hover {
    color: #004691 !important;
}

.menutop {
    background: none;
    margin: 5px -15px 5px -15px !important;
    border: none;
}

.menutop li a {
    color: #666666;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 10px;
    width: 100%;
    border-bottom: 4px solid #f9f9f9;
}

.menutop li {
    border-bottom: 4px solid #f9f9f9;
}

.menutop li a:hover, .menutop li a.show {
    color: #004691 !important;
    border-bottom: 4px solid #004691;
}

.menutop li a.function {
    color: #ec0928;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 10px;
}

.menutop li button.function {
    color: #ec0928;
    font-weight: 700;
    /*text-transform:uppercase;*/
    padding: 15px 10px;
    background: none;
    border: none;
}

.menutop li button.function.disable {
    color: #BBB !important;
    cursor: not-allowed !important;
}

.menutop li .dropdown-menu a {
    text-transform: none !important;
    padding: 5px 10px !important;
    z-index: 1002 !important;
    display: block;
}
.menutop li li { padding: 0px; margin: 0px; border: none;}
.dropdown-menu li a span {
    color: #ec0928 !important;
}

.dropdown-menu li a:hover span {
    color: #004691 !important;
}

.dropdown-menu {
    border: none;
    background: #f9f9f9;
}

.open>a {
    border-bottom: 4px solid #004691 !important;
}

.bottom {
    background: #FFF;
    color:  #004691;
    padding: 10px;
    border-radius: 0px 0px 10px 10px;
}

.panel-default>.panel-heading {
    border-radius: 10px 10px 0px 0px;
    background-color: #f5f5f5;
    border-color: #ddd;
    border: none;
    color: #666;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.panel-articoli>.panel-heading .fas {
    border-radius: 10px 10px 0px 0px;
    border: none;
    color: #666;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
}
.panel-articoli>.panel-heading .fa {
    border-radius: 10px 10px 0px 0px;
    border: none;
    color: #666;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
}
.panel-body-articoli>.panel-body {
    padding: 10px;
}

.panel-heading.mezzo {
    border-radius: 0px 0px 0px 0px;
    border-top: 1px solid #DDD;
}

.panel-heading.rigapanel {
    border-radius: 0px 0px 0px 0px;
    border-top: 1px solid #DDD;
    padding: 0px;
}


/* PANEL PERSONALIZZATI*/

.panel-sap {
    border-color: #004691;
    padding: 0px;
}

.panel-sap>.panel-heading {
    background: #004691;
    color: #FFF;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.panel-sap>.panel-heading .fas,
.panel-wcards>.panel-heading .fas,
.panel-digital>.panel-heading .fas,
.panel-digital2>.panel-heading .fas,
.panel-magazzino>.panel-heading .fas {
    color: #FFF;
}

.panel-sap>.panel-heading .fa,
.panel-wcards>.panel-heading .fa,
.panel-digital>.panel-heading .fa,
.panel-digital2>.panel-heading .fa,
.panel-magazzino>.panel-heading .fa {
    color: #FFF;
}

.panel-wcards {
    border-color: #ec0928;
}

.panel-wcards>.panel-heading {
    background: #ec0928;
    color: #FFF;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.panel-magazzino {
    border-color: #09C;
}

.panel-magazzino>.panel-heading {
    background: #09C;
    color: #FFF;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.panel-digital {
    border-color: #63bc1b;
    padding: 0px;
}

.panel-digital>.panel-heading {
    background: #63bc1b;
    color: #FFF;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.panel-digital2 {
    border-color: #8c5912;
}

.panel-digital2>.panel-heading {
    background: #8c5912;
    color: #FFF;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}


/* FINE PERSONALIZZATI */

.paneldisabilitato {
    background: #F5F5F5 !important;
}

.paneldisabilitato .texticon,
.paneldisabilitato .prezzi,
.paneldisabilitato .panel-heading {
    color: #CCC;
}

.paneldisabilitato .onair {
    background: #CCC !important;
}

.paneldisabilitato .list-group-item {
    background: none !important;
    color: #CCC !important;
}

.texticon {
    font-weight: 700;
    color: #666666;
    padding: 5px 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.prezzi {
    font-weight: 700;
    color: #6699ff;
    padding: 5px 0px;
    text-align: right;
}

.btrosso {
    color: #FFFFFF !important;
    border: 1px solid #ec0928;
    background: #ec0928 !important;
}

.btrosso:hover {
    color: #FFFFFF !important;
    border: 1px solid #004691;
    background: #004691 !important;
}

.riga {
    border-top: 1px solid #DDD;
    margin-top: 10px;
}

.onair {
    background: #F00;
    color: #FFF;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px;
    display: inline-block;
}

.alert {
    margin: 5px;
}

.grigio td {
    background: #f5f5f5 !important;
}

.disabilitato {
    color: #BBB !important;
    cursor: not-allowed !important;
}

.btn-default {
    background: -webkit-linear-gradient(top, #FFFFFF, #F5F5F5);
    background: -o-linear-gradient(top, #FFFFFF, #F5F5F5);
    background: -moz-linear-gradient(top, #FFFFFF, #F5F5F5);
    background: linear-gradient(top, #FFFFFF, #F5F5F5);
    background: -ms-linear-gradient(top, #FFFFFF, #F5F5F5);
    color: #666;
    border-color: #ccc;
}

.btn-default:hover {
    border-color: #004691;
    color: #004691;
}

.btn-default.vedi {
    color: #758696;
    background-color: #fff;
    border-color: #758696;
    border-radius: 15px;
}

.btn-default.vedi:hover {
    color: #004691 !important;
    background: #97f2d6 !important;
    border-color: #97f2d6 !important;
}

.panel-heading span {
    color: #004691;
    text-transform: lowercase;
}

.playlist .list-group-item {
    padding: 5px 10px !important;
    font-weight: 600;
    color: #666666;
}

.green {
    color: #090;
}

.red {
    color: #F00;
}

.yellow {
    color: #FC0;
}

.nav-tabs {
    margin: 0px 10px;
}

.nav-tabs>li>a {
    background: #EFEFEF;
    border: 1px solid #DDDDDD;
    color: #999999;
    font-weight: 600;
}

.nav-tabs>li:hover>a {
    background: #D4D4D4;
    color: #FFFFFF;
}

.tab-content {
    background: #FFF;
    margin: 0px 10px 10px 10px;
    border: 1px solid #DDD;
    border-top: none;
    border-radius: 0px 0px 10px 10px;
    padding: 10px 0px 0px 0px;
}

.nav-tabs>li>button {
    background: #EFEFEF !important;
    border: 1px solid #DDDDDD !important;
    color: #999999 !important;
    font-weight: 600;
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    border-bottom: 0px !important;
}
.nav>li>button {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav-tabs>li:hover>button {
    background: #D4D4D4 !important;
    color: #FFFFFF !important;
}

.nav-tabs>li>button.active, .nav-tabs>li>button.active:focus, .nav-tabs>li>button.active:hover {
    color: #555 !important;
    cursor: default;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom-color: transparent !important;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1002;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 5px 0 0 !important;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    background: #f9f9f9;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.navbar-nav>li>a {
    color: #777;
}

.navbar-nav>li>a.show:focus, .navbar-default .navbar-nav>li>a.show:hover {
    color: #555;
    background-color: #e7e7e7;
    /*border-bottom-color: #004691;*/
}

.txtRicercaNome {
    width: 100% !important;
    margin-bottom: 4px;
}

.profilo strong {
    color: #004691;
}

.profilo div {
    padding: 5px 2px;
}

a {
    color: #ec0928;
    text-decoration: none;
}

.modal-header {
    background: #d4d4d4;
    border-radius: 6px 6px 0px 0px;
    border: none;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #004691;
    font-weight: 700;

}


span.articoli {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #004691;
    font-weight: 700;
    text-transform: uppercase;
}
hr.articoli {
    margin-top: 5px;
    margin-bottom: 0px;
}
.articolo b {
    font-weight: 700;
}
.btn-primary {
    background: #004691 !important;
    border-color: #FFF !important;
}

.btn-primary:hover {
    background: #ec0928 !important;
    border-color: #ec0928 !important;
}

.Loyalty {
    font-size: 12px;
    text-transform: none !important;
}

.dropdown-menu {
    z-index: 1002;
}

.licenza {
    border-left: 1px solid #CCC !important;
}

.disable {
    color: #BBB !important;
    cursor: not-allowed !important;
}
/*
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
}*/

.white {
    color: white;
}

.logoBarra {
    height: 60px;
    margin: 8px;
}

.grigioTab {
    background-color: #b9b9b9!important;
    color: #525252!important;
}


/*input[type=checkbox]*/

.chkPrivacyConsenso {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2);
    /* IE*/
    -moz-transform: scale(2);
    /* FF */
    -webkit-transform: scale(2);
    /* Safari and Chrome */
    -o-transform: scale(2);
    /* Opera */
    transform: scale(2);
    padding: 10px;
    margin: 10px;
}

a.accordionLink {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #004691;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.table.articoli
{
    margin-bottom: 1px;
}

.panel-group.articoli
{
    margin-bottom: 10px;
}
.panel-body.articoli
{
    padding-bottom: 0px;
}


/* SG 11102021 */
.myhandyshop {
    /* border-radius: 0px !important; */
    border: none !important;
    margin-bottom: 10px !important;
}
.myhandyshop .panel-heading {
    /* border-radius: 0px !important; */
    background: #0033a1;
    color: #FFF;
    text-transform: capitalize;
    font-weight: 100;
    font-size: 20px;
    padding: 6px !important;
}
.myhandyshop .panel-body {
    color: #FFF;
    padding: 10px 0px;
    background: #2662a1;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url("../img/Smart_Hup_download_app.png");
    border-radius: 0px 0px 10px 10px /* !important */;
}
.myhandyshop .handyshopt { margin-bottom:15px;}
.myhandyshop a { margin-right:10px;}



/* FV 20250123 */
.tornasconto {
    /* border-radius: 0px !important; */
    border: none !important;
    margin-bottom: 10px !important;
}
.tornasconto .panel-heading {
    /* border-radius: 0px !important; */
    background: #0033a1;
    color: #FFF;
    text-transform: capitalize;
    font-weight: 100;
    font-size: 20px;
    padding: 6px !important;
}
.tornasconto .panel-body {
    color: #004691;
    padding: 10px 0px;
    background: #C0CED6;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url("../img/tornasconto.png");
    border-radius: 0px 0px 10px 10px /* !important */;
}
.tornasconto .handyshopt { margin-bottom:15px;}
.tornasconto a { margin-right:10px;}

/*AB20211103 Aggiunto Classe per permettere di disabilitare tabs in OnboardingCliente*/

.disabledTab{
    pointer-events: none;

}

/*Aggiunto classi per gestire la bordatura dei tasti dei tasti.*/
.shadowGreen{
    box-shadow: 0 0 10px #419641;
}

.shadowBlue{
    box-shadow: 0 0 10px #85c1e9;
}

.shadowRed{
    box-shadow: 0 0 10px #FF0000;
}

/****************** loader*********************/
#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
/****************** loader*********************/

.ms-options-wrap { position: relative;}




.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #a5cdfc;
  }

/** Aggiungo classe per aggiungere separatore tra le voci delle colonne delle tabelle **/
.readonlyDate {background-color: #fff !important;}

.table-head {
    color: #212529 !important;
    background: #FFF;
}


/* Logo Footer */
.footer-logo{
    max-width: 50%;
    height: auto;
}