@import "custom_loaders.css";


/*====== AGGIUNTO DA RICCRADO PEDRON => CUSTOM SCROLL BAR */
/* custom-scrollbar.css */
::-webkit-scrollbar {
    width: 8px;
}

.cmo-text {
    display: block !important;
    line-height: 1.2;
}

.action_modal.btn {
    color: white !important;
}

/*Modifica design header nero */
/* section.content {
    padding: 0 !important;
}
.block-header {
    padding: 0px 15px !important;
}

.custom-header{
    min-height: 40px;
    background-color: #344955;
    color: white;
    padding: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    justify-content: space-between;
    border-radius: 5px 5px 0 0;
    align-items: center;
}
.breadcrumb-item a{
    color: #b0d9ff;
}
.breadcrumb-item.active {
    color: #dbdbdb ;
} */
/*=====================*/

.axiom-button-badge {
    height: fit-content;
    padding-left: 4px;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 1px;
    position: relative;
}

/*======Developer ToolBar========*/
.fixed-developer-tool-bar {
    position: fixed;
    /* Fissa il div in cima alla pagina */
    top: 0;
    width: 100%;
    color: white;
    z-index: 1000;
    /* Assicura che il div rimanga sopra gli altri elementi */
    text-align: center;
}

.fixed-developer-tool-bar a {
    color: white;
    /* Colore del testo per i link */
    text-decoration: none;
    /* Rimuove il sottolineamento dai link */
}

.fixed-developer-tool-bar a:hover {
    background-color: #ddd;
    /* Colore di sfondo al passaggio del mouse */
    color: black;
    /* Colore del testo al passaggio del mouse */
}

/*=============*/





.head-checklist-info {
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    border-left: 3px solid rgb(165 165 165);

}

.required::after {
    content: '*';
    color: red;
}


::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* ====================================*/
a {
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: none;
}

h2,
.h2 {
    font-size: x-large !important;
}

h3 {
    font-size: 18px;
}

.jqstooltip {
    max-width: 50px;
    min-width: 50px;
    height: 25px !important;
}

body {
    /* font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    /* background-color: #4F6C87; */
    /* font-size: 14px; */
    /* color: #676a6c; */
    overflow-x: hidden;
}


.widget-right-bar {
    background: #b6e5ff;
    border: solid;
    border-width: 3px;
    border-radius: 12px !important;
    border-color: #0088ff;
    margin-bottom: 4px;
}

.widget-right-bar:hover {
    background: #3c86ff !important;
}



.text-ok {
    color: #1ab394;
}

.datepicker {
    width: 200px !important;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: unset !important;
}

.table.c_table tr td,
.table.c_table tr th {
    white-space: unset !important;
}

.cmo-action {
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    float: right;
}

div.dataTables_wrapper div.dataTables_info {
    float: right;
    margin-right: 10px;
}

/* MODAL */
.modal-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    position: relative;
}

.bootbox-confirm {
    padding-left: 20%;
    padding-right: 20% !important;
}



.modal-body {
    padding: 20px 30px 30px 30px;
}

.inmodal .modal-body {
    background: #f8fafb;
}

.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center;
}



.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.inmodal .modal-title {
    font-size: 26px;
}

.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3;
}

.modal-footer {
    margin-top: 0;
}

.modal-backdrop {
    z-index: 2040 !important;
}

.modal {
    z-index: 2050 !important;
}

body.modal-open {
    padding-right: inherit !important;
}

body.modal-open .wrapper-content.animated {
    -webkit-animation: none;
    -ms-animation-nam: none;
    animation: none;
}

body.modal-open .animated {
    animation-fill-mode: initial;
    z-index: inherit;
}

.display-none,
.display-hide {
    display: none;
}

.chosen-container .chosen-drop {
    z-index: 40000;
}

.popover {
    z-index: 10000;
}

.popover-header {
    color: #5E5E5E !important;
}

.note-popover.popover {
    z-index: 10000;
}

.causale-bg {
    background-color: #F4D249;
}

.sign-dare-bg {
    background-color: #41B486;
}

.sign-avere-bg {
    background-color: #438DB5;
}

.sign-sbilancio-bg {
    background-color: #C16A67;
}

.sign-bilancio-bg {
    background-color: #95C29D;
}

.causale-bg {
    color: #F4D249;
}

.sign-dare {
    color: #41B486;
}

.sign-avere {
    color: #438DB5;
}

.sign-sbilancio {
    color: #DE0D0D;
}

.sign-bilancio {
    color: #0CB61D;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-sign-dare,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-sign-dare {
    color: #fff;
    background: #41B486;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-sign-avere,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-sign-avere {
    color: #fff;
    background: #438DB5;
}

.basket-item:hover,
.basket-item:focus {
    color: #5C5C5C;
    background-color: #CBC8C8;
    text-decoration: none;
}

.basket-item-button,
.basket-item-button-delete {
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    position: relative;
    top: -5px;
}

.basket-item-button:hover {
    float: right;
    padding-left: 8px;
    padding-right: 8px;
    color: green;
    position: relative;
    top: -10px;
    font-size: 200%;
}

.basket-item-button-delete:hover {
    float: right;
    padding-left: 11px;
    padding-right: 11px;
    color: red;
    position: relative;
    top: -10px;
    font-size: 200%;
}

/*
.nav-header {
.nav-header {
    padding: 33px 25px;
    background-color: #4F6C87;
    background-image: none;
}*/
body.mini-navbar .navbar-default .nav-second-level li a span {
    display: inline-block;
}

body.mini-navbar .nav-logo {
    display: none;
}

body.backlite {
    background-color: #E5EBF0;
}

.sk-spinner-circle-white .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 20%;
    height: 20%;
    background-color: #FFFFFF;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.text-sm {
    font-size: 12px;
    ;
}

.text-xs {
    font-size: 10px;
    ;
}

.bootstrap-switch-gold {
    color: #fff;
    background: #CCAC34;
}

.datatable-lightazure-bg {
    background-color: #D5F2FB !important;
}

.datatable-lightgray-bg {
    background-color: #EAEAEB !important;
}

.datatable-lightblue-bg {
    background-color: #AFC4DB !important;
}

.datatable-lightgreen-bg {
    background-color: #B5DBC4 !important;
}

.datatable-lightred-bg {
    background-color: #F5CCC6 !important;
}

.datatable-lightrose-bg {
    background-color: #FBEAD5 !important;
}

.datatable-white-bg {
    background-color: #FFFFFF !important;
}

.datatable-green-bg {
    background-color: #B7F6C0 !important;
}

.lightgray-bg {
    background-color: #EAEAEB;
}

.lightred-bg {
    background-color: #ED8F81;
    color: #8C8C8C;
}

.green-bg {
    background-color: #70B28A;
    color: #ffffff;
}

.lightgreen-bg {
    background-color: #91B2A7;
    color: #8C8C8C;
}

.lightblue-bg {
    background-color: #AFCAEF;
    color: #454545;
}

.card.lightgreen-bg {
    background: #A7D3A8 !important;
}

.card.lightred-bg {
    background: #EBB5B2 !important;
}

