:root {
   --ow-main-color: #25476A;
   --ow-header-action-color: #EEB343;
   --ow-white-color: #FFF;
   --ow-black-color: #000;
   --ow-active-color: #dbf2ff;
   --ow-gray-color: #CCC;
   --ow-light-gray-color: #f8f9fa;
   --ow-red: darkred;
   --ow-red-hover: crimson;
   --ow-red-bg: pink;
   --ow-red-bg-hover: mistyrose;
   --ow-blue: darkblue;
   --ow-blue-hover: mediumblue;
   --ow-blue-bg: lightblue;
   --ow-blue-bg-hover: powderblue;
   --ow-light-blue: deepskyblue;
   --ow-light-blue-hover: dodgerblue;
   --ow-light-blue-bg: aliceblue;
   --ow-light-blue-bg-hover: azure;
   --ow-orange: darkorange;
   --ow-orange-hover: orangered;
   --ow-orange-bg: moccasin;
   --ow-orange-bg-hover: peachpuff;
   --ow-green: darkgreen;
   --ow-green-hover: forestgreen;
   --ow-green-bg: lightgreen;
   --ow-green-bg-hover: palegreen;
}


/*#region General*/

body {
   font-family: "Roboto Condensed";
   font-size: 17px;
   color: var(--ow-black-color);
}

a {
   text-decoration: none;
   color: var(--ow-main-color);
   cursor: pointer;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

   a:hover,
   a:focus {
      text-decoration: none;
      color: var(--ow-black-color);
   }


.section-title i {
   font-size: 30px;
   margin-right: 10px;
}

.section-title h1 {
   display: inline-block;
}

.section-title h1,
.admin-page-title,
.your-web-spaces-title {
   font-size: 30px;
   font-weight: 900;
   margin-bottom: 0;
}

.admin-page-title {
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   background-color: var(--ow-main-color);
   background-color: var(--ow-admin-page-title-color, var(--ow-main-color));
   color: var(--ow-white-color);
   padding: 2px 20px;
   margin: 0px 0px 10px 0px;
   font-size: 22px;
   font-weight: 700;
   display: flex;
   align-items: baseline;
   width: fit-content;
   gap: 10px;
}

#contentPageHeader .section-data-container {
   display: flex;
}

#contentPageHeader .content-page-header {
   display: flex;
   align-items: center;
}

#contentPageHeader .section-data-container .section-title {
   display: flex;
   align-items: center;
}

#contentPageHeader .culture-flags {
   border: 1px solid var(--ow-light-gray-color);
   height: fit-content;
   padding: 5px;
   border-radius: 10px;
   box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
   background-color: var(--ow-white-color);
   margin-left: 10px;
}

   #contentPageHeader .culture-flags > * {
      margin: 2px;
   }

   #contentPageHeader .culture-flags .culture-flag.active {
      opacity: 1;
   }

   #contentPageHeader .culture-flags .culture-flag {
      opacity: 0.3;
   }

img.culture-flag {
   width: 40px;
   height: 20px;
}

#content-wrap {
   padding: 30px;
}

.hidden {
   display: none !important;
}

@media(max-width: 991px) {
   .section-title h1,
   .admin-page-title,
   .your-web-spaces-title {
      font-size: 22px;
   }
}

@media(max-width: 767px) {
   .section-title h1,
   .admin-page-title,
   .your-web-spaces-title {
      font-size: 18px;
   }
}

/*#region Scrollbar*/

::-webkit-scrollbar {
   width: 15px;
   height: 15px;
}

::-webkit-scrollbar-track {
   background-color: var(--ow-gray-color);
   border-radius: 100px;
}

::-webkit-scrollbar-thumb {
   background-color: var(--ow-main-color);
   border-radius: 100px;
   border: 5px solid transparent;
   background-clip: content-box;
}

/*#endregion*/

.modal-header {
   background-color: var(--ow-main-color);
   color: var(--ow-white-color);
}

.modal-body {
   background-color: var(--ow-light-gray-color);
}

.Zebra_DatePicker_Icon {
   top: 50% !important;
   left: auto !important;
   right: -25px !important;
   transform: translateY(-50%);
}

   .Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside {
      top: 50% !important;
      left: auto !important;
      right: 10px !important;
      transform: translateY(-50%);
   }

/*#endregion*/

/* #region Header */

header {
   padding: 15px;
   height: 75px;
   position: relative;
   border-bottom: 0.3px solid var(--ow-main-color);
}

   header .header-logo {
      float: left;
      cursor: pointer;
   }

      header .header-logo img {
         max-height: 40px;
      }

   header .header-sections {
      float: right;
   }

   header:after {
      clear: both;
      content: ".";
      height: 0;
      visibility: hidden;
      display: block;
   }

   header .header-sections > div {
      display: inline-block;
      margin-left: 15px;
   }

   header .header-sections .header-link {
      background-color: #f2f2f2;
      padding: 10px 20px;
      border-radius: 10px;
      font-weight: 500;
      color: var(--ow-black-color);
      display: inline-block;
      background: linear-gradient(to left, #E5F0FF 50%, #25476A 50%) right;
      background-size: 300%;
      transition: 0.4s ease-out;
   }

   header .header-sections .client-sites .header-link {
      background-color: #E5F0FF;
      color: var(--ow-main-color);
   }

   header .header-sections .header-link:hover {
      background-color: var(--ow-main-color);
      color: var(--ow-white-color);
      background-position: left;
   }


   header .client-user,
   header .client-sites {
      position: relative;
   }

   header .client-user-info,
   header .sites-list {
      position: absolute;
      background-color: var(--ow-white-color);
      border: 1px solid var(--ow-light-gray-color);
      padding: 29px 20px;
      right: 0;
      top: 62px;
      width: 300px;
      z-index: 99;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
   }

   header .client-user-info {
      width: 200px;
   }

      header .client-user-info a,
      header .sites-list div.item {
         display: block;
         border-bottom: 1px solid var(--ow-light-gray-color);
         padding: 10px;
         color: var(--ow-black-color);
      }

         header .client-user-info a:last-child,
         header .sites-list div.item:last-child {
            border-bottom: none;
         }

         header .client-user-info a:hover,
         header .sites-list div.item:hover {
            color: var(--ow-main-color);
         }


         header .sites-list div.item .icon i {
            display: inline-block;
            background-color: #0d6efd;
            color: var(--ow-white-color);
            font-size: 11px;
            width: 20px;
            height: 20px;
            display: inline-block;
            text-align: center;
            line-height: 20px;
            border-radius: 50%;
         }

         header .sites-list div.item .icon {
            display: inline-block;
            margin-right: 4px;
         }

            header .sites-list div.item .icon i:hover {
               background-color: var(--ow-black-color);
            }

         header .sites-list div.item.active,
         header .sites-list div.item:hover {
            background-color: var(--ow-active-color);
            color: var(--ow-black-color);
         }

   header .sites-list .title {
      font-weight: 700;
      font-size: 20px;
      display: block;
      margin-bottom: 10px;
   }

.header-sections .header-link span {
   margin-left: 5px;
}

/*#region Lingue*/

.header-languageswitcher {
   position: relative;
   padding-left: 20px;
}

   .header-languageswitcher:before {
      content: "";
      height: 26px;
      width: 2px;
      background-color: var(--ow-black-color);
      position: absolute;
      left: 0px;
      top: 0px;
   }

   .header-languageswitcher a {
      color: var(--ow-black-color);
      opacity: 0.3;
   }

      .header-languageswitcher a.active,
      .header-languageswitcher a:hover {
         opacity: 1;
      }

/*#endregion*/

#toggleMenuButton {
   background-color: var(--ow-main-color);
   color: var(--ow-white-color);
   width: 40px;
   display: inline-block;
   height: 40px;
   text-align: center;
   line-height: 40px;
   border-radius: 50%;
   font-size: 20px;
   cursor: pointer;
}

body.hidden-menu #toggleMenuButton {
   background: linear-gradient(to left, #25476A 50%, #E5F0FF 50%) right;
   background-size: 300%;
   transition: 0.4s ease-out;
   background-color: var(--ow-main-color);
   color: var(--ow-white-color);
}

body:not(.hidden-menu) #toggleMenuButton {
   background: linear-gradient(to left, #25476A 50%, #E5F0FF 50%) left;
   background-size: 300%;
   transition: 0.4s ease-out;
   background-color: #E5F0FF;
   color: var(--ow-main-color);
}

/* #endregion */

/*#region Footer*/

footer {
   font-size: 15px;
   text-align: center;
   display: flex;
   flex-direction: column;
}

   footer > div {
      display: inline-block;
      margin: 0 15px;
      color: #CCC;
   }

   footer a {
      color: #CCC;
      text-decoration: underline;
   }

/*#endregion*/

/*#region Menu*/

#flex-content {
   display: flex;
   background-color: #EFF3F7;
   min-height: calc(100vh - 75px);
}

#left-panel {
   padding: 0 10px;
   float: left;
   position: sticky;
   align-self: flex-end;
   bottom: 0;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
   min-height: 100vh;
   background-color: var(--ow-main-color);
   --navbar-width: 240px;
   --navbar-hidden-width: 60px;
   z-index: 999;
}

.hidden-menu #left-panel:hover {
   margin-left: 0;
}

#page-content {
   margin-left: 0;
   margin-right: 0;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
   padding-top: 10px;
   width: 100%;
   position: relative;
   min-width: 0px;
   flex-direction: column;
}

.hidden-menu #page-content {
   margin-left: 0px;
}

#left-panel .navbar-collapse {
   padding: 0;
   display: block;
}

#left-panel .navbar-nav > li {
   float: none;
   width: var(--navbar-width);
   transition: 0.3s all ease;
}

.hidden-menu #left-panel .navbar-nav > li {
   float: none;
   position: relative;
   width: var(--navbar-hidden-width);
}

   .hidden-menu #left-panel .navbar-nav > li.nav-item.custom-panel-title i {
      left: 40%;
   }

   .hidden-menu #left-panel .navbar-nav > li.nav-item.custom-panel-title .custom-panel-title {
      visibility: hidden;
   }

#left-panel .navbar-nav > li:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

#left-panel .navbar-nav > li > a {
   color: var(--ow-white-color);
   padding: 8px 28px 8px 34px;
   margin-bottom: 10px;
   border-radius: 10px;
   transition: .600s;
   font-size: 15px;
   position: relative;
   background-color: rgba(255, 255, 255, 0.2);
   transition: none;
}

   #left-panel .navbar-nav > li > a.dropdown-toggle {
      overflow: hidden;
      text-overflow: ellipsis;
   }

   #left-panel .navbar-nav > li > a:hover {
      background-color: rgba(255, 255, 255, 0.4);
   }

   #left-panel .navbar-nav > li > a.nav-link.active,
   #left-panel .navbar-nav > li > a.nav-link.current {
      background-color: var(--ow-white-color);
      color: var(--ow-main-color);
   }

#left-panel .navbar-nav > li.custom-panel-title > a.nav-link.active {
   background-color: rgba(255, 255, 255, 0.4);
}

#left-panel .navbar-nav > li > a i {
   font-size: 17px;
   margin-right: 5px;
   padding-top: 5px;
   position: absolute;
   left: 10px;
   margin-top: -14px;
   top: 50%;
}

.hidden-menu #left-panel .navbar-nav > li:not(.dropdown) > a i {
   left: 37%;
}

#left-panel .navbar-default .navbar-nav > li > a b {
   float: right;
}

#left-panel .navbar-nav > li.dropdown > a {
   color: var(--ow-white-color);
   background-color: var(--ow-control-panel-group-color, var(--ow-custom-panel-group-color)) !important;
}


.hidden-menu #left-panel .navbar-nav > li.dropdown > a {
   height: 40px;
   text-align: center;
   background-color: var(--ow-custom-panel-group-color, var(--ow-control-panel-group-color)) !important;
}

#left-panel .navbar-nav > li.dropdown > a::after {
   color: var(--ow-main-color);
   content: "+";
   font-size: 21px;
   margin: 0;
   position: absolute;
   right: 12px;
   top: 4px;
   font-weight: 800;
   border: none;
}

#left-panel .navbar-nav > li.dropdown:hover > a:after {
   color: var(--ow-white-color);
}

#left-panel .navbar-nav > li.dropdown > a.show {
   background-color: rgba(255, 255, 255, 0.4);
}

   #left-panel .navbar-nav > li.dropdown > a.show::after {
      color: var(--ow-white-color);
      content: "-";
   }

#left-panel .navbar-nav > li .dropdown-item {
   height: 40px;
   background-color: var(--ow-custom-panel-item-color);
}

   #left-panel .navbar-nav > li .dropdown-item.active {
      background-color: rgba(255, 255, 255, 0.2);
   }

#left-panel .navbar-nav > li.active.dropdown > a::before {
   display: none;
}

#left-panel .navbar-nav .dropdown-menu {
   background-color: rgba(255, 255, 255, 0.2);
   margin-right: -10px;
}

#left-panel .navbar-nav .dropdown-menu {
   background-color: rgba(255, 255, 255, 0.15);
   border: none;
   border-radius: 8px;
   margin: 0 0 8px 0;
   padding: 0;
   position: static;
   float: none;
}

.group-name,
.dropdown-item-name,
span.custom-panel-title {
   width: var(--navbar-width);
   min-width: var(--navbar-width);
   transition: 0.3s all ease;
}

li.custom-panel-title > .nav-link {
   background-color: var(--ow-custom-panel-color);
}

.custom

.hidden-menu li.custom-panel-title a {
   height: 50px;
}

   .hidden-menu li.custom-panel-title a i {
      left: 33% !important;
   }

#left-panel .navbar-nav .dropdown-menu {
   width: var(--navbar-width);
   min-width: var(--navbar-width);
   text-align: start;
   transition: 0.3s all ease;
}

.hidden-menu .group-name,
.hidden-menu .dropdown-item-name {
   width: var(--navbar-hidden-width);
   min-width: var(--navbar-hidden-width);
   display: none;
}

.hidden-menu #left-panel .navbar-nav .dropdown-menu {
   width: var(--navbar-hidden-width);
   min-width: var(--navbar-hidden-width);
   text-align: center;
}


#left-panel li .dropdown-item:focus,
#left-panel li .dropdown-item:hover {
   background-color: rgba(255, 255, 255, 0.2);
   transition: 0.3s all ease;
   color: var(--ow-white-color);
}

.hidden-menu #left-panel a[name]::after {
   content: attr(name);
   position: absolute;
   visibility: hidden;
   left: 60px;
   top: 0;
   opacity: 0;
   transform: translateX(-30px);
   transition: 0.3s ease all;
   height: 41px;
   color: var(--ow-white-color);
   background-color: #6a8199;
   border-left: none;
   border-bottom-right-radius: 5px;
   border-top-right-radius: 5px;
   display: flex;
   align-items: center;
   padding: 15px;
}

.hidden-menu #left-panel a[name]:hover::after {
   visibility: visible;
   opacity: 1;
   transform: translateX(0px);
}

.dropdown-menu {
   border: none;
   border-radius: 0;
   margin-bottom: 10px;
   position: relative;
   margin-left: -16px;
   background-color: rgba(255, 255, 255, 0.1);
}

   .dropdown-menu > li > a {
      color: var(--ow-white-color);
      font-size: 15px;
      padding: 10px 10px 10px 10px;
      overflow: hidden;
      text-overflow: ellipsis;
   }

body:not(.hidden-menu) #left-panel .dropdown-menu > li > a i {
   margin-right: 5px;
}

.navbar-nav > li > .dropdown-menu {
   position: relative;
}

   .navbar-nav > li > .dropdown-menu li {
      position: relative;
   }

@media(max-width: 1100px) {
   #flex-content {
      display: flex;
      background-color: #F7FBFF;
      min-height: calc(100vh - 125px);
   }

   header {
      height: 125px;
   }

      header .header-sections > div {
         margin-left: 8px;
      }

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

      header .header-sections .header-link {
         padding: 8px 20px;
      }

      header .client-user-info,
      header .sites-list {
         right: unset;
         z-index: 9999;
      }

   #header {
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      align-items: center;
   }

   #left-panel {
      padding: 0 10px;
      float: left;
      position: sticky;
      align-self: flex-end;
      bottom: 0;
      min-height: 100vh;
      background-color: var(--ow-main-color);
   }

      #left-panel .navbar-nav .dropdown-menu {
         margin-top: 0px;
         padding: 0px;
         min-width: 100%;
      }

   .dropdown-menu > li > a {
      font-size: 14px;
   }

   .hidden-menu #page-content {
      padding-top: 0px;
      display: block;
   }
}


@media(max-width: 767px) {
   #flex-content {
      display: flex;
      background-color: #F7FBFF;
   }

   #left-panel {
      width: 100%;
      background-color: var(--ow-main-color);
      float: none;
      bottom: 0;
      min-height: 100vh;
      position: sticky;
      z-index: 900;
   }

   .header-sections .header-link span {
      display: none;
   }


   #page-content {
      margin-left: 100%;
   }

   body:not(.hidden-menu) #page-content {
      display: none;
   }

   .hidden-menu #page-content {
      padding-top: 0px;
   }

   .hidden-menu #left-panel {
      margin-left: -100%;
   }

   #page-content,
   .hidden-menu #page-content {
      margin-left: 0;
      display: block;
   }

   .hidden-menu #page-content {
      display: block;
   }


   .navbar-nav > li > .dropdown-menu::before {
      bottom: 19px;
   }

   #left-panel .navbar-nav > li {
      float: none;
      width: 100%;
   }
}

/*TODO*/
@media(max-width: 415px) {
   header {
      height: 175px;
   }
}



nav ul li.active > a::before {
   color: var(--ow-main-color);
   content: "\f054";
   display: block;
   font-family: "Font Awesome 5 Free";
   font-size: 14px;
   height: 27px;
   line-height: normal;
   position: absolute;
   right: -8px;
   width: 27px;
   font-weight: bold;
   top: 13px;
}

nav ul li.active.parent-active.open > a::before {
   content: "\f078";
}

#left-panel .navbar-nav > li.open > a.dropdown-toggle {
   color: var(--ow-main-color);
}

/* Unused Styles (Commented Out) */
/*
.navbar-nav > li > .dropdown-menu::before {
   border-left: 1px dashed #FFF;
   bottom: 28px;
   content: "";
   display: block;
   left: 23px;
   position: absolute;
   top: 0;
   z-index: 1;
}

.navbar-nav > li > .dropdown-menu li::before {
   border-top: 1px dashed #FFF;
   content: "";
   display: block;
   left: 23px;
   position: absolute;
   top: 16px;
   width: 9px;
   z-index: 1;
}
*/


