* {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}


body {
    -webkit-app-region: drag;
    cursor: default;
    background:#fff;
}

.select {
    width: 100%;
    background-color: #f3f2ee;
    height: 40px;
    padding-left: 10px;
    border-radius: 5px;
}

.register-page .header-text {
    text-align: center;
    padding: 0px;
}


.card {
    min-width: 180px;
}

#toast-container {
    padding-top: 68px !important;
}

.btn-info {
    background: #00aeef !important;
    color: white !important;
}

.border-bottom-console {
    --bs-border-opacity: 1;
    border-color: rgb(8, 144, 207) !important;
    border-bottom-color: rgb(8, 144, 207) !important;
}


.dropdown-toggle.btn {
    font-weight: 400;
}

a.active {
    background: #f3bb45;
}

.modal {
    top: 120px;
}

.form-control {
    background-color: #ffffff;
}

.alert-info {
    background-color: #7CE4FE;
    color: #ffffff;
}

.alert-success {
    background-color: #8EF3C5;
    color: #ffffff;
}

.alert-warning {
    background-color: #FFE28C;
    color: #ffffff;
}

.alert-danger {
    background-color: #FF8F5E;
    color: #ffffff;
}

.alert-primary {
    background-color: #268cda;
    color: #ffffff;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}

.panel-default a:hover,
.panel-default a:active,
.panel-default a:focus {
    color: inherit;
}

.btn:disabled,
.btn[disabled],
.btn.disabled,
.btn.btn-disabled {
    pointer-events: none;
}

.table>thead>tr>th {
    font-size: 1em;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.card .description {
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pc-description {
    font-size: 85%;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
}

button.btn.btn-block.btn-sm.disabled {
    color: #000;
}


.card.orange {
    background: #ff8f5e;
}

.btn.btn-fill.btn-white {
    color: #000;
    background: #fff;
    border: #fff;
}

.text-info,
.text-info:hover {
    color: #268cda;
}

.text-readonly,
.text-readonly:hover {
    color: #646464;
}

.numbers{
    text-align: center !important;
}

.ct-label {
    fill: rgb(255, 255, 255);
}

.card .footer div {
    display: inline-block;
    text-align: center;
}

.navbar-default {
    background-color: #ffffff;
    border-bottom: 1px solid #cfcfca;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
 
    white-space: nowrap;
}

.card .header {
    min-height: 70px;
}

.card .ct-chart {
    margin: 0px 0px 0px;
    pointer-events: none;
}

.select.settings{
    width:150px;
    font-weight: 100;
    position: relative;
    top:-30px;
    margin-right: 8px;
}



@media (max-width: 992px) {
      .main-panel>.content {
          padding-top: 10px;
      }

      h4.title {
          font-size: 1.2em;
          word-break: break-word;
          line-height: 30px;
      
      }

    .nav-open .wrapper {
        left: 0;
        -webkit-transform: translate3d(-230px, 0, 0);
        -moz-transform: translate3d(-230px, 0, 0);
        -o-transform: translate3d(-230px, 0, 0);
        -ms-transform: translate3d(-230px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }


    input[type=search] {
        display: none;
    }

   

    .btn,
    .navbar .navbar-nav>li>a.btn {
        padding: 0px;
        border-color: transparent !important;     
    }

    .table-responsive {
        border: none;
    }

     .card .title {
        padding-bottom: 45px;
        text-align: center;
     }
}

@media (min-width: 992px) {

  

    .typo-line {
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }
    .typo-line .category {
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        position: absolute;
    }
    .otherproducts {
        padding: 40px 150px 0px 150px;
    }
}

.icon-section {
    margin: 0 0 3em;
    clear: both;
    overflow: hidden;
}

.icon-container {
    width: 240px;
    padding: .7em 0;
    float: left;
    position: relative;
    text-align: left;
}

.icon-container [class^="ti-"],
.icon-container [class*=" ti-"] {
    color: #000;
    position: absolute;
    margin-top: 3px;
    transition: .3s;
}

.icon-container:hover [class^="ti-"],
.icon-container:hover [class*=" ti-"] {
    font-size: 2.2em;
    margin-top: -5px;
}

.icon-container:hover .icon-name {
    color: #000;
}

.icon-name {
    color: #aaa;
    margin-left: 35px;
    font-size: .8em;
    transition: .3s;
}

.icon-container:hover .icon-name {
    margin-left: 45px;
}

.places-buttons .btn {
    margin-bottom: 30px
}


.sidebar .nav>li.active-pro a {
    background: rgba(255, 255, 255, 0.14);
    opacity: 1;
    color: #FFFFFF;
}

#sidebar .nav-link:hover, #sidebar .nav-link:focus {
    background-color: #555; /* Sfondo più scuro per hover */
    color: rgb(230, 207, 4) !important; /* Testo bianco, forza l'override */
}

#sidebar .nav-link.active {
    background-color: #333; /* Sfondo ancora più scuro per l'elemento attivo */
    color:  rgb(230, 207, 4) !important; /* Testo bianco, forza l'override */
}

.nav-link.active {
    background-color: #333; /* Colore di sfondo attivo */
    color: white; /* Colore del testo attivo */
}

.table-upgrade td:nth-child(2),
.table-upgrade td:nth-child(3) {
    text-align: center;
}

.main-panel {
	overflow: auto;
    overflow: overlay;
}

.btn,
.navbar .navbar-nav>li>a.btn {
    font-weight: 100;
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    border: 0;
    text-align: left;
  
}

.small,small {
    font-size: 80%;
}

.text-danger-intense {
    color: #b30000; /* A more intense red color */
}