.card .body-trasparent {
    font-weight: 400;
    border-radius: 0.35rem;
    background: transparent;
    font-size: 14px;
    color: #222;
    padding: 20px;
}

.big_icon:before {
    top: 0px;
}

.option-bold {
    font-weight: bold;
}

.vertical-timeline-icon.lightgray-bg {
    color: #B6B8B9;
}

tr.warning-row {
    border-left: 3px solid #f8ac59;
}

tr.danger-row {
    border-left: 3px solid #ed5565;
}

tr.info-row {
    border-left: 3px solid #1c84c6;
}

tr.default-row {
    border-left: 3px solid #23c6c8;
}

tr.success-row {
    border-left: 3px solid #1ab394;
}

.float-left {
    float: left;
}

.btn-notify {
    border-radius: 0px;
    margin-left: 3px;
    cursor: default;
}

.btn-notify-click {
    border-radius: 0px;
    margin-left: 3px;
}

.btn-left {
    float: left;
}

.btn-right {
    float: right;
}

div.toggle.btn {
    position: relative;
    top: 0px;
}

div.actions-bar button.dropdown-toggle {
    height: 34px !important;
}

div.actions-bar button.dropdown-toggle:after {
    right: 10px !important;
    position: absolute;
    top: 15px !important;
}

div.datatable-filter-input-group button.dropdown-toggle {
    height: 25px !important;
    padding-left: 5px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.bootstrap-select>.dropdown-toggle:after {
    right: 5px !important;
    position: absolute;
    top: 10px !important;
}

a.btn-info {
    color: white;
}

a.btn-success {
    color: white;
}

.event-h2>h2 {
    margin-top: 0px !important;
}

.btn-xxs {
    border-radius: 2px;
    font-size: 8px;
    line-height: 1.5;
    padding: 1px 3px 1px 3px;
}

.btn-doc-graph-year {
    margin-left: 1px;
    margin-right: 1px;
    background-color: lightgray;
}

.doc-graph-year {
    font-size: 9px;
    color: black;
    width: 25px;
    text-align: center;
    border-left: 0px;
    border-right: 0px;
    margin: 0px;
    padding: 0px;
    background-color: lightgray;
    border-top-style: solid;
    border-top-color: lightgray;
    border-bottom-style: solid;
    border-bottom-color: lightgray;
}

.orange-dashed {
    outline: 2px dashed #DD9700;
    outline-offset: -2px;
}

.float-right {
    float: right;
}

.dropzone .dz-message {
    font-size: 13px;
}

.dropzone .dz-message h3 {
    font-size: 24px;
}

.dropzone {
    margin-left: 50px;
}

.dropzone .dz-preview {
    margin-left: 170px;
}

.btn-warning {
    color: #FFFFFF !important;
}

/* ho modificato questi 3 stili, se ci sono problmei con z-index in modali o select2 è dovuto a questo 07.02.24*/
/* .no-modal .select2-container {
    z-index: 5000;
}

.modal .select2-container {
    z-index: 5000;
} 

.modal-dialog {
    z-index: 2200;
} */




/*Modifica riccardo, select2 non è giusto questo*/
/* .select2-container--default .select2-selection--single {
    border-radius: 0px;
} */

/* .select2-container .select2-selection--single {
    height: 25px;
    _height: 33px;
} */


/* .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
} */

.has-error .select2-selection {
    border-color: rgb(185, 74, 72) !important;
}

.fc-sun {
    background-color: #FFF5F5 !important;
}

.document-maintotal {
    font-size: 18px;
    font-weight: 600;
}

.document-total {
    font-size: 18px;
}

.document-subtotal {
    font-size: 16px;
}

th.doc-row-descrizione,
th.doc-row-prezzo,
th.doc-row-vat,
th.doc-row-qta,
th.doc-row-valore,
th.doc-row-action {
    font-size: 10px;
    text-align: center;
}

td.doc-row-descrizione {
    font-size: 16px;
    text-align: left;
}

td.doc-row-vat,
td.doc-row-action {
    font-size: 16px;
    text-align: center;
}

td.doc-row-prezzo,
td.doc-row-qta,
td.doc-row-valore {
    font-size: 16px;
    text-align: right;
}

.doc-row-descrizione {
    width: 350px;
}

.doc-row-prezzo {
    width: 80px;
}

.doc-row-vat {
    width: 40px;
}

.doc-row-qta {
    width: 50px;
}

.doc-row-valore {
    width: 80px;
}

.doc-row-action {
    width: 20px;
}

th.doc-summery-descrizione,
th.doc-summery-imponibile,
th.doc-summery-percent,
th.doc-summery-imposta,
th.doc-summery-totale,
th.doc-summery-items,
th.doc-summery-packages,
th.doc-summery-pallets,
th.doc-summery-weight,
th.doc-summery-volume {
    font-size: 10px;
    text-align: center;
}

.doc-summery-descrizione {
    width: 350px;
}

.doc-summery-imponibile {
    width: 200px;
}

.doc-summery-percent {
    width: 100px;
}

.doc-summery-imposta {
    width: 150px;
}

.doc-summery-totale {
    width: 200px;
}

.doc-summery-items {
    width: 200px;
}

.doc-summery-packages {
    width: 200px;
}

.doc-summery-pallets {
    width: 200px;
}

.doc-summery-weight {
    width: 200px;
}

.doc-summery-volume {
    width: 200px;
}

th.salary-summery-descrizione,
th.salary-summery-valore,
th.salary-summery-compenso,
th.salary-summery-totale,
th.salary-division-descrizione,
th.salary-division-imponibile,
th.salary-division-percent,
th.salary-division-tax,
th.salary-division-valore,
th.salary-division-note {
    font-size: 10px;
    text-align: center;
}

.salary-summery-descrizione {
    width: 200px;
}

.salary-summery-valore {
    width: 120px;
    text-align: right;
}

.salary-summery-compenso {
    width: 120px;
    text-align: right;
}

.salary-summery-totale {
    width: 120px;
    text-align: right;
}

.salary-division-descrizione {
    width: 110px;
}

.salary-division-imponibile {
    width: 75px;
}

.salary-division-percent {
    width: 25px;
}

.salary-division-tax {
    width: 75px;
}

.salary-division-valore {
    width: 90px;
}

.salary-division-note {
    width: 100px;
}

th.mov-documents-documento,
th.mov-documents-effetto,
th.mov-documents-importo,
th.mov-documents-scadenza,
th.mov-documents-azione {
    font-size: 10px;
    text-align: center;
}

td.mov-documents-documento,
td.mov-documents-effetto,
td.mov-documents-importo,
td.mov-documents-scadenza {
    font-size: 11px;
    text-align: center;
}

.mov-documents-documento {
    width: 480px;
}

.mov-documents-effetto {
    width: 200px;
}

.mov-documents-importo {
    width: 150px;
}

.mov-documents-scadenza {
    width: 80px;
}

.mov-documents-azione {
    width: 50px;
}

td.doc-expires input,
td.doc-expires select {
    padding-left: 4px;
    padding-right: 4px;
}

th.doc-expires-modo,
th.doc-expires-conto,
th.doc-expires-note,
th.doc-expires-scadenza,
th.doc-expires-valore,
th.doc-expires-pagato {
    font-size: 10px;
    text-align: center;
}

.doc-expires-modo {
    width: 80px;
}

.doc-expires-conto {
    width: 150px;
}

.doc-expires-note {
    width: 120px;
}

.doc-expires-scadenza {
    width: 65px;
}

.doc-expires-valore {
    width: 90px;
}

.doc-expires-pagato {
    width: 80px;
}

td.doc-rows input {
    padding-left: 4px;
    padding-right: 4px;
}

th.doc-rows-id,
th.doc-rows-descr,
th.doc-rows-start-value,
th.doc-rows-repeat-value,
th.doc-rows-vat-perc,
th.doc-rows-tot-value,
th.doc-rows-payment-note,
th.doc-rows-advance,
th.doc-rows-default {
    font-size: 10px;
    text-align: center;
}

td.doc-rows input {
    font-size: 11px;
    height: 20px;
}

td.doc-rows span {
    font-size: 11px;
    height: 20px;
    padding: 5px;
    padding-left: 2px;
    padding-right: 8px;
}

.doc-rows-id {
    min-width: 30px;
}

.doc-rows-descr {
    min-width: 200px;
}

.doc-rows-start-value {
    min-width: 110px;
    max-width: 110px;
}

.doc-rows-repeat-value {
    min-width: 110px;
}

.doc-rows-vat-perc {
    min-width: 40px;
}

.doc-rows-tot-value {
    min-width: 90px;
}

.doc-rows-payment-note {
    min-width: 150px;
}

.doc-rows-advance {
    min-width: 150px;
}

.doc-rows-default {
    min-width: 50px;
}

td.doc-accrows input,
td.doc-accrows select {
    padding-left: 4px;
    padding-right: 4px;
}

th.doc-accrows-account,
th.doc-accrows-imponibile,
th.doc-accrows-vat,
th.doc-accrows-imposta,
th.doc-accrows-totale,
th.doc-accrows-competence {
    font-size: 10px;
    text-align: center;
}

.doc-accrows-account {
    width: 415px;
}

.doc-accrows-imponibile {
    width: 150px;
}

.doc-accrows-vat {
    width: 75px;
}

.doc-accrows-imposta {
    width: 120px;
}

.doc-accrows-totale {
    width: 130px;
}

.doc-accrows-competence {
    width: 20px;
}

.doc-delivery-completed {
    background-color: #CBFFC7 !important;
}

.doc-delivery-uncompleted {
    background-color: #FFFFD8 !important;
}

.doc-delivery-warning {
    background-color: #FFE4C0 !important;
}

td.doc-summery span.input-group-addon {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 15px;
}

td.doc-summery-weight span.input-group-addon {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 25px;
}

th.prodtable-title {
    width: 10%;
}

td.prodtable-name {
    width: 15%;
}

td.prodtable-item {
    width: 15%;
}

td.prodtable-end {}

.bg-danger-important {
    background-color: #ed5565 !important;
    color: #ffffff !important;
}

.transaction_completed {
    background-color: #e3fdd5 !important;
    color: #4B954C !important;
}

.transaction_rejected {
    background-color: #FFDBDB !important;
    color: #666666 !important;
}

.transaction_pending {
    background-color: #FFFFD1 !important;
    color: #666666 !important;
}

.transaction_warning {
    background-color: #FFE4C0 !important;
    color: #666666 !important;
}

.transaction_unknown {
    background-color: #C3C3C3;
    color: #ffffff;
}

.payment_online_transaction_dt {
    width: 160px !important;
}

.payment_online_transaction_status {
    width: 105px !important;
    font-weight: bold;
}

.payment_online_transaction_id {}

.payment_online_transaction_amount {
    width: 100px !important;
    text-align: right;
}

.payment_online_transaction_currency {
    width: 55px !important;
}

.store_stock_toolbar {
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 0 4px 0 0;
}

.store_stock_title {
    display: block;
    text-align: center;
    min-height: 40px;
    padding-top: 10px;
}

.store_stock_value {
    display: block;
    text-align: center;
    font-size: 20px
}

/*
.nav > li.active {
    border-left: 4px solid #2C8AAB;
    background: #465F77;
}
ul.nav-second-level {
    background: #465F77;
}*/
/*
body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
  display: block;
}*/
.widget.style1 h3 {
    font-size: 20px;
}

.widget.style1 span {
    font-size: 11px;
}

.widget_href a {
    color: white;
    text-decoration: none;
}

.widget_href a:hover,
.widget_href a:focus {
    color: white;
    text-decoration: underline;
}

.tooltip {
    z-index: 500000;
}

.tooltip-inner {
    max-width: 300px !important;
}

.nav-logo {
    background-color: #f3f3f4;
    height: 60px;
}

.nav>li>a i {
    margin-right: 2px;
}

.nav-second-level li a {
    padding: 7px 10px 7px 10px;
    padding-left: 42px;
}

.nav-third-level li a {
    padding-left: 52px;
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: auto !important;
}

.table td,
.table th {
    padding: 2px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.table-leftpanel {
    padding: 5px 5px 5px 5px;
    background-color: #f9f9f9;
    border-color: #DCDCDC;
    margin-top: 5px;
    margin-right: 5px;
    float: left;
    border: 1px solid #e5e6e7;
    min-height: 122px;
    min-width: 150px;
}

table.table-bordered.dataTable {
    border-collapse: collapse !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.datatable-filters {
    _display: flex;
    _float: none;
}

/* DATATABLES */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

.dataTables_wrapper {
    padding-bottom: 30px;
}

.dataTables_length {
    float: left;
}

.dataTables_filter label {
    margin-right: 5px;
}

.html5buttons {
    float: right;
}

.html5buttons a {
    border: 1px solid #e7eaec;
    background: #fff;
    color: #676a6c;
    box-shadow: none;
    padding: 6px 8px;
    font-size: 12px;
}

.html5buttons a:hover,
.html5buttons a:focus:active {
    background-color: #eee;
    color: inherit;
    border-color: #d2d2d2;
}

div.dt-button-info {
    z-index: 100;
}

@media (max-width: 768px) {
    .html5buttons {
        float: none;
        margin-top: 10px;
    }

    .dataTables_length {
        float: none;
    }
}

/* PAGINATIN */
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #f4f4f4;
    border-color: #DDDDDD;
    color: inherit;
    cursor: default;
    z-index: 2;
}

.pagination>li>a,
.pagination>li>span {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: inherit;
    float: left;
    line-height: 1.0;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
}

div.clockpicker-popover {
    z-index: 3000;
}

.table-wrapper-scroll-y {
    display: block;
    max-height: 360px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.bootstrap-tagsinput {
    display: flex;
}

.ibox .float-e-margins {
    width: 100%;
}

.ibox-tools a.btn-gray {
    color: #676a6c;
}

.ibox-tools a.btn-gray:hover {
    color: #333;
}

.btn-group-extra {
    margin-bottom: 4px;
}

.btn-gray.btn-outline:hover {
    color: #333;
}

.btn-gray {
    background-color: #DCDCDC;
    border-color: #DCDCDC;
    color: #333;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray,
.btn-gray:active:focus,
.btn-gray:active:hover,
.btn-gray.active:hover,
.btn-gray.active:focus {
    background-color: #DCDCDC;
    border-color: #DCDCDC;
    color: #333;
}

.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
    background-image: none;
}

.btn-gray.disabled,
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled:active,
.btn-gray.disabled.active,
.btn-gray[disabled],
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled]:active,
.btn-gray.active[disabled],
fieldset[disabled] .btn-gray,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray:active,
fieldset[disabled] .btn-gray.active {
    background-color: #E6E6E6;
    border-color: #E6E6E6;
}

.btn-gold {
    background-color: #E3D857;
    border-color: #E3D857;
    color: #333;
}


.btn-black:hover,
.btn-black {
    background-color: #000;
    border-color: #000;
    color: #fff !important;
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active,
.open .dropdown-toggle.btn-gold,
.btn-gold:active:focus,
.btn-gold:active:hover,
.btn-gold.active:hover,
.btn-gold.active:focus {
    background-color: #E3D857;
    border-color: #E3D857;
    color: #333;
}

.btn-green {
    background-color: #BBEDB0;
    border-color: #BBEDB0;
    color: #333;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green,
.btn-green:active:focus,
.btn-green:active:hover,
.btn-green.active:hover,
.btn-green.active:focus {
    background-color: #BBEDB0;
    border-color: #BBEDB0;
    color: #333;
}

.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
    background-image: none;
}

.btn-gray.disabled,
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled:active,
.btn-gray.disabled.active,
.btn-gray[disabled],
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled]:active,
.btn-gray.active[disabled],
fieldset[disabled] .btn-gray,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray:active,
fieldset[disabled] .btn-gray.active {
    background-color: #E6E6E6;
    border-color: #E6E6E6;
}

.email_macro {
    padding: 0px 16px 8px !important;
    font-family: monospace !important;
    font-weight: bold !important;
    margin-top: 0px !important;
    line-height: 15px !important;
}

.merge-header-obj1 {
    background-color: #4ECCAF;
    color: white;
    padding: 5px;
    margin-right: 5px;
    text-align: center;
}

.merge-header-obj2 {
    background-color: #CC5E5C;
    color: white;
    padding: 5px;
    margin-right: 5px;
    text-align: center;
}

.merge-header-result {
    background-color: #9ACC71;
    color: white;
    padding: 5px;
    margin-right: 5px;
    text-align: center;
}

.merge-field-check {
    position: absolute;
    top: 4px;
    right: 7px;
}

.merge-field-obj1 {
    background-color: #B4E9DD;
    color: #424242;
    padding: 5px;
    margin-right: 5px;
    text-align: left;
}

.merge-field-obj2 {
    background-color: #E8B1B3;
    color: #424242;
    padding: 5px;
    margin-right: 5px;
    text-align: left;
}

.merge-field-result {
    background-color: #CCE5B8;
    color: #424242;
    padding: 5px;
    margin-right: 5px;
    text-align: left;
}

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

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.document-destinator,
.document-reference,
.document-product,
.document-student {
    background: #e2e2e2;
    padding: 10px;
    border: 1px solid #e7eaec;
    min-height: 60px;
}

.document-companyname,
.document-title {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.document-product-row {
    display: block;
    line-height: 11px;
}

.document-address-row,
.document-reference-row {
    display: block;
    line-height: 11px;
}

.document-title-row,
.document-value-row {
    display: block;
    line-height: 15px;
}

.document-address,
.document-zipcode,
.document-zipcode,
.document-city,
.document-province,
.document-country,
.document-subtitle,
.document-name,
.document-date,
.document-size,
.document-color {
    font-size: 10px;
    padding-right: 5px;
}

.document-vatcode,
.document-taxcode {
    font-family: "Courier New", Courier, monospace;
    font-size: 10px;
}

.document-phone,
.document-email {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    float: right;
}

.document-code {
    font-size: 12px;
    float: right;
    margin-right: 2px;
    background-color: lightgray;
    padding-left: 2px;
    padding-right: 2px;
}

.document-title {
    font-size: 11px;
    font-style: italic;
    float: left;
    position: relative;
    top: 2px;
}

.document-value {
    font-size: 14px;
    float: left;
}

.document-provv {
    font-size: 14px;
    float: right;
}

.document-date {
    font-size: 12px;
    float: left;
}

.document-number {
    font-size: 14px;
    float: left;
}

.document-um {
    font-size: 12px;
    float: right;
}

.document-mag-available-icon {
    float: right;
    margin-left: 2px;
    top: -2px;
    position: relative;
}

.available {
    color: green;
}

.not-available {
    color: red;
}

.document-mag-update {
    float: right;
    font-size: 8px;
    position: relative;
    top: -2px;
}

.job-senior {
    font-size: 12px;
    color: gray;
    height: 20px;
}

.small-chat-users {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 405px;
    background: #fff;
    border: 1px solid #e7eaec;
    width: 170px;
    height: 420px;
    border-radius: 4px;
}

.small-chat-users .content {
    padding: 10px 5px;
}

.small-chat-users.ng-small-chat {
    display: block;
}

.body-small .small-chat-users {
    bottom: 70px;
    right: 20px;
}

.small-chat-users.active {
    display: block;
    z-index: 100;
}

.small-chat-users .heading {
    background: #2f4050;
    padding: 8px 15px;
    font-weight: bold;
    color: #fff;
}

.small-chat-users .content .user-name {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 11px;
}

div.document-mag-offered,
div.document-mag-available,
div.document-mag-ordered,
div.document-mag-stock,
div.document-mag-boxes,
div.document-mag-engaged,
div.document-mag-secluted {
    width: 70px;
    font-size: 11px;
    text-align: center;
    margin-bottom: 4px;
}

div.document-mag-stock-beg,
div.document-mag-stock-end {
    width: 50px;
    font-size: 9px;
    text-align: center;
    margin-bottom: 4px;
}

input.document-mag-offered,
input.document-mag-available,
input.document-mag-ordered,
input.document-mag-stock,
input.document-mag-boxes,
input.document-mag-engaged,
input.document-mag-secluted {
    font-size: 20px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}

input.document-mag-stock-beg,
input.document-mag-stock-end {
    font-size: 18px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}

.move-correction {
    font-size: 10px;
    background-color: #f9b5b5;
    position: relative;
    top: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-group>.btn {
    /*
  border-radius: 3px;
  border-top-right-radius: 3px!important;
  border-bottom-right-radius: 3px!important;
  border-top-left-radius: 3px!important;
  border-bottom-left-radius: 3px!important;
  margin-left: 5px!important;
  */
}

.btn,
.navbar .navbar-nav>a.btn {
    margin: 1px 1px !important;
}

.ibox-filter {
    display: flow-root;
    background-color: #ffffff;
    text-align: right;
    /*
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 2px 0 0;
  color: inherit;
  margin-bottom: 0;
  */
    padding: 6px 5px 6px;
    min-height: 48px;
    width: 100%;
}

code {
    background-color: #E7EAEC;
    color: #676A6C;
}

.bottom>.dataTables_info {
    padding-top: 6px !important;
    text-align: right;
}

.datatable_column_header {
    font-size: 12px;
}

/*
.datatable-filter-buttons {
  float: right;
  padding-bottom: 0px;
  padding-top: 5px;
  padding-left: 5px;
}

.datatable-filter-group {
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
  display: block;
}

.datatable-filter-last-group {
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
  float: right;
}

.datatable-filter-input-group {
}
*/

input.datatable-filter-input {
    font-size: 14px;
    height: 25px;
}

.datatable-filter-label {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

.dataTables_wrapper .dataTables_processing {
    width: 200px;
    display: inline-block;
    padding: 7px;
    left: 50%;
    position: absolute;
    top: 30% !important;
    margin-left: -100px;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #e7ecf1;
    background: #2F4050;
    vertical-align: middle;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
    z-index: 100;
}

/*
.nav-tabs > li > a {
    padding: 7px 10px 7px 10px;
}
.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:hover,
.tabs-container .nav-tabs > li.active > a:focus {
    background-color:#F5F5F5;
}
.tabs-container .nav-tabs > li > a {
    background-color:#FCFCFC;
    border: 1px solid #F5F5F5;
    border-bottom-color: transparent;
}*/
/*
    .nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li > a {
        border: none;
        color: #666;
    }
    .nav-tabs > li.nav-item > a,
    .nav-tabs > li.nav-item > a:hover {
        border: none;
        color: #4285F4 !important;
        background: transparent;
        position: relative;
    }
    .nav-tabs > li.nav-item > a::after {
        content: "";
        background: #4285F4;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }
    .nav-tabs > li.nav-item > a.active::after,
    .nav-tabs > li.nav-item:hover > a::after {
        transform: scale(1);
    }
    */

.no-style {
    text-decoration: none !important;
}

.nav-tabs {
    /*background-color:#F5F5F5;*/
    /*border-bottom: 2px solid #DDD;*/
    /*border: 0;*/
    padding: 4px .1rem;
    margin-top: 10px;
}

.nav-tabs>.nav-item>.nav-link.active,
.nav-tabs>.nav-item>.nav-link.active:focus,
.nav-tabs>.nav-item>.nav-link.active:hover {
    border-width: 0;
}

.nav-tabs>.nav-item>.nav-link {
    border: none;
    color: rgba(33, 37, 41, .6);
    font-weight: normal;
}

.nav-tabs>.nav-item>.nav-link.active,
.nav-tabs>.nav-item>.nav-link:hover {
    border: none;
    color: rgba(33, 37, 41, 1);
    font-weight: bold;
    background: transparent;
    background-color: #dcdbdb;
    border-radius: 10px;
}

.nav-tabs>.nav-item>.nav-link::after {
    content: "";
    _background: #4285F4;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.nav-tabs>.nav-item>.nav-link.active::after,
.nav-tabs>.nav-item:hover>.nav-link::after {
    transform: scale(1);
}

.tab-content {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border: 2px solid #DDD;
    padding: 10px;
    background-color: #F5F5F5;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
}

.tab-content .form-control {
    background-color: white;
}

.sorting_1 {
    _padding: 0px !important;
}

.label-checkbox {
    display: block;
    position: relative;
    top: 5px;
}

.toggle {
    position: relative;
    top: 5px;
}

.left5pad {
    position: relative;
    left: 5px;
}

.left-5pad {
    position: relative;
    left: -5px;
}

.left10pad {
    position: relative;
    left: 10px;
}

.left-10pad {
    position: relative;
    left: -10px;
}

.left-20pad {
    position: relative;
    left: -20px;
}

.left20pad {
    position: relative;
    left: 20px;
}

.bootstrap-switch {
    position: relative;
    top: 0px;
    max-height: 35px;
}

.bootstrap-switch-container {
    margin-top: -1px;
}

.bootstrap-switch-male {
    color: #fff;
    background: #8AE6FF;
}

.bootstrap-switch-female {
    color: #fff;
    background: pink;
}

.bootstrap-switch-yellow {
    color: #676A6C;
    background: #FFFC2F;
}

.bootstrap-switch-green {
    color: #676A6C;
    background: #38FF53;
}

.bootstrap-switch-red {
    color: #676A6C;
    background: #FF2B33;
}

.bootstrap-switch-gray {
    color: #fff;
    background: #E7EAEC;
}

.bootstrap-switch-btn-primary {
    background-color: #0c7ce6;
    color: #fff;
}

.bootstrap-switch-btn-default {
    background-color: #888;
    color: #fff;
}

.buttons-colvisGroup {
    padding: 3px;
    _background-color: #1bb394;
    _color: #fff;
    font-size: 15px;
    min-width: 30px;
}

.float-e-margins .btn {
    margin-bottom: 0px !important;
}

.modal-content .modal-header button {
    position: unset;
    right: auto;
    top: auto;
    outline: inherit;
}

.modal-header {
    display: block;
    padding: 10px !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.modal-header-button {
    margin-top: 5px;
    text-align: right;
}

.modal-footer {
    padding: 10px;
}

.modal-title {
    font-size: 22px;
    height: 40px;
}

.modal-body>.row {
    margin-top: 5px;
}

.tab-pane>.panel-body {
    background-color: #F5F5F5;
}

.panel-body>.row {
    margin-top: 5px;
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 500px;
}

#toast-container.toast-top-center {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: fit-content !important;
}

.note-editable {
    background-color: white;
}

@media (min-width: 576px) {
    .bootbox>.modal-dialog {
        max-width: 500px !important;
        ;
    }

    .modal-dialog {
        max-width: none;
    }
}

.picker-success {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: #d6e9c6;
}

.picker-warning {
    color: #8a6d3b;
    background-color: #faebcc;
    border-color: #faebcc;
}

.picker-info {
    color: #31708f;
    background-color: #bce8f1;
    border-color: #bce8f1;
}

.picker-danger {
    color: #a94442;
    background-color: #ebccd1;
    border-color: #ebccd1;
}

.input-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.input-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.input-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.input-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.input-xsmall {
    width: 90px !important;
}

/*80*/
.input-small {
    width: 155px !important;
}

/*145*/
.input-medium {
    width: 240px !important;
}

.input-large {
    width: 320px !important;
}

.input-xlarge {
    width: 420px !important;
}

.input-icon {
    position: relative;
    left: 0;
}

.input-icon>.form-control {
    padding-left: 33px;
}

.input-group .input-icon>.form-control {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.input-icon>i {
    color: #ccc;
    display: block;
    position: absolute;
    margin: 9px 2px 4px 10px;
    z-index: 10;
    width: 16px;
    font-size: 16px;
    text-align: center;
    left: 0;
}





.has-success .input-icon>i {
    color: #36c6d3;
}

.has-warning .input-icon>i {
    color: #F1C40F;
}

.has-info .input-icon>i {
    color: #659be0;
}

.has-error .input-icon>i {
    color: #ed6b75;
}

.input-icon.right {
    left: auto;
    right: 0;
}

.input-icon.right>.form-control {
    padding-right: 33px;
    padding-left: 12px;
}

.input-group .input-icon.right>.form-control {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.input-icon.right>i {
    left: auto;
    right: 8px;
    float: right;
}

.input-icon.input-icon-lg>i {
    margin-top: 16px;
}

.input-icon.input-icon-sm>i {
    margin-top: 8px;
    font-size: 13px;
}

/***
Notes 
***/
.note {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
    margin-top: 0;
}

.note h1 .close,
.note h2 .close,
.note h3 .close,
.note h4 .close,
.note h5 .close,
.note h6 .close {
    margin-right: -10px;
}

.note p {
    margin: 0;
    font-size: 13px;
}

.note p:last-child {
    margin-bottom: 0;
}

.note code,
.note .highlight {
    background-color: #fff;
}

.note.note-default {
    background-color: white;
    border-color: #b0c1d2;
    color: black;
}

.note.note-default.note-bordered {
    background-color: #eef1f5;
    border-color: #c0cedb;
}

.note.note-default.note-shadow {
    background-color: #f1f4f7;
    border-color: #d1dbe4;
    box-shadow: 5px 5px rgba(212, 221, 230, 0.2);
}

.note.note-success {
    background-color: #c0edf1;
    border-color: #58d0da;
    color: black;
}

.note.note-success.note-bordered {
    background-color: #a7e6ec;
    border-color: #6dd6df;
}

.note.note-success.note-shadow {
    background-color: #abe7ed;
    border-color: #81dbe3;
    box-shadow: 5px 5px rgba(134, 221, 228, 0.2);
}

.note.note-info {
    background-color: #f5f8fd;
    border-color: #8bb4e7;
    color: #010407;
}

.note.note-info.note-bordered {
    background-color: #dbe8f8;
    border-color: #a0c2ec;
}

.note.note-info.note-shadow {
    background-color: #e0ebf9;
    border-color: #b5cff0;
    box-shadow: 5px 5px rgba(185, 210, 241, 0.2);
}

.note.note-warning {
    background-color: #faeaa9;
    border-color: #f3cc31;
    color: black;
}

.note.note-warning.note-bordered {
    background-color: #f8e38c;
    border-color: #f4d249;
}

.note.note-warning.note-shadow {
    background-color: #f9e491;
    border-color: #f6d861;
    box-shadow: 5px 5px rgba(246, 217, 102, 0.2);
}

.note.note-danger {
    background-color: #fef7f8;
    border-color: #f0868e;
    color: #210406;
}

.note.note-danger.note-bordered {
    background-color: #fbdcde;
    border-color: #f39da3;
}

.note.note-danger.note-shadow {
    background-color: #fbe1e3;
    border-color: #f6b3b8;
    box-shadow: 5px 5px rgba(246, 184, 189, 0.2);
}

/* UI Sortable */
.ui-sortable .ibox-title {
    cursor: move;
}

.ui-sortable-placeholder {
    border: 1px dashed #cecece !important;
    visibility: visible !important;
    background: #e7eaec;
}

.ibox.ui-sortable-placeholder {
    margin: 0 0 23px !important;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    line-height: 15px;
}

.label {
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 3px 5px;
    text-shadow: none;
}

.label-primary,
.badge-primary {
    background-color: #1ab394;
    color: #FFFFFF;
}

.label-success,
.badge-success {
    background-color: #1c84c6;
    color: #FFFFFF;
}

.label-warning,
.badge-warning {
    background-color: #f8ac59;
    color: #FFFFFF;
}

.label-warning-light,
.badge-warning-light {
    background-color: #f8ac59;
    color: #ffffff;
}

.label-danger,
.badge-danger {
    background-color: #ed5565;
    color: #FFFFFF;
}

.label-info,
.badge-info {
    background-color: #23c6c8;
    color: #FFFFFF;
}

.label-inverse,
.badge-inverse {
    background-color: #262626;
    color: #FFFFFF;
}

.label-white,
.badge-white {
    background-color: #FFFFFF;
    color: #5E5E5E;
}

.label-white,
.badge-disable {
    background-color: #2A2E36;
    color: #8B91A0;
}

/* IBOX */
.ibox .label {
    font-size: 10px;
}

/* Resizable */
.resizable-panels .ibox {
    clear: none;
    margin: 10px;
    float: left;
    overflow: hidden;
    min-height: 150px;
    min-width: 150px;
}

.resizable-panels .ibox .ibox-content {
    height: calc(100% - 49px);
}

.ui-resizable-helper {
    background: rgba(211, 211, 211, 0.4);
}

.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
    margin-top: 5px;
}

.ibox-content.text-box {
    padding-bottom: 0;
    padding-top: 15px;
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.ibox.collapsed .ibox-content {
    display: none;
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.ibox:after,
.ibox:before {
    display: table;
}

/*
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 2px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 15px 15px 7px;
  min-height: 48px;
}
*/
.ibox-content {
    __background-color: #ffffff;
    /*  color: inherit; */
    padding: 0px 5px 5px 5px;
    /*
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
  */
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}

.ibox-content {
    clear: both;
}

.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
}

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.ibox-title .label {
    float: left;
    margin-left: 4px;
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}

.ibox-tools a.btn-primary {
    color: #fff;
}

.ibox-tools .dropdown-menu>li>a {
    padding: 4px 10px;
    font-size: 12px;
}

.ibox .ibox-tools.open>.dropdown-menu {
    left: auto;
    right: 0;
}

.fullscreen-ibox-mode .animated {
    animation: none;
}

body.fullscreen-ibox-mode {
    overflow-y: hidden;
}

.ibox.fullscreen {
    z-index: 2030;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    margin-bottom: 0;
}

.ibox.fullscreen .collapse-link {
    display: none;
}

.ibox.fullscreen .ibox-content {
    min-height: calc(100% - 48px);
}

/* MODAL */
.modal-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    position: relative;
}

/* .modal-dialog {
    z-index: 2200;
} */

.modal-body {
    padding: 20px 30px 30px 30px;
}

.inmodal .modal-body {
    background: #f8fafb;
}

.inmodal .modal-header {
    padding: 30px 15px;
    text-align: center;
}

.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.inmodal .modal-title {
    font-size: 26px;
}

.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3;
}

.modal-footer {
    margin-top: 0;
}

.modal-backdrop {
    z-index: 2040 !important;
}

.modal {
    z-index: 2050 !important;
}

body.modal-open {
    padding-right: inherit !important;
}

body.modal-open .wrapper-content.animated {
    -webkit-animation: none;
    -ms-animation-nam: none;
    animation: none;
}

body.modal-open .animated {
    animation-fill-mode: initial;
    z-index: inherit;
}

.theme-orange .sidebar .menu .list li.active {
    background-color: rgb(111 175 220 / 6%);
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
    font-weight: 700;
    background-color: bisque;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.big_icon.worker::before {
    _content: url('https://api.iconify.design/emojione-monotone/construction-worker.svg?height=50&color=%23f0f0f0');
    content: url('https://api.iconify.design/mdi/account-hard-hat.svg?height=50&color=%23f0f0f0');
}

.big_icon.truck::before {
    content: url('https://api.iconify.design/mdi-truck.svg?height=50&color=%23f0f0f0');
}

.big_icon.tools::before {
    content: url('https://api.iconify.design/fa-solid/tools.svg?height=48&color=%23f0f0f0');
}

.big_icon.wrench::before {
    content: url('https://api.iconify.design/mdi/hammer-wrench.svg?height=50&inline=true&color=%23f0f0f0');
}

.big_icon.excavator::before {
    content: url('https://api.iconify.design/mdi/excavator.svg?height=50&color=%23f0f0f0');
}

.big_icon.buildingsite::before {
    content: url('https://api.iconify.design/emojione-monotone/building-construction.svg?height=50&color=%23f0f0f0');
}

.zmdi-buildingsite-50::before {
    content: url('https://api.iconify.design/emojione-monotone/building-construction.svg?height=30&color=%23607D8B');
}

.zmdi-safety-helmet::before {
    content: url('https://api.iconify.design/fa6-solid/helmet-safety.svg?height=15&color=orange');
}

.big_icon.documents::before {
    content: url('https://api.iconify.design/ic/baseline-collections-bookmark.svg?height=50&color=%23f0f0f0');
}

.big_icon.documents2::before {
    content: url('https://api.iconify.design/fa/file-text.svg?height=50&color=%23f0f0f0');
}

/*
.zmdi-industry::before {
    content: url('https://api.iconify.design/cil/industry.svg?height=24&color=%23607D8B');
}
*/

.zmdi-industry::before {
    content: url('https://api.iconify.design/cil/industry.svg?height=16');
}

.zmdi-industry-big::before {
    content: url('https://api.iconify.design/cil/industry.svg?height=30');
}

.zmdi-industry-white::before {
    content: url('https://api.iconify.design/cil/industry.svg?height=16&color=white');
}

.zmdi-industry2::before {
    content: url('https://api.iconify.design/cil/industry.svg?height=24');
}



.zmdi-photo2::before {
    content: url('https://api.iconify.design/material-symbols/monochrome-photos.svg?height=42&color=%3e3e3e');
}

.zmdi-photo-white::before {
    content: url('https://api.iconify.design/material-symbols/monochrome-photos.svg?height=16&color=white');
}

.zmdi-office-chair::before {
    content: url('https://api.iconify.design/game-icons/office-chair.svg?height=16&color=black');
}

.zmdi-autonomo::before {
    content: url('https://api.iconify.design/healthicons/construction-worker.svg?height=24&color=%23607D8B');
}

.zmdi-buildingsite2::before {
    content: url('https://api.iconify.design/emojione-monotone/building-construction.svg?height=24&color=%23607D8B');
}

.zmdi-buildingsite2-w::before {
    content: url('https://api.iconify.design/emojione-monotone/building-construction.svg?height=24&color=white');
}

.zmdi-history-w::before {
    content: url('https://api.iconify.design/ic/sharp-history.svg?height=14&color=white');
}


.big_icon.eye-times::before {
    content: url('https://api.iconify.design/mdi/eye-remove.svg?height=40&color=%23f0f0f0');
}

.big_icon.calendar-times::before {
    content: url('https://api.iconify.design/fa-solid/calendar-times.svg?height=40&color=%23f0f0f0');
}

.big_icon.times-circle:before {
    content: url('https://api.iconify.design/fa/times-circle.svg?height=40&color=%23f0f0f0');
}

.big_icon.time-five::before {
    content: url('https://api.iconify.design/bxs/time-five.svg?height=40&color=%23f0f0f0');
}

.big_icon.asterisk::before {
    content: url('https://api.iconify.design/fa/asterisk.svg?height=40&color=%23f0f0f0');
}


.big_icon.building::before {
    content: url('https://api.iconify.design/clarity/building-solid.svg?height=50&color=%23f0f0f0');
}

.big_icon.company::before {
    content: url('https://api.iconify.design/carbon/location-company-filled.svg?height=50&color=%23f0f0f0');
}



.big_icon.training-courses::before {
    content: url('https://api.iconify.design/fluent/hat-graduation-24-filled.svg?height=50&color=%23f0f0f0');
}

.zmdi-arrow-right2:before {
    content: url('https://api.iconify.design/cil/arrow-right.svg?height=20');
}

.zmdi-worker::before {
    _content: url('https://api.iconify.design/emojione-monotone/construction-worker.svg?height=16');
    content: url('https://api.iconify.design/mdi/account-hard-hat.svg?height=16');
}

.zmdi-worker-grey::before {
    _content: url('https://api.iconify.design/emojione-monotone/construction-worker.svg?height=16');
    content: url('https://api.iconify.design/mdi/account-hard-hat.svg?height=16&color=grey');
}

.zmdi-worker-w::before {

    content: url('https://api.iconify.design/mdi/account-hard-hat.svg?height=16&color=white');
}

.zmdi-tools::before {
    content: url('https://api.iconify.design/fa-solid/tools.svg?height=16');
}

.zmdi-tools-14::before {
    content: url('https://api.iconify.design/fa-solid/tools.svg?height=14');
}

.zmdi-tools-grey::before {
    content: url('https://api.iconify.design/fa-solid/tools.svg?height=16&color=grey');
}

.zmdi-tools-white::before {
    content: url('https://api.iconify.design/fa-solid/tools.svg?height=16&color=white');
}


.zmdi-excavator::before {
    content: url('https://api.iconify.design/mdi/excavator.svg?height=16');
}

.zmdi-excavator-14::before {
    content: url('https://api.iconify.design/mdi/excavator.svg?height=14');
}

.zmdi-excavator-grey::before {
    content: url('https://api.iconify.design/mdi/excavator.svg?height=18&color=grey');
}

.zmdi-excavator-white::before {
    content: url('https://api.iconify.design/mdi/excavator.svg?height=18&color=white');
}

.zmdi-car-plate-grey::before {
    content: url('https://api.iconify.design/icon-park-twotone/hand-painted-plate.svg?height=16&color=grey');
}


.zmdi-buildingsite::before {
    content: url('https://api.iconify.design/emojione-monotone/building-construction.svg?height=16');
}

.zmdi-buildingsite-grey::before {
    content: url('https://api.iconify.design/emojione-monotone/building-construction.svg?height=16&color=gainsboro');
}

.zmdi-buildingsite-gray2::before {
    content: url('https://api.iconify.design/emojione-monotone/building-construction.svg?height=16&color=grey');
}

.zmdi-building-grey::before {
    content: url('https://api.iconify.design/clarity/building-solid.svg?height=16&color=gainsboro');
}

.zmdi-building-white::before {
    content: url('https://api.iconify.design/clarity/building-solid.svg?height=16&color=white');
}

.zmdi-building-grey2::before {
    content: url('https://api.iconify.design/clarity/building-solid.svg?height=16&color=grey');
}

.zmdi-buildingsite-white::before {
    content: url('https://api.iconify.design/emojione-monotone/building-construction.svg?height=16&color=white');
}

.zmdi-building::before {
    content: url('https://api.iconify.design/clarity/building-solid.svg?height=16');
}

.zmdi-building-grey::before {
    content: url('https://api.iconify.design/clarity/building-solid.svg?height=16&color=gainsboro');
}

.zmdi-building2::before {
    content: url('https://api.iconify.design/clarity/building-solid.svg?height=24&color=%23607D8B');
}



.zmdi-dpi::before {
    content: url('https://api.iconify.design/fa6-solid/helmet-safety.svg?width=16');
}

.zmdi-dpi-grey::before {
    content: url('https://api.iconify.design/fa6-solid/helmet-safety.svg?height=16&color=gainsboro');
}

.zmdi-dpi-grey2::before {
    content: url('https://api.iconify.design/fa6-solid/helmet-safety.svg?height=16&color=grey');
}

.zmdi-dpi-white::before {
    content: url('https://api.iconify.design/fa6-solid/helmet-safety.svg?height=16&color=white');
}


.zmdi-intervention-white::before {
    content: url('https://api.iconify.design/heroicons/wrench-screwdriver-20-solid.svg?height=16&color=white');
}

.zmdi-intervention-grey::before {
    content: url('https://api.iconify.design/heroicons/wrench-screwdriver-20-solid.svg?height=16&color=grey');
}

.zmdi-intervention::before {
    content: url('https://api.iconify.design/heroicons/wrench-screwdriver-20-solid.svg?height=16');
}



.zmdi-company::before {
    content: url('https://api.iconify.design/carbon/location-company-filled.svg?height=16');
}

.zmdi-rocket::before {
    content: url('https://api.iconify.design/charm/rocket.svg?height=16');
}



.zmdi-commessa::before {
    content: url('https://api.iconify.design/clarity/tasks-line.svg?height=16');
}

.zmdi-jobs::before {
    content: url('https://api.iconify.design/whh/notestasks.svg?height=16');
}

.zmdi-hat::before {
    content: url('https://api.iconify.design/si-glyph/hat.svg?height=16');
}

.zmdi-hat-grey::before {
    content: url('https://api.iconify.design/si-glyph/hat.svg?height=16&color=grey');
}

.zmdi-certificate::before {
    content: url('https://api.iconify.design/ant-design/safety-certificate-twotone.svg?height=16');
}

.zmdi-certificate-valid::before {
    content: url('https://api.iconify.design/ant-design/safety-certificate-filled.svg?height=24&color=%2305AD13');
}

.zmdi-certificate-invalid::before {
    content: url('https://api.iconify.design/ant-design/safety-certificate-filled.svg?height=24&color=%23CC0000');
}

.zmdi-certificate-expired::before {
    content: url('https://api.iconify.design/ant-design/safety-certificate-outlined.svg?height=24&color=%23D50B15');
}

.zmdi-certificate-unexist::before {
    content: url('https://api.iconify.design/ant-design/safety-certificate-twotone.svg?height=24');
}

.zmdi-eye-times.orange::before {
    content: url('https://api.iconify.design/mdi/eye-remove.svg?height=20&color=orange');
}

.nav-tabs>.nav-item>.nav-link-compact {
    margin-right: 2px;
    padding: 8px 10px;
}

.badge-green {
    background: #0CB61D;
    color: #fff;
}

.badge-red {
    background: #DE0D0D;
    color: #fff;
}

/* Added by Riccardo: */
.datatable-notify-dot {
    background: red;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 45%) !important;
    position: relative;
    z-index: 1;
    color: white;
    border-radius: 18px;
    right: 9px;
    top: -4px;
    width: 10px;
    height: 10px;
}

/* Added by Riccardo: Fix SWAL modal from blurry text   */
.swal-modal {
    will-change: unset !important;
}


/* Aggiunto da riccardo per avere la funzionalita col-xxl non presente in bootrstrap 4*/
@media (min-width: 1400px) {

    .col-xxl-1,
    .col-xxl-2,
    .col-xxl-3,
    .col-xxl-4,
    .col-xxl-5,
    .col-xxl-6,
    .col-xxl-7,
    .col-xxl-8,
    .col-xxl-9,
    .col-xxl-10,
    .col-xxl-11,
    .col-xxl-12 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-xxl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xxl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    /* Continue defining XXL size classes until col-xxl-12 */

    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xxl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xxl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    /* Add any other specific styles for your site if needed */
}

/* ====================== STILE PER L'INPUT DEI FILTRI ==================== */
.my-input-style {
    /* Stile per i campi di input */
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
}

.my-select-style {
    /* Stile per i select */
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    color: #333;
}

.my-label-style {
    /* Stile per le etichette */
    font-weight: bold;
    color: #333;
}

.my-group-style {
    /* Stile per i gruppi di filtri */
    margin-bottom: 5px;
}

.my-button-style {
    /* Stile per i bottoni */
    color: white;
    padding: 10px 20px;
    margin: 5px 5px;
    border-radius: 5px;
}

.my-input-style:hover,
.my-button-style:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    /* Aggiungi un'ombra quando si passa il mouse */
    transition: all 0.3s ease-in-out;
    /* Aggiungi una transizione per rendere i cambiamenti più fluidi */
}


.active-filter {
    border-color: #5cb85c;
    /* Cambia il colore del bordo */
    background-color: #e6f9e6 !important;
    /* Cambia il colore di sfondo */
    transition: all 0.3s ease-in-out;
    /* Aggiungi una transizione per rendere i cambiamenti più fluidi */
}

/*===================================*/
/* ================== GOOGLE TRANSLATE SWITCHER (LOGIN) ================== */
.gt-switcher {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 3px;
    border-radius: 999px;
    background: #f6f7f9;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.gt-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    background: transparent;
    color: #4b5563;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.35px;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.gt-btn:hover,
.gt-btn:focus {
    color: #1f2937;
}

.gt-btn.is-active {
    background: #ffffff;
    color: #111827;
    box-shadow: 0 6px 14px rgba(17, 24, 39, 0.08);
}

.gt-btn.is-active .gt-flag {
    box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.08);
}

.gt-flag {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    flex: 0 0 16px;
}

/* ================== GOOGLE TRANSLATE CLEANUP ================== */
.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame {
    display: none !important;
}

body {
    top: 0 !important;
}

.goog-logo-link,
.goog-te-gadget span,
.goog-te-gadget {
    display: none !important;
}

/* Google Translate: disable hover tooltip/balloon (keeps translation working) */
html body #goog-gt-tt,
html body .goog-te-balloon-frame,
html body .goog-tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Google Translate: remove highlight without hiding text */
html body .goog-text-highlight {
    background: transparent !important;
    box-shadow: none !important;
}

/* Google Translate: newer hover highlight classes (randomized) */
html body [class*="VIpgJd-yAWNEb"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ====================================================================== */

/* ================== GOOGLE TRANSLATE OVERLAY ================== */
.gt-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.gt-overlay__card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.gt-overlay__message {
    margin: 0;
}

.gt-overlay__actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 10px;
}

.gt-overlay__btn {
    appearance: none;
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: #ffffff;
    color: #111827;
    padding: 6px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.gt-overlay__btn:hover,
.gt-overlay__btn:focus {
    filter: brightness(0.98);
}

.gt-overlay__btn:active {
    transform: translateY(1px);
}

.gt-overlay__btn--primary {
    background: #111827;
    color: #ffffff;
    border-color: #111827;
}

.gt-overlay__btn--secondary {
    background: #ffffff;
    color: #111827;
}

/* ====================================================================== */
/* Google Translate banner iframe cleanup (forced) */
.skiptranslate iframe,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-ORHb {
    display: none !important;
}

.skiptranslate {
    height: 0 !important;
}