/*#endregion*/

/*#region Pannello di controllo*/

.button-back {
   background-color: var(--ow-main-color);
   color: var(--ow-white-color);
   width: 40px;
   display: inline-block;
   height: 40px;
   text-align: center;
   line-height: 40px;
   border-radius: 50%;
   font-size: 20px;
   cursor: pointer;
   margin-right: 10px;
   transition: 0.3s all ease;
}

   .button-back:hover {
      background-color: var(--ow-header-action-color);
      color: var(--ow-white-color);
   }

.alert-warning {
   margin-top: 10px;
}

.control-panel-item a:not(.toggle-section-active) {
   color: var(--ow-black-color);
   display: block;
   padding: 15px 15px 15px 82px;
   border-radius: 10px;
   border: 1px solid var(--ow-light-gray-color);
   margin-bottom: 10px;
   position: relative;
   min-height: 110px;
   background-color: var(--ow-white-color);
   box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
   flex-grow: 1;
}

   .control-panel-item a:not(.toggle-section-active) i {
      background-color: var(--ow-control-panel-item-color, var(--ow-main-color));
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      border-radius: 50%;
      position: absolute;
      left: 15px;
      top: 50%;
      font-size: 25px;
      margin-top: -25px;
      color: var(--ow-white-color);
   }

   .control-panel-item a:not(.toggle-section-active) .title {
      display: block;
      font-weight: 700;
   }

   .control-panel-item a:not(.toggle-section-active) .description {
      color: #AAA;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      text-overflow: ellipsis;
   }

.control-panel-item {
   padding: 0 5px;
   position: relative;
   display: flex;
   flex-direction: column;
}

.control-panel-items {
   margin: 0 -5px 40px;
}

.control-panel-item a:not(.toggle-section-active) {
   transition: all 0.3s;
}

   .control-panel-item a:not(.toggle-section-active):hover {
      z-index: 3;
      background-color: #f3f3f3;
      border: 1px solid #e1e1e1;
      background-color: rgb(from var(--ow-control-panel-item-color, var(--ow-main-color)) r g b / 0.07);
   }

   .control-panel-item a:not(.toggle-section-active) i {
      transition: 0.2s all ease;
   }


   .control-panel-item a:not(.toggle-section-active):hover i {
      transform: translateY(-5px);
   }



.control-panel-item .toggle-section-active {
   position: absolute;
   top: 5%;
   right: 5%;
   cursor: pointer;
}

   .control-panel-item .toggle-section-active:after {
      display: inline-block;
      font-family: 'Font Awesome 6 Free';
      font-weight: 600;
   }


   .control-panel-item .toggle-section-active.active:after {
      content: "\f111";
      color: #2CFF37;
   }

   .control-panel-item .toggle-section-active.active:hover:after {
      color: #2CFF3766 !important;
   }

   .control-panel-item .toggle-section-active.not-active:after {
      content: "\f111";
      color: #FF0000;
   }

   .control-panel-item .toggle-section-active.not-active:hover:after {
      color: #FF000066 !important;
   }

.control-panel-item .toggle-section-active {
   z-index: 3;
}

.control-panel-list a {
   background-color: var(--ow-white-color);
   color: var(--ow-black-color);
   display: inline-block;
   padding: 10px 20px;
   border-radius: 10px;
   font-weight: bold;
   border: 1px solid var(--ow-light-gray-color);
   transition: 0.3s all ease;
}

.control-panel-list {
   border-bottom: 1px solid var(--ow-light-gray-color);
   padding-bottom: 15px;
   margin-bottom: 15px;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
}

   .control-panel-list a i {
      margin-right: 6px;
      background-color: var(--ow-control-panel-color, var(--ow-main-color));
      border-radius: 50%;
      width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      color: var(--ow-white-color);
      font-size: 15px;
   }

   .control-panel-list a.selected,
   .control-panel-list a:hover {
      background-color: #f3f3f3;
      background-color: rgb(from var(--ow-control-panel-color, var(--ow-main-color)) r g b / 0.07);
      color: var(--ow-main-color);
      box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
      border: 1px solid var(--ow-control-panel-color);
   }

ul.control-panel-item li {
   height: 40px;
}

@media(max-width: 1450px) {
   .control-panel-item a:not(.toggle-section-active) {
      min-height: 130px;
   }
}

@media(max-width: 991px) {

   .control-panel-item a:not(.toggle-section-active) i {
      width: 40px;
      height: 40px;
      font-size: 20px;
      line-height: 40px;
      top: 38px;
      left: 10px;
   }

   .control-panel-item a:not(.toggle-section-active) {
      padding: 10px 10px 10px 62px;
      min-height: 87px;
   }

      .control-panel-item a:not(.toggle-section-active) .description {
         font-size: 16px;
         display: inline-block;
         line-height: 17px;
      }

   .control-panel-items {
      margin-bottom: 20px;
   }
}

@media(max-width: 767px) {
   .control-panel-list a {
      padding: 5px 10px;
   }

   .control-panel-list {
      padding-bottom: 10px;
      margin-bottom: 10px;
      gap: 5px;
   }

   .control-panel-item a:not(.toggle-section-active) {
      min-height: auto;
      padding: 10px 10px 10px 60px;
      line-height: 18px;
   }

      .control-panel-item a:not(.toggle-section-active) i {
         width: 40px;
         height: 40px;
         font-size: 17px;
         line-height: 40px;
         top: 35px;
         left: 10px;
      }

      .control-panel-item a:not(.toggle-section-active) .title {
         margin-bottom: 3px;
      }

   .control-panel-items {
      margin-bottom: 0px;
   }

   .control-panel-item a:not(.toggle-section-active) .description {
      font-size: 15px;
   }

   .button-back {
      width: 35px;
      height: 35px;
      line-height: 35px;
      display: inline-block;
      font-size: 15px;
   }

      .button-back i {
         font-size: 16px;
      }

   .alert-warning {
      margin-top: 0px;
      font-size: 14px;
      padding: 15px;
   }
}

/*#endregion*/

/*#region Briciole di pane*/

/*#breadcrumb {
   text-align: right;
   background-color: var(--ow-white-color);
   padding: 8px 15px;
   font-size: 16px;
   position: absolute;
   top: 10px;
   right: 10px;
   width: auto;
   border: 1px solid #dedede;
   border-radius: 8px;
   box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
   font-weight: 500;
}*/

#breadcrumb {
   /* text-align: right; */
   background-color: var(--ow-white-color);
   padding: 2px 10px;
   font-size: 16px;
   position: relative;
   /* top: 10px; */
   /* right: 10px; */
   width: fit-content;
   border: 1px solid #dedede;
   border-radius: 8px;
   box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
   font-weight: 500;
   margin: 0px 0px 10px 10px;
   display: none;
}

   #breadcrumb:has(a) {
      display: block;
   }


   #breadcrumb a {
      color: var(--ow-black-color);
      text-decoration: none;
      transition: color 0.3s ease;
   }

      #breadcrumb a:hover {
         color: var(--ow-header-action-color);
      }

      #breadcrumb a:not(:first-of-type)::before,
      #breadcrumb b::before {
         display: inline-block;
         font-family: 'Font Awesome 6 Free';
         font-weight: 600;
         content: "\f105";
         margin-left: 8px;
         margin-right: 8px;
         color: var(--ow-header-action-color);
      }

@media(max-width: 1200px) {
   #breadcrumb {
      position: relative;
      font-size: 16px;
      margin: 5px 10px 10px 10px;
      text-align: left;
   }
}

@media(max-width: 767px) {
   #breadcrumb {
      font-size: 15px;
      padding: 6px 12px;
   }
}

@media(max-width: 576px) {
   #breadcrumb {
      font-size: 14px;
      padding: 5px 10px;
   }
}

/*#endregion*/

/*#region Tabs*/

@media projection, screen {
   .ui-tabs-hide {
      display: none;
   }
}

@media print {
   .ui-tabs-nav {
      display: none;
   }
}

/*ul.ui-tabs-nav {
   padding: 0 0 0 25px;
   margin-bottom: 0;
}

   ul.ui-tabs-nav::after {
      clear: both;
      content: ".";
      height: 0;
      visibility: hidden;
      display: block;
   }

   ul.ui-tabs-nav li {
      list-style: none;
      display: inline-block;
      float: left;
      background-color: var(--ow-white-color);
      padding: 7px 20px;
      margin-right: 9px;
      border-radius: 6px 6px 0 0px;
      border: 1px solid var(--ow-light-gray-color);
      margin-top: 10px;
      transition: 0.2s all ease;
   }

      ul.ui-tabs-nav li a {
         color: var(--ow-black-color);
         font-weight: 600;
      }

      ul.ui-tabs-nav li.ui-tabs-selected {
         background-color: var(--ow-main-color);
         border-color: var(--ow-main-color);
      }

         ul.ui-tabs-nav li.ui-tabs-selected a {
            color: var(--ow-white-color);
         }

      ul.ui-tabs-nav li:hover {
         background-color: var(--ow-light-gray-color);
      }

         ul.ui-tabs-nav li:hover a {
            color: var(--ow-main-color);
         }

      ul.ui-tabs-nav li.ui-tabs-selected:hover a {
         color: var(--ow-white-color);
      }

      ul.ui-tabs-nav li.ui-tabs-selected:hover {
         background-color: var(--ow-main-color);
         color: var(--ow-white-color);
      }
*/

ul.ui-tabs-nav {
   background-color: #fff;
   margin-bottom: 0px;
   border: 1px solid var(--ow-light-gray-color);
   margin-top: 15px;
   padding-left: calc(1.5rem* .5 + 15px);
   display: flex;
   flex-wrap: wrap;
}


   ul.ui-tabs-nav::after {
      clear: both;
      content: "";
      height: 0;
      visibility: hidden;
      display: block;
   }

   ul.ui-tabs-nav li {
      list-style: none;
      /*      display: inline-block;
*/
   }



      ul.ui-tabs-nav li a {
         color: var(--ow-black-color);
         margin: 0;
         font-weight: 700;
         position: relative;
         display: flex;
         padding: 15px 23px 15px 23px;
         min-width: 100px;
         text-align: center;
         align-items: center;
         flex-wrap: wrap;
         justify-content: center;
         gap: 7px;
      }

      ul.ui-tabs-nav li.ui-tabs-selected a {
         color: var(--ow-main-color);
         background-color: rgb(from var(--ow-main-color) r g b / 0.07);
      }

         ul.ui-tabs-nav li.ui-tabs-selected a:after {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            bottom: 0;
            height: 3px;
            background: var(--ow-main-color);
            width: 100%;
         }


      ul.ui-tabs-nav li:hover a {
         color: var(--ow-main-color);
      }

      /*      ul.ui-tabs-nav li.ui-tabs-selected:hover a {
         color: var(--ow-white-color);
      }*/

      /*      ul.ui-tabs-nav li.ui-tabs-selected:hover a {
         background-color: var(--ow-light-gray-color);
      }*/

      ul.ui-tabs-nav li:hover {
         color: var(--ow-main-color);
      }


      ul.ui-tabs-nav li:not(.ui-tabs-selected):hover a:after {
         position: absolute;
         content: "";
         left: 0;
         right: 0;
         bottom: 0;
         height: 3px;
         background: var(--ow-light-gray-color);
         width: 100%;
      }

.ui-tabs-panel {
   background-color: var(--ow-white-color);
   padding: 20px;
   border: 1px solid var(--ow-light-gray-color);
   margin-top: -1px;
}


ul.ui-tabs-nav li.ui-tabs-disabled {
   background: repeating-linear-gradient(-45deg, #f2f0f0 1px, #f2f0f0 1px, white 7px, #c6c6c6 1px);
}

   ul.ui-tabs-nav li.ui-tabs-disabled:hover {
      cursor: not-allowed;
   }

   ul.ui-tabs-nav li.ui-tabs-disabled a {
      color: #9e9e9e;
      pointer-events: none;
   }

/*#customCssTab .icon {
   margin-bottom: 5px;
   display: inline-block;
   line-height: 11px;
   margin-right: 2px;
}

#javascriptTab .icon {
   margin-bottom: 5px;
   display: inline-block;
   line-height: 11px;
   margin-right: 2px;
}
*/
/*@media(max-width: 767px) {
   ul.ui-tabs-nav {
      margin-top: 0px;
      padding-left: 0px;
   }

      ul.ui-tabs-nav li {
         padding: 5px 10px;
         margin-right: 0px;
      }

   .ui-tabs-panel {
      padding: 15px;
   }

   .alert-success {
      font-size: 14px;
      padding: 10px;
   }
}*/

.modal ul.ui-tabs-nav {
   padding-left: 0;
   margin-top: 0;
}

   .modal ul.ui-tabs-nav li {
      display: flex;
      flex: 1;
      justify-content: space-evenly;
      flex-wrap: wrap;
   }

      .modal ul.ui-tabs-nav li a {
         width: 100%;
      }

/*#endregion*/

/*#region Header Actions*/

.header-actions a {
   display: inline-block;
   padding: 5px 15px;
   margin-right: 5px;
   margin-bottom: 5px;
   border-radius: 10px;
   color: var(--ow-white-color) !important;
   background-color: var(--ow-header-action-color);
   cursor: pointer;
   transition: 0.3s all ease;
}

   .header-actions a.item-selected {
      background-color: var(--ow-main-color);
      color: var(--ow-white-color) !important;
   }


.header-actions div {
   display: inline-block;
   margin-bottom: 5px;
}

.header-actions.actions {
   margin-bottom: 20px;
   padding-bottom: 20px;
   text-align: right;
   border-bottom: 1px dashed;
}

.header-actions a:hover {
   background-color: var(--ow-main-color);
   color: var(--ow-white-color) !important;
}

@media(max-width: 767px) {
   .header-actions.actions {
      padding-bottom: 10px;
      margin-bottom: 10px;
   }

      .header-actions.actions span {
         display: none;
      }
}

/*#endregion*/

/*#region Form*/

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

   .form-group a.icon {
      border-radius: 5px;
      border: 1px solid var(--ow-gray-color);
      color: var(--ow-main-color);
      padding: 5px;
      background-color: var(--ow-white-color);
      transition: all 0.2s ease;
      margin-right: 5px;
      font-size: 14px;
   }

      .form-group a.icon:hover {
         background-color: var(--ow-main-color);
         color: var(--ow-white-color);
         border-color: var(--ow-main-color);
      }

      .form-group a.icon:after {
         width: auto;
      }

      .form-group a.icon + div.input-div {
         margin-top: 5px;
      }

   .form-group.inline-input {
      display: flex;
      align-items: center;
      gap: 10px;
   }

.btn {
   font-weight: 600;
   padding: 5px 30px;
}

   .btn.btn-green {
      background-color: #98C34B;
      border-color: #98C34B;
      color: var(--ow-white-color);
   }

.btn-green:hover,
.btn-green:focus {
   color: var(--ow-white-color);
   background-color: #8AAF44;
   border-color: #8AAF44;
   box-shadow: 0 0 0 .25rem rgba(152,195,75,.5);
}

.btn.btn-secondary.active {
   background-color: #0a58ca;
   border-color: #0a58ca;
   color: var(--ow-white-color);
}

.button-secondary {
   display: inline-block;
   margin-top: 10px;
   font-size: 15px;
   color: #AAA;
}

#contentButtons {
   text-align: center;
   padding-top: 30px;
   background-color: var(--ow-white-color);
   padding: 20px;
   border-left: 1px solid var(--ow-light-gray-color);
   border-bottom: 1px solid var(--ow-light-gray-color);
   border-right: 1px solid var(--ow-light-gray-color);
}

.input-div {
   position: relative;
}

.input-group input[type="radio"] {
   border-top-right-radius: 50% !important;
   border-bottom-right-radius: 50% !important;
}

   .input-group input[type="radio"] + .form-check-label {
      margin-left: 5px !important;
   }

.input-group input[type="checkbox"] {
   border-top-right-radius: .25em !important;
   border-bottom-right-radius: .25em !important;
}


input[type="checkbox"]:not(:checked)[disabled] {
   background-color: #e9ecef;
}

.input-group input[type="checkbox"] + .form-check-label {
   margin-left: 5px !important;
}


.form-check-input.red-checkbox:checked {
   background-color: red;
   border-color: red;
}

.form-check-input.red-checkbox:focus {
   box-shadow: 0px 0px 0 .25rem #FF000033;
}

.inputbox .validation-highlight {
   background-color: #F04D4C24;
   border-color: #F04D4C;
}

.inputbox label.validation-error-label, .inputbox .total-record-label {
   padding: 1px 10px;
   background-color: #F04D4C;
   color: var(--ow-white-color);
   font-weight: 400;
   font-size: 11px;
   position: absolute;
   right: -8px;
   bottom: -12px;
}

.inputbox .total-record-label {
   background-color: var(--ow-light-blue);
}

.legend span {
   font-size: 15px;
   font-weight: 600;
}

.inputbox .validation-required::after,
.legend .validation-required::after {
   content: "*";
   font-size: 19px;
   position: absolute;
   top: -5px;
   color: #F04D4C;
   margin-left: 3px;
}

label.control-label,
span.control-label {
   font-weight: 600;
   position: relative;
   font-size: 15px;
}


label.localized {
   text-decoration: underline;
}

.legend {
   text-align: right;
   font-size: 12px;
}

   .legend .validation-required {
      position: relative;
      padding-right: 11px;
   }

th.validation-required {
   position: relative;
}

fieldset {
   margin: 20px 0 30px;
   padding: 10px 15px;
   border: 1px dashed var(--ow-gray-color);
   border-radius: 5px;
   background-color: #f4faff;
}

   fieldset legend {
      background-color: var(--ow-main-color);
      width: auto;
      color: var(--ow-white-color);
      font-size: 14px;
      text-transform: uppercase;
      padding: 3px 20px;
      font-weight: 600;
      margin-top: -25px;
      margin-bottom: 15px;
      position: relative;
      border-radius: 5px;
   }

   fieldset fieldset {
      padding-left: 10px;
      padding-right: 10px;
      background-color: #ecfbff;
   }

.confirm-cancel-tab-buttons {
   text-align: center;
   border-top: 2px dashed var(--ow-light-gray-color);
   padding-top: 20px;
}

#contentPageFooter {
   text-align: center;
   margin-top: 20px;
   margin-bottom: 20px;
}


   #contentPageFooter br + .back-to-control-panel-link-button {
      margin-top: 10px;
   }

   #contentPageFooter a.btn-outline-secondary {
      background-color: var(--ow-light-gray-color);
      border-color: #c3c3c3;
      width: fit-content;
   }

      #contentPageFooter a.btn-outline-secondary:hover {
         background-color: #c3c3c3;
      }


div.blockUI.blockMsg.blockPage {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

div.blockUI .loading-indicator {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

div.loading-indicator .justify-content-center:before,
div.loading-indicator .justify-content-center:after {
   position: absolute;
   top: 0;
   content: '';
}

div.loading-indicator .justify-content-center:before {
   left: -19.992px;
}

div.loading-indicator .justify-content-center:after {
   left: 19.992px;
   -webkit-animation-delay: 0.32s !important;
   animation-delay: 0.32s !important;
}

div.loading-indicator .justify-content-center:before,
div.loading-indicator .justify-content-center:after,
div.loading-indicator .justify-content-center {
   background: var(--ow-main-color);
   -webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out;
   animation: loading-keys-app-loading 0.8s infinite ease-in-out;
   width: 13.6px;
   height: 17px;
}

div.loading-indicator .justify-content-center {
   text-indent: -9999em;
   margin: auto;
   position: absolute;
   right: calc(50% - 6.8px);
   top: calc(50% - 16px);
   -webkit-animation-delay: 0.16s !important;
   animation-delay: 0.16s !important;
}

@-webkit-keyframes loading-keys-app-loading {

   0%, 80%, 100% {
      opacity: .75;
      box-shadow: 0 0 var(--ow-main-color);
      height: 32px;
   }

   40% {
      opacity: 1;
      box-shadow: 0 -8px #076fe5;
      height: 40px;
   }
}

@keyframes loading-keys-app-loading {

   0%, 80%, 100% {
      opacity: .75;
      box-shadow: 0 0 var(--ow-main-color);
      height: 20px;
   }

   40% {
      opacity: 1;
      box-shadow: 0 -8px var(--ow-main-color);
      height: 30px;
   }
}


select option:disabled {
   background-color: var(--ow-light-gray-color);
}

label.control-label + input.input-type-checkbox {
   margin-left: 5px;
}

label.validation-required + a.helptip {
   margin-left: 10px;
}

label.validation-required + a.icon {
   margin-left: 10px;
}

label.validation-required + a.btn {
   margin-left: 10px;
}

label.validation-required + #showSiteAnchor {
   margin-left: 10px;
}

fieldset legend a.helptip {
   color: var(--ow-white-color);
}

.input-group-append .btn {
   height: 38px;
   width: 38px;
}

span.select2-container {
   width: 100% !important;
}

.upload-clear-links .button-secondary {
   width: 100%;
   border: 1px solid var(--ow-light-gray-color);
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   margin: 10px;
   background-color: var(--ow-light-gray-color);
   border-radius: 5px;
}

   .upload-clear-links .button-secondary:hover {
      background-color: #c6c6c6;
   }

.upload-link-container .button-secondary,
.remove-link-container .button-secondary,
.download-link-container .button-secondary {
   border: 1px solid var(--ow-light-gray-color);
   margin: 10px;
   padding: 3px;
   background-color: var(--ow-light-gray-color);
   border-radius: 5px;
}

   .upload-link-container .button-secondary:hover,
   .remove-link-container .button-secondary:hover,
   .download-link-container .button-secondary:hover {
      background-color: #c6c6c6;
   }

@media(max-width: 767px) {
   .header-actions a {
      font-size: 15px;
   }

   fieldset {
      margin-top: 0px;
      margin-bottom: 10px;
      padding: 7px 10px;
   }

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

@media(max-width: 767px) {
   fieldset {
      margin: 25px 0 30px;
   }
}

@media(max-width: 767px) {
   .confirm-cancel-tab-buttons {
      margin-top: 10px;
   }

   #contentPageFooter {
      margin-top: 10px;
   }

      #contentPageFooter a {
         margin-right: 10px;
      }

   fieldset legend {
      margin-bottom: 10px;
   }
}

/*#endregion*/

/*#region Tabelle*/


table thead th,
table thead td {
   background-color: var(--ow-main-color) !important;
   color: var(--ow-white-color) !important;
}

   table thead th a,
   table thead td a {
      color: var(--ow-white-color) !important;
   }

   table thead th.col-icons,
   table thead td.col-icons {
      width: 200px;
      min-width: 200px;
      white-space: nowrap
   }

   table thead th.col-1-icon {
      width: 80px;
      min-width: 80px;
   }

   table thead th.col-2-icons {
      width: 120px;
      min-width: 120px;
   }

   table thead th.col-3-icons {
      width: 150px;
      min-width: 150px;
   }

   table thead th.col-4-icons {
      width: 200px;
      min-width: 200px;
   }

   table thead th.col-5-icons {
      width: 240px;
      min-width: 240px;
   }

   table thead th.col-6-icons {
      width: 280px;
      min-width: 280px;
   }

   table thead th.col-7-icons {
      width: 320px;
      min-width: 320px;
   }

   table thead th.sortable a {
      margin-right: 7px;
      padding: 3px;
      font-size: 14px;
      display: inline-block;
      width: 100%;
   }

      table thead th.sortable a.active:after {
         content: "\f0de";
         color: var(--ow-orange) !important;
      }

      table thead th.sortable a.active.ascending:after {
      }

      table thead th.sortable a.active.descending:after {
         content: "\f0dd";
      }

      table thead th.sortable a:after {
         display: inline-block;
         font-family: 'Font Awesome 6 Free';
         font-weight: 600;
         padding: inherit;
         width: 20px;
         text-align: center;
      }

      table thead th.sortable a:after {
         content: "\f0dc";
      }


.table-striped > tbody > tr:nth-of-type(odd) > * {
   background-color: #EFF3F7;
   box-shadow: none;
}

tfoot {
   font-size: 13px;
   text-align: center;
}

table .pagination {
   display: block;
}

table tfoot td {
   border: none;
}

table tr.tDnD_whileDrag td {
   background-color: #FFFFDD !important;
}

table tr td.drag-and-drop {
   width: 20px;
}

   table tr td.drag-and-drop:after {
      display: inline-block;
      font-family: 'Font Awesome 6 Free';
      font-weight: 600;
      content: "\f338";
   }

@media(max-width: 767px) {

   table {
      font-size: 16px;
      margin-bottom: 0px !important;
   }

      table thead th.col-4-icons {
         width: 160px;
      }

   .icon {
      font-size: 15px !important;
   }
}

table tbody tr.deep-level-0 td.item-data {
   padding-left: 30px;
}

table tbody tr.deep-level-1 td.item-data {
   padding-left: 60px;
}

table tbody tr.deep-level-2 td.item-data {
   padding-left: 90px;
}

table tbody tr.deep-level-3 td.item-data {
   padding-left: 120px;
}

table tbody tr.deep-level-4 td.item-data {
   padding-left: 150px;
}

table tbody tr.deep-level-5 td.item-data {
   padding-left: 180px;
}

table tbody tr.deep-level-6 td.item-data {
   padding-left: 210px;
}

table tbody tr.deep-level-7 td.item-data {
   padding-left: 240px;
}

table tbody tr.deep-level-8 td.item-data {
   padding-left: 270px;
}

table tbody tr.deep-level-9 td.item-data {
   padding-left: 300px;
}

table tbody tr.deep-level-10 td.item-data {
   padding-left: 330px;
}

table tbody td.item-data .page-container {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   gap: 10px;
}

table tbody td.item-data .page-data-container {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   gap: 10px;
   flex-shrink: 0;
}

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

tr:not(.hidden) .toggle-child-plus:hover::before {
   content: "\2b" !important;
}

tr:not(.hidden) .toggle-child-plus:hover,
tr:not(.hidden) .toggle-child-minus:hover {
   background-color: var(--ow-header-action-color) !important;
   cursor: pointer !important;
}

   tr:not(.hidden) .toggle-child-minus:hover::before {
      content: "\f068" !important;
      font-weight: 600;
   }

tr.hidden-children {
   border-bottom: 1px solid var(--ow-main-color);
}


/*#region Paginatore*/
table.data-table tfoot .pagination {
   display: flex;
   justify-content: center;
   align-items: center;
}

   table.data-table tfoot .pagination a:not(.first-page):not(.last-page) {
      width: 40px;
   }

   table.data-table tfoot .pagination a {
      cursor: pointer;
      padding: 5px;
      transition: 0.3s ease all;
      font-size: 14px;
      border: 1px solid var(--ow-gray-color);
      border-right: none;
      color: var(--ow-main-color);
   }

      table.data-table tfoot .pagination a.last-page {
         border-right: 1px solid var(--ow-gray-color);
      }

      table.data-table tfoot .pagination a:hover {
         background-color: var(--ow-main-color);
         color: var(--ow-white-color);
      }

      table.data-table tfoot .pagination a.disabled,
      table.data-table tfoot .pagination a.disabled:hover {
         cursor: not-allowed;
         background-color: var(--ow-white-color);
         color: var(--ow-gray-color);
      }

   table.data-table tfoot .pagination .page-number.current,
   table.data-table tfoot .pagination .page-number.current.disabled {
      color: var(--ow-white-color);
      background-color: var(--ow-main-color);
   }

   table.data-table tfoot .pagination span.goto-page {
      margin-left: 20px;
      margin-right: 5px;
   }

   table.data-table tfoot .pagination input.goto-page {
      width: 40px;
      height: 25px;
      text-align: center;
      margin-right: 5px;
   }

   table.data-table tfoot .pagination a.goto-page {
      width: 50px !important;
      border: 1px solid var(--ow-gray-color);
      margin-right: 5px;
   }

   table.data-table tfoot .pagination .total-rows {
      float: right;
      line-height: 24px;
   }

/*#endregion*/

/*#region Tabella scrollabile*/

.scrollable-table {
   max-height: 600px;
   overflow-y: auto;
}

   .scrollable-table table {
      margin-bottom: 0px;
   }

      .scrollable-table table thead {
         position: sticky;
         top: 0;
         z-index: 1;
      }

         .scrollable-table table thead th {
            position: relative;
            background-color: white;
            border-top: none;
         }

         .scrollable-table table thead::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 1px;
            background-color: var(--ow-black-color);
         }

      .scrollable-table table tfoot {
         position: sticky;
         bottom: -1px;
         z-index: 1;
      }

         .scrollable-table table tfoot tr {
            position: relative;
            background-color: white;
            border-top: none;
         }

         .scrollable-table table tfoot::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 1px;
            background-color: var(--ow-black-color);
         }

/*#endregion*/

/*#endregion*/

/*#region Icone*/

.input-div .floating-icon {
   position: absolute;
   top: 50%;
   right: 10px;
   font-weight: 900;
   transform: translateY(-50%);
   cursor: pointer;
   color: var(--ow-main-color);
}

.input-div .floating-icon {
   right: calc(10px + (var(--floating-icon-position, 0) * 25px));
}


   .input-div .floating-icon:hover {
      text-shadow: 0 0 10px rgba(37, 71, 106, 0.5);
      filter: brightness(1.05);
   }



.icon {
   margin-right: 7px;
   border: 1px solid;
   padding: 3px;
   font-size: 14px;
}

   .icon:after {
      display: inline-block;
      font-family: 'Font Awesome 6 Free';
      font-weight: 600;
      padding: inherit;
      width: 20px;
      text-align: center;
   }

a.icon:hover {
   background-color: var(--ow-header-action-color);
   border-color: var(--ow-header-action-color);
   color: var(--ow-white-color);
}

.icon.add:after {
   content: "\2b";
}

.icon.minus:after {
   content: "\f068";
}

.icon.double-arrow-up:after {
   content: "\f102";
}

.icon.double-arrow-down:after {
   content: "\f103";
}

.icon.checked:after {
   content: "\f00c";
}

.icon.unchecked:after {
   content: "\f00d";
}

.icon.configure:after {
   content: "\f085";
}

.icon.data:after {
   content: "\f0ce";
}

.icon.database:after {
   content: "\f1c0";
}

.icon.delete:after {
   content: "\f2ed";
}

.icon.deleteusers:after {
   content: "\e540";
}

.icon.default:after {
   content: "\f058";
}

.icon.download:after {
   content: "\f019";
}

.icon.upload:after {
   content: "\f093";
}

.icon.edit:after {
   content: "\f303";
}

.icon.editcopy:after {
   content: "\f0c5";
}

.icon.edit-roles:after {
   content: "\f0c0";
}

.icon.eraser:after {
   content: "\f12d";
}

.icon.random:after {
   content: "\f074";
}

.icon.activate:after {
   content: "\e5a0";
}

.icon.deactivate:after {
   content: "\e5a1";
}

.icon.find:after {
   content: "\f002";
}

.icon.go:after {
   content: "\f0a9";
}

.icon.info:after {
   content: "\f05a";
}

.icon.magic:after {
   content: "\e2ca";
}

.icon.mail-send:after {
   content: "\e4e8";
}

.icon.mails-show:after {
   content: "\f658";
}

.icon.manage-cms:after {
   content: "\f0ad";
}

.icon.meta-edit:after {
   content: "\4d";
}

.icon.money:after {
   content: "\24";
}

.icon.refund-money:after {
   content: "\e528";
}

.icon.move-customerservice:after {
   content: "\e068";
}

.icon.movedown:after {
   content: "\f358";
}

.icon.moveup:after {
   content: "\f35b";
}

.icon.printer:after {
   content: "\f02f";
}

.icon.refresh:after {
   content: "\f021";
}

.icon.resources:after {
   content: "\f200";
}

.icon.replace:after {
   content: "\f248";
}

.icon.reseller:after {
   content: "\f508";
}

.icon.restore:after {
   content: "\f2ea";
}

.icon.revertchecked:after {
   content: "\f14a";
}

.icon.save:after {
   content: "\f0c7";
}

.icon.select:after {
   content: "\f560";
}

.icon.settings:after {
   content: "\f0ad";
}

.icon.site:after {
   content: "\f7a2";
}

.icon.user:after {
   content: "\f007";
}

.icon.user-active:after {
   content: "\f007";
}

.icon.user-deleted:after {
   content: "\f506";
}

.icon.user-inactive:after {
   content: "\f235";
}

.icon.user-info:after {
   content: "\f4fe";
}

.icon.user-profile:after {
   content: "\f4ff";
}

.icon.user-undeleted:after {
   content: "\f4fc";
}

.icon.pdf:after {
   content: "\f1c1";
}

.icon.csv:after {
   content: "\f6dd";
}

.icon.excel:after {
   content: "\f1c3";
}

.icon.xml:after {
   content: "\f56e";
}

.icon.led:after {
   content: "\f111";
}

.icon.led-red:after {
   content: "\f111";
   color: #F04D4C;
}

.icon.led-yellow:after {
   content: "\f111";
   color: #FFFA00;
}

.icon.led-green:after {
   content: "\f111";
   color: #2CFF37;
}

.icon.led-black:after {
   content: "\f111";
   color: var(--ow-black-color);
}

.icon.led-white:after {
   content: "\f111";
   color: var(--ow-white-color);
}

.icon.tracking-email:after {
   content: "\e521";
}

.icon.tracking-email-none:after {
   content: "\f0e0";
}

.icon.sort:after {
   content: "\f882";
}

.icon.sort-decr:after {
   content: "\f881";
}

.icon.building:after {
   content: "\f1ad";
}

.icon.clone:after {
   content: "\f24d";
}

.icon.video:after {
   content: "\f03d";
}

.icon.player-time:after {
   content: "\f4fd";
}

.icon.comment:after {
   content: "\f27a";
}

.icon.comments:after {
   content: "\f086";
}

.icon.list:after {
   content: "\f03a";
}

.icon.thumbnail:after {
   content: "\f03e";
}

.icon.images:after {
   content: "\f302";
}

.icon.mail-close:after {
   content: "\f0e0";
}

.icon.mail-open:after {
   content: "\f2b6";
}

.icon.renew-ssl:after {
   content: "\f021";
}

.icon.table-structure:after {
   content: "\f085";
}

.icon.truck:after {
   content: "\f0d1";
}

.icon.truck-red:after {
   content: "\f0d1";
   color: red;
}

.icon.truck-yellow:after {
   content: "\f0d1";
   color: #ffc341;
}

.icon.truck-green:after {
   content: "\f0d1";
   color: green;
}

.icon.edit-roles:after {
   content: "\f4ff";
}

.icon.permission:after {
   content: "\f505";
}

.icon.home:after {
   content: "\f015";
}

.icon.home-flag:after {
   content: "\e50d";
}

.icon.forbidden:after {
   content: "\f05e";
}

.icon.tracking-email-multiple:after {
   content: '\e521';
}

.icon.paper-plane:after {
   content: '\f1d8';
}

.icon.set-order-payed:after {
   content: '\24';
}

.icon.empty-selections:after {
   content: '\f2d3';
}

.icon.set-filter:after {
   content: '\f0b0';
}

.icon.cancel-filter:after {
   content: '\e17b';
}

.icon.map-marker:after {
   content: '\f5a0';
}

.icon.warning:after {
   content: '\f071';
}




.icon[class*="red"]:after,
.icon[class*="red"]:before {
   --icon-color: var(--ow-red);
   color: var(--icon-color);
}

.icon[class*="blue"]:not([class*="light-blue"]):after,
.icon[class*="blue"]:not([class*="light-blue"]):before {
   --icon-color: var(--ow-blue);
   color: var(--icon-color);
}

.icon[class*="light-blue"]:after,
.icon[class*="light-blue"]:before {
   --icon-color: var(--ow-light-blue);
   color: var(--icon-color);
}

.icon[class*="orange"]:after,
.icon[class*="orange"]:before {
   --icon-color: var(--ow-orange);
   color: var(--icon-color);
}

.icon[class*="green"]:after,
.icon[class*="green"]:before {
   --icon-color: var(--ow-green);
   color: var(--icon-color);
}

.icon.bg-red {
   background-color: var(--ow-red-bg);
   border-color: var(--ow-red);
}

.icon.bg-blue {
   background-color: var(--ow-blue-bg);
   border-color: var(--ow-blue);
}

.icon.bg-light-blue {
   background-color: var(--ow-light-blue-bg);
   border-color: var(--ow-light-blue);
}

.icon.bg-orange {
   background-color: var(--ow-orange-bg);
   border-color: var(--ow-orange);
}

.icon.bg-green {
   background-color: var(--ow-green-bg);
   border-color: var(--ow-green);
}

.icon[class*="red"]:hover:after,
.icon[class*="red"]:hover:before {
   color: var(--ow-red-hover);
}

.icon[class*="blue"]:not([class*="light-blue"]):hover:after,
.icon[class*="blue"]:not([class*="light-blue"]):hover:before {
   color: var(--ow-blue-hover);
}

.icon[class*="light-blue"]:hover:after,
.icon[class*="light-blue"]:hover:before {
   color: var(--ow-light-blue-hover);
}

.icon[class*="orange"]:hover:after,
.icon[class*="orange"]:hover:before {
   color: var(--ow-orange-hover);
}

.icon[class*="green"]:hover:after,
.icon[class*="green"]:hover:before {
   color: var(--ow-green-hover);
}

.icon.bg-red:hover {
   background-color: var(--ow-red-bg-hover);
   border-color: var(--ow-red-hover);
}

.icon.bg-blue:hover {
   background-color: var(--ow-blue-bg-hover);
   border-color: var(--ow-blue-hover);
}

.icon.bg-light-blue:hover {
   background-color: var(--ow-light-blue-bg-hover);
   border-color: var(--ow-light-blue-hover);
}

.icon.bg-orange:hover {
   background-color: var(--ow-orange-bg-hover);
   border-color: var(--ow-orange-hover);
}

.icon.bg-green:hover {
   background-color: var(--ow-green-bg-hover);
   border-color: var(--ow-green-hover);
}




.icon.transparent {
   width: 28px;
   display: inline-block;
   opacity: 0;
}




.flag-icon {
   border: 1px solid;
   height: 25px;
   padding: 4px;
   cursor: pointer;
}

   .flag-icon:hover {
      background-color: var(--ow-header-action-color);
      border-color: var(--ow-header-action-color);
      color: var(--ow-white-color);
   }


/*#endregion*/

/*#region TreeView*/
div.dropdown-treeview > input {
   cursor: pointer;
}

div.dropdown-treeview div.ow-treeview {
   display: none;
}

div.formbox div.formbox-treeview {
   background-color: #FDFDFD;
   border: 1px solid #C0C0C0;
   float: left;
   margin-right: 5px;
   margin-bottom: 10px;
   padding: 0px;
   width: 353px;
}

div.formbox div.ow-treeview, div.formbox div.ow-treeview div {
   padding: 0px;
}

.container-ow-treeview {
   position: relative;
   z-index: 999;
}


div.dropdown-treeview div.ow-treeview {
   display: none;
}


.ow-treeview {
   background-color: var(--ow-white-color);
   overflow-x: auto;
   overflow-y: hidden;
   min-height: 35px;
}

.container-ow-treeview .ow-treeview {
   background-color: var(--ow-white-color);
   border: 1px solid #ced4da;
   padding: 10px;
   position: absolute;
   height: 300px;
   overflow: auto;
}


div.ow-treeview div span.mark-item {
   font-style: italic;
   color: Blue;
}

div.ow-treeview div span.mark-robots-item {
   color: #FF0000;
}

div.ow-treeview div span.iconbutton:hover,
div.ow-treeview div span.item-node:hover {
   font-weight: bold;
   background-color: var(--ow-light-gray-color);
}

div.ow-treeview div span.selected-node {
   cursor: auto;
   font-weight: bold;
   width: inherit;
}

div.ow-treeview div .item-node {
   cursor: pointer;
   padding-right: 5px;
   white-space: nowrap;
   position: absolute;
   left: 25px;
}

   div.ow-treeview div .item-node.root {
      cursor: pointer;
      padding-right: 5px;
      white-space: nowrap;
      position: absolute;
      left: 30px;
      width: 50%;
      height: 25px;
   }

/*div.ow-treeview div span {
   display: block;
   height: 18px;
   width: 18px;
}*/


div.ow-treeview .item-container span.iconbutton {
   font-size: 15px;
   text-align: center;
}

div.ow-treeview .item-container span.iconbutton,
div.ow-treeview .item-container span.iconnobutton {
   width: 25px;
}

div.ow-treeview .item-container.is-logically-deleted span.item-node {
   background-color: #ff9a9a;
}

div.ow-treeview div span.collapse-nolines:after {
   content: '\f078';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}

div.ow-treeview div span.collapse-root:after {
   content: '\f078';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}

div.ow-treeview div span.collapse-top:after {
   content: '\f078';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}

div.ow-treeview div span.collapse-nobottom:after {
   content: '\f078';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}

div.ow-treeview div span.collapse-bottom:after {
   content: '\f078';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}

div.ow-treeview div span.expand-nolines:after {
   content: '\f054';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}

div.ow-treeview div span.expand-root:after {
   content: '\f054';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}

div.ow-treeview div span.expand-top:after {
   content: '\f054';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}

div.ow-treeview div span.expand-nobottom:after {
   content: '\f054';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}

div.ow-treeview div span.expand-bottom:after {
   content: '\f054';
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: bold;
}



div.ow-treeview div.item-container {
   display: flex;
   position: relative;
   min-height: 25px;
}


div.ow-treeview div.item-container {
   margin-left: calc(10px + (var(--treeview-deep-level, 0) * 20px));
}


@media(max-width: 767px) {
   div.ow-treeview .item-container {
      border-top: 1px dashed var(--ow-light-gray-color);
      min-height: 40px !important;
      align-items: center;
   }

      div.ow-treeview .item-container span.iconbutton,
      div.ow-treeview .item-container span.iconnobutton {
         font-size: 24px;
         width: 30px;
      }

      div.ow-treeview .item-container .item-node {
         left: 35px;
      }
}



/*#endregion*/

/*#region HelpTip*/

a.helptip {
   margin-top: 2px
}

   a.helptip img {
      vertical-align: top;
   }

#cluetip-close img {
   border: 0;
}

#cluetip-title {
   overflow: hidden;
}

   #cluetip-title #cluetip-close {
      float: right;
      position: relative;
   }

#cluetip-waitimage {
   width: 16px;
   height: 16px;
   position: absolute;
   background-image: url(images/ajax-loader.gif);
}

#cluetip-extra {
   display: none;
}

.cluetip-jtip {
   background-color: transparent;
}

   .cluetip-jtip #cluetip-outer {
      position: relative;
      background-color: var(--ow-main-color);
      color: var(--ow-white-color);
      padding: 10px;
      font-size: 14px;
   }

   .cluetip-jtip h3#cluetip-title {
      font-size: 14px;
      font-weight: normal;
      font-weight: bold;
      margin: 0;
   }

#cluetip-inner {
   display: inline-block;
   padding: 10px;
}

/*      .cluetip-jtip #cluetip-inner a {
         color: #00c7e5 !important;
      }*/

.cluetip-jtip div#cluetip-close {
   border-top: solid 1px var(--ow-white-color);
   text-align: right;
   margin-top: 10px;
   color: var(--ow-white-color);
   padding-top: 15px;
}

   .cluetip-jtip div#cluetip-close a {
      text-decoration: none;
      color: var(--ow-white-color);
      cursor: pointer;
      background-color: var(--ow-header-action-color);
      transition: 0.3s all ease;
      padding: 5px;
      border-radius: 6px;
   }

      .cluetip-jtip div#cluetip-close a:hover {
         background-color: var(--ow-white-color);
         color: var(--ow-main-color);
      }

/*.clue-right-jtip .cluetip-arrows {
   border-top: 10px solid transparent;
   border-right: 10px solid var(--ow-black-color);
   border-bottom: 10px solid transparent;
}

.clue-left-jtip .cluetip-arrows {
   left: 100%;
   border-top: 10px solid transparent;
   border-left: 10px solid var(--ow-black-color);
   border-bottom: 10px solid transparent;
}

.cluetip-arrows {
   position: absolute;
   left: -11px;
   height: 22px;
   width: 11px;
   background-repeat: no-repeat;
   background-position: 0 0;
}*/


#cluetip {
   width: fit-content !important;
}

   #cluetip.cluetip-jtip {
      animation: showClueTip 0.3s;
   }

   #cluetip #cluetip-outer {
      border-radius: 6px;
      box-shadow: 0 4px 10px rgb(0 0 0 / 30%);
   }

@keyframes showClueTip {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

#cluetip-inner table {
   background-color: white;
   color: black;
}

#cluetip-inner tbody,
#cluetip-inner td,
#cluetip-inner tfoot,
#cluetip-inner th,
#cluetip-inner thead,
#cluetip-inner tr {
   border-color: #eaeaea;
   border-style: solid;
   border-width: 1px;
   padding: 2px;
   vertical-align: middle;
}

#cluetip-inner th,
#cluetip-inner td {
   padding: 10px;
}

   #cluetip-inner th p,
   #cluetip-inner td p {
      margin: 0;
   }



/*#endregion*/


/*#region CodeMirror*/
.CodeMirror-fullscreen {
   background-color: var(--ow-white-color);
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 999999;
}

/*#endregion*/

/*#region Regole specifiche per programmi*/

/*#region Admin */

.email-log #emailTab .email-body {
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   width: fit-content;
   padding: 10px;
}

.manage-email-templates-2 #emailTemplatesTab .email-template-category {
   text-transform: uppercase;
}

/*#endregion*/


/*#region AdminSystem*/

.manage-bots .requests-container {
   border: 1px solid var(--ow-gray-color);
   border-radius: 6px;
   padding: 20px;
   margin: 10px;
}

.manage-bots .requests-header {
   position: relative;
   padding-bottom: 0.75rem;
   border-bottom: 1px solid var(--ow-gray-color);
   display: flex;
   align-items: center;
   gap: 10px;
}

.manage-bots .requests-title {
   color: #2c3e50;
   font-weight: 600;
   margin: 0;
   font-size: 18px;
   position: relative;
   padding-left: 12px;
}

   .manage-bots .requests-title::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 4px;
      height: 20px;
      background: var(--ow-main-color);
      border-radius: 2px;
   }

.manage-bots .scrollable-table th, .manage-bots .scrollable-table td {
   white-space: nowrap;
}


.manage-bots td.url-referrer {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 10%;
}


.manage-bots td.tracked-url {
   width: 50%;
}

.manage-bots td.user-ip {
   max-width: 150px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 150px;
}

.manage-bots th.tracked-date > div {
   display: flex;
   align-items: flex-end;
   gap: 10px;
}

.manage-bots th.tracked-date div.input-div {
   width: 20rem;
}

.manage-bots th.tracked-date {
   width: 30%;
}

.manage-bots td.tracked-date {
   width: 30%;
}

.manage-bots td.logged-user {
   width: 15%;
}

@media (max-width: 991px) {

   .manage-bots th.tracked-date {
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      width: 200px;
   }

   .manage-bots td.tracked-date {
      min-width: 200px;
   }
}

/*#endregion*/


/*#region CMS*/

/*#region Esegui Query*/

.cms-execute-query .grid tbody tr td {
   white-space: nowrap;
}

/*#endregion*/

/*#region Menu*/

.cms-menu-edit #menuItemsTable thead tr th.draggable-title-header {
   padding-left: 60px;
}

.cms-menu-edit #menuItemsTable tbody tr {
   position: relative;
   cursor: grab;
}

   .cms-menu-edit #menuItemsTable tbody tr:active {
      cursor: grabbing;
      background-color: rgba(251, 218, 171, 0.3);
      transition: background-color 0.2s ease;
   }

   .cms-menu-edit #menuItemsTable tbody tr::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      height: 20px;
      z-index: 1;
      pointer-events: none;
   }

   .cms-menu-edit #menuItemsTable tbody tr.upper-third::after {
      top: 0;
      background: linear-gradient(90deg, #4CAF503b, #8BC34A3b);
   }

   .cms-menu-edit #menuItemsTable tbody tr.center-third::after {
      top: 50%;
      transform: translateY(-50%);
      background: linear-gradient(90deg, #2196F33b, #03A9F43b);
   }

   .cms-menu-edit #menuItemsTable tbody tr.lower-third::after {
      bottom: 0;
      background: linear-gradient(90deg, #FFC1073b, #FF98003b);
   }

   .cms-menu-edit #menuItemsTable tbody tr td.item-data {
      position: relative;
      vertical-align: middle;
   }

      .cms-menu-edit #menuItemsTable tbody tr td.item-data::after {
         font-family: 'Font Awesome 6 Free';
         font-weight: 600;
         position: absolute;
         left: 10px;
         top: 50%;
         transform: translateY(-50%);
         font-size: 18px;
         opacity: 0.7;
      }

   .cms-menu-edit #menuItemsTable tbody tr.upper-third td.item-data::after {
      content: '\f062';
      color: #4CAF50;
   }

   .cms-menu-edit #menuItemsTable tbody tr.center-third td.item-data::after {
      content: '\f802';
      color: #2196F3;
   }

   .cms-menu-edit #menuItemsTable tbody tr.lower-third td.item-data::after {
      content: '\f063';
      color: #FFC107;
   }

   .cms-menu-edit #menuItemsTable tbody tr td {
      line-height: 40px;
   }
/*#endregion*/

/*#region Gestione Tabelle Utente*/

.cms-tables-edit div#labelsTab div.header input {
   background-color: transparent;
   border: none;
   font-weight: bold;
}

/*#endregion*/

/*#region Visualizzazione TableQuery */

.cms-table-query .tab-description {
   font-weight: 600;
   border: 1px solid var(--ow-light-gray-color);
   background-color: var(--ow-light-gray-color);
   border-radius: 5px;
   margin: 10px 0 10px 0;
   padding: 5px;
   font-size: 17px;
}

.cms-table-query div.datas-view,
.cms-table-query div.data-view,
.cms-table-query div[parametersDiv],
.cms-table-query div.layout-view,
.cms-table-query div.data-import,
.cms-table-query div.data-export,
.cms-table-query div.send-email,
.cms-table-query div.send-sms,
.cms-table-query div.synchronize,
.cms-table-query div.setValueSelectedRecordsDiv,
.cms-table-query div.deleteSelectedRecords,
.cms-table-query div.customAction {
   background-color: var(--ow-white-color);
   padding: 20px;
   border: 1px solid var(--ow-light-gray-color);
   margin-top: -1px;
}

/*#endregion*/

/*#region Gestione HTML Dinamico*/

.cms-html-data-edit .html-data-button {
   cursor: pointer;
   background-color: var(--ow-white-color);
   color: var(--ow-black-color);
   display: inline-block;
   padding: 10px 20px;
   border-radius: 10px;
   font-weight: bold;
   border: 1px solid var(--ow-light-gray-color);
   width: 100%;
}

   .cms-html-data-edit .html-data-button a {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
   }

      .cms-html-data-edit .html-data-button a i {
         margin-right: 7px;
         background-color: var(--ow-main-color);
         border-radius: 50%;
         width: 50px;
         height: 50px;
         line-height: 50px;
         text-align: center;
         color: var(--ow-white-color);
         font-size: 25px;
         padding-left: 1px;
      }

   .cms-html-data-edit .html-data-button:hover {
      background-color: #e3fcff;
   }

.cms-html-data-edit .repository > div {
   cursor: pointer;
}

   .cms-html-data-edit .repository > div:hover {
      background-color: #e3fcff;
   }


/*#endregion*/

/*#region Configurazione HTML dinamico filtro*/

.cms-html-data-filter-configure #fieldsTab .grid thead tr th {
   vertical-align: middle;
}

.cms-html-data-filter-configure table td.field-name {
   max-width: 220px;
   overflow: hidden;
}

.cms-html-data-filter-configure table td.value {
   width: 160px;
}

   .cms-html-data-filter-configure table td.value input {
      float: right;
   }

.cms-html-data-filter-configure table tr.dft td input, table tr.dft select {
   display: none !important;
}

.cms-html-data-filter-configure table tr.dft td.is-setted input {
   display: inline-block !important;
}

/*#endregion*/

/*#region Configurazione HTML dinamico*/

.cms-html-data-configure #fieldsTab table tbody tr.header td {
   background-color: #B7FFF6;
}

.cms-html-data-configure #fieldsTab table tbody tr.repeater td {
   background-color: #B5FFBC;
}

.cms-html-data-configure #fieldsTab table tbody tr.footer td {
   background-color: #FFDBE6;
}

/*#endregion*/

/*#region Gestione Dati HTML dinamico*/

.cms-html-data-management .input-div.date.date-allow-hour {
   display: flex;
   gap: 5px;
}

   .cms-html-data-management .input-div.date.date-allow-hour input {
      width: 25%;
   }

.cms-html-data-management table .col-5-icons {
   white-space: nowrap;
}

.cms-html-data-management table th a.icon.save {
   width: 75px;
}

.cms-html-data-management div#htmlDataFlags a {
   opacity: 0.3;
   cursor: pointer;
}

   .cms-html-data-management div#htmlDataFlags a.active {
      opacity: 1;
      cursor: default;
   }

.cms-html-data-management div#cultureTab table {
   margin-bottom: 20px;
}

.cms-html-data-management th.position {
   width: 15%;
}

.cms-html-data-management td .position {
   width: 75px;
}


/*#endregion*/

/*#endregion*/

/*#region Corti*/

/*#region Gestione Foto*/

.corti-manage-photo #listTab table tbody tr td.col-icons, #listTab table tbody tr td.code {
   white-space: nowrap;
}

/*#endregion*/

/*#endregion*/

/*#region ECommerce*/

/*#region Catalogo*/


.ecommerce-manage-catalog div#catalogTreeview div.legend {
   position: absolute;
   top: 5px;
   right: 20px;
   z-index: 999;
   background-color: var(--ow-white-color);
   width: fit-content;
   border: 1px solid var(--ow-light-gray-color);
   box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
   border-radius: 10px;
   cursor: pointer;
}

   .ecommerce-manage-catalog div#catalogTreeview div.legend .legend-data span {
      padding-left: 0;
      display: block;
      text-align: left;
      font-weight: 400;
   }

.ecommerce-manage-catalog div#productsSortedTab table tbody tr td.not-active {
   color: red;
}

.ecommerce-manage-catalog div#productsSortedTab table tbody tr td.not-on-sale {
   color: var(--ow-header-action-color);
}

.ecommerce-manage-catalog div#catalogTreeview .legend-container {
   margin-top: 5px;
   margin-bottom: 5px;
}


.ecommerce-manage-catalog .ow-treeview span#C.not-active {
   opacity: 0.4;
}

.ecommerce-manage-catalog .ow-treeview span#c.not-active {
   opacity: 0.4;
}

.ecommerce-manage-catalog .ow-treeview span#p.not-active {
   opacity: 0.4;
}

.ecommerce-manage-catalog .ow-treeview span#P.not-active {
   opacity: 0.4;
}

.ecommerce-manage-catalog .ow-treeview span#C.not-active::before {
   color: red !important;
}

.ecommerce-manage-catalog .ow-treeview span#c.not-active::before {
   color: red !important;
}

.ecommerce-manage-catalog .ow-treeview span#p.not-active::before {
   color: red !important;
}

.ecommerce-manage-catalog .ow-treeview span#P.not-active::before {
   color: red !important;
}

.ecommerce-manage-catalog .ow-treeview span#C.not-active-parent {
   opacity: 0.4;
   font-style: oblique;
}

.ecommerce-manage-catalog .ow-treeview span#c.not-active-parent {
   opacity: 0.4;
   font-style: oblique;
}

.ecommerce-manage-catalog .ow-treeview span#p.not-active-parent {
   opacity: 0.4;
   font-style: oblique;
}

.ecommerce-manage-catalog .ow-treeview span#P.not-active-parent {
   opacity: 0.4;
   font-style: oblique;
}

.ecommerce-manage-catalog .ow-treeview span#C.not-active-parent::before {
   color: red !important;
   font-style: normal !important;
}

.ecommerce-manage-catalog .ow-treeview span#c.not-active-parent::before {
   color: red !important;
   font-style: normal !important;
}

.ecommerce-manage-catalog .ow-treeview span#p.not-active-parent::before {
   color: red !important;
   font-style: normal !important;
}

.ecommerce-manage-catalog .ow-treeview span#P.not-active-parent::before {
   color: red !important;
   font-style: normal !important;
}

.ecommerce-manage-catalog .ow-treeview span#p.not-on-sale::before {
   color: var(--ow-header-action-color) !important;
}

.ecommerce-manage-catalog .ow-treeview span#P.not-on-sale::before {
   color: var(--ow-header-action-color) !important;
}

.ecommerce-manage-catalog .ow-treeview span#p.shared::before {
   content: "\f1e0" !important;
   color: var(--ow-main-color) !important;
}

.ecommerce-manage-catalog .ow-treeview span#P.shared::before {
   content: "\f1e0" !important;
   color: var(--ow-main-color) !important;
}

.ecommerce-manage-catalog .ow-treeview span#p.not-active.shared::before {
   color: red !important;
}

.ecommerce-manage-catalog .ow-treeview span#P.not-active.shared::before {
   color: red !important;
}

.ecommerce-manage-catalog .ow-treeview span#p.not-on-sale.shared::before {
   color: var(--ow-header-action-color) !important;
}

.ecommerce-manage-catalog .ow-treeview span#P.not-on-sale.shared::before {
   color: var(--ow-header-action-color) !important;
}

.ecommerce-manage-catalog .ow-treeview span#p::before {
   color: #139717 !important;
}

.ecommerce-manage-catalog .ow-treeview span#P::before {
   color: #139717 !important;
}

.ecommerce-manage-catalog .ow-treeview span.item-node::before {
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: 600;
   margin-right: 3px;
}

.ecommerce-manage-catalog .ow-treeview span#r::before {
   content: "\f022";
   color: var(--ow-main-color);
}

.ecommerce-manage-catalog .ow-treeview span#C::before {
   content: "\f07c";
   color: #e2a528;
}

.ecommerce-manage-catalog .ow-treeview span#c::before {
   content: "\f07c";
   color: #e2a528;
}

.ecommerce-manage-catalog .ow-treeview span#p::before {
   content: "\f1b3";
   color: #83c9c3;
}

.ecommerce-manage-catalog .ow-treeview span#P::before,
.ecommerce-manage-catalog .ow-treeview span#p.leaf::before {
   content: "\f1b2";
   color: #9fd0cb;
}

.ecommerce-manage-catalog .legend-data .category-not-active {
   opacity: 0.4;
}

.ecommerce-manage-catalog .legend-data .product-not-active {
   opacity: 0.4;
}

.ecommerce-manage-catalog .legend-data .category-not-active::before {
   color: red !important;
}

.ecommerce-manage-catalog .legend-data .product-not-active::before {
   color: red !important;
}

.ecommerce-manage-catalog .legend-data .category-not-active-parent {
   opacity: 0.4;
   font-style: oblique;
}

   .ecommerce-manage-catalog .legend-data .category-not-active-parent::before {
      color: red !important;
      font-style: normal;
   }

.ecommerce-manage-catalog .legend-data .product-not-on-sale::before {
   color: var(--ow-header-action-color) !important;
}

.ecommerce-manage-catalog .legend-data .product-shared::before {
   content: "\f1e0" !important;
   color: var(--ow-main-color) !important;
}

.ecommerce-manage-catalog .legend-data .product-active::before {
   color: #139717 !important;
}

.ecommerce-manage-catalog .legend-data .category::before {
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: 600;
   content: "\f07c";
   color: #e2a528;
   margin-right: 3px;
}

.ecommerce-manage-catalog .legend-data .parent-product::before {
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: 600;
   content: "\f1b3";
   margin-right: 3px;
   color: #139717 !important;
}

.ecommerce-manage-catalog .legend-data .product::before {
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   font-weight: 600;
   content: "\f1b2";
   margin-right: 3px;
}

.ecommerce-manage-catalog span[cfv] {
   cursor: pointer;
   display: inline-block;
   height: 16px;
   margin-left: 3px;
   width: 16px;
}

   .ecommerce-manage-catalog span[cfv]:after {
      display: inline-block;
      font-family: 'Font Awesome 6 Free';
      font-weight: 600;
      content: "\f00c";
      color: #5afc2b;
   }

   .ecommerce-manage-catalog span[cfv].cancel:after {
      content: "\f00d";
      color: Red;
   }

.ecommerce-manage-catalog ul.ui-tabs-nav li.product-weight-and-size-tab,
.ecommerce-manage-catalog ul.ui-tabs-nav li.product-associations {
   position: relative;
}

   .ecommerce-manage-catalog ul.ui-tabs-nav li.product-weight-and-size-tab span[cfv],
   .ecommerce-manage-catalog ul.ui-tabs-nav li.product-associations span[cfv] {
      position: absolute;
      top: -10px;
      left: 40px;
   }

.ecommerce-manage-catalog td.slave-product {
   padding-left: 30px;
}

/*.ecommerce-manage-catalog div.actions .allow-sections.hidden {
   display: none !important;
}*/

.ecommerce-manage-catalog div.actions div.allow-export-to-ebay,
.ecommerce-manage-catalog div.actions div.create-slaves,
.ecommerce-manage-catalog div.actions div.delete-categories-products,
.ecommerce-manage-catalog div.actions div.allow-sections,
.ecommerce-manage-catalog div.actions div.download-catalog,
.ecommerce-manage-catalog div.actions div.download-categories {
   position: relative;
}

   .ecommerce-manage-catalog div.actions div.allow-export-to-ebay span[cfv],
   .ecommerce-manage-catalog div.actions div.create-slaves span[cfv],
   .ecommerce-manage-catalog div.actions div.delete-categories-products span[cfv],
   .ecommerce-manage-catalog div.actions div.allow-sections span[cfv],
   .ecommerce-manage-catalog div.actions div.download-catalog span[cfv],
   .ecommerce-manage-catalog div.actions div.download-categories span[cfv] {
      position: absolute;
      left: 38px;
      top: -10px;
   }

.ecommerce-manage-catalog #copyImagesModal fieldset div.product-container {
   overflow: auto;
   height: 400px;
}

.ecommerce-manage-catalog .product-container .form-group {
   position: relative;
   padding-left: 40px;
   padding-top: 0;
   padding-bottom: 1px;
}

   .ecommerce-manage-catalog .product-container .form-group .input-div {
      position: absolute;
      left: 15px;
   }

   .ecommerce-manage-catalog .product-container .form-group label {
      width: auto;
      padding-right: 0;
      text-align: left;
   }

.ecommerce-manage-catalog #deleteSubcategoriesProductsTab .images .content div {
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   float: left;
   height: 220px;
   margin-left: 10px;
   width: 220px;
}

.ecommerce-manage-catalog #setCategoryImageFromProductModal .product-image-for-category {
   height: 300px;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   padding: 15px;
   border: 1px solid black;
}

   .ecommerce-manage-catalog #setCategoryImageFromProductModal .product-image-for-category:hover {
      background-color: #bcfdff;
      cursor: pointer;
   }

   .ecommerce-manage-catalog #setCategoryImageFromProductModal .product-image-for-category.selected {
      background-color: #99dddd;
   }


.ecommerce-manage-catalog .video-row div.product-image-thumbnail {
   position: relative;
   width: 120px;
}

   .ecommerce-manage-catalog .video-row div.product-image-thumbnail img {
      width: 100%;
   }

   .ecommerce-manage-catalog .video-row div.product-image-thumbnail::before {
      content: "\f144";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: white;
      font-size: 28px;
      opacity: 0.7;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      pointer-events: none;
   }

.ecommerce-manage-catalog .category-id-span-container,
.ecommerce-manage-catalog .product-id-span-container {
   display: flex;
   justify-content: flex-end;
}

   .ecommerce-manage-catalog .category-id-span-container div,
   .ecommerce-manage-catalog .product-id-span-container div {
      width: fit-content;
      padding: 5px 10px 5px 10px;
      border-radius: 5px;
      background-color: green;
      color: white;
      font-weight: 900;
      font-size: 14px;
      border-top: 0;
      border: 0;
      margin-bottom: 0px;
   }

      .ecommerce-manage-catalog .category-id-span-container div .category-id-span,
      .ecommerce-manage-catalog .product-id-span-container div .product-id-span {
         margin-left: 5px;
      }

   .ecommerce-manage-catalog .category-id-span-container .category-id-title,
   .ecommerce-manage-catalog .product-id-span-container .product-id-title {
      user-select: none;
   }


.ecommerce-manage-catalog .container-header {
   border: 1px solid #eaeaea;
   border-bottom: 1px dashed #eaeaea;
   padding: 10px 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   transition: 0.3s all ease;
}


   .ecommerce-manage-catalog .container-header:hover {
      background-color: var(--ow-gray-color);
      cursor: pointer;
   }

   .ecommerce-manage-catalog .container-header .container-header-title {
      font-size: 18px;
      font-weight: bold;
   }

   .ecommerce-manage-catalog .container-header .container-header-icon {
      border-radius: 50%;
      background-color: var(--ow-main-color);
      color: var(--ow-white-color);
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      transition: transform 0.3s ease;
   }



.ecommerce-manage-catalog .container-content {
   border: 1px solid #eaeaea;
   padding: 10px 20px;
}


div#treeview-button {
   display: none;
}

.catalog-treeview-container {
   margin-top: 15px;
}

   .catalog-treeview-container #catalogTreeview .treeview-container {
      border: 1px solid var(--ow-light-gray-color);
   }

.catalog-treeview-container,
.catalog-data-container {
   transition: all 0.5s ease;
}

@media(max-width: 767px) {
   div.catalog-treeview-container div#contentPageLeft {
      display: none;
   }

   div#treeview-button {
      display: block;
   }

      div#treeview-button i {
         width: 36px;
         height: 36px;
         line-height: 36px;
         font-size: 18px;
         background-color: var(--ow-main-color);
         color: var(--ow-white-color);
         border-radius: 50%;
         text-align: center;
      }

         div#treeview-button i:hover {
            background-color: #51779d;
         }

   div.catalog-treeview-container.visible-treeview div#contentPageLeft {
      display: block;
   }

   .catalog-treeview-container.visible-treeview + div.catalog-data-container {
      position: absolute;
      top: -9999px;
      left: -9999px;
   }
}


.ecommerce-manage-catalog #categoriesTreeView {
   height: 400px;
   overflow: auto;
}


.ecommerce-manage-catalog #moveProductsModal tr.not-active td {
   color: red !important;
}

.ecommerce-manage-catalog #moveProductsModal tr.not-on-sale td {
   color: var(--ow-header-action-color);
}


.ecommerce-manage-catalog div#exportCatalogModal .attribute {
   display: flex;
   align-items: center;
   min-height: 50px;
   padding-top: 5px;
   padding-bottom: 5px;
}

   .ecommerce-manage-catalog div#exportCatalogModal .attribute:not(:first-child) {
      border-top: 1px dotted var(--ow-gray-color);
   }

.ecommerce-manage-catalog div#exportCatalogModal .attributes-container {
   background-color: #eaeaea;
   padding-left: 15px;
   padding-right: 15px;
}

.ecommerce-manage-catalog div#exportCatalogModal span.no-attributes-found {
   font-size: 20px;
   margin-top: 8px;
   display: block;
}

.ecommerce-manage-catalog div#exportCatalogModal .treeview-container .ow-treeview {
   min-height: 100%;
   background-color: #eaeaea;
   padding: 10px;
}

.ecommerce-manage-catalog div#exportCatalogModal .attributes-container .export-catalog-attribute {
   display: flex;
   align-items: center;
}

.ecommerce-manage-catalog div#exportCatalogModal .attributes-container .export-catalog-attribute-multiselect .form-group {
   margin-bottom: 0;
}

.ecommerce-manage-catalog div#exportCatalogModal .attributes-container .export-catalog-attribute-input-checkbox {
   margin: 0;
   margin-right: 10px;
}

.ecommerce-manage-catalog #getEbayCategorySuggestionsModal table tbody tr.local-categories td {
   background-color: #ffebaf;
}

.ecommerce-manage-catalog .ow-treeview .ebay-category-set:after {
   background-color: green;
   content: '';
   width: 10px;
   height: 10px;
   position: absolute;
   border-radius: 50%;
   top: 50%;
   right: -20px;
   transform: translate(-50%, -50%);
}

.ecommerce-manage-catalog .duplicate-price-list-id td select {
   background-color: #F04D4C24;
   border-color: #F04D4C;
}

.ecommerce-manage-catalog #manageCategoryDiscountConfigurationsTab fieldset legend,
.ecommerce-manage-catalog #manageProductDiscountConfigurationsTab fieldset legend {
   background-color: var(--ow-header-action-color);
}

/*#endregion*/

/*#region Ecommerce importazione catalogo */


.ecommerce-import-catalog .form-control.file-ok {
   background-color: #d4edda;
}

.ecommerce-import-catalog .image-folder-status {
   margin-top: 43px;
}

.ecommerce-import-catalog .import-products {
   display: flex;
   padding: 20px 0;
   background-color: var(--ow-light-gray-color);
   border-radius: 6px;
   margin-bottom: 10px;
}

.ecommerce-import-catalog .entities-container {
   flex: 1;
   padding: 0 20px;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 10px;
}

.ecommerce-import-catalog .entity {
   color: #495057;
   font-weight: 500;
   padding: 8px 15px;
   margin-top: 5px;
   height: 40px;
}

.ecommerce-import-catalog .functionalities-container {
   flex: 1;
   padding: 0 30px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 15px;
}

.ecommerce-import-catalog .functionality-title,
.ecommerce-import-catalog .entity-title {
   font-size: 1.1rem;
   font-weight: 600;
   color: #212529;
   margin-bottom: 1.5rem;
   padding-bottom: 0.5rem;
   border-bottom: 2px solid #dee2e6;
   width: 100%;
   text-align: center;
}

.ecommerce-import-catalog .separator {
   width: 1px;
   background-color: #dee2e6;
   align-self: stretch;
}


.ecommerce-import-catalog .functionalities-container a.btn {
   width: 200px;
   height: 40px;
}

.ecommerce-import-catalog .blink {
   text-shadow: 0 0 10px rgba(37, 71, 106, 0.5);
   filter: brightness(1.05);
}

@media (max-width: 767px) {
   .ecommerce-import-catalog .import-products {
      flex-direction: column;
      padding: 1rem;
   }

   .ecommerce-import-catalog .functionalities-container,
   .ecommerce-import-catalog .entities-container {
      padding: 1rem;
   }

   .ecommerce-import-catalog .separator {
      width: 80%;
      height: 1px;
      margin: 1rem auto;
   }

   .ecommerce-import-catalog .functionalities-container a.btn {
      width: 300px;
   }
}

@media (max-width: 576px) {
   .ecommerce-import-catalog .image-folder-status {
      margin-top: 0;
      margin-bottom: 10px;
   }
}

.ecommerce-import-catalog .functionalities-container .btn {
   position: relative;
}

.ecommerce-import-catalog .functionalities-container.import .btn::after {
   content: attr(data-tooltip);
   position: absolute;
   right: calc(100% + 10px);
   top: 50%;
   transform: translateY(-50%);
   width: max-content;
   max-width: 250px;
   padding: 6px 12px;
   border-radius: 6px;
   background-color: var(--ow-main-color);
   color: white;
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s, visibility 0.2s;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   z-index: 1000;
   font-size: 15px;
}

.ecommerce-import-catalog .functionalities-container.import .btn::before {
   content: "";
   position: absolute;
   right: calc(100%);
   top: 50%;
   transform: translateY(-50%);
   border: 5px solid transparent;
   border-left-color: var(--ow-main-color);
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s, visibility 0.2s;
   z-index: 1000;
}


.ecommerce-import-catalog .functionalities-container.check .btn::after {
   content: attr(data-tooltip);
   position: absolute;
   left: calc(100% + 10px);
   right: auto;
   top: 50%;
   transform: translateY(-50%);
   width: max-content;
   max-width: 250px;
   padding: 6px 12px;
   border-radius: 6px;
   background-color: var(--ow-main-color);
   color: white;
   pointer-events: none;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s, visibility 0.2s;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   z-index: 1000;
   font-size: 15px;
}

.ecommerce-import-catalog .functionalities-container.check .btn::before {
   content: "";
   position: absolute;
   left: calc(100%);
   right: auto;
   top: 50%;
   transform: translateY(-50%);
   border: 5px solid transparent;
   border-right-color: var(--ow-main-color);
   border-left-color: transparent;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.2s, visibility 0.2s;
   z-index: 1000;
}


.ecommerce-import-catalog .functionalities-container .btn:hover::after,
.ecommerce-import-catalog .functionalities-container .btn:hover::before {
   opacity: 1;
   visibility: visible;
}

@media (max-width: 1280px) {
   .ecommerce-import-catalog .functionalities-container,
   .ecommerce-import-catalog .entities-container {
      flex: 1;
   }

      .ecommerce-import-catalog .functionalities-container a.btn {
         width: 200px;
      }
}




@media (max-width: 991px) {

   .ecommerce-import-catalog .functionalities-container,
   .ecommerce-import-catalog .entities-container {
      flex: 1;
   }

      .ecommerce-import-catalog .functionalities-container a.btn {
         width: 150px;
      }

      .ecommerce-import-catalog .functionalities-container.import .btn::after,
      .ecommerce-import-catalog .functionalities-container.check .btn::after {
         right: auto;
         left: 50%;
         top: auto;
         bottom: calc(100% + 10px);
         transform: translateX(-50%);
      }

      .ecommerce-import-catalog .functionalities-container.import .btn::before,
      .ecommerce-import-catalog .functionalities-container.check .btn::before {
         right: auto;
         left: 50%;
         top: auto;
         bottom: calc(100%);
         transform: translateX(-50%);
         border-left-color: transparent;
         border-bottom-color: var(--ow-main-color);
         border-right-color: transparent;
         border-top-color: transparent;
      }
}





.ecommerce-import-catalog .ow-treeview .item-node.new-category {
   color: red;
   font-weight: 900;
}

.ecommerce-import-catalog .ow-treeview .item-node.insert-product {
   color: darkorange;
   font-weight: 900;
}

.ecommerce-import-catalog .ow-treeview .item-node.new-category {
   color: red;
   font-weight: 900;
}

.ecommerce-import-catalog .ow-treeview .item-node.insert-product {
   color: darkorange;
   font-weight: 900;
}




.ecommerce-import-catalog div.error-info-box {
   position: relative;
}

.ecommerce-import-catalog div.legend {
   position: absolute;
   top: 20px;
   right: 35px;
   z-index: 999;
   background-color: var(--ow-white-color);
   width: fit-content;
   border: 1px solid var(--ow-light-gray-color);
   box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
   border-radius: 6px;
   cursor: pointer;
   padding: 3px;
}

   .ecommerce-import-catalog div.legend .legend-data span {
      padding-left: 0;
      display: block;
      text-align: left;
      font-weight: 400;
   }

.ecommerce-import-catalog .legend-data .new-category {
   color: red;
   font-weight: 900;
}

.ecommerce-import-catalog .legend-data .insert-product {
   color: darkorange;
   font-weight: 900;
}

/*#endregion*/

/*#region Ordini*/

.ecommerce-manage-orders div#listTab table tbody tr.invalid td {
   color: red;
}

.ecommerce-manage-orders label.guest-user-label {
   padding: 1px 10px;
   background-color: #F04D4C;
   color: var(--ow-white-color);
   font-weight: 400;
   font-size: 11px;
   position: absolute;
   right: -8px;
   bottom: -12px;
}

.ecommerce-manage-orders #downloadOrderInvoice,
.ecommerce-manage-orders #noDownloadOrderInvoice,
.ecommerce-manage-orders #downloadOrderContainer {
   padding: 5px;
   display: flex;
   gap: 5px;
}

   .ecommerce-manage-orders #downloadOrderInvoice a.icon,
   .ecommerce-manage-orders #noDownloadOrderInvoice a.icon,
   .ecommerce-manage-orders #downloadOrderContainer a.icon {
      margin-right: 0;
      width: 38px;
      height: 30px;
      line-height: 8px;
   }

   .ecommerce-manage-orders #noDownloadOrderInvoice span {
      background-color: #eaeaea;
      padding: 5px;
      border-radius: 6px;
   }



/*#endregion*/

/*#region Modalit� di consegna*/

.ecommerce-manage-delivery-modes #municipalitySelect option[ild] {
   background-color: #fadcdc;
}

/*#endregion*/

/*#region Gestione Modelli*/


.ecommerce-manage-motors #motorModelCodingsTab table tbody td.model-name-td {
   display: flex;
   flex-direction: column;
   gap: 5px;
}

   .ecommerce-manage-motors #motorModelCodingsTab table tbody td.model-name-td .model-name-div {
      flex: 0.7;
   }

   .ecommerce-manage-motors #motorModelCodingsTab table tbody td.model-name-td .model-engine-displacement-div {
      flex: 0.25;
   }

   .ecommerce-manage-motors #motorModelCodingsTab table tbody td.model-name-td i {
      flex: 0.05;
   }

   .ecommerce-manage-motors #motorModelCodingsTab table tbody td.model-name-td .model-container {
      display: flex;
      align-items: center;
      gap: 10px;
   }

/*#endregion*/
/*#endregion*/
/*#region Gallery*/
/*#region Gestione galleria*/
.gallery-manage-galleries #albumListTab table thead tr th.draggable-title-header {
   padding-left: 60px;
}

.gallery-manage-galleries #albumListTab table tbody tr {
   position: relative;
   cursor: grab;
}

   .gallery-manage-galleries #albumListTab table tbody tr:active {
      cursor: grabbing;
      background-color: rgba(251, 218, 171, 0.3);
      transition: background-color 0.2s ease;
   }

   .gallery-manage-galleries #albumListTab table tbody tr::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      height: 20px;
      z-index: 1;
      pointer-events: none;
   }

   .gallery-manage-galleries #albumListTab table tbody tr.upper-third::after {
      top: 0;
      background: linear-gradient(90deg, #4CAF503b, #8BC34A3b);
   }

   .gallery-manage-galleries #albumListTab table tbody tr.center-third::after {
      top: 50%;
      transform: translateY(-50%);
      background: linear-gradient(90deg, #2196F33b, #03A9F43b);
   }

   .gallery-manage-galleries #albumListTab table tbody tr.lower-third::after {
      bottom: 0;
      background: linear-gradient(90deg, #FFC1073b, #FF98003b);
   }

   .gallery-manage-galleries #albumListTab table tbody tr td.item-data {
      position: relative;
      vertical-align: middle;
   }

      .gallery-manage-galleries #albumListTab table tbody tr td.item-data::after {
         font-family: 'Font Awesome 6 Free';
         font-weight: 600;
         position: absolute;
         left: 10px;
         top: 50%;
         transform: translateY(-50%);
         font-size: 18px;
         opacity: 0.7;
      }

   .gallery-manage-galleries #albumListTab table tbody tr.upper-third td.item-data::after {
      content: '\f062';
      color: #4CAF50;
   }

   .gallery-manage-galleries #albumListTab table tbody tr.center-third td.item-data::after {
      content: '\f802';
      color: #2196F3;
   }

   .gallery-manage-galleries #albumListTab table tbody tr.lower-third td.item-data::after {
      content: '\f063';
      color: #FFC107;
   }

   .gallery-manage-galleries #albumListTab table tbody tr td {
      line-height: 40px;
   }

.gallery-manage-galleries table#albumsTable tr td:nth-child(2) {
   white-space: nowrap
}

.gallery-manage-galleries .content-thumbnail {
   width: 100%;
   height: 200px;
   background-size: cover;
   background-position: center;
   position: relative;
   margin-bottom: 10px;
}

.gallery-manage-galleries .album-items {
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
}

.gallery-manage-galleries .album-item-data-container {
   margin: 0px 15px 15px 0px;
   border: 1px solid var(--ow-light-gray-color);
   box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
   padding: 10px;
   background-color: #eef5fd;
}

   .gallery-manage-galleries .album-item-data-container .content-title {
      border-top: 1px solid #b8d5ff;
   }

   .gallery-manage-galleries .album-item-data-container .content-actions {
      display: flex !important;
      align-items: center;
      justify-content: center;
   }

      .gallery-manage-galleries .album-item-data-container .content-actions input.position {
         width: 50px;
      }

/*#endregion*/
/*#endregion*/
/*#region GDPR*/
/*#region Catalogazione javascript*/

.gdpr-manage-master-resources .CodeMirror-fullscreen {
   background-color: var(--ow-white-color);
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 999999;
}

/*#endregion*/

/*#endregion*/

/*#region Google*/

/*#region Configurazione sezione Mappa*/

.google-map-2-edit .saveAndContinueLinkButton {
   display: none !important;
}

/*#endregion*/

/*#endregion*/

/*#region ICS*/
/*#region Gestione Immagini*/
.ics-manage-images #listTab table tbody tr td.col-icons,
.ics-manage-images #listTab table tbody tr td.code {
   white-space: nowrap;
}

.ics-manage-images .attributes .input-div .filtered-container .filtered-attribute-items ul li span {
   background-image: none;
   white-space: nowrap;
}

.ics-manage-images .input-div .image-thumbnails img.unselected-image {
   background-image: url(/Templates/Base/Images/DataManagementUnselectedThumbnail.jpg);
   display: block;
   height: 120px;
   width: 120px;
}

.ics-manage-images .input-div .image-thumbnails {
   height: 120px;
   width: 120px;
}

.ics-manage-images #filterTab .input-div.selected-tags .icon.add {
   display: none;
}

/*#endregion*/

/*#endregion*/

/*#region Lavec*/

/*#region Gestione richieste di prenotazione*/

.lavec-manage-booking-requests #tabs2 .ui-tabs-nav {
   margin-top: 0;
   border: 1px solid var(--ow-gray-color);
   padding-left: 0;
}

   .lavec-manage-booking-requests #tabs2 .ui-tabs-nav li {
      flex: 1;
   }


.lavec-manage-booking-requests #tabs2 ~ .ui-tabs-panel {
   border: 1px solid var(--ow-gray-color);
}


.lavec-manage-booking-requests #bookingRequestsTab table tbody tr td {
   background-color: var(--td-background-color, #FFF);
}

.lavec-manage-booking-requests #bookingRequestsTab table tbody tr:nth-of-type(odd) td {
   background-color: var(--td-background-color, #EFF3F7);
}


.lavec-manage-booking-requests #bookingRequestsTab table {
   font-size: 14px;
}

   .lavec-manage-booking-requests #bookingRequestsTab table textarea {
      font-size: 14px;
   }

.lavec-manage-booking-requests #dataTab table {
   margin-bottom: 20px;
}

.lavec-manage-booking-requests #bookingRequestProductModal .scrollable-table {
   max-height: 200px;
   overflow-y: auto;
}

/*#endregion*/

/*#region Gestione prenotazioni*/


.lavec-manage-confirmed-booking-requests #tabs2 .ui-tabs-nav {
   margin-top: 0;
   border: 1px solid var(--ow-gray-color);
   padding-left: 0;
}

   .lavec-manage-confirmed-booking-requests #tabs2 .ui-tabs-nav li {
      flex: 1;
   }


.lavec-manage-confirmed-booking-requests #tabs2 ~ .ui-tabs-panel {
   border: 1px solid var(--ow-gray-color);
}


.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr td {
   background-color: var(--td-background-color, #FFF);
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr:nth-of-type(odd) td {
   background-color: var(--td-background-color, #EFF3F7);
}

.lavec-manage-confirmed-booking-requests .month-selector {
   display: flex;
   align-items: baseline;
   gap: 10px;
   justify-content: center;
}

   .lavec-manage-confirmed-booking-requests .month-selector .prev-month,
   .lavec-manage-confirmed-booking-requests .month-selector .next-month,
   .lavec-manage-confirmed-booking-requests .month-selector .current-month,
   .lavec-manage-confirmed-booking-requests .month-selector .download-brt-excel,
   .lavec-manage-confirmed-booking-requests .month-selector .download-shop-excel,
   .lavec-manage-confirmed-booking-requests .month-selector .get-confirmed-booking-requests-filtered {
      background-color: var(--ow-main-color);
      padding: 6px 20px;
      color: var(--ow-white-color);
      border-radius: 6px;
      transition: 0.3s ease all;
   }

      .lavec-manage-confirmed-booking-requests .month-selector .prev-month:hover,
      .lavec-manage-confirmed-booking-requests .month-selector .next-month:hover,
      .lavec-manage-confirmed-booking-requests .month-selector .current-month:hover,
      .lavec-manage-confirmed-booking-requests .month-selector .download-brt-excel:hover,
      .lavec-manage-confirmed-booking-requests .month-selector .download-shop-excel:hover,
      .lavec-manage-confirmed-booking-requests .month-selector .get-confirmed-booking-requests-filtered:hover {
         background-color: var(--ow-black-color);
      }

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr td,
.lavec-manage-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr td {
   background-color: var(--ow-white-color) !important;
}

/*.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr[is-ready="true"] td,
.lavec-manage-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[is-ready="true"] td {
   background-color: #fff0b9 !important;
}
*/
.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="require-payment"] td,
.lavec-manage-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="require-payment"] td {
   background-color: #ffeca5 !important;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="self-shipment"] td,
.lavec-manage-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="self-shipment"] td {
   background-color: #8aa4ff !important;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="pick-up"] td,
.lavec-manage-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="pick-up"] td {
   background-color: #8adcff !important;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="paid"] td,
.lavec-manage-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="paid"] td {
   background-color: #fbd6b7 !important;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="canceled"] td,
.lavec-manage-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="canceled"] td {
   background-color: #ff9797 !important;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="closed"] td,
.lavec-manage-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="closed"] td {
   background-color: #b2ffbe !important;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="stand-by"] td,
.lavec-manage-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="stand-by"] td {
   background-color: #ffdafe !important;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr td.payment-mode-1 {
   background-color: #ff9797 !important;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr td.fl-show-lavec a {
   display: block;
}

   .lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr td.fl-show-lavec a:hover {
      font-weight: 600;
   }

.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr td.payment-mode-1-paid {
   background-color: #b2ffbe !important;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab .download-brt-excel-button a,
.lavec-manage-confirmed-booking-requests #bookingRequestsTab .download-shop-excel-button a {
   background-color: var(--ow-main-color);
   position: fixed;
   bottom: 20px;
   right: 20px;
   border: 1px solid var(--ow-main-color);
}

.lavec-manage-confirmed-booking-requests .email-3-data-container {
   border: 1px solid #eaeaea;
   margin-top: 10px;
   margin-bottom: 10px;
   border-radius: 6px;
}

   .lavec-manage-confirmed-booking-requests .email-3-data-container .container-header {
      border-bottom: 1px dashed #eaeaea;
      padding: 10px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: 0.3s all ease;
   }


      .lavec-manage-confirmed-booking-requests .email-3-data-container .container-header:hover {
         background-color: var(--ow-gray-color);
         cursor: pointer;
      }

      .lavec-manage-confirmed-booking-requests .email-3-data-container .container-header .container-header-title {
         font-size: 18px;
         font-weight: bold;
      }

      .lavec-manage-confirmed-booking-requests .email-3-data-container .container-header .container-header-icon {
         border-radius: 50%;
         background-color: var(--ow-main-color);
         color: var(--ow-white-color);
         width: 30px;
         height: 30px;
         text-align: center;
         line-height: 30px;
         transition: transform 0.3s ease;
      }



   .lavec-manage-confirmed-booking-requests .email-3-data-container .container-content {
      padding: 10px 20px;
   }


.lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr td.week {
   background-color: var(--ow-main-color) !important;
   color: white;
   font-size: 17px;
   font-weight: bold;
   text-align: center;
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab tr {
   border-bottom-width: var(--bs-border-width);
}

.lavec-manage-confirmed-booking-requests #bookingRequestsTab td {
   border-bottom: 0px;
}


.lavec-manage-confirmed-booking-requests #bookingRequestsTab table {
   font-size: 14px;
}

   .lavec-manage-confirmed-booking-requests #bookingRequestsTab table textarea {
      font-size: 14px;
   }


   .lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr td span + strong + i,
   .lavec-manage-confirmed-booking-requests #bookingRequestsTab table tbody tr td span + i {
      margin-left: 5px;
   }


.lavec-manage-confirmed-booking-requests #dataTab table {
   margin-bottom: 20px;
}

.lavec-manage-confirmed-booking-requests #bookingRequestProductModal .scrollable-table {
   max-height: 200px;
   overflow-y: auto;
}

.lavec-manage-confirmed-booking-requests .consider-earning,
.lavec-manage-confirmed-booking-requests .no-consider-earning {
   -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Old versions of Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none;
   border-radius: 6px;
   padding: 2px 10px;
   font-size: 14px;
}

.lavec-manage-confirmed-booking-requests .no-consider-earning {
   border: 1px solid #ff8080;
   background-color: #fda1a1;
}

.lavec-manage-confirmed-booking-requests .consider-earning {
   border: 1px solid #71ff71;
   background-color: #98ff98;
}

/*#endregion*/

/*#region Visualizzazione prenotazioni*/


