#map {
   height: calc(100vh - 280px);
   width: 100%;
 }

 /* Stile base per i marker Font Awesome */
 .fa-marker {
   font-size: 30px;
   color: #e74c3c;
   text-shadow: 1px 1px 2px #fff;
   cursor: pointer;
 }

 .popup {
   max-width: 220px;
   font-size: 13px;
 }

 .popup h6 {
   margin-bottom: 6px;
   font-weight: 600;
 }

 .model-block {
   margin-bottom: 6px;
 }

 .popup ul {
   margin: 0;
   padding-left: 16px;
 }

 .popup li:hover {
   background-color: #d8ebfe;
   border-radius: 4px;
 }

 .background-red-light {
   background: #fcb6b6;
   color: black;
 }

 .background-red-light:focus {
   background: #ffd0d0;
   color: black;
 }

 .background-green-light {
   background: #b2f0b2;
   color: black;
 }

 .background-green-light:focus {
   background: #d5f7d5;
   color: black;
 }

 @media (max-width: 767.98px) {
   .mobile-hide {
     display: none !important;
   }

   .page-content {
     padding: 0.25rem 0.25rem 0.25rem !important;
   }

   .card-header {
     padding: .25rem 0.25rem !important;
     ;
   }

   .cont_chat_support {
     height: calc(100vh - 430px) !important;
   }
 }

 #progress-container {
   width: 100%;
   background: #e0e0e0;
   height: 40px;
   border-radius: 4px;
   overflow: hidden;
 }

 #progress-bar {
   width: 0;
   height: 100%;
   background: green;
   transition: width 0.3s;
 }

 #searchResults {
   display: none;
   position: absolute;
   top: 100%;
   /* Posiziona il div subito sotto il campo di ricerca */
   width: 60%;
   background-color: white;
   border: 2px solid #ccc;
   z-index: 1000;
   max-height: 650px;
   /* Imposta una dimensione massima per evitare di coprire troppe righe */
   overflow-y: auto;
 }

 .list-group-item-action {
   width: auto;
 }

 .list-group-item-action:hover {
   background-color: #3b93c6cc !important;
   /* Colore di sfondo quando l'utente ci passa sopra */
   color: #fff !important;
   /* Cambia il colore del testo al passaggio del mouse */
 }

 .no-results {
   padding: 8px;
   color: #999;
 }

 .helpIndex {
   list-style-type: none;
   padding-left: 10px;
 }

 .swal2-container {
   z-index: 1090;
 }

 .text-transparent {
   color: rgb(0 0 0 / 0%) !important
 }

 .main-content {
   overflow: hidden;
 }

 .pos-initial {
   position: initial;
 }

 .page-header {
   margin: 0 0 0.3rem;
   padding-bottom: 0.5rem;
   padding-top: 0rem;
 }

 .note-status-output {
   display: none !important;
 }

 .fc-content {
   cursor: pointer;
 }

 #pdfFrame {
   width: 100%;
   height: calc(100vh - 200px);
 }

 @media only screen and (min-width: 1880px) {
   .content-description {
     height: 360px !important;
   }
 }

 @media only screen and (max-width: 1880px) {
   .load-prev-img {
     height: 440px !important;
   }

   .img_caricata {
     text-align: center;
     height: 330px !important;
   }

   .img-routine {
     height: 335px !important;
   }

   .pdf-preview {
     max-height: 90% !important;
   }
 }

 @media only screen and (max-width: 1510px) {
   .card-header-task {
     padding: 0.2rem 1.25rem !important;
   }

   .accordion .card-header-task {
     padding: 0.2rem 1.25rem !important;
   }
 }

 .content-description {
   border-style: groove;
   border-color: rgba(218, 218, 218, 0.25);
   height: 405px;
   width: 100%;
   overflow: auto;
   padding: 5px;
   border-radius: 5px;
   background-color: #eee;
 }

 #cart-modal {
   z-index: 1090 !important;
 }

 .border-primary-my {
   border-color: #5899ca !important;
 }

 .help img {
   max-width: 100%;
   height: 100%;
 }

 .choice-img {
   height: 300px !important;
 }

 .ace-aside.aside-left .modal-dialog {
   width: 550px !important;
 }

 .heder-info {
   background-color: #2087c5 !important;
   color: white !important;
 }

 .no-select {
   -webkit-touch-callout: none;
   /* iOS Safari */
   -webkit-user-select: none;
   /* Safari */
   -khtml-user-select: none;
   /* Konqueror HTML */
   -moz-user-select: none;
   /* Firefox */
   -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
   /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
 }

 /* personalizzazione editor testo */
 .note-toolbar {
   background-color: #fff !important;
   /*border-color: #f2f7fb !important;*/
 }

 .note-statusbar {
   background-color: #f2f7fb !important;
   border-color: #f2f7fb !important;
 }

 .note-btn {
   background-color: #f2f7fb !important;
   color: #478fcc !important;
 }

 .field_description_fix {
   margin-top: -30px;
   margin-left: 15px !important;
 }

 .field_title_fix {
   margin-top: -15px;
   margin-left: 15px !important;
   z-index: 90;
 }

 .twitter-typeahead {
   width: calc(100% - 52px);
 }

 input[type="text"].typeahead:focus {
   border-color: #5899d1 !important;
   outline: none;
   /* Rimuove l'outline predefinito sul focus */
 }

 #assign_to_cont .chosen-choices {
   font-size: 20px;
   padding: 10px;
 }

 .font1rem {
   font-size: 1rem;
 }

 .tabtklist .active {
   border: 2px;
   border-radius: 5px !important;
   border-style: solid;
   border-color: #98c6ee !important;
 }

 .floating-label {
   z-index: 900;
 }

 .pt-13px {
   padding-top: 13px;
 }

 .mt-10px {
   margin-top: -10px;
 }

 .top-7px {
   top: -7px;
 }

 #modalPermissionList input[type=checkbox].ace-switch:disabled:checked {
   background-color: #ff5a5a91 !important;
 }

 #modalPermissionList input[type=checkbox].nation:disabled:checked {
   background-color: #ff5a9987 !important;
 }

 #modalPermissionList input[type=checkbox].company:disabled:checked {
   background-color: #ff8e5a97 !important;
 }

 #modalPermissionList input[type=checkbox].site:disabled:checked {
   background-color: #815aff81 !important;
 }

 #dati_permessi_contents input[type=checkbox].ace-switch:disabled:checked {
   background-color: #73bd7385 !important;
 }

 .switch-disabled input[type=checkbox].ace-switch:disabled:checked {
   background-color: #73bd7385 !important;
 }

 .message .fab-menu:not(:disabled):not(.disabled):active,
 .show>.btn.btn-secondary.dropdown-toggle {
   background-color: #d88f21;
   border-color: #d88f21;
   color: #fff;
 }

 .message .fab-menu:not(:disabled):not(.disabled):active,
 .show>.btn.btn-secondary.dropdown-toggle:hover {
   color: #da8d0e;
   background-color: #fdf4e4;
   border-color: #fadcaa;
 }

 .message .fab-style.show {
   background: transparent !important;
   border: 0px !important;
   /*transform: translate3d(-265px, -8px, 0px) !important;*/
   display: flex;
   flex-direction: row-reverse;
   top: -8px !important;
   left: -5px !important;
 }

 .message .fab-button {
   width: 45px !important;
 }

 .flex-1 {
   flex: 1;
   fs--dashed radius-3
 }

 .mwd-25 {
   min-width: 25px;
 }

 .wdh-85 {
   width: 85px;
 }

 .height-30px {
   height: 30px;
 }

 .height-50px {
   height: 50px;
 }

 .word-wrap-txt {
   overflow-wrap: anywhere;
 }

 .translated_chat_text {
   background: #94cc54;
   color: #000;
   border-radius: 5px;
   padding: 5px;
   margin-top: 5px;
   display: flex;
   align-items: center;
   width: 98%;
 }

 .lng-img {
   width: 25px;
   height: 15.5px !important;
 }

 .mw-160px {
   min-width: 160px !important;
 }

 .mw-200px {
   min-width: 200px !important;
 }


 .mw-100px {
   min-width: 110px !important;
 }

 .mw-50px {
   min-width: 50px !important;
 }

 .w-70px {
   width: 70px !important;
 }

 .text-height-0 {
   line-height: 1rem !important;
 }

 .text-height-1 {
   line-height: 1.5rem !important;
 }

 .text-height-2 {
   line-height: 2rem !important;
 }

 .text-height-3 {
   line-height: 2.5rem !important;
 }

 .text-height-4 {
   line-height: 3rem !important;
 }

 .text-height-5 {
   line-height: 3.5rem !important;
 }

 .choosen-dropup .chosen-drop {
   border-bottom: 0 !important;
   border-top: 1px solid #aaa !important;
   top: auto !important;
   bottom: 40px !important;
 }

 .input_time {
   width: 30%;
   margin-left: 10px;
 }

 .flex-center-wrap {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
 }

 .maxw-270 {
   max-width: 270px;
 }

 .control-next-icon,
 .control-prev-icon {
   display: inline-block;
   background: no-repeat 50%/100% 100%;
   font-size: 60px;
   color: white;
 }

 .text-decoration-line-through {
   text-decoration: line-through !important;
 }

 .form-control-pers {
   height: calc(1.5em + 1rem + -5px) !important;
 }

 /* Specific rules for CSP use*/
 .display-block {
   display: block;
 }

 .padding-10 {
   padding: 10px !important;
 }

 .w-200px {
   width: 200px !important;
 }

 #chatheader {
   padding: 5px;
   border-left: solid;
   border-right: solid;
   border-width: 1px;
   border-color: rgba(59, 147, 198, 0.8) !important;
 }

 #ace-scroll-inner {
   color: rgb(72, 75, 81);
 }

 .cont_chat {
   height: calc(100vh - 482px);
 }

 .cont_chat_support {
   height: calc(100vh - 340px);
 }

 .unread-not {
   background: #dcffe4;
   border-radius: 5px;
 }

 .sendDraftMessage {
   background: #006cff;
 }

 .draft-color {
   background: #006cff;
 }

 #html_for_report_view {
   overflow: auto;
   /*padding: 15px;*/
 }

 #assign-tk-modal {
   height: 85%;
 }

 #assign-tk-details {
   overflow: auto;
 }

 #assignTckTag-modal {
   top: 150px;
   height: 75%;
 }

 #assignTckTag-details {
   overflow: visible;
 }

 #serials-modal {
   height: 65%;
   z-index: 1500 !important;
 }

 #serials-list-details {
   overflow: auto;
 }

 #add_assing {
   min-height: 500px;
   overflow-y: auto;
 }

 .modal-md-lg {
   min-width: 650px;
 }

 .min-height-470 {
   min-height: 470px;
   overflow-y: auto;
 }

 #read-single-report {
   margin-top: 25px;
 }

 .modal-body {
   /*padding: 5px !important;*/
 }

 #loader-img {
   width: 5.65rem;
   height: 4.25rem;
 }

 #loader-img-a {
   animation-duration: 4s;
 }

 .loader-img-b {
   animation-direction: reverse;
   animation-duration: 2s;
 }

 .height-550 {
   height: 550px;
 }

 .height-400 {
   height: 400px;
 }

 .height-215 {
   height: 215px;
 }

 .height75 {
   height: 75% !important;
   width: auto !important;
 }


 .max-height-420 {
   min-height: 420px;
   max-height: 420px;
 }

 .max-height-300 {
   min-height: 300px;
   max-height: 300px;
 }

 .max-width-450 {
   max-width: 450px;
 }

 .margin-auto {
   margin: auto;
 }

 .content-center {
   padding: 15px;
   margin-left: auto;
   margin-right: auto;
 }

 .mt5-ml10 {
   margin-top: 5px;
   margin-left: 10px;
 }

 .mb3-ml10 {
   margin-bottom: 3px;
   margin-left: 10px;
 }

 .theme-color {
   color: #0054ff;
 }

 .btn-ionic-primary {
   background: #3880ff;
   color: #ffffff;
 }

 .spare_urgent {
   background: #ffdede;
 }

 /*-----------------------------------------------------------------------------*/
 .pagination {
   justify-content: flex-end;
 }

 .page-content {
   padding: 0.75rem 0.75rem 0.75rem;
 }

 .icon-animated-bell {
   -webkit-animation: ringing 2s 500 ease 1s;
   animation: ringing 2s 500 ease 1s;
 }

 .doka-image-editor {
   --color-background: 33, 36, 43;
   --color-foreground: 255, 255, 255;
 }

 .hidden-element {
   visibility: hidden;
 }

 .logo_menu {
   max-width: calc(100% - 20px);
   height: auto;
   max-height: 40px;
   width: auto;
   margin-left: 10px;
 }

 .sidebar .nav.has-active-arrow .nav-item.active>.nav-link::after {
   border-right-color: #eee;
   /* put the same color as content area's background color */
 }

 .margine_sx_10 {
   margin-left: 10px;
 }

 .jqtree-tree .jqtree-element {
   border-bottom: 1px solid #ececec;
 }

 .jqtree-ico {
   margin-left: auto;
   /*min-width: 200px;
  text-align: right;*/
   display: flex;
   align-items: center;
 }


 .country-icon {
   font-size: 45px;
 }

 .img_caricata>img {
   max-height: 100%;
   border: 1px solid #ffffff;
   border-radius: 5px;
 }

 .load-prev-img {
   height: 401px;
 }

 .img_caricata {
   text-align: center;
   height: 320px;
 }

 .op-img-preview {
   /*height: 550px;*/
   background: #21242b;
 }

 .pdf-preview {
   height: auto;
   width: auto;
   border-radius: 10px;
   max-width: 100%;
   max-height: 60%;
   text-align: center;
 }

 .pdf-link {
   top: 30px;
   position: relative;
   color: white;
   font-size: 18px;
   z-index: 1;
 }

 .load-prev-ck-img {
   height: 350px;
 }

 .load-prev-topic-img {
   height: 340px;
 }

 .prev-ck-img {
   height: 445px;
 }

 .fileuplhgt {
   height: 175px !important;
 }

 #pageloader {
   position: fixed;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.75);
   z-index: 1080;
 }

 #pageloader>div {
   position: absolute;
   top: calc(50% - 50px);
   left: calc(50% - 50px);
   z-index: 1000;
   font-size: 100px;
   color: #ffffff;
 }

 #loader-filer {
   margin-top: 10px;
   margin-left: 10px;
   font-size: 80px;
   color: rgb(32, 135, 197);
 }

 .card-ch-title {
   /*margin-left: 15px;
    margin-right: 15px;*/
   margin-bottom: 5px;
 }

 .card-header-ch-title {
   padding: 0.25rem 1rem !important;
   background-color: rgba(221, 106, 87, 0.1);
 }

 .order {
   width: 75px !important;
 }

 .order-chance {
   width: 75px !important;
 }

 .order-subtask {
   width: 75px !important;
 }

 .card-header-task {
   padding: 0.75rem 1.25rem;
 }

 .accordion .card-header-task {
   padding: 0.75rem 1.25rem;
 }

 .qst_label {
   margin: 5px;
   margin-right: 15px;
 }

 .info-ch {
   padding-left: 20px;
   background: #f2f7fb;
 }

 .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23306EFF' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
 }

 .carousel-control-next-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23306EFF' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
 }

 .chance-description {
   border-style: groove;
   border-color: rgba(218, 218, 218, 0.25);
   height: 200px;
   width: 100%;
   overflow: auto;
   padding: 5px;
   border-radius: 5px;
   background-color: #eee;
 }

 .chance-img-readonly {
   border: 1px solid #c9dce8;
   border-radius: 5px;
   width: 95%;
 }

 /* Sovrascriviamo largnezza sweet alert step*/
 .swal2-progress-steps .swal2-progress-step {
   width: 8em;
   font-size: 15px;
 }

 #chat_footer {
   background: #f2f2f2;
   padding: 5px;
   border-color: rgba(59, 147, 198, 0.8) !important;
   border-width: 1px;
   border-style: solid;
   border-top: aliceblue;
 }

 .message {
   padding: 10px;
   border-radius: 10px;
   margin-bottom: 4px;
   height: fit-content;
 }

 .message a {
   color: #fff;
 }

 .message img {
   max-width: 100%;
   /*max-height: 200px;*/
   height: 200px;
 }

 .message video {
   max-width: 100%;
   /*max-height: 250px;*/
   height: 200px;
 }

 .my-message {
   /*background: #009640;*/
   background: #bcffd8;
   color: #303030;
   font-size: 14px;
 }

 .draft {
   color: #ffffff;
   font-size: 14px;
 }

 .draft .time {
   color: #ffffff !important;
 }

 .message-ico {
   position: absolute;
   right: 10px;
   bottom: 10px;
 }

 .system-message {
   background: #ff5363;
   color: #ffffff;
   font-size: 14px;
 }

 .other-message {
   /*background: #989aa2;*/
   background: #dee2e6;
   color: #303030;
   font-size: 14px;
 }

 .time {
   color: #6c757d;
   float: right;
   font-size: smaller;
   margin-right: 20px;
 }

 .message-input {
   margin-top: 0px;
   border: 1px solid #92949c;
   width: 100%;
   background: #fff;
 }

 .msg-btn {
   margin-left: 10px;
   margin-top: 10px;
 }

 .cont_comandi_chat {
   padding-top: 10px;
   padding-left: 0;
   padding-right: 0;
 }

 .img-routine {
   max-height: 315px;
   border: 1px solid #ffffff;
   border-radius: 5px;
 }

 .carousel-control-next-icon,
 .carousel-control-prev-icon {
   width: 50px;
   height: 50px;
 }

 .req_chat {
   color: #ffff00;
   font-weight: bold;
   text-transform: uppercase;
 }

 .req_ar {
   font-weight: 700;
   text-transform: uppercase;
   background: #007a96;
   width: 95%;
   display: block;
   border-radius: 5px;
   padding: 5px;
   margin-top: 5px;
 }

 .width-90 {
   max-width: 90%;
 }

 #id-navbar-user-image {
   background-color: #fff;
   height: 36px;
 }

 .modal-ch-task {
   margin-left: 15%;
   margin-right: 15%;
 }

 .modal-md-center {
   margin-left: 20%;
   margin-right: 20%;
 }

 .modal-lg-center {
   margin-left: 5%;
   margin-right: 5%;
 }

 .chat-icon-font {
   font-size: 30px;
 }

 .chat-icon-wait {
   animation: 1s blinker linear infinite;
 }

 @keyframes blinker {
   0% {
     opacity: 1;
   }

   50% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }

 .txt_rosso {
   color: #ff0000;
 }

 .mandatory-field {
   color: #ff0000;
   position: absolute;
   top: -5px;
   margin-left: 5px;
 }

 #permission-list-table input[type="checkbox"][disabled][checked] {
   background-color: #468fcc !important;
 }


 .import_error_form input[type="checkbox"] {
   border-width: 2px;
 }

 .import_task_form input[type="checkbox"] {
   border-width: 2px;
 }

 .table-spareparts td,
 .table-spareparts thead th,
 .table-spareparts th {
   padding: 0.35rem;
   vertical-align: middle;
 }

 /*.table-spareparts thead th {
    text-align: center;
}*/
 .icon-spare-state {
   font-size: 20px;
 }

 .icon-spare-unmanaged {
   font-size: 25px;
   color: #6bae47;
 }

 .icon-spare-manageall {
   font-size: 25px;
   color: #5899ca;
 }

 .icon-spare-back {
   font-size: 25px;
   color: #6b0000;
 }

 .icon-spare-cancel {
   margin-left: 10px;
   font-size: 25px;
   color: #e10016;
 }

 .icon-spare-managed {
   font-size: 25px;
   color: #ff0000;
 }

 .icon-spare-view {
   font-size: 20px;
 }

 .icon-spare-chat {
   font-size: 20px;
 }

 .spare-icon {
   display: flex;
 }

 .table-ticket td,
 .table-ticket thead th,
 .table-ticket th {
   padding: 0.35rem;
   vertical-align: middle;
 }

 /*.table-ticket thead th {
    text-align: center;
}*/

 .table-center-txt {
   text-align: center;
 }

 .req_spare {
   background: #dccbfa;
   width: 95%;
   display: block;
   border-radius: 5px;
   padding: 5px;
   margin-top: 5px;
 }

 .req_help {
   font-weight: bold;
   text-transform: uppercase;
   background: #ff4e4e;
   width: 95%;
   display: block;
   border-radius: 5px;
   padding: 5px;
   margin-top: 5px;
 }

 .clicabile {
   cursor: pointer;
 }

 .permission_color {
   color: #2087c5;
 }

 .modal_btn {
   color: #2087c5;
   display: inline;
 }

 .modal_btn:hover {
   color: #009fff;
 }

 .cont_checkbox {
   display: inline;
   width: 85%;
 }

 .cont_checkbox>.row {
   margin-bottom: 10px;
   margin-top: 10px;
 }

 .page-tools {
   min-width: 225px;
 }

 .taskimgtools {
   background: rgba(242, 242, 242, 0.5);
   border-radius: 15px;
 }

 .taskcontent {
   border: 0px solid;
 }

 .imgtools-caption {
   position: absolute;
   right: 25%;
   bottom: 50px;
   left: 25%;
   z-index: 10;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #fff;
   text-align: center;
 }

 .carousel-caption {
   position: absolute;
   right: 25%;
   bottom: 25px;
   left: 25%;
   z-index: 10;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #fff;
   text-align: center;
 }

 .txt_centra_descrizione {
   display: inline-block;
   vertical-align: super;
   margin-left: 10px;
 }

 @media (min-width: 1220px) {
   .container {
     max-width: calc(100vw - 6rem);
   }

   .container-small {
     max-width: calc(100vw - 20.1rem);
   }
 }

 .page-content {
   padding: 0.75rem 0.75rem 0.75rem;
 }

 .jqtree-tree .jqtree-loading>div .jqtree-title:after {
   /*content: url(/img/spinner.gif);*/
   content: "\f110";
   color: rgb(32, 135, 197);
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
   -webkit-animation: fa-spin 2s linear infinite;
   animation: fa-spin 2s linear infinite;
   display: inline-block;
   margin-left: 8px;
 }

 #import-error-jqtree.jqtree-loading:after,
 #id-jqtree.jqtree-loading:after,
 #topic-select-jqtree.jqtree-loading:after {
   /*content: url(/img/spinner.gif);*/
   color: rgb(32, 135, 197);
   content: "\f110";
   font-size: 50px;
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
   -webkit-animation: fa-spin 2s linear infinite;
   animation: fa-spin 2s linear infinite;
   display: inline-block;
 }

 .tree-pdf-content.jqtree-loading:after {
   /*content: url(/img/spinner.gif);*/
   color: rgb(32, 135, 197);
   content: "\f110";
   font-size: 50px;
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
   -webkit-animation: fa-spin 2s linear infinite;
   animation: fa-spin 2s linear infinite;
   display: inline-block;
 }

 .jqtree.jqtree-loading:after {
   /*content: url(/img/spinner.gif);*/
   color: rgb(32, 135, 197);
   content: "\f110";
   font-size: 50px;
   font-weight: 900;
   font-family: "Font Awesome 5 Free";
   -webkit-animation: fa-spin 2s linear infinite;
   animation: fa-spin 2s linear infinite;
   display: inline-block;
 }

 /* per disabilitare icone su albero */
 .disableicon {
   cursor: default;
   color: grey;
 }

 /* per eliminare temporaneamente elmenti */
 .hidelement {
   display: none;
 }

 .main-title {
   color: #fff;
   background-color: rgba(59, 147, 198, 0.8);
 }

 .box-main-content {
   border-color: rgba(59, 147, 198, 0.8) !important;
 }

 .border-acceleraction {
   border-color: #5ba6d1 !important;
 }

 .btn_help_size2 {
   font-size: 20px !important;
   padding: 0px 10px !important;
 }

 .lng-active.active {
   background-color: rgba(0, 170, 255, 0.35) !important;
 }

 .lng-active>img {
   border: 1px solid #d5d5d5;
 }

 .language {
   display: flex;
   align-items: center;
 }

 .vertical-center {
   display: flex;
   align-items: center;
 }

 .h2_5rem {
   height: 2.5rem;
 }

 .modal-padding {
   overflow: auto;
   padding: 5px 10px 5px;
 }

 .operator-description {
   /*    border-style: groove;*/
   border-color: rgba(218, 218, 218, 0.25);
   height: 220px;
   width: 100%;
   overflow: auto;
   padding: 5px;
   background-color: #f5f5f5;
   color: #939192;
   border: 1px solid #d5d5d5;
   text-align: left;
 }

 .single-row {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .icon-list-modal-view {
   font-size: 20px;
 }

 .content_folder_container {
   padding-left: 5px;
   padding-right: 10px;
 }

 .contents_container {
   padding-bottom: 70px;
   padding-right: 10px;
   padding-left: 10px;
   overflow: auto;
   height: 100%;
 }

 /* aggiungiamo align items per card-header default */
 .card-header {
   align-items: center;
 }

 /*classe per mettere a destra tasti in div flex*/
 .tb-btn-flex-end {
   flex-direction: row;
   justify-content: flex-end;
 }

 .loader-ajax {
   margin-right: auto;
   margin-left: auto;
   margin-top: 15px;
 }

 .element-center {
   text-align: center;
 }

 .selectfix .chosen-container-multi .chosen-choices {
   padding: 0.15rem 0.5rem !important;
   min-height: 2.5rem;
 }

 .selectfix .chosen-container-multi .chosen-choices li.search-choice {
   line-height: 1rem !important;
 }

 .selectfix .chosen-container-multi .chosen-choices {
   border: 1px solid #d5d5d5 !important;
 }

 .selectfix .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
   height: 2rem;
 }


 .accordion .chosen-container-multi .chosen-choices {
   padding: 0.15rem 0.5rem !important;
   min-height: 2.5rem;
 }

 .accordion .chosen-container-multi .chosen-choices li.search-choice {
   line-height: 1rem !important;
 }

 .accordion .chosen-container-multi .chosen-choices {
   border: 1px solid #d5d5d5 !important;
 }

 .accordion .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
   font-size: 1rem !important;
   font-family: inherit !important;
   line-height: 1.5rem !important;
   margin-top: 5px;
   margin-left: 15px;
 }



 .chat_msg_loader:after {
   content: "\f110";
   color: rgb(32, 135, 197);
   font-weight: 900;
   font-size: 50px;
   font-family: "Font Awesome 6 Pro";
   -webkit-animation: fa-spin 2s linear infinite;
   animation: fa-spin 2s linear infinite;
   display: inline-block;
   margin-left: 8px;
 }

 @media (min-width: 992px) {
   .navbar .dropdown-mega>.dropdown-sm {
     width: 35rem;
   }

   .ace-aside.aside-center .modal-dialog {
     width: 36rem;
     max-width: calc(100vw - 1rem);
   }
 }

 /* 404 page-error page*/
 .slot-col-container {
   width: 210px;
   max-width: 90%;
 }

 .search-icon {
   margin-top: -7rem;
   margin-left: 6rem;
   opacity: 0.25;
   font-size: 34rem;
   z-index: 0;
 }

 .slot-column {
   height: 12rem;
   overflow: hidden;
   border-radius: 1rem;
 }

 .slot-column-bg-top {
   z-index: 1;
   width: 3rem;
   height: 6rem;
   background: linear-gradient(#fff 0%,
       rgba(255, 255, 255, 0.8) 50%,
       transparent 80%);
 }

 .slot-column-bg-bottom {
   z-index: 1;
   width: 3rem;
   height: 6rem;
   background: linear-gradient(to top,
       #fff 0%,
       rgba(255, 255, 255, 0.8) 50%,
       transparent 80%);
 }

 .slot-column-numbers {
   z-index: 0;
   width: 2rem;
   word-break: break-all;
   line-height: 5rem;
   font-size: 4rem;
 }

 @keyframes slotMachine {

   0%,
   100% {
     transform: translateY(-13%);
   }

   50% {
     transform: translateY(-100%);
   }
 }

 .anim-slot {
   transform: translateY(-13%);
   animation: slotMachine 100ms ease-in-out 200ms,
     slotMachine 150ms ease-in-out 300ms, slotMachine 250ms ease-in-out 450ms,
     slotMachine 400ms ease-in-out 700ms;
   animation-fill-mode: forwards;
 }

 /* start with a little bit delay */
 .anim-slot2 {
   transform: translateY(-13%);
   animation: slotMachine 100ms ease-in-out 350ms,
     slotMachine 150ms ease-in-out 450ms, slotMachine 250ms ease-in-out 600ms,
     slotMachine 400ms ease-in-out 850ms;
   animation-fill-mode: forwards;
 }

 /* start with a little bit delay */
 .anim-slot3 {
   transform: translateY(-13%);
   animation: slotMachine 100ms ease-in-out 500ms,
     slotMachine 150ms ease-in-out 600ms, slotMachine 250ms ease-in-out 750ms,
     slotMachine 400ms ease-in-out 1000ms;
   animation-fill-mode: forwards;
 }

 @keyframes zooming {
   0% {
     transform: scale(1);
   }

   25% {
     transform: scale(0.94);
   }

   50% {
     transform: scale(1.06);
   }

   75% {
     transform: scale(0.94);
   }

   100% {
     transform: scale(1);
   }
 }

 @keyframes rotating {
   0% {
     transform: translate(4px, -10px) scale(1);
   }

   11% {
     transform: translate(6px, -6px) scale(0.96);
   }

   22% {
     transform: translate(8px, -4px) scale(1);
   }

   33% {
     transform: translate(8px, 4px) scale(1.04);
   }

   44% {
     transform: translate(4px, 8px) scale(1);
   }

   55% {
     transform: translate(-1px, 12px) scale(0.96);
   }

   65% {
     transform: translate(-8px, 8px) scale(1);
   }

   75% {
     transform: translate(-12px, -1px) scale(1.04);
   }

   86% {
     transform: translate(-10px, -8px) scale(1);
   }

   92% {
     transform: translate(-5px, -5px) scale(0.98);
   }

   100% {
     transform: none;
   }
 }

 .anim-zoom {
   animation: zooming 1300ms ease-in-out 100ms;
   animation: rotating 1200ms ease-in-out 100ms;
 }

 .filepond--root {
   height: 16.5em;
   /*max-height: 25em;*/
 }

 .filepond--item {
   width: calc(50% - 0.5em);
 }

 /*#tree-content #tree-contentCat*/
 .jqtree .hidden-node {
   display: none;
 }

 .jqtree .highlight-node>.jqtree-element>.jqtree-title {
   font-weight: bold;
   background-color: #8fffff;
   color: #000066;
 }