.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td {
   background-color: var(--td-background-color, #FFF);
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr:nth-of-type(odd) td {
   background-color: var(--td-background-color, #EFF3F7);
}

.lavec-view-confirmed-booking-requests .month-selector {
   display: flex;
   align-items: baseline;
   gap: 10px;
   justify-content: center;
}

   .lavec-view-confirmed-booking-requests .month-selector .prev-month,
   .lavec-view-confirmed-booking-requests .month-selector .next-month,
   .lavec-view-confirmed-booking-requests .month-selector .current-month,
   .lavec-view-confirmed-booking-requests .month-selector .download-brt-excel,
   .lavec-view-confirmed-booking-requests .month-selector .get-confirmed-booking-requests-filtered {
      background-color: var(--ow-main-color);
      padding: 6px 20px;
      color: var(--ow-white-color);
      border-radius: 6px;
      transition: 0.3s ease all;
   }

      .lavec-view-confirmed-booking-requests .month-selector .prev-month:hover,
      .lavec-view-confirmed-booking-requests .month-selector .next-month:hover,
      .lavec-view-confirmed-booking-requests .month-selector .current-month:hover,
      .lavec-view-confirmed-booking-requests .month-selector .download-brt-excel:hover,
      .lavec-view-confirmed-booking-requests .month-selector .get-confirmed-booking-requests-filtered:hover {
         background-color: var(--ow-black-color);
      }

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td,
.lavec-view-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr td {
   background-color: var(--ow-white-color) !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr[is-ready="true"] td,
.lavec-view-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[is-ready="true"] td {
   background-color: #ffffb5 !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="require-payment"] td,
.lavec-view-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="require-payment"] td {
   background-color: #ffeca5 !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="self-shipment"] td,
.lavec-view-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="self-shipment"] td {
   background-color: #8aa4ff !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="pick-up"] td,
.lavec-view-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="pick-up"] td {
   background-color: #8adcff !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="paid"] td,
.lavec-view-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="paid"] td {
   background-color: #fbd6b7 !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="canceled"] td,
.lavec-view-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="canceled"] td {
   background-color: #ff9797 !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="closed"] td,
.lavec-view-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="closed"] td {
   background-color: #b2ffbe !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr[booking-request-status="stand-by"] td,
.lavec-view-confirmed-booking-requests #confirmedBookingRequestsFilteredModal table tbody tr[booking-request-status="stand-by"] td {
   background-color: #ffdafe !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td.same-booking-request {
   background-color: var(--lavec-booking-request-color, auto) !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td.payment-mode-1 {
   background-color: #ff9797 !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td.payment-mode-1-paid {
   background-color: #b2ffbe !important;
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab .download-brt-excel-button a {
   background-color: var(--ow-main-color);
   position: fixed;
   bottom: 20px;
   right: 20px;
   border: 1px solid var(--ow-main-color);
}

.lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td.week {
   background-color: var(--ow-main-color) !important;
   color: white;
   font-size: 17px;
   font-weight: bold;
   text-align: center;
}


.lavec-view-confirmed-booking-requests #bookingRequestsTab table {
   font-size: 12px;
   border-collapse: collapse !important;
}


   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td span + strong + i,
   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td span + i {
      margin-left: 5px;
   }


   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td.other-products {
      min-width: 250px;
   }

   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td.product-name {
      min-width: 200px;
   }

   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td.name {
      min-width: 150px;
   }

   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td.province {
      min-width: 120px;
   }


@media(max-width: 991px) {
   .lavec-view-confirmed-booking-requests #bookingRequestsTab table thead tr th:nth-child(1) {
      min-width: 120px;
   }

   .lavec-view-confirmed-booking-requests #bookingRequestsTab table thead tr th:nth-child(4) {
      min-width: 150px;
   }

   .lavec-view-confirmed-booking-requests #bookingRequestsTab table thead tr th:nth-child(9) {
      min-width: 220px;
   }

   .lavec-view-confirmed-booking-requests #bookingRequestsTab table thead tr th:nth-child(10) {
      min-width: 200px;
   }

   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td {
      min-width: 100px;
   }

      .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td textarea {
         min-width: 200px;
      }

      .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td.week {
         text-align: left;
      }

   .lavec-view-confirmed-booking-requests .month-selector {
      justify-content: left;
   }

      .lavec-view-confirmed-booking-requests .month-selector .form-group,
      .lavec-view-confirmed-booking-requests .month-selector .form-group select {
         width: 200px;
      }
}

@media(max-width: 767px) {


   .lavec-view-confirmed-booking-requests #bookingRequestsTab table td,
   .lavec-view-confirmed-booking-requests #bookingRequestsTab table th {
      padding: 4px;
   }

   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td {
      min-width: 70px;
   }

      .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td textarea {
         min-width: 200px;
      }

   .lavec-view-confirmed-booking-requests .month-selector {
      position: relative;
      height: 100px;
      justify-content: center;
   }

      .lavec-view-confirmed-booking-requests .month-selector .form-group {
         position: absolute;
         bottom: 0px;
         left: 0px;
         width: 100%;
      }

         .lavec-view-confirmed-booking-requests .month-selector .form-group select {
            width: 100%;
         }


   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td {
      min-width: auto;
   }

   .lavec-view-confirmed-booking-requests #bookingRequestsTab table tbody tr td {
      padding: 3px;
      font-size: 14px;
   }
}

#productNameFilterInputText::-webkit-contacts-auto-fill-button {
   visibility: hidden;
   display: none !important;
   pointer-events: none;
   position: absolute;
   right: 0;
}

/*#endregion*/

/*#region Gestione guadagni*/

.lavec-manage-shop-earnings .month-selector {
   display: flex;
   align-items: baseline;
   gap: 10px;
   justify-content: center;
}

   .lavec-manage-shop-earnings .month-selector .prev-month,
   .lavec-manage-shop-earnings .month-selector .next-month,
   .lavec-manage-shop-earnings .month-selector .current-month {
      background-color: var(--ow-main-color);
      padding: 6px 20px;
      color: var(--ow-white-color);
      border-radius: 6px;
      transition: 0.3s ease all;
   }

      .lavec-manage-shop-earnings .month-selector .prev-month:hover,
      .lavec-manage-shop-earnings .month-selector .next-month:hover,
      .lavec-manage-shop-earnings .month-selector .current-month:hover {
         background-color: var(--ow-black-color);
      }


/*#endregion*/

/*#region Visualizzazione guadagni*/

.lavec-view-earnings .year-selector {
   display: flex;
   align-items: baseline;
   gap: 10px;
   justify-content: center;
}

   .lavec-view-earnings .year-selector .prev-year,
   .lavec-view-earnings .year-selector .next-year,
   .lavec-view-earnings .year-selector .current-year {
      background-color: var(--ow-main-color);
      padding: 6px 20px;
      color: var(--ow-white-color);
      border-radius: 6px;
      transition: 0.3s ease all;
   }

      .lavec-view-earnings .year-selector .prev-year:hover,
      .lavec-view-earnings .year-selector .next-year:hover,
      .lavec-view-earnings .year-selector .current-year:hover {
         background-color: var(--ow-black-color);
      }

.lavec-view-earnings .table tbody tr.total td {
   background-color: #fff39f;
}

/*#endregion*/


/*#endregion*/

/*#region Malvestiti*/

/*#region Gestione componenti*/

.malvestiti-manage-components .form-upload-document .input-div {
   position: relative;
}

   .malvestiti-manage-components .form-upload-document .input-div .icon-container {
      position: absolute;
      top: 3px;
      right: 3px;
   }

.malvestiti-manage-components .component-type-filter {
   display: inline-block;
}

.malvestiti-manage-components .image-container {
   position: relative;
}

   .malvestiti-manage-components .image-container.drag-and-drop-enabled img {
      outline: 3px solid #ff0000;
   }

.image-container.add-component img {
   outline: 3px solid #ffd800;
   cursor: crosshair;
}

.malvestiti-manage-components a.image-link {
   position: absolute;
   display: inline-block;
   margin-right: -50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   width: 20px;
   height: 20px;
}

.malvestiti-manage-components .dragging {
   pointer-events: none;
}

.malvestiti-manage-components a.button {
   margin-bottom: 10px;
}

/*#endregion*/

/*#endregion*/

/*#region Ponzi*/

/*#region Gestione prodotti*/

.ponzi-manage-products #originalImageSrcImg {
   max-width: 100%;
   max-height: 100%;
}

/*#endregion*/

/*#endregion*/

/*#region REA*/

/*#region Setting*/

.rea-settings #contentButtons {
   height: 40px;
}


.rea-settings #mapTypeControl {
   font-size: 14px;
   font-family: Arial, sans-serif;
   padding-top: 5px;
   padding-right: 5px;
}

   .rea-settings #mapTypeControl .item.selected {
      font-weight: bold;
   }

   .rea-settings #mapTypeControl div {
      background-color: var(--ow-white-color);
      cursor: pointer;
      font-size: 13px;
      height: 20px;
      border: 1px solid #E0E0E0;
      text-align: center;
      width: 74px;
   }

   .rea-settings #mapTypeControl.dropdown-style .item {
      border-top: none;
      line-height: 20px;
      margin-left: 3px;
   }

   .rea-settings #mapTypeControl.horizontal-style .item {
      float: left;
      height: 20px;
      margin-left: -1px;
   }

   .rea-settings #mapTypeControl.dropdown-style #dropdowntitle {
      background-color: #77B0FF;
      color: var(--ow-white-color);
      font-weight: bold;
      width: 80px;
   }

   .rea-settings #mapTypeControl .item:hover {
      background-color: #C9E0FF;
   }

/*#endregion*/

/*#region Strutture*/

.rea-structures #structureGoogleMapTab #mapTypeControl {
   font-size: 14px;
   font-family: Arial, sans-serif;
   padding-top: 5px;
   padding-right: 5px;
}

   .rea-structures #structureGoogleMapTab #mapTypeControl.horizontal-style .item {
      float: left;
      height: 20px;
      margin-left: -1px;
   }

   .rea-structures #structureGoogleMapTab #mapTypeControl .item.selected {
      font-weight: bold;
   }

   .rea-structures #structureGoogleMapTab #mapTypeControl div {
      background-color: var(--ow-white-color);
      cursor: pointer;
      font-size: 13px;
      height: 20px;
      border: 1px solid #E0E0E0;
      text-align: center;
      width: 74px;
   }

.rea-structures #structureVideosTab table td.thumbnail img {
   width: 10%;
}












/*


.rea-structures .cost {
   display: none;
}

.rea-structures .commercial-type-input,
.rea-structures .cost,
.rea-structures .rent-type-input {
   display: inline-block;
   float: left;
}

.rea-structures .commercial-type {
   margin-bottom: 10px;
}

   .rea-structures .commercial-type:nth-child(2) .input-div {
      float: right;
   }


.rea-structures .commercial-type-input {
   line-height: 20px;
}

.rea-structures .cost label {
   float: left;
   padding-right: 10px;
}

.rea-structures .cost .input-div {
   float: right;
}

.rea-structures .rent-type-list {
   clear: both;
}

.rea-structures .rent-type-input {
   width: 210px;
   padding-right: 10px;
   position: relative;
   padding-left: 39px;
}

   .rea-structures .rent-type-input input {
      position: absolute;
      left: 20px;
      top: 8px;
   }

   .rea-structures .rent-type-input .option-label {
      padding-left: 0px !important;
   }

.rea-structures .rent-type-item span {
   padding-top: 10px;
}

.rea-structures .cost {
   position: relative;
   margin-bottom: 10px;
}

.rea-structures .rent-type-item {
   height: 30px;
   display: block;
   padding-bottom: -3px;
}

   .rea-structures .rent-type-item span {
      padding-top: 5px;
   }

   .rea-structures .rent-type-item .cost {
      margin-bottom: 5px;
   }

.rea-structures .cost label.validation-error-label {
   display: block;
   position: absolute;
   left: 0px;
   bottom: -17px;
}

   */






.rea-structures .rent-type-input {
   display: flex;
   justify-content: space-between;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-bottom: 0;
   align-items: center;
}

   .rea-structures .rent-type-input.other-rent-period {
      align-items: normal;
   }

.rea-structures .rent-type-item:not(:first-child) {
   border-top: 1px solid var(--ow-gray-color);
}

.rea-structures .rent-type-input.other-rent-period {
   display: flex;
   flex-direction: column;
   gap: 10px;
   margin-bottom: 0;
}

.rea-structures .distance-unit-of-measure-container {
   display: flex;
   gap: 5px;
}



@media (max-width: 567px) {
   .rea-structures .rent-type-input {
      flex-direction: column;
      gap: 10px;
   }

      .rea-structures .rent-type-input.other-rent-period {
         display: flex;
         flex-direction: column;
         gap: 10px;
      }

   .rea-structures .distance-unit-of-measure-container {
      display: flex;
      gap: 5px;
   }
}



















/*#endregion*/

/*#endregion*/

/*#region Sacma*/

/*#region Catalogo*/

.sacma-manage-catalog .form-upload-document .input-div {
   position: relative;
}

   .sacma-manage-catalog .form-upload-document .input-div .icon-container {
      position: absolute;
      top: 3px;
      right: 3px;
   }

/*#endregion*/

/*#endregion*/

/*#region THE*/

/*#region Gestione Menu*/

.the-manage-menu #cafeteriaTab table td:nth-child(4) input {
   display: none;
}

/*#endregion*/

/*#region Gestione vini*/

.the-manage-wines div.ow-treeview .item-node {
   font-size: 15px;
}

   .the-manage-wines div.ow-treeview .item-node.product {
      color: #A9002B;
   }

      .the-manage-wines span.item-node.parent.category.not-active:after,
      .the-manage-wines div.ow-treeview .item-node.product.not-active:after {
         content: "";
         width: 10px;
         height: 10px;
         background-color: red;
         display: block;
         border-radius: 50%;
         position: absolute;
         top: 5px;
         right: -7px;
      }

/*#endregion*/

/*#endregion*/

/*#region Web*/

/*#region Sistema anti bot*/

.anti-bot-system #trackingsTab table tr td {
   white-space: nowrap;
}

.anti-bot-system #trackingsTab table tr.enabled td {
   background-color: #FFB0AD;
}

.anti-bot-system #trackingsTab table tr.disabled td {
   background-color: var(--ow-white-color);
}

.anti-bot-system #trackingsTab table tr.new-ip td {
   border-color: #4BFF42;
   border-width: 3px;
}

/*#endregion*/

/*#region Gestione Sezioni*/

.manage-sections tr.row-in-evidence {
   font-weight: 900;
}

/*#endregion*/

/*#region Home - Default.aspx*/

.clients-site {
   margin: 0 -5px 50px;
}

   .clients-site .web-space {
      padding: 0 5px;
      position: relative;
   }

   /*   .clients-site .item {
      display: block;
      border: 1px solid var(--ow-light-gray-color);
      border-radius: 10px;
      padding: 35px 15px;
      margin-bottom: 15px;
      position: relative;
      cursor: pointer;
      background-color: var(--ow-white-color);
      min-height: 105px;
      overflow: hidden;
      background-image: url(/Templates/1/Images/Clouds.png);
      background-repeat: no-repeat;
      background-size: contain;
      box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
      height: 175px;
      background-position: bottom;
   }

      .clients-site .item i {
         position: absolute;
         left: 14px;
         top: 31%;
         font-size: 140px;
         margin-top: -28px;
         color: #d3e9ff69;
         overflow: hidden;
      }

      .clients-site .item .name {
         display: block;
         color: var(--ow-black-color);
         font-weight: 700;
         font-size: 30px;
         cursor: pointer;
         border: 0px;
         min-height: auto;
         padding: 0px;
         border-radius: 0px;
         z-index: 2;
         position: relative;
         line-height: 40px;
      }

      .clients-site .item .url {
         color: #AAA;
         cursor: pointer;
         border: 0px;
         border-radius: 0px;
         padding: 0px;
         min-height: auto;
         margin-bottom: 0px;
         z-index: 2;
         position: relative;
         display: block;
         font-size: 17px;
      }


         .clients-site .item .url:after {
            content: "\f0c1";
            position: absolute;
            right: 0px;
            bottom: 1px;
            font-family: 'Font Awesome 6 Free';
            color: var(--ow-white-color);
            font-weight: 600;
            background-color: #00B1EB;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            text-align: center;
            line-height: 43px;
         }
*/

   .clients-site .item {
      display: block;
      border: 1px solid #eaeaea;
      border-radius: 10px;
      padding: 34px 32px;
      margin-bottom: 15px;
      position: relative;
      cursor: pointer;
      min-height: 105px;
      background-repeat: no-repeat;
      background-size: contain;
      box-shadow: 0 4px 10px rgb(0 0 0 / 12%);
      height: 149px;
      background-position: bottom;
      background-color: #e9f0fb;
      overflow: hidden;
   }

      .clients-site .item:before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 70%;
         height: 117%;
         background-color: white;
         border-bottom-right-radius: 76%;
         transition: width 0.5s ease, border-bottom-right-radius 0.5s ease;
      }

      .clients-site .item i {
         position: absolute;
         right: 42px;
         top: 50%;
         font-size: 57px;
         margin-top: -28px;
         color: #b7cef2;
         overflow: hidden;
         opacity: 0.8;
         transition: all 0.3s ease;
      }

      .clients-site .item .name {
         display: block;
         color: var(--ow-black-color);
         font-weight: 700;
         font-size: 30px;
         cursor: pointer;
         border: 0px;
         min-height: auto;
         padding: 0px;
         border-radius: 0px;
         z-index: 2;
         position: relative;
         line-height: 40px;
         width: 59%;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
      }


      .clients-site .item .url {
         cursor: pointer;
         border: 0px;
         min-height: auto;
         z-index: 2;
         position: relative;
         font-size: 15px;
         background-color: #00B1EB;
         color: #fff;
         padding: 5px 20px;
         border-radius: 10px;
         margin-bottom: 10px;
         display: inline-block;
         transition: 0.2s all ease;
      }



      .clients-site .item .date {
         color: var(--ow-black-color);
         position: absolute;
         top: 15px;
         right: 15px;
         font-size: 14px;
      }

      /*      .clients-site .item .host {
         position: absolute;
         width: 98%;
         bottom: 10px;
         padding: 9px;
         font-size: 18px;
         line-height: 23px;
         border: 1px solid var(--ow-light-gray-color);
         border-radius: 10px;
         left: 50%;
         transform: translateX(-50%);
         background-color: #54a8ff21;
         transition: background-color 0.3s;
      }*/

      /*         .clients-site .item .host:hover {
            background-color: #54a8ff40;
         }*/

      .clients-site .item .url:hover {
         background-color: var(--ow-main-color);
         color: var(--ow-white-color);
      }

      /*
      .clients-site .item:hover {
         z-index: 3;
         animation: test 0.3s forwards;
      }*/

      .clients-site .item:hover::before {
         width: 100%;
         border-bottom-right-radius: 0%;
      }

      .clients-site .item:hover i {
         color: var(--ow-main-color);
      }

@media(max-width: 1300px) {
   .clients-site .item {
      padding-left: 20px;
   }
}

@media(max-width: 1200px) {
   .clients-site .item i {
      right: 6%;
      font-size: 40px;
      margin-top: -20px;
   }

   .clients-site .item:before {
      width: 77%;
   }

   .clients-site .item .name {
      font-size: 25px;
   }
}


@media(max-width: 767px) {

   .clients-site .item {
      min-height: auto;
      line-height: 18px;
      height: 125px;
      padding: 13px;
   }

      .clients-site .item .name {
         font-size: 20px;
      }


      .clients-site .item .date {
         font-size: 13px;
         top: 10px;
         right: 10px;
      }


      .clients-site .item .host {
         position: absolute;
         width: 97%;
         bottom: 0px;
         bottom: 7px;
         font-size: 16px;
         line-height: 18px;
      }



      .clients-site .item .url:after {
         width: 35px;
         height: 35px;
         line-height: 33px;
      }

      .clients-site .item .url {
         font-size: 15px;
         margin-bottom: 0px;
         padding: 2px 12px;
      }

   .clients-site {
      margin-bottom: 0px;
   }

   /*      .clients-site .item i {
         width: 30px;
         height: 30px;
         font-size: 15px;
         line-height: 30px;
         top: 35px;
         left: 10px;
      }*/
}

/*#endregion*/

/*#region PageLayout*/

.temp-draggable-section {
   border: 2px solid #25476A !important;
   background-color: var(--ow-main-color) !important;
   background: none !important;
}

   .temp-draggable-section > * {
      visibility: hidden;
   }

.page-layout #pageLayout {
   border-top: 1px dashed #CCC;
   border-left: 1px dashed #CCC;
   border-right: 1px dashed #CCC;
}

   .page-layout #pageLayout .page-pane {
      border-bottom: 1px dashed #CCC;
      text-align: center;
      padding: 10px;
      min-height: 80px;
   }

      .page-layout #pageLayout .page-pane > div {
         width: 100%;
         height: 100%;
         min-height: 50px;
      }

      .page-layout #pageLayout .page-pane .menu-pane-sections .btn {
         margin-right: 5px;
      }

   .page-layout #pageLayout .page-column {
      display: flex;
      flex-direction: row;
   }

   .page-layout #pageLayout .page-pane .pane-name {
      font-weight: bold;
   }

   .page-layout #pageLayout .page-pane.center-pane {
      border-left: 1px dashed #CCC;
      border-right: 1px dashed #CCC;
   }

   .page-layout #pageLayout div.page-pane:not(.menu-pane) .item-section.multi-page:hover {
      cursor: grab;
      background: repeating-linear-gradient(-45deg, #dadada, #dadada 16px, white 15px, white 30px);
   }

   .page-layout #pageLayout div.page-pane:not(.menu-pane) .item-section.multi-site:hover {
      cursor: grab;
      background: repeating-linear-gradient(-45deg, #ffe2e2, #ffe2e2, 16px, white 15px, white 30px);
   }

   .page-layout #pageLayout div.page-pane:not(.menu-pane) .item-section:not(.multi-site):not(.multi-page):hover {
      cursor: grab;
      background: #efefef;
   }

   .page-layout #pageLayout .item-section::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 4px;
      height: 100%;
      background-color: var(--ow-main-color);
      transition: 0.1s ease-out;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
   }

   .page-layout #pageLayout .item-section.staging-type::before {
      background-color: #ffc107;
   }

   .page-layout #pageLayout .item-section.is-main-content::before {
      background-color: green;
   }

   .page-layout #pageLayout .item-section.permissions::before {
      background-color: #C40021;
   }

   /*   .page-layout #pageLayout .item-section.warning::before {
      background-color: #C40021;
   }*/

   .page-layout #pageLayout div.page-pane:not(.menu-pane) .item-section:hover::before {
      cursor: grab;
      width: 8px;
   }

   /*   .page-layout #pageLayout .item-section.warning {
      border-top: 1px solid #C40021;
      border-right: 1px solid #C40021;
      border-bottom: 1px solid #C40021;
   }*/

   .page-layout #pageLayout .item-section {
      background: #f8f9fa;
      border-top: 1px solid #CCC;
      border-right: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
      margin: 16px 0;
      padding: 20px 24px;
      position: relative;
      animation: ease 0.3s;
   }

      .page-layout #pageLayout .item-section.multi-page {
         background: repeating-linear-gradient(-45deg, #e0dede, #e0dede 16px, white 15px, white 30px);
      }

      .page-layout #pageLayout .item-section.multi-site {
         background: repeating-linear-gradient(-45deg, #ffebeb, #ffebeb 16px, white 15px, white 30px);
      }

      .page-layout #pageLayout .item-section .module-type-data {
         display: flex;
         align-items: center;
      }

         .page-layout #pageLayout .item-section .module-type-data i.module-type-icon {
            font-size: 24px;
            color: #495057;
            margin-right: 16px;
         }

         .page-layout #pageLayout .item-section .module-type-data .section-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
         }

      .page-layout #pageLayout .item-section .title-section {
         font-family: 'Arial', 'Helvetica', sans-serif;
         font-size: 18px;
         font-weight: 600;
         color: #212529;
         margin-bottom: 4px;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 3;
         overflow: hidden;
         text-align: left;
         max-width: 100%;
      }

      .page-layout #pageLayout .item-section .type-section {
         font-size: 14px;
         color: #6c757d;
      }

      .page-layout #pageLayout .item-section .action-section {
         position: absolute;
         bottom: 19px;
         right: 24px;
         display: flex;
         gap: 10px;
      }

         .page-layout #pageLayout .item-section .action-section a {
            color: #495057;
            font-size: 16px;
         }

      .page-layout #pageLayout .item-section .action-move {
         position: absolute;
         bottom: 20px;
         right: 24px;
         display: flex;
         gap: 12px;
         display: none;
      }

         .page-layout #pageLayout .item-section .action-move a {
            background-color: #e9ecef;
            color: #495057;
            width: 28px;
            height: 28px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
         }

      /*      .page-layout #pageLayout .item-section.warning {
         border-left-color: #C40021;
      }*/

      .page-layout #pageLayout .item-section .section-info {
         position: absolute;
         bottom: 5px;
         right: 5px;
         display: flex;
         gap: 7px;
      }

      .page-layout #pageLayout .item-section.staging i.staging-type,
      .page-layout #pageLayout .item-section.only-staging i.staging-type,
      .page-layout #pageLayout .item-section.permissions i.permissions,
      .page-layout #pageLayout .item-section.is-main-content i.is-main-content {
         font-size: 16px;
      }

      .page-layout #pageLayout .item-section.staging i.staging-type,
      .page-layout #pageLayout .item-section.only-staging i.staging-type {
         bottom: 4px;
         right: 4px;
         color: #ffc107;
      }

      .page-layout #pageLayout .item-section.permissions i.permissions {
         color: #C40021;
      }

      .page-layout #pageLayout .item-section.is-main-content i.is-main-content {
         color: green;
      }


@media (max-width: 1280px) {
   .page-layout #pageLayout .page-column .item-section .action-section {
      position: relative;
      left: 40px;
      gap: 16px;
      margin-top: 5px;
      bottom: auto;
   }
}

@media (max-width: 991px) {
   .page-layout #pageLayout .item-section {
      padding: 16px 20px;
   }

      .page-layout #pageLayout .item-section .action-section {
         right: 16px;
         gap: 16px;
      }

      .page-layout #pageLayout .item-section .title-section {
         font-size: 16px;
         width: 500px;
      }

   .page-layout #pageLayout .page-column .item-section .title-section {
      font-size: 16px;
      width: 150px;
   }

   .page-layout #pageLayout .item-section .type-section {
      font-size: 13px;
   }
}

@media (max-width: 767px) {
   .page-layout #pageLayout .item-section {
      flex-wrap: wrap;
      padding: 24px 16px 16px 14px;
   }

      .page-layout #pageLayout .item-section .module-type-data {
         flex-direction: column;
         align-items: flex-start;
      }


         .page-layout #pageLayout .item-section .module-type-data i.module-type-icon {
            font-size: 20px;
            margin-right: 12px;
         }

      .page-layout #pageLayout .item-section .action-section {
         width: 100%;
         justify-content: flex-end;
         padding-right: 0;
         right: 16px;
         gap: 16px;
         position: absolute;
      }

      .page-layout #pageLayout .item-section .title-section {
         font-size: 16px;
         width: 400px;
      }

   .page-layout #pageLayout .page-column .item-section .title-section {
      font-size: 16px;
      width: 100px;
   }

   .page-layout #pageLayout .page-column .item-section .action-section {
      justify-content: flex-start;
      left: 0px;
   }

   .page-layout #pageLayout .item-section .action-section a {
      font-size: 14px;
   }

   .page-layout #pageLayout .item-section .section-info {
      bottom: 3px;
      right: 3px;
      gap: 5px;
   }
}

@media (max-width: 576px) {
   .page-layout #pageLayout .item-section {
      padding: 12px 14px;
   }

   .page-layout #pageLayout .page-column {
      flex-direction: column;
   }

   .page-layout #pageLayout .item-section .module-type-data {
      flex-direction: column;
      align-items: flex-start;
   }

      .page-layout #pageLayout .item-section .module-type-data i.module-type-icon {
         margin-bottom: 8px;
         font-size: 20px;
      }

   .page-layout #pageLayout .item-section .title-section {
      font-size: 15px;
      width: 250px;
   }

   .page-layout #pageLayout .item-section .type-section {
      font-size: 12px;
   }

   .page-layout #pageLayout .item-section .action-section {
      right: 12px;
   }

      .page-layout #pageLayout .item-section .action-section a {
         font-size: 14px;
      }
}

@media (max-width: 400px) {
   .page-layout #pageLayout .item-section {
      padding: 10px 50px 10px 12px;
   }

      .page-layout #pageLayout .item-section .module-type-data i.module-type-icon {
         font-size: 18px;
      }

      .page-layout #pageLayout .item-section .title-section {
         font-size: 14px;
         padding-right: 40px;
         width: 100%;
      }

      .page-layout #pageLayout .item-section .type-section {
         font-size: 11px;
      }

      .page-layout #pageLayout .item-section .action-section {
         gap: 16px;
         position: relative;
         right: 0;
         margin-top: 5px;
         justify-content: flex-start;
         bottom: auto;
      }

         .page-layout #pageLayout .item-section .action-section a {
            font-size: 12px;
         }

      .page-layout #pageLayout .item-section .section-info {
         bottom: 1px;
         right: 1px;
         gap: 3px;
      }

      .page-layout #pageLayout .item-section.staging i.staging-type,
      .page-layout #pageLayout .item-section.only-staging i.staging-type,
      .page-layout #pageLayout .item-section.permissions i.permissions,
      .page-layout #pageLayout .item-section.is-main-content i.is-main-content {
         font-size: 14px;
      }
}


.page-layout #addNewSectionModal .modal-body,
.page-layout #addExistingSectionModal .modal-body,
.page-layout #existingMenuModal .modal-body {
   padding: 30px;
}

.page-layout #addNewSectionModal #section-type-container .section-category-list,
.page-layout #addNewSectionModal #section-type-container .section-type-list,
.page-layout #addExistingSectionModal #existing-section-type-container .page-list,
.page-layout #addExistingSectionModal #existing-section-type-container .section-list,
.page-layout #addNewSectionModal #section-type-container .section-description {
   border-radius: .5rem;
   border: 1px solid #e0e0e0;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   padding: 1rem;
   background-color: #fff;
   transition: box-shadow 0.3s, transform 0.3s;
}

   .page-layout #addNewSectionModal #section-type-container .section-category-list .item,
   .page-layout #addNewSectionModal #section-type-container .section-type-list .item,
   .page-layout #addExistingSectionModal #existing-section-type-container .page-list .item,
   .page-layout #addExistingSectionModal #existing-section-type-container .section-list .item,
   .page-layout #existingMenuModal #existing-menu-items-container .item {
      display: flex;
      align-items: center;
      padding: 10px;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s;
      border-top: 1px solid #e8e8e8;
   }

      .page-layout #addNewSectionModal #section-type-container .section-category-list .item.active,
      .page-layout #addNewSectionModal #section-type-container .section-type-list .item.active,
      .page-layout #addExistingSectionModal #existing-section-type-container .page-list .item.active,
      .page-layout #addExistingSectionModal #existing-section-type-container .section-list .item.active,
      .page-layout #existingMenuModal #existing-menu-items-container .item.active {
         background-color: var(--ow-active-color);
      }

      .page-layout #addNewSectionModal #section-type-container .section-category-list .item:hover,
      .page-layout #addNewSectionModal #section-type-container .section-type-list .item:hover,
      .page-layout #addExistingSectionModal #existing-section-type-container .page-list .item:hover,
      .page-layout #addExistingSectionModal #existing-section-type-container .section-list .item:hover,
      .page-layout #existingMenuModal #existing-menu-items-container .item:hover {
         background-color: #f0f0f0;
      }

      .page-layout #addNewSectionModal #section-type-container .section-category-list .item img,
      .page-layout #addNewSectionModal #section-type-container .section-type-list .item i,
      .page-layout #addExistingSectionModal #existing-section-type-container .page-list .item img,
      .page-layout #addExistingSectionModal #existing-section-type-container .section-list .item i {
         margin-right: 10px;
      }

.page-layout .icon.find.demo {
   width: 25px;
   height: 25px;
   line-height: 12px;
   margin-left: 10px;
   text-align: center;
   padding-right: 23px;
}

.page-layout #addExistingSectionModal #existing-section-type-container .section-info-container {
   display: flex;
   align-items: center;
}

   .page-layout #addExistingSectionModal #existing-section-type-container .section-info-container .section-info {
      display: flex;
      flex-direction: column;
   }

      .page-layout #addExistingSectionModal #existing-section-type-container .section-info-container .section-info .section-title {
         font-weight: 800;
      }

.page-layout #addNewSectionModal #section-type-container .section-description {
   color: #666;
   padding: 10px;
   border: 1px solid #e0e0e0;
   border-radius: 5px;
   background-color: #fff;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.section-position-table-container,
.existing-section-position-table-container {
   margin-top: 15px;
}


#section-position-table,
#existing-section-position-table {
   margin-top: 5px;
}

   #section-position-table .item,
   #existing-section-position-table .item {
      cursor: pointer;
      background-color: var(--ow-white-color);
      border: 1px solid #e0e0e0;
      border-radius: 5px;
      padding: 5px;
      margin-bottom: 5px;
      transition: all 0.3s ease;
      text-align: center;
   }

      #section-position-table .item:hover,
      #existing-section-position-table .item:hover {
         background-color: #f0f0f0;
         border-color: #ccc;
      }

      #section-position-table .item.active,
      #existing-section-position-table .item.active {
         background-color: var(--ow-active-color);
         border-color: var(--ow-light-gray-color);
      }

@media(max-width: 991px) {
   .page-layout #addNewSectionModal #section-type-container .section-description {
      display: none;
   }
}

@media(max-width: 576px) {
   .page-layout #addNewSectionModal #section-type-container .section-category-list,
   .page-layout #addNewSectionModal #section-type-container .section-type-list,
   .page-layout #addExistingSectionModal #existing-section-type-container .page-list,
   .page-layout #addExistingSectionModal #existing-section-type-container .section-list {
      display: block;
      margin-bottom: 10px;
   }
}


/*#endregion*/

/*#region PageList*/

.page-list #listTab table thead tr th.draggable-title-header {
   padding-left: 30px;
}

.page-list #listTab table tbody tr {
   position: relative;
   cursor: grab;
}

   .page-list #listTab table tbody tr:active {
      cursor: grabbing;
      background-color: rgba(251, 218, 171, 0.3);
      transition: background-color 0.2s ease;
   }

   .page-list #listTab table tbody tr::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      height: 20px;
      z-index: 1;
      pointer-events: none;
   }

   .page-list #listTab table tbody tr.upper-third::after {
      top: 0;
      background: linear-gradient(90deg, #4CAF503b, #8BC34A3b);
   }

   .page-list #listTab table tbody tr.center-third::after {
      top: 50%;
      transform: translateY(-50%);
      background: linear-gradient(90deg, #2196F33b, #03A9F43b);
   }

   .page-list #listTab table tbody tr.lower-third::after {
      bottom: 0;
      background: linear-gradient(90deg, #FFC1073b, #FF98003b);
   }

   .page-list #listTab table tbody tr td.item-data {
      position: relative;
      vertical-align: middle;
   }

      .page-list #listTab table tbody tr td.item-data::after {
         font-family: 'Font Awesome 6 Free';
         font-weight: 600;
         position: absolute;
         left: -10px;
         top: 50%;
         transform: translateY(-50%);
         font-size: 18px;
         opacity: 0.7;
      }

   .page-list #listTab table tbody tr.upper-third td.item-data::after {
      content: '\f062';
      color: #4CAF50;
   }

   .page-list #listTab table tbody tr.center-third td.item-data::after {
      content: '\f802';
      color: #2196F3;
   }

   .page-list #listTab table tbody tr.lower-third td.item-data::after {
      content: '\f063';
      color: #FFC107;
   }


   .page-list #listTab table tbody tr td.item-data i {
      background-color: var(--ow-main-color);
      color: #fff;
      padding: 12px;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      font-size: 15px;
      text-align: center;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
   }

      .page-list #listTab table tbody tr td.item-data i:after {
         content: "";
         height: 75%;
         width: 1px;
         background-color: #DEE2E6;
         position: absolute;
         right: 50px;
      }


   .page-list #listTab table tbody tr td {
      line-height: 40px;
   }

#urlPathDoubleAlertDiv {
   transition: opacity 1s ease-in-out;
   opacity: 1;
   position: fixed;
   bottom: 50%;
   left: 50%;
   transform: translate(-50%);
   background: rgb(59, 63, 92) none repeat scroll 0% 0%;
   color: var(--ow-white-color);
   padding: 15px 30px;
   font-size: 20px;
   z-index: 999;
}

   #urlPathDoubleAlertDiv.hide-fade {
      opacity: 0;
   }

/*#endregion*/

/*#region Site Creator*/

.secure-site-creator .header-languageswitcher {
   display: none;
}

.secure-site-creator #infobox {
   margin: 15px 0;
}

.secure-site-creator .sitecreator-content {
   background: url("/Resources/img/UnderConstruction.jpg") no-repeat scroll right 110px transparent;
   height: 1070px;
}

/*#endregion*/

/*#region*/

.site-template .view-all-button {
   border-top: 1px dashed #000;
   margin-top: 10px;
}

   .site-template .view-all-button a {
      margin-top: 10px !important;
   }

/*#endregion*/

/*#endregion*/

/*#endregion*/

/*#region Login*/

.login #left-panel {
   padding: 0px;
}

.login #left-panel {
   width: auto;
}

.login #page-content {
   margin-left: 0px;
}

.login #contentPageFooter {
   text-align: center;
   margin-top: 20px;
}

@media(max-width: 576px) {
   div.login {
      width: 100% !important;
   }
}

/*#endregion*/









body.iframe-pdc header,
body.iframe-pdc #left-panel,
body.iframe-pdc #page-content #breadcrumb,
body.iframe-pdc #page-content #contentPageHeader a#buttonBack,
body.iframe-pdc #page-content #contentPageFooter,
body.iframe-pdc footer {
   display: none;
}



.enable-disable-section-input-checkbox {
   appearance: none;
   position: relative;
   display: inline-block;
   box-sizing: content-box;
   width: 30px;
   height: 10px;
   padding: 5px;
   border: none;
   cursor: pointer;
   border-radius: 1.5em;
   overflow: hidden;
   background-color: #C40021;
   transition: background ease 0.3s;
}

   .enable-disable-section-input-checkbox:before {
      content: "";
      display: block;
      position: absolute;
      z-index: 2;
      width: 10px;
      height: 10px;
      font-family: system-ui;
      font-size: 10px;
      line-height: 10px;
      font-weight: 500;
      text-transform: uppercase;
      text-indent: -20px;
      word-spacing: 25px;
      text-shadow: -1px -1px rgba(0,0,0,0.15);
      white-space: nowrap;
      background: #fff;
      color: #fff;
      border-radius: 10px;
      transition: transform cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
   }

   .enable-disable-section-input-checkbox:checked {
      background-color: var(--ow-main-color);
   }

      .enable-disable-section-input-checkbox:checked:before {
         transform: translateX(20px);
      }

.enable-disable-section {
   position: absolute;
   top: 5px;
   right: 5px;
   display: flex;
   gap: 10px;
}


.permissions.red.permissions {
   display: none;
}