@charset "utf-8";
/* CSS Document */


:root {
	--stickyTop: -162px;
	--filterIcon:url("data:image/svg+xml,%3Csvg class='w-6 h-6' stroke='white' stroke-width='2' viewBox='0 0 24 24' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h16M6 8h12M8 13h8M10 18h4' stroke-linejoin='round' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
	--iconDLS: url( "../Images/ui/dls_icon.png");
	--iconActivationManager:  url( "../../Images/ui/icon_activation_manager.png");
	--iconZepra:url("data:image/svg+xml,%3Csvg class='brxe-icon tab-sublist-item__icon' id='brxe-mfysgw' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.93,13.33c-.24-1.21-.89-2.28-1.63-2.32-.34-.02-2.23.76-1.82,1.31.08.1,1.41-.57,1.83-.23.38.31.6.76.69,1.24.03.15.05.31.05.47.03.75-.44,1.36-.48,1.55.08.2.84.03,1.02-.03.19-.21.44-.8.44-1.09,0-.3-.04-.6-.09-.9h0Z' style='fill: %230d253f; fill-rule: evenodd;'%3E%3C/path%3E%3Cpath d='M4.44,15.76c-.08-.2-.19-.47-.21-.57-.07-.18-.1-.67-.57-.84-.02,0-.03,0-.06,0-.02.02-1.16.08-1.19-.11-.02-.16.16-.46.34-.89h0c.2-.48.41-1.11.34-1.88-.01-.15-.03-.49-.22-.53-.06-.01-.12,0-.17.04-.13.11-1.35,1.14-1.63,1.4-.26.24-.41.5-.55.82-.02.04-.04.09-.06.16h0c-.17.46-.49,1.55-.45,1.77.04.19.09.42.19.59.01.02.02.05.04.07.14.29.03.43.11.71.12.42.63.52.99.41.09.06.09.18.18.23.53.33.79.43,1.33.03.21-.02.41-.05.62-.04.47.02.55-.81.91-.98.1-.04.14-.07.14-.15,0-.02-.03-.1-.07-.2' style='fill: %230d253f; fill-rule: evenodd;'%3E%3C/path%3E%3Cpath d='M5.97,13.61c-.34.05-.23,1.33-.35,1.67-.04.1-.22.24-.09.35.12.1.64-.1.8-.05.41-.48.23-2.05-.36-1.97' style='fill: %230d253f; fill-rule: evenodd;'%3E%3C/path%3E%3Cpath d='M18.29,12.11c-.14-.04-.3.01-.44.04-.84.18-1.47.64-2.07,1.18h0c-.22.2-.44.42-.66.63.07-.16.21-.39.39-.63h0c.45-.64,1.15-1.43,1.59-1.57l.62-.21c.25-.09.37.28.54.46.02.02.06.05.03.09M10.38,5.75c-.16.41-.37.5-.68.78-.18-.49-.13-.63-.16-1.11-.01-.18-.2-.34-.26-.51-.19-.56.02-1.34.45-1.76.13.55.09,1.22.52,1.65.26.26.25.62.12.95M23.9,15.15c-.15-.31-.21-.48-.45-.73-.35-.35-.68-.72-1.01-1.08h0c-.31-.34-.63-.69-.97-1.01-.37-.35-.73-.69-1.05-1.1-.07-.09-.13-.2-.18-.32-.14-.39-.14-.87-.04-1.24-.09-.12-1.26-.22-1.86-.73-.29-.25-.41-.58-.56-.93-.31-.73-1.34-1.64-2.11-1.82-.01-.42.24-.87.37-1.32.05-.15.1-.37-.12-.4-.13-.02-.14.12-.2.21-.25.32-.53.4-.87.58.03-.09.02-.19.04-.28.01-.11.08-.32-.02-.4-.21-.16-.28.28-.39.38-.36.34-1.1.89-1.59.97-.27-.1-.45-1.17-.52-1.53-.1-.27-.04-.41-.32-.05-.17.37-.22.62-.33.93-.07-.07-.1-.19-.15-.27-.29-.49-1.55-2.27-1.41-2.76.09-.22-.18-.1-.28,0-.62.64-1.15,1.24-1.08,2.21.02.23.17,1.06.13,1.23-.15.71-3.27,3.17-3.43,3.26-.2.12-2.02,1.1-1.94,1.72.43.43.86.09.93.05.07-.05.48-.5.6-.66.64-.83,1.42-1.22,2.26-1.8.18-.13.38-.23.54-.39.06-.06.46-.44.5-.45-.02.21-.23.48.14.53.12,0,.18-.07.24-.11.13-.11.49-.31.52-.45.11.47-.88,1.33-.64,1.72.26.4,1.31-.39,1.61-.54.47-.23,1.09-.78,1.3-1.27l-.02.15c-.05,1.19-1.99,2.35-2.88,3.44-.24.3-.41.6-.43.88-.04.55.26.96.38,1.54h0c.08.39.07.85-.17,1.49-.06.15-.18.24-.25.38.14.08.56-.02.7-.04.23-.5.39-.97.47-1.52.01-.1.02-.2.03-.3.03-.39.02-.78.08-1.15.06-.34.33-.9.54-1.28h0c.04-.08.08-.15.12-.21.53-.86,1.85-1.87,2.19-2.66.11-.26.16-.67.11-.95l.04.13c.18,1.04.46.8,1.14.66l.15-.05-.13.08c-1.35.66-2.39,1.64-3,3h0s-.04.09-.06.14c-.15.35-.25.71-.35,1.07-.09.32-.12.71-.18,1.05,0,.05-.02.11-.04.16-.14.48-.51,1.17-.83,1.45-.05.05-.14.25-.15.34,0,0,.31-.1.42.02.07.08.15.23.23.32l.2-.05c.36-.09.56-.32.82-.56.51-.45.76-.98.94-1.52.28-.82.41-1.68,1.02-2.43h0c.26-.32.61-.62,1.1-.88.22-.12.45-.23.7-.26-.34.24-.46.44-.6.65-.1.15-.19.32-.28.49h0c-.38.77-.65,1.71-1.1,2.43h0c-.11.18-.23.35-.37.49-.36.39-.73.55-1.04.87.32-.05.47-.11.64-.2.57-.32,1.01-.72,1.4-1.16h0c.55-.62,1-1.32,1.62-1.95.19-.19.36-.35.53-.47h0c1.1-.83,1.8-.38,1.92-.24-.21.08-.41.16-.6.24h0c-.86.38-1.48.85-2.11,1.7-.19.25-.35.5-.52.73h0c-.61.88-1.14,1.6-2.28,2.1-.6.26-1.05.31-1.67.1-.13.08-.24.11-.24.11.04.04.09.08.14.13h0c.44.35,1.25.67,2.31.39.39-.1.77-.23,1.15-.38-.08.19-.35.34-.52.45-.73.47-1.43.67-2.3.63-.12,0-.18.01-.36-.09,0,.08.27.79.32.91.25.14.69.19.98.17.6-.04,1.36-.08,1.89-.4.8-.49,1.45-1.05,2.07-1.68h0c.31-.31.61-.64.92-.99.56-.63,1.09-1.24,1.88-1.44h0c.18-.05.38-.07.59-.07.09,0,.41.03.59.06h0s.09.02.11.02c-1.18.34-1.46.73-1.89,1.17-.24.25-.43.61-.6.91-.06.1-.13.21-.2.33h0c-.69,1.08-1.86,2.66-2.98,3.01-.51.16-1.29.26-1.82.2-.3-.03-.68.02-1.1-.28.03.11.07.21.12.31h0c.17.35.43.64.66.82.69.53,2.85.32,4.5-.82h0c.6-.41,1.14-.95,1.5-1.61.35-.63.8-1.21,1.38-1.62h0c.5-.36,1.1-.6,1.8-.65-.26.17-.5.39-.72.65h0c-.69.78-1.23,1.87-1.53,2.76-.05.14-.12.3-.22.48h0c-.41.71-1.31,1.66-2.97,2.05-.68.16-2.13.19-2.82.03-.17-.04-.61-.32-.77-.38,0,0,.43.62.79.82,1.32.72,3.98.24,5.18-.5.72-.44,1.45-1.23,2.08-2.02h0c.82-1.03,1.47-2.07,1.73-2.34.24-.25.78-.64,1.26-.89h0c.22-.12.43-.2.59-.23.04,0,.15,0,.19.03.38.12.29-.1.18-.41' style='fill: %230d253f; fill-rule: evenodd;'%3E%3C/path%3E%3Cpath d='M7.66,11.18c.06-.03.18-.13.31-.27h0c.27-.29.56-.71.41-.83-.13-.1-1.27.24-1.55.21-.26.1-.28.23-.08.4.05.02.14.11.26.22h0c.19.17.44.36.66.27' style='fill: %230d253f; fill-rule: evenodd;'%3E%3C/path%3E%3Cpath d='M7.63,9.6c-.08.06-.2.16-.3.1.02-.17.2-.2.31-.27.02.02,0,.14,0,.17M8.92,9.54c-.12,0-.18-.08-.33-.08-.37-.05-1.04-.77-1.33-.63-.08.04-.17.06-.25.1-.37.15-.99.78-1.04.84-.06.07-.17.15-.11.25.04.07.63-.22.73-.29.06-.06.14-.16.19-.01.06.17.32.28.49.29.31.03.59-.16.87-.26.41-.15.54-.02.79-.08.02-.04.03-.09,0-.12' style='fill: %230d253f; fill-rule: evenodd;'%3E%3C/path%3E%3C/svg%3E");
	--iconCopra:url("data:image/svg+xml,%3Csvg class='brxe-icon tab-sublist-item__icon' id='brxe-osdxfa' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.59,16.1c.07-.74.35-1.47.46-2.08,10.12,1.88,5.87-5.14,5.43-5.25.01,1.1,1.31,4.83-4.8,3.23C25.19.69,17.9-.2,14.95.33c-.36.06-.94.24-1.16.59-.1.16-.23.38-.24.56-.02.18.04.37.13.56-.51.25-.58.57-1.28,1,.37-.19.44-.24.73-.46.04.04-.25.25-.23.98.06-.42.19-1.01.85-1.4.19.17.45.14.75.18-.57.99-.37,1.59-.1,9.13C5.03,9.93.04,13.9,0,15.93c-.05,2.48,8.87,2.84,9.45,2.84l4.19.1c.11,0,.27-.04.49,0,.7,4.09,4.2,5.63,7.16,4.6,5.63-1.95,1.71-7.47-4.7-7.38ZM13.92,16.11c-4.77.45-8.1-.48-8.63-.57-.56-.84,4.13-3.18,8.81-2-.16,1.14-.19,2.2-.18,2.57ZM18.56,20.39c-.37,0-1-.64-1.41-1.58,1.64-.26,2.44,1.58,1.41,1.58Z' style='fill: %23fff; fill-rule: evenodd;'%3E%3C/path%3E%3Cpath d='M20.65,2.53c-.68-1.54-2.13-1.89-3.15-1.84-.84.05-1.69.25-2.16.44.07.07.1.11.06.2-.08.19-.18.24-.33.25-.24.02-.49.02-.49-.19-.18.01-.37-.01-.51-.03-.2-.03-.3-.03-.51.11,0,.1.01.24.13.48.22.03.66.14.94-.03-.06.13-.48.18-.75.16,1.38.37,3.14-.24,3.44-.33.99-.3,2.57-.62,3.32.77M21.33,23.03c.09-.05-7.99,1.64-4.12-10.48.14-.48,2.77-7.82,1.09-10.07-.11-.15-.4-.72-2.31-.25.8.38.02,3.74-.91,7.62-3.07,12.74,3.12,14.82,6.25,13.19M1.6,13.99c-5.39,4.87,10.9,4.58,12.5,4.61-.15-.74-.13-2.18-.16-2.18-2.41.43-13.48.14-12.35-2.43M16.61,16.34c-.13.72.11,2.04.37,2.25,2.3-.12,3.03,1.63,1.74,2.08,3.46,3.15,6.21-4.71-2.11-4.33M18.56,20.39c1.03,0,.24-1.84-1.41-1.58.41.95,1.04,1.58,1.41,1.58M22.53,8.87c1.97,2.96,1.04,5.83-5.18,4.05-.08.29-.19.52-.28.96,8.39,1.6,6.74-3.44,5.45-5.01M14.13,13.38l.15-1.11C5.5,10.15.17,14.1,4.49,15.35c-1.75-1.42,4.71-3.79,9.64-1.97M14.11,13.53c-4.69-1.18-9.37,1.17-8.81,2,.52.1,3.85,1.02,8.63.57,0-.38.02-1.43.18-2.57M13.55,1.48c0-.18.14-.4.24-.56.22-.35.8-.53,1.16-.59,2.94-.52,10.23.36,2.73,11.67,6.11,1.6,4.82-2.13,4.8-3.23.44.11,4.69,7.13-5.43,5.25-.12.61-.4,1.34-.46,2.08,6.42-.09,10.33,5.42,4.7,7.38-2.96,1.03-6.46-.51-7.16-4.6-.21-.05-.37,0-.49,0l-4.19-.1C8.87,18.77-.05,18.41,0,15.93c.04-2.03,5.03-6,14.39-4.48-.27-7.54-.47-8.14.1-9.13-.3-.04-.56,0-.75-.18-.66.39-.79.98-.85,1.4-.03-.73.26-.93.23-.98-.29.22-.35.27-.73.46.7-.43.77-.75,1.28-1-.09-.19-.15-.38-.13-.56' style='fill: %230d253f; fill-rule: evenodd;'%3E%3C/path%3E%3C/svg%3E%0A");
	--iconColorant: url("data:image/svg+xml,%3Csvg class='brxe-icon tab-sublist-item__icon' id='brxe-fxfojb' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17.27,18.04c.71,1.13.73,2.4.05,2.83-.69.43-1.82-.13-2.54-1.26-.71-1.13-.73-2.4-.05-2.83.69-.43,1.82.13,2.54,1.26M10.1,10.08c-.36.24-.95-.01-1.33-.57-.38-.56-.39-1.2-.04-1.45.36-.24.95.01,1.33.57.38.56.4,1.2.04,1.45M21.28,19.29c-.61-1.37-1.16-2.71-1.84-3.97-1.46-.51-4.1.18-4.71-1.07.76-.68,1.43-1.5,2.01-2.46.74.75.61,2.38,1.53,3.03,1.18.83,2.85-.23,2.98-1.31-.33-.21-.48.14-.64.26-.19.14-.36.29-.56.4-1.44.8-1.88-.74-2.21-1.84-.23-.76-.3-1.72-1.21-1.85-.35.19-.36.63-.5.94-.15.32-.38.58-.6.85-.39.47-.87,1.16-1.53,1.11-.2-.24,0-.65.05-.98.12-.98.05-2.1.03-2.97.53.29,1.31.53,1.73.1.4-.42.6-1.63.03-1.92-.29.53-.2,1.23-.66,1.37-.61.18-1.1-.67-1.81-.76-.12.11-.25.2-.41.26.17,1,.41,1.96.35,3.11-.33-.54-.78-1-1.25-1.45.85-1.3-.15-2.57-1.56-2.92.46-.55.81-1.31,1.28-1.81.21-.22.58-.33.66-.61.07-.21-.09-.59-.1-.84-.03-.93.16-2.12.07-3.13-.23-.2-.47-.07-.65.03-.26,1.35-.07,2.42-.19,3.69-.74.66-1.23,1.71-1.82,2.62-.31-.11-.41.1-.66.08-1.07-.56-2.78-.79-3.99-.9-.27-.31-.81-.67-1.29-.99-.39-.26-1.05-.94-1.44-.33.15.48.47.34.81.53.31.18.63.52.93.79.31.29.63.7.98.8.15.04.47.02.69.04.89.07,1.9.24,2.9.59-.82,1.62-.27,3.54,1.81,3.32.13.76.68,1.5.88,2.06-.72-.27-1.33-.8-1.77-1.21-.19-.19-.36-.4-.53-.47-.7-.29-1.15.33-1.65.62-1.17.67-2.34.84-3.79.78-.2,0-.62-.2-.74.18.03.34.49.4.77.47,1.28.3,2.3.03,3.22-.32.69-.26,1.25-.74,1.84-.92.74.68,1.73,1.55,2.95,1.89.25.07.64-.03.82.24-.9.13-2.18-.34-3.22-.44-.28.34-.27.83-.4,1.25-.6,1.9-2.03,2.78-3.51,3.17-.51.13-1.24.06-1.41.56.14.35.66.28.93.27,2.43-.12,4.28-1.69,4.95-4.36.28.02.5.17.76.23.94.22,1.89.11,2.58.18.04.99-.75,1.64-.72,2.69,0,.29.37.85.53,1.28.35,1.02.5,1.9.69,2.89.08.44.09,1.13.74,1.1.34-.42.15-.97.08-1.38-.17-.92-.39-1.77-.68-2.66-.14-.43-.48-.9-.47-1.27.02-.67.54-1.18.58-1.99l-1.73-2.43c-.92-1.45-1.59-2.67-1.51-2.72.08-.05.89,1.08,1.8,2.54.73,1.16,1.32,2.18,1.48,2.56.23.25.44.43.44.71,0,.28-.22.64-.27.93-.16,1.03-.02,2.42.67,3.24.38.46,1.02.9,1.53,1.22.38.24,1.51.95,2,.98.51.02.88-.54,1.05-1.04.44-1.33.39-3.29-.14-4.29-.5-.93-1.59-1.39-2.6-1.64-.29-.07-.67.04-.86-.31.99-.02,2.02.03,3.15.25.73,1.17,1.27,2.48,1.85,3.68.19.39.28.97.8,1.11.3-.5-.07-1.04-.26-1.46' style='fill: %230d253f; fill-rule: evenodd;'%3E%3C/path%3E%3C/svg%3E");
  --iconPackz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19.79,0H4.21C1.88,0,0,1.88,0,4.21v15.58C0,22.12,1.88,24,4.21,24h15.58c2.33,0,4.21-1.88,4.21-4.21V4.21C24,1.88,22.11,0,19.79,0ZM19.99,17.73H5c-2.11,0-2.5-2.5-1.26-3.21,1.24-.7,7.96-4.96,8.38-5.36.42-.4.23-1.33-.61-1.33h-7.39c-.62,0-.92-.36-.92-.8s.31-.77.92-.77h14.69c1.88,0,2.47,2.61,1.24,3.4-1.23.79-8.1,4.72-8.45,5.1-.35.38-.18,1.43.65,1.43h7.76c.65,0,.97.35.97.76,0,.41-.33.77-.97.77Z' fill='%23f45073'/%3E%3C/svg%3E");
	--iconCloudflow:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' width='24' height='24'  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.79,0H4.22C1.89,0,0,1.88,0,4.21v15.58c0,2.33,1.88,4.21,4.21,4.21h15.58c2.33,0,4.21-1.88,4.21-4.21V4.21C24,1.88,22.12,0,19.79,0Z' style='fill: %23fff;'/%3E%3Cpath d='M19.84,0H4.17C1.87,0,0,1.86,0,4.16v5.52c.84-.48,1.81-.76,2.84-.76h.08v-.31c0-3.03,2.46-5.49,5.49-5.49,1.84,0,3.54.91,4.57,2.44.45.68.27,1.59-.41,2.05-.68.45-1.59.27-2.05-.41-.47-.71-1.26-1.13-2.11-1.13-1.4,0-2.54,1.14-2.54,2.54,0,.6.2,1.16.59,1.62.47.56.46,1.39-.04,1.94-.49.55-1.31.65-1.92.24-.22-.14-.97-.53-1.66-.53-1.54-.01-2.8,1.25-2.8,2.79s1.26,2.8,2.8,2.8c1.93,0,3.55-1.93,5.26-3.97,1.89-2.25,3.84-4.58,6.66-4.58,3.17,0,5.75,2.58,5.75,5.75s-2.58,5.75-5.75,5.75h-3.24c-.82,0-1.48-.66-1.48-1.48s.66-1.48,1.48-1.48h3.24c1.54,0,2.8-1.26,2.8-2.8s-1.26-2.8-2.8-2.8c-1.44,0-2.88,1.71-4.4,3.53-1.98,2.36-4.22,5.03-7.53,5.03-1.03,0-2-.28-2.84-.76v.17c0,2.3,1.86,4.16,4.16,4.16h15.68c2.3,0,4.16-1.86,4.16-4.16V4.16C23.99,1.86,22.13,0,19.83,0' style='fill: %234985fd;'/%3E%3C/svg%3E");
	--iconWorkspace: url("data:image/svg+xml,%3Csvg class='fill brxe-icon horizontal-tab__tab-list-heading-icon fr-accordion__icon fill' id='brxe-xhabla' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='0' width='24' height='24' rx='4.1' ry='4.1' style='fill: %23fff;'%3E%3C/rect%3E%3Cpath d='M24,19.84v-3.73h-2.88V7.89h2.88v-3.73s0-4.16-4.16-4.16h-3.73v2.67H7.89V0h-3.73S0,0,0,4.16v6.13c.76-.63,1.68-1.05,2.66-1.15.21-.02.41-.04.61-.04-.02-.17-.03-.35-.03-.53,0-.04,0-.07,0-.12h0c.03-1.2.51-2.36,1.36-3.2.85-.84,2.08-1.34,3.44-1.33.09,0,.19,0,.28,0,.8.04,1.58.24,2.29.61.7.37,1.32.9,1.81,1.56.45.6.33,1.45-.27,1.89-.6.45-1.44.33-1.89-.27-.27-.36-.57-.61-.9-.79-.33-.17-.71-.28-1.16-.3-.05,0-.1,0-.15,0-.74,0-1.21.24-1.55.56-.33.33-.54.78-.55,1.34h0s0,.03,0,.04c0,.29.09.62.2.89.11.27.25.47.28.52h0c.37.48.38,1.14.02,1.63-.36.49-1,.68-1.56.47-.5-.18-.84-.26-1.38-.27-.17,0-.35,0-.56.03-.48.05-1.03.32-1.43.74-.4.43-.65.98-.65,1.63,0,.58.24,1.21.67,1.66.43.45,1.01.75,1.85.76.37,0,.85-.09,1.26-.25.38-.15.76-.39.99-.59.47-.41,1.32-1.26,2.38-2.63,1.17-1.52,2-2.32,2.42-2.69.91-.79,2.18-1.38,3.65-1.38,2.83,0,5.11,2.29,5.12,5.12,0,2.83-2.29,5.11-5.12,5.12h-2.86c-.75,0-1.35-.61-1.35-1.35s.61-1.35,1.35-1.35h2.86c.67,0,1.26-.27,1.7-.71.44-.44.71-1.03.71-1.7,0-.67-.27-1.26-.71-1.7-.44-.44-1.03-.71-1.7-.71-.73,0-1.4.3-1.88.72-.26.22-.97.9-2.05,2.29-1.16,1.5-2.12,2.47-2.73,3-.5.44-1.1.81-1.79,1.08-.73.29-1.5.43-2.25.44h-.02c-1.31,0-2.48-.46-3.35-1.19v1.71s0,4.16,4.16,4.16h3.73v-2.67h8.23v2.67h3.73s4.16,0,4.16-4.16' style='fill: %232982ff;'%3E%3C/path%3E%3C/svg%3E");
	--iconHarlequin: url("https://documentation.globalgraphics.com/hqnc/HQNCD.png?inst-v=22f49902-9a40-4a11-82eb-4e96959f381c");
	--iconProofscope: url("data:image/svg+xml,%3Csvg class='fill brxe-icon horizontal-tab__tab-list-heading-icon fr-accordion__icon fill' id='brxe-xgobtj' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4.1' ry='4.1' style='fill: %23fff;'%3E%3C/rect%3E%3Cpath d='M24,19.95v-4.63c-2.98,2.26-5.97,3.41-8.88,3.41-1,0-2.03-.14-3.07-.42l-.28-.08,1.76-1.76h.09c.51.1,1.01.14,1.5.14,3.52,0,6.71-2.14,8.76-3.94,0,0,.05-.04.11-.12v-3.65c-.06-.05-.1-.08-.1-.08-.92-.8-1.85-1.49-2.78-2.06.16.54.24,1.11.24,1.68,0,2.61-1.67,4.89-4.17,5.66-.56.18-1.15.26-1.75.26-.95,0-1.91-.23-2.76-.67l-7.11,7.11-2.13-2.13,7.01-7.01c-.15-.24-.29-.48-.4-.72-.22-.48-.38-.99-.47-1.53l-.02-.1.08-.06c.6-.47,1.25-.89,1.95-1.24l.27-.14-.03.31c-.01.12-.02.23-.02.32,0,2,1.63,3.63,3.63,3.63s3.63-1.63,3.63-3.63c0-1.85-1.39-3.4-3.22-3.6-.27-.02-.51-.03-.74-.03-4.87,0-9.1,4.08-10.69,5.83l-.03.04.03.04c.33.36.86.92,1.54,1.54l.13.12-1.51,1.51-.12-.11c-1.38-1.27-2.22-2.33-2.31-2.44l-.51-.65.51-.65c.23-.3,5.83-7.34,12.96-7.34,2.91,0,5.89,1.15,8.88,3.41v-2.11c0-.07,0-.97-.49-1.98C23.04,1.06,21.85-.03,19.95,0H4.05c-.07,0-.97,0-1.98.49C1.06.96-.03,2.15,0,4.05v15.91c0,.07,0,.97.49,1.98.46.99,1.63,2.07,3.48,2.07.02,0,.05,0,.07,0h15.91c.07,0,.97,0,1.98-.49,1.01-.47,2.1-1.66,2.07-3.56' style='fill: %232982ff;'%3E%3C/path%3E%3C/svg%3E");
	--iconIc3d: url("data:image/svg+xml,%3Csvg class='brxe-icon tab-sublist-item__icon' id='brxe-axyrqj' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M22.07,9.44c.16.35.27.71.35,1.08v-5.4L1.58.01v8.98c.15-1.07.6-1.96,1.37-2.66.79-.69,1.82-1.04,3.09-1.04.71,0,1.36.14,1.98.42.58.26,1.05.66,1.4,1.19.34.53.5,1.16.5,1.89,0,.5-.11.98-.32,1.45-.21.44-.53.78-.95,1.02.41.12.77.33,1.06.64.29.31.52.68.69,1.12.15.46.23.89.23,1.27,0,.64-.13,1.21-.39,1.72-.24.5-.59.92-1.05,1.26-.42.33-.93.59-1.51.77-.55.17-1.14.25-1.77.25-1.54,0-2.74-.45-3.62-1.36-.26-.27-.49-.61-.71-.97v8.01l20.85-5.52v-5.45c-.13.64-.36,1.25-.71,1.82-.56.93-1.32,1.67-2.26,2.19-.49.27-.99.47-1.5.6-.51.13-1.04.2-1.6.2h-4.5V5.78h4.5c.83,0,1.63.15,2.4.46.76.3,1.42.73,1.98,1.28.59.55,1.03,1.19,1.33,1.92' style='fill: %23ff945f;'%3E%3C/path%3E%3Cpath d='M4.59,15.12c.31.33.72.49,1.22.49.33,0,.62-.07.87-.2.26-.13.46-.32.61-.56.14-.23.21-.52.21-.84,0-.29-.07-.57-.22-.82-.17-.25-.38-.45-.63-.59-.25-.14-.52-.21-.82-.21-.13,0-.31.03-.54.09v-2.09h.32c.39,0,.72-.12.99-.37.26-.24.39-.56.39-.96,0-.36-.12-.65-.36-.88-.24-.23-.53-.34-.88-.34-.39,0-.7.13-.93.4-.24.25-.35.58-.35.99H1.58v4.67h2.54c0,.48.16.88.47,1.21' style='fill: %23ff945f;'%3E%3C/path%3E%3Cpath d='M18.3,9.32c-.21-.19-.45-.35-.7-.49-.26-.13-.54-.23-.84-.3-.3-.07-.63-.1-.98-.1h-.75v6.74h.72c.64,0,1.23-.12,1.78-.37.54-.25.96-.62,1.26-1.11.31-.52.47-1.15.47-1.89,0-1.06-.32-1.88-.96-2.48' style='fill: %23ff945f;'%3E%3C/path%3E%3C/svg%3E");;
	--iconPackzflow: url("data:image/svg+xml,%3Csvg class='fill brxe-icon horizontal-tab__tab-list-heading-icon fr-accordion__icon fill' id='brxe-fbnftj' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='0' width='24' height='24' rx='4.1' ry='4.1' style='fill: %23fff;'%3E%3C/rect%3E%3Cpath d='M5.95,10.07H0v6.37c3.11-1.97,6.47-4.15,6.82-4.47.6-.57.33-1.89-.87-1.89M24,19.95V4.05c0-.07,0-.97-.49-1.98C23.04,1.06,21.85-.03,19.95,0H4.05c-.07,0-.97,0-1.98.49C1.06.96-.03,2.15,0,4.05v3.8h16.35c2.69,0,3.51,3.72,1.76,4.85-1.75,1.13-11.54,6.73-12.04,7.26-.5.54-.26,2.03.92,2.03h11.05c.92,0,1.38.5,1.38,1.09,0,.38-.2.73-.59.92h1.11c.07,0,.97,0,1.98-.49,1.01-.47,2.1-1.66,2.07-3.56' style='fill: %232982ff;'%3E%3C/path%3E%3C/svg%3E");
  --iconPackzview:url( "../Images/viewer_logo.png" );
  --hsHeaderColor: white;
  --hsTabFontColor: #1A1A1A;
  --hsColor:rgba( 0,122,187,1 );	
  --hsgColor:#071d37;
  --font2: 'MyriadPro-Light';
  --font3: -apple-system,"system-ui",Segoe UI,roboto,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !important;
	--fontBold: 'Wix Madefor Text';
	--font: 'Inter';
  --fontOld: Arial, Helvetica, sans-serif;
  --tabBorderColor: white;
  --tabBorderColorOld: black;
  --fontColorOld: #444;
  --fontColor: #222;
	--software-color: hsl(220, 97.8%, 63.9%);
    --software-color-ultra-light: hsl(220, 97.8%, 90%);
    --software-color-light: hsl(220, 97.8%, 75%);
    --software-color-semi-light: hsl(220, 97.8%, 60%);
    --software-color-dark: hsl(220, 97.8%, 48.9%);
    --software-color-ultra-dark: hsl(220, 97.8%, 38.9%);
	
	--software-color-packz: hsl(347.2, 88.2%, 63.5%);
    --software-color-packz-ultra-light: hsl(347.2, 88.2%, 90%);
    --software-color-packz-light: hsl(347.2, 88.2%, 75%);
    --software-color-packz-semi-light: hsl(347.2, 88.2%, 60%);
    --software-color-packz-dark: hsl(347.2, 88.2%, 48.5%);
    --software-color-packz-ultra-dark: hsl(347.2, 88.2%, 38.5%);
	
	--software-color-ic3d:hsl(11.45, 100%, 66.1%);
	
	--software-color-colorlogic: hsl(188.23, 72.6%, 47.3%);
	
	--software-color-ggs: #0f2b5e;
	
	--content-width: 1280px;
}
.excelIcon
{
	margin-left: 25px;
    height: 24px;
    margin-bottom: -5px;
	cursor: pointer;
}
.excelIcon:hover
{
	background: rgba( 0,0,0,0.5);
}
@font-face {
  font-family: "Inter";
  src: url("../../data/css/fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Inter light";
  src: url("../../data/css/fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Wix Madefor Text";
  src: url("../../data/css/fonts/WixMadeforDisplay-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
h1, h2, h3, h4, h5, h6
{
	font-family: var(--fontBold) !important;
}
.cloudflowGeneralTR > td
{
	/*outline: 2px solid red;*/
	padding: 40px 0px 40px 0px !important;
}
#packztable1 .cloudflowlicense .titletd
{
	background: hsl(220, 97.8%, 96%) !important;
}
 #packztable1 .cloudflowlicense .sitenametr td
{
	background: hsl(220, 97.8%, 98%) !important;
	box-shadow: inset 0px 0px 5000px 5000px hsl(220, 97.8%, 98%) !important;
	border-bottom:1px solid hsl(220, 97.8%, 96%) ;
}
#packztable1 .cloudflowlicense
{
	width: 100% !important;
    margin: auto;
    margin-left: 0px;
    outline: 1px solid hsl(220, 97.8%, 96%);
}

#packztable1 .cloudflowlicense > tbody tr:nth-of-type(odd) td:not(.titletd){
	background: white !important;
}
#packztable1 .cloudflowlicense > tbody tr:nth-of-type(even) td:not(.titletd){
	background:  #fafafa !important;
}
#packztable1 .cloudflowlicense > tbody tr td.even{
	background: #fafafa !important;
}
#packztable1 .cloudflowlicense > tbody tr td.odd{
	background: white  !important;
}
.tableStyle, .switchedToFilterTable
{
	/*box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);*/
    /*border: 15px solid white;*/
    /*border-radius: 15px;*/
}

.documentContent[data-hide='yes']
{
	display:none;
}
.filterIcon
{
	background-image: var(--filterIcon);
    background-repeat: no-repeat;
    background-position: center;
    padding: 2px;
    height: 14px;
    width: 14px;
    vertical-align: middle;
	display: none;
	margin-left: 10px;
	cursor: pointer;
}
#uploadcenterBody
{
	--content-width: calc( 100% - 100px );
}
.dc_tabs_content table:not(#company_select_table) > thead
{
	position: sticky;
    top: 170px;
    z-index: 1000;
}

#dc_settings_helpdesk_table_thead
{
    top: 200px !important;
}
#mycustomerslicensetable > thead
{
	top: 210px !important;
}

/*new CSS*/

/*body*/
#uploadcenterBody #content
{
	padding: 0px !important;
}
#uploadcenterBody .dc_tabs_content
{
	margin-top: 150px;
    min-height: 800px;
    margin-bottom: 0px;
    /*padding: 25px;*/
}
#uploadcenterBody .dc_tabs_content table:not(#company_select_table) > thead
{
	position: sticky;
    top: 125px;
    z-index: 1000;
}

#uploadcenterBody .MakecompanyselectboxWithServerSeachTable  td, #uploaddocumentform td
{
	background: transparent !important;
}
#uploadcenterBody button, #uploadcenterBody .buttonlook
{
	background: var( --software-color ) !important;
	cursor:pointer;
	color: white !important;
	border: none !important;
	min-height: 20px;
	box-shadow: none !important;
}
body
{
	background-color:var( --hsHeaderColor );
	font-family: var( --font ) !important;
	display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 100%;
}

#upload_content_container, #orderportal_content_container, #dc_content_container_new
{
	position: relative;
    height: auto;
    left: 0px;
    background-color: white;
    min-height: 600px;
}
#dc_content_container_new
{
    font-family: --var(font) !important;
}
/****** Header ******/
#dc_messagediv img:hover
{
	cursor:pointer;
}
#dc_messagediv
{
	float: right;
    margin-top: 5px;
}
#dc_messagediv span
{
	font-size: 14px;
    /*color: var( --software-color-ultra-dark );*/
    padding-right: 5px;
    vertical-align: top;
}
#dc_header
{
	font-family: var( --font );
	color: #1A1A1A;
	font-weight: normal;
	background:var( --hsHeaderColor );
	min-height:64px;
	align-items: center;
	justify-content: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: background-color .2s, transform .4s;
	margin: auto;
	z-index: 2000;
	
}
#dc_header_content
{
	width:var( --content-width );
	max-width: calc( 100% - 50px );
	padding: 30px 0px 30px 0px;
}
#dc_header_logo_img
{
	width: 200px;
	margin-top: -10px;
}

#dc_header_content div[name='headertitle']
{
	font-weight: bold;
    font-size: 24px;
    margin-top: 10px;
    margin-left: -3px;
	font-family: var(--fontBold) !important;
}
#dc_header_menu
{
	
	vertical-align:central;
	margin-left:20px;
	float: right;
	background: white;
	height: 36px;
	border-top: 5px solid grey;
	border-left: 5px solid grey;
	border-right: 5px solid grey;
}
#dc_header_menu a
{
	margin-right:30px;
	text-decoration:underline;
	font-weight:bold;
	color:blue;
}
#dc_content_container_new #tabs
{
	list-style: none;
    margin-left: 190px;
    margin-top: -32px;
    font-family: 'Inter light';
}
#dc_content_container_new #tabs:hover{
	cursor:pointer;	
}
#dc_content_container_new #tabs li{
    float: left;
    font-size: 15px;
	color:  var(--hsTabFontColor);
}
#dc_content_container_new #tabs a{
    padding: 0px 10px 0px 10px;
    float: left;
    text-decoration: none;
}
#dc_content_container_new #tabs a:hover,
#dc_content_container_new #tabs a:hover::after,
#dc_content_container_new #tabs a:focus,
#dc_content_container_new #tabs a:focus::after{
  	color:var( --software-color );
}
#dc_content_container_new #tabs a:focus{
  outline: 0;
}
#dc_content_container_new #tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  /*top: 0;*/
  /*right: -.5em;  */
  bottom: 0;
  width: 1em;
 /* background: var( --hsgColor );*/
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  box-shadow: 2px 2px 2px rgba(0,0,0,.8);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}
#dc_content_container_new #tabs #current a,
#dc_content_container_new #tabs #current a::after{
  /*background: #fff;*/
  color:var(--software-color-ultra-dark);
  z-index: 3;
}
/*top content*/
#topContent::before
{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1280px;
	max-width: 100%;
	height: 100%;
	background: url('../../Images/ui/Hero Strokes.png') no-repeat center center;
	background-size: contain; /* Keeps aspect ratio */
	opacity: 0.18; /* Adjust for transparency */
	pointer-events: none;
	z-index: 0;
}

#topContent
{
	font-family: var( --font );
	width: 100%;
	background-position: center; 
	background: linear-gradient(270deg, #4985FD 0%, #0D253F 100%);
	background-blend-mode: soft-light, normal, normal, normal;
	align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 0;
    transition: background-color .2s, transform .4s;
    z-index: 998;
    margin: auto;
	margin-top: 64px;
	top:var(--stickyTop);
	position: sticky;
	z-index: 1000;

}
#topContent_message
{
	padding-top:30px;
	width:var( --content-width );
	max-width: calc( 100% - 50px );
	height: 190px;
	display: flex;
	color:white;
	padding-bottom:30px;
}
#topContent_message_title
{
	font-size: 30px;
	font-weight: bold;
	font-family: var(--fontBold) !important;
}
.topButton:hover
{
	background: white;
	color: var( --software-color ) !important;
}
.topButton
{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 18px;
	gap: 8px;
	border: 2px solid #FFFFFF;
	border-radius: 25px;
	flex: none;
	order: 0;
	flex-grow: 0;
	background: transparent;
	color:white !important;
	cursor: pointer;
}
.topButton a
{
	text-decoration: none;
	color: inherit;
}
.topButton a:hover
{
	background: white;
	color: var( --software-color ) !important;
}
#showdownloadbutton, #showdocumentbutton, #showDisabledContacts
{
	margin-top:-35px;
}
.topButtonShow
{
	float: right;
    margin-top: -35px;
    font-size: 15px;
    height: 35px;
}
.topFilter
{
	background: transparent;
    height: 30px;
    border: 2px solid white;
    border-radius: 8px;
	text-indent:10px;
	color: white;
	font-size:15px;
	min-width:200px;
}

.topFilter:active, .topFilter:focus
{
	background: rgba( 0,0,0,0.1 )
}
.topFilter::placeholder {
  color: white;
  font-size: 15px;
  opacity: 1; /* For better browser consistency */
}

#topContent_message_leftPane
{
	width: calc( 60% - 5px );
	margin-right: 10px;
    height: 100%;
	font-size:18px;
	/*background-color: rgba( 255,255,255,0.03 );*/
}
#topContent_message_rightPane
{
	
	width: calc( 30% - 5px );
	margin-left: 10%;
    height: 100%;
	/*background-color: rgba( 255,255,255,0.03 );*/
	overflow-y: auto;
}
#topContent_message_submessage
{
	padding-top: 30px;
	font-size: 14px;
}
#topContent_message_submessage .topButton
{
	margin-top:30px;
}
/* Width of the scrollbar */
#topContent_message_rightPane::-webkit-scrollbar {
  width: 8px; /* Adjust as needed */
}

/* Track (background) */
#topContent_message_rightPane::-webkit-scrollbar-track {
  background: rgba( 0,0,0,0.1); /* Dark background */
  border-radius: 4px;
}

/* Handle (the draggable part) */
#topContent_message_rightPane::-webkit-scrollbar-thumb {
  background: rgba( 0,0,0,0.3);
  border-radius: 4px;
}

/* Handle on hover */
#topContent_message_rightPane::-webkit-scrollbar-thumb:hover {
  background: rgba( 0,0,0,0.2);;
}

#topContent_filter
{
	width:var( --content-width );
	max-width: calc( 100% - 50px );
	height: 80px;
	box-shadow: inset 0px 0px 1000px 20px rgba(0, 0, 0, 0.03);
    color: white;
}
.filterContent
{
	 padding: 15px 40px 2px 40px;
}
 	
/*content*/

#dc_content
{
	min-height: 800px;
	align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    transition: background-color .2s, transform .4s;
    z-index: 998;
    margin: auto;
	background: whitesmoke;
	
}
.dc_tabs_content
{
	min-height:500px;
	width:var( --content-width );
	max-width: 100%;
}
#tabs8
{
	width: 100% !important;
}
#customersInfoTable
{
	width: 100%;
	min-width: 1280px;
    /*table-layout: fixed;*/
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#customersInfoTable th[data-column="0"], #customersInfoTable th:last-of-type
{
	width:15px;
}
#customersInfoTable td
{
	max-width:150px;
	overflow: hidden;
    overflow-x: auto;
}
#customersInfoTable td[data-value="Email"]
{
	width: 300px !important;
	max-width: 300px !important;
	overflow: hidden;
    overflow-x: auto;
}
iframe::-webkit-scrollbar {
	display: none;
}
iframe {
	scrollbar-width: none;
}
#requestPackzviewKey
{
	margin-left: 30px !important;
    width: 150px !important;
    background: white !important;
    border: none;
    float: none !important;
    color: black;
    font-size: 13px;
}

 img[title='logout']
{
	height:22px !important;
	margin-top: -10px;
	margin-left: 5px;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  form#userdata_form {
    gap: 15px;
  }

  #userdata_form fieldset {
    padding: 15px;
  }

  #userdata_form input[type="text"],
  #userdata_form input[type="email"],
  #userdata_form select {
    font-size: 0.9rem;
  }
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
	  table { page-break-after:auto }
	  tr    { page-break-inside:avoid; page-break-after:auto }
	  td    { page-break-inside:avoid; page-break-after:auto }
	  thead { display:table-header-group }
	  tfoot { display:table-footer-group }
}
#updateTeamCityId
{
	background: rgba(0, 122, 187, 0.02) !important;
    box-shadow: inset 0px 0px 0px 1px rgba(0, 122, 187, 0.2) !important;
    border: 1px solid transparent !important;
    min-width: 150px;
    height: 20px;
    display: inline-block;
}
.addToContacts
{
	display: inline-block;
    /* float: right; */
    font-size: 10px;
    vertical-align: super;
    background: white;
    padding: 1px 4px;
    height: fit-content;
    /*box-shadow: 1px 1px 1px var( --software-color-dark );*/
    margin-left: 4px;
    font-weight: bold;
    border: 0px solid transparent;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, transform 0.2s;
    /* border-radius: 8px; */
    cursor: pointer;
    background: var(--software-color) !important;
	color: white;
	font-family: var(--fontBold) !important;
}
#dc_settings_table div[data-name^='notificationemail_']
{
	padding-bottom:4px;
}
.contactEdited
{
	background: lime !important;
}
/* Base styling for the multiple select box */
.modern-multi-select {
  display: block;
  outline: none;
  overflow: hidden;
  appearance: none; /* Remove the default browser styles */
  box-shadow:none;
}
.modern-multi-select:focus
{
	outline:none;
}

/* Styling the options as modern buttons */
.modern-multi-select option {
  display: block;
  padding: 4px 6px;
  border: none;
  cursor: pointer;
  /*text-align: center;*/

  /* Button-like appearance */
  /*background: #f0f0f0;*/
  /*border-radius: 8px;*/
  color: #333;
  font-weight: normal;
  /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid grey;
	margin-bottom: 3px;
}

/* Hover effect for options */
.modern-multi-select option:hover {
  background: #e0e0e0;
 /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
}

/* Selected state for options */
.modern-multi-select option:checked {
  /*background: #007bff;*/
  color: #fff;
 /* box-shadow: 0 4px 6px rgba(0, 123, 255, 0.3);*/
  /*border-radius: 8px;*/
  font-weight: normal;
}

/* Focused state */
.modern-multi-select:focus {
  outline: 2px solid #007bff;
  /*border-radius: 10px;*/
}

/* For browsers that don't support styling the options, 
   fallback to a standard select element with custom styles */
@supports not (appearance: none) {
  .modern-multi-select {
    border: 1px solid #ccc;
    border-radius: 10px;
  }
}


#trainingkeycomment
{
	width: 100%;
	height: 100px;
}
.custom_tooltip {
    text-decoration: none
}
.custom_tooltip:hover {
    cursor: help;
    position: relative
}
.custom_tooltip b {
    display: none
}
.custom_tooltip:hover b {
    border: 1px solid #555;
    padding: 5px 20px 5px 5px;
	color:  var( --fontColor ) !important;
	font-weight: normal;
	box-shadow:2px 5px 2px silver;
    display: block;
    z-index: 100;
    background: white;
	text-align:left;
    left: 0px;
    margin: 10px;
    width: 180px;
    position: absolute;
    top: 25px;
    text-decoration: none;
	box-shadow:3px 3px 5px grey;
	font-size:12px;
}

#updatesettingsbutton
{
	display:none;
}
#userdata_customerfind
{
	width:50%;
}
.filterInTableInput
{
	position: absolute;
	bottom: 3px;
	left: 2px;
    width: calc( 100% - 20px );
	background: white !important;
	height:18px;
	/*display: none;*/
}
table .filterInTable th
{
	position: sticky;
	top:0px;
	/*padding-bottom:30px !important;*/
	/*padding-right: 12px;*/
	border: 1px solid white !important;
	background-color: whitesmoke;;
	background-repeat: no-repeat;
	background-position: center right;
    cursor: pointer;
	border-top:none !important;
	box-shadow: inset 0px 0px 1000px 20px rgba(0, 0, 0, 0.04);
	
}
#packztable2_filter_Downloads_2
{
	/*visibility: hidden*/
}
.filterInTable input:not([type='checkbox'])
{
    background: white;
    color: black;
    font-size: 11px;
    margin-top: -3px;
    border: 1px solid silver !important;

	
}
.downloadImageSoftware
{
	display: inline-block;
	/*margin-left: 15px;*/
	margin-top:-4px;
	min-width:40px;
}
.downloadImageSoftware img
{
	height: 14px;
	width:14px;
    padding: 2px;
    border-right: 1px solid gainsboro !important;
    border-bottom: 1px solid gainsboro !important;
   /* background: whitesmoke;*/
	border-radius: 5px;
}
div[aria-describedby="documentdialog"]
{
	/*box-shadow:0px 0px 0px 900px black;*/
	border: 1px solid #4e4e4e !important;
    box-shadow: 2px 2px 15px black;
}
#managedocuments_tbody tr:hover, .switchedToFilterTable tr:hover
{
	background: #eee !important;
}
.shownitems_div
{
	font-size: 12px;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 8px;
    /*font-style: italic;*/
}
#fullscreen
{
	/*display: none !important;*/
}

#fullscreen img
{
	width: 16px;
   /*padding: 2px;
    margin-top: -10px;
    margin-left: 5px;
    box-shadow: 1px 1px 1px #3B83D2;
	border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;*/
	filter: invert(0%) grayscale(100%);
}
#fullscreen img:hover
{
	background:gainsboro;	
}
#fullscreen img:active
{
	box-shadow: none;	
}
#hidden_upload_iframe
{
	border:none;
	width:100%;
}
.upToDateDot
{
	height: 6px;
	width: 6px;
	border-radius: 50%;
	display: inline-block;
	margin-right:5px;
	cursor: help;
	float:right;
}
.upToDateDotGreen
{
	background-color: green;
}
.upToDateDotRed
{
	background-color: red;
}
.upToDateDotNone
{
	height: 5px;
	width: 5px;
	background-color: gainsboro;
	border: 1px solid silver;
}

.dialogWithDropShadow
{
	/*box-shadow: 0px 0px 0px 5000px black;*/
	box-shadow: 0px 0px 150px 50px black;
}

.dialogWithDropShadow .ui-widget-header
{
	background: var( --fontColor );
}
#cloudflowLicenseButton img
{
	height: 20px;
}

#cloudflowLicenseButton div
{
	font-size: 12px;
    vertical-align: bottom;
    margin-bottom: -5px;
    font-weight: bold;
	font-family: var(--fontBold) !important;
}
#cloudflowLicenseButton
{
    float: right;
    padding: 7px 2px;
    border: 1px solid rgb( 0,122,187 );
    box-shadow: 1px 1px 3px 0px grey;
    background: rgba( 0,122,187,0.0 );
    margin: 2px;
    border-radius: 2px;
	cursor:pointer;
	display:none;
}
#cloudflowLicenseButton:hover
{
    background: rgba( 0,122,187,0.2 );
}

#marsflag
{
	float: right;
    display: inline;
    background: rgba( 0,122,187,1 );
    color: white;
    font-size: 11px;
    text-align: center;
    padding: 1px 10px 1px 10px;
    font-stretch: expanded;
    border-radius: 15px;
}

.auto_maintenance_extend input
{
	-webkit-appearance: none;
    background: red;
    border: 1px solid grey;
    width: 12px;
    height: 12px;
    text-align: bottom;
    margin: 0px 0px -1px 10px;
}
.auto_maintenance_extend input:checked
{
	-webkit-appearance: none;
	background:lime;
}
div[aria-describedby] .ui-dialog-buttonpane
{
	border-top: none;
}
div[aria-describedby]
{
	border:none !important;
	box-shadow: 0px 0px 50px 2px rgba( 0,0,0,0.05 );
	position: fixed !important;
	
}
div[aria-describedby] .ui-dialog-titlebar
{
	background:whitesmoke !important;
	color: #333;
	
}
div[aria-describedby] button:not( [title="Close"] )
{
	background: var( --software-color ) !important;
	color: white !important;
	border: none !important;
	border-radius: 3px !important;
}
.pviewclass td
{
	/*color:grey;
	/font-style:italic;*/
}
.spinOnes
{
    -webkit-animation:spin linear 2s;
    -moz-animation:spin linear 2s;
    animation:spin linear 2s;
}
.dothespin {
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.changeMaxPview
{
	-moz-appearance:textfield;
    -webkit-appearance: none;
    margin: 0;
}
.cloudflow_downloadjsonfile,.mycloudflow_downloadjsonfile
{
	cursor:pointer;
	background:white;
}
.cloudflow_downloadjsonfile:hover, .mycloudflow_downloadjsonfile:hover
{
	background:gainsboro;
}
.cloudflow_downloadjsonfile:active,.mycloudflow_downloadjsonfile:active
{
	background:lawngreen;
}
.DC_changeSite
{
	width:18px;
	border:none;
	float:left;
	margin-right:10px;
}
#MC_checks input, #TI_flag_filter input, #CUST_checks
{
	margin-left:20px;
	visibility: hidden;
}
#MC_checks div, #TI_flag_filter div, #CUST_checks div
{
	display: inline-block;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid gainsboro;
    margin-left: 10px;
    background: white;
}
#TI_flag_filter span
{
	margin:5px 3px 0px 15px;
}
#TI_flag_filter div
{
	padding: 1px;
	margin-left:3px;
	font-size:10px;
	margin-top: 5px;
	box-shadow: 1px 1px 1px grey;
}
#MC_checks div.active, #TI_flag_filter div.active, #CUST_checks div.active
{
	padding: 4px;
    box-shadow: none;
	border:1px solid grey;
	/*background:rgba( 191,255,0,0.8 );*/
	background: var( --software-color );
	color: white;
}
#TI_flag_filter div.active
{
	padding: 1px;
}
#CUST_checks
{
	float:left; 
	font-size:11px; 
	clear:both;
}
#MC_checks
{
  	position: sticky;
	top: 165px;
	z-index: 1000;
	width: 100%;
	background: whitesmoke;
	text-align: right;
	padding-bottom:10px;
}
#MC_checks, #CUST_checks
{
	padding:10px;
}
#TI_flag_filter
{
	margin-bottom:5px
}
.cloudflowlicense
{
	margin-top: 20px;
    margin-bottom: 20px;
	margin-left: -15px;
    width: calc( 100% + 15px ) !important;
    border-collapse: collapse;
    vertical-align: middle;
    /* border-bottom: 26px solid white; */
    /* box-shadow: 0px 0px 0px 1px silver; */
    /* box-shadow: 1px 1px 1px grey; */
 
    padding-bottom: 26px;
	background: whitesmoke !important;
}
.cloudflowlicense .titletd
{
    /*text-align: center;*/
    height: 15px;
    vertical-align: middle;
    font-size: 12px;
	
	color:black;
	font-weight: bold;
	font-family: var(--fontBold) !important;
	/*text-decoration:underline;*/
	height:20px;
}
.cloudflowlicense td
{

}
.cloudflowlicense tr:nth-of-type(odd) td:nth-of-type(n+2)
{
	/*background:#eee;
	border-color:#eee;*/
}
.cloudflowlicense tr:nth-of-type(even) td:nth-of-type(n+2)
{
	/*background:white;*/
}
.cloudflowlicense tr td:first-of-type,.cloudflowlicense tr td:last-of-type
{
	/*background:#eee !important;;*/
}

.newordericon
{
	border: 1px solid green;
    background: green;
    box-shadow: 1px 1px 1px black;
    font-size: 11px;
    color: white;
    font-family: arial;
    margin-top: 2px;
    border-radius: 5px;
}
#addCloudflowSoftware img
{
	width: 100px;	
}
.clickedButton
{
	background:lightgreen;
	box-shadow:none !important;
}
#addCloudflowSoftware
{
	font-size: 20px;
    border: 1px solid silver;
    padding: 2px 10px;
    width: 120px;
    box-shadow: 2px 2px 2px #222;
    border-radius: 10px;
}
#addCloudflowSoftware:hover
{
	background:gainsboro;
}
.maintenanceTypeInDetail
{
	font-size:10px;
	font-style:italic;
}
#edit_order_title
{
	border: 1px solid grey;
    box-shadow: 2px 2px 2px black;
    background-color: orange;
	
}
.enabledTR td
{
	color:black !important;
}
.yearselect
{
	width:80px;
}
.a_look
{
	text-decoration:underline;
	color:-webkit-link;
	cursor:pointer;
}
	
.other_priceinput
{
	background-color:white !important;
}
.other_product_tr input, .other_product_tr textarea
{
	border:1px solid grey;
	vertical-align: top !important;
}
.other_product_tr td
{
	vertical-align: top !important;
	padding-bottom:20px;	
}
.other_product_tr th
{
	padding-top: 20px;
	
}
.invoicing_content_table img
{
	cursor:pointer;
}
.invoice_orderdetail td:nth-of-type(n+2)
{
	background: gainsboro;
	font-size:11px;
	border:1px solid white;
}
#invoicing_TotalTable td, .invoicing_content_table td, #invoicing_TotalTable th, .invoicing_content_table th
{
	width:100px;
	min-width:88px;
}
#invoicing_TotalTable tr:last-of-type td
{
	border:none !important;
	font-size:16px !important;
	color: white;
 	text-shadow: 1px 1px 1px black;
}
#invoicing_TotalTable td:first-of-type, .invoicing_content_table td:first-of-type, #invoicing_TotalTable th:first-of-type, .invoicing_content_table th:first-of-type
{
	width:20px;
	max-width:20px;
	text-indent:2px !important;
}
#invoicing_TotalTable tr:first-of-type td:nth-of-type(n+5), #invoicing_TotalTable tr td:nth-of-type(4) div
{
	/*border: 2px groove gainsboro;
	box-shadow: inset 0px 1px 20px gainsboro;*/
	border: 1px solid grey;
	background: gainsboro;
}
#printable_invoicing_table_ls #invoicing_TotalTable tr:first-of-type td:nth-of-type(n+4), #printable_invoicing_table_ls #invoicing_TotalTable tr td:nth-of-type(3) div
{
	border: 1px solid grey;
	background: gainsboro;
}
#printable_invoicing_table_ls tr.invoice_orderdetail td:nth-of-type(2),#printable_invoicing_table_ls tr.invoice_orderdetail td:nth-of-type(5)
{
	display:none;
}
#total_invoice_profit
{
	text-align:center;
	background:lime;
	margin-left:60px;
}
#invoicing_TotalTable tr td:nth-of-type(4) div
{
	display:inline-block;
	width:100px;
	height:18px;
	padding-right:50px;
}
#invoicing_TotalTable tr td
{
	vertical-align:middle;	
}
#invoicing_TotalTable tr:nth-of-type(n+2) td:nth-of-type(n+5)
{
	border:1px solid gainsboro;
}
#printable_invoicing_table .invoicing_content_table tr:not(.invoice_orderdetail) th:nth-of-type(2), #printable_invoicing_table .invoicing_content_table tr:not(.invoice_orderdetail) td:nth-of-type(2), #printable_invoicing_table .invoicing_content_table tr:not(.invoice_orderdetail) th:nth-of-type(n+8), #printable_invoicing_table .invoicing_content_table tr:not(.invoice_orderdetail) td:nth-of-type(n+8), #printable_invoicing_table #invoicing_TotalTable tr:not(.invoice_orderdetail) th:nth-of-type(3), #printable_invoicing_table #invoicing_TotalTable tr:not(.invoice_orderdetail) td:nth-of-type(n+8), #printable_invoicing_table #invoicing_TotalTable tr:not(.invoice_orderdetail) td:first-of-type, #printable_invoicing_table .invoicing_content_table tr:not(.invoice_orderdetail) td:first-of-type, #printable_invoicing_table .invoicing_content_table tr:not(.invoice_orderdetail) th:first-of-type
{
	display:none !important;
}
#printable_invoicing_table #invoicing_TotalTable tr:last-of-type td
{
	font-size:14px !important;
}
#printable_invoicing_table_ls #invoicing_TotalTable tr:last-of-type td
{
	font-size:14px !important;
}
#printable_invoicing_table .invoice_orderdetail td:first-of-type, #printable_invoicing_table .invoice_orderdetail td:nth-of-type(n+4), #printable_invoicing_table .invoicing_content_table img
{
	display: none;
}

#printable_invoicing_table .invoicing_content_table tr td:nth-of-type(3)
{
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 250px;
	overflow: hidden;
}


/*#crashreport_table tr td:first-of-type
{
	width: 180px;
}
#crashreport_table tr td:last-of-type
{
	width: 650px;
}*/
.invoicing_order_titles th
{
	border-left: 1px solid gainsboro;
	border-right: 1px solid gainsboro;
}
.crashreport_commentlist td
{
	font-size: 11px !important;
	font-family:monospace !important;;
}
/*.addCrashreportComment
{
		background: lightgreen;
		border-radius: 50px;
		cursor: pointer;
		box-shadow: 1px 1px 1px black;
		border: none;
		font-size: 11px;
		margin-left: 3px;
		width: 12px;
		height: 12px;
		padding: 0px;
}
.addCrashreportComment:hover
{
	background: grey;
}*/

#crashreport_table, #log_table
{
	width:100%;
}
.addlogComment, .addCrashreportComment
{
    background: rgba( 0,122,187,0.8 );
    color: white;
    border: 1px solid white;
	border:none;
    box-shadow: 1px 1px 1px black;
    font-size: 9px;
    font-weight: bold;
	font-family: var(--fontBold) !important;
	margin-top:-4px;
	padding: 0px 4px;
}
.addlogComment:hover, .addCrashreportComment:hover
{
    background: rgba( 0,122,187,0.5 );
    
}
.addlogComment:active, .addCrashreportComment:active
{
    box-shadow: none;
}
.historytableindialog
{
	border-collapse:collapse;
	
}
.historytableindialog th
{
	width:100px;
	background: grey;
	color:white;
	text-align:center;
	border: 1px solid silver;
	
}
.historytableindialog td
{
	
	border:1px solid grey !important;
	font-size:10px;
	text-align: center;
}
.historytableindialog th:last-of-type
{
	width:300px;
}
#submitorderwarning dt
{
  background: gainsboro;
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}
#submitorderwarning dd
{
	list-style-type:disc;
	font-size:11px;
	font-style:italic;
}
#showDiscountHistory
{
	box-shadow: 1px 1px 2px rgb(50,50,50);
	padding: 1px;
	border-radius: 1px;
	float:right;
}
#discountHistoryTable
{
	border-collapse:separate;
	background:gainsboro;
	border:1px solid grey;
}
#discountHistoryTable td
{
	border:1px solid grey !important;
}
.keyhistoryimage
{
	width:12px;
	height: 12px;
	box-shadow: 1px 1px 2px rgb(50,50,50);
	padding: 1px;
	border-radius: 1px;
	float:right;
}
.keyhistoryimage:hover, #showDiscountHistory:hover
{
	box-shadow:none;
	background:whitesmoke;
}
.dc_extendbutton
{
		background: lawngreen;
		border-radius: 50px;
		cursor: pointer;
		box-shadow: 1px 1px 1px black;
		border: none;
		font-size: 13px;
		margin-left: 3px;
		width: 15px;
		height: 15px;
		padding: 0px;
        float: left;
        margin-top: -15px;
}
.dc_extendbutton:hover
{
	background: green;
}
#dealer_gobacktoyourown_datacenter
{
	margin-right: 40px;
	background-color: lawngreen;
	border-radius-left-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	box-shadow: 2px 2px 2px yellow;
}
#loginAsCustomers
{
	float:right;
	/*cursor:pointer;
	margin-left: 20px;
	cursor: pointer;
	padding: 3px;
	border: radius;
	border-radius: 50px;*/
}
/*#loginAsCustomers:hover
{
	background:white;
}*/
	
#orderportalIframe
{
	width:100%;
	height:4000px;
}
#tabs_growth_content
{
	margin-top: 40px;
}

#analytics_div
{
	margin-top: 40px;
	border-left:none;
	border-right:none;
	border-bottom:none;
	box-shadow: inset 0px 15px 15px -15px black;
}
#analytics_tabbar
{
	margin: -45px -3px 30px -3px;
	background: white;
	border:none;
}
#analytics_div ul li.ui-state-active, #analytics_div ul li.ui-widget-content, #analytics_div ul li.ui-state-active, #analytics_div ul li.ui-widget-header, #analytics_div ul li.ui-state-active
{
	background:white;
}
.txtind15
{
	text-indent:15px;	
}
#showAndSend
{
	float:right;
}
.createEmailButton
{
	clear:both; 
	border:none; 
	background:white;
}
#email_iframe
{
	width:100%;
	height:100%;
	border:none;
	background: white;	
}

#notification_header_table.template1 td
{
	background-color:#C70061; 
	border-top:none; 
	text-align:center; 
	vertical-align: middle; 
	height:60px;
}
#notification_header_table.template2
{
	border-collapse:collapse;
}
#notification_header_table.template2 td
{
	background-color: white; 
	border:none; 
	padding-right:15px;
	border-bottom: 1px solid grey;
	text-align:right; 
	vertical-align: middle; 
	height:40px;
}

#notification_footer_table.template1 td
{
	background-color:#C70061; 
	text-align:justify; 
	border-top-style:solid; 
	border-top-color:#ffffff; 
	vertical-align:middle;
	font-size:10px; 
	color:white; 
	line-height:100%; 
	font-family:verdana;
}
#notification_footer_table.template2 td
{
	background:white;
	text-align:justify; 
	border-top-width:1px; 
	border-top-style:solid; 
	border-top-color:grey;
	vertical-align: top;
	color:#C70061;
	font-size:10px; 
	line-height:100%; 
	font-family:verdana;
	
}
#emailGoBackToUsers
{
	border:none;
	background:white;
	
}
#notification_email_table button, #notification_email_table select
{
	border: 1px solid grey;
	border-radius: 50px;
	box-shadow: inset 0px 0px 10px 5px rgba( 95, 95, 95, 0.2);
}
.flagCheck, .notSelectableFlagCheck
{
	border:1px solid grey; 
	padding:0px 2px; 
	margin: 0px 2px;
	color: black;
}
.greenFlag
{
	background:rgba(0, 128, 0, 0.5);
}
.flagCheck:hover
{
	background:gainsboro;
}
#emailUsersNotificationTable
{
	width: 100%;
	background: white;
	border: 1px solid grey;
	font-family: monospace;
	margin: -10px 0px;
	
}

#emailUsersNotificationTable td:first-child
{
	width:100px;
}
#emailUsersNotificationTable td
{
	border:1px solid grey;
	font-family: monospace;
}
#emailUsersNotificationTable th, #emailUsersNotificationTableFootTitle
{
	background:black;
	font-weight:bold;
	font-variant:small-caps;
	font-size:15px;
	border:1px solid white;
	color:white !important;
	text-align:center;
}
#emailusers_table th[data-column='3'], #emailusers_table th[data-column='4']
{
	background-position: center bottom;	
}
.emailUsersTitle
{
	font-size:12px !important;
	font-weight: bold;
	font-family: var(--fontBold) !important;
	font-style:normal !important;
	cursor:pointer;
}
#emailUsersFilterTable td
{
	font-style:italic;
	font-size:10px;
	height:12px;	
	padding: 0px 8px;
	
}
#emailusers_table
{
	border-collapse:separate;
	border-spacing:1px;
	box-shadow: inset 0px 0px 500px 600px rgba(0, 0, 0, 0.1);
}
	
#emailusers_table td
{
	vertical-align: middle;
}
	
#emailusers_table th
{
	border:1px inset grey;
}
#emailusers_table td[name='name']
{
}
#availablekeydiv span
{
	margin-right:10px;
}
#keylistsearch
{
	margin-bottom: 20px;
}
.disabledInputFieldInNewOrderButSubmitable
{
	background:#b8b8b8;
}
.editDisabled
{
	background: #B8B8B8;
	/*font-size: 11px;*/
}
#software_data_div_create_notification input, #software_data_div_create_notification textarea
{
	border:none;
}
#Packz_Usage_Detail_Button
{
	font-size: 12px;
	color: black;
	border: 1px solid gainsboro;
	width: 70px;
	padding: 2px;
	border-radius: 5px;
	background: whiteSmoke;
	margin-top: 50px;
	cursor:pointer;
	visibility:hidden;
}
#Canvas_Title_Table
{
	width:100%;
}
#Canvas_Title_Table ul
{
	float: right;
	list-style:none;
}
#Canvas_Title_Table li
{
	height:20px;
}
#Canvas_Title_Table li div
{
	margin-right:20px;
}
.colorbox
{
	float: left;
    width: 12px;
    height: 12px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,.2);
	margin-right:15px;
	
}
.pielegenda_percentage
{
	/*padding-left: 30px; */
	display:inline;
	float:right;
}
#tabs_keys_or_customers_chart
{
	display: inline-block;
	border:1px solid gainsboro;
	border-radius:5px;	
	/*padding: 30px 0px 0px;*/
	min-height:440px;
	
}
#sales_pies_legenda_table, #APS_pie_legenda_table
{
	border-collapse:collapse;
	margin-left:5%;
	margin-bottom: 15px;
	width:90%;
}
#sales_pies_legenda_table tr:last-of-type, #APS_pie_legenda_table tr:last-of-type
{
	background:lavender;
}
#sales_pies_legenda_table tr:last-of-type td, #APS_pie_legenda_table tr:last-of-type td
{
	border-bottom: 1px solid gainsboro;
}
#sales_pies_legenda_table tr td:first-of-type, #APS_pie_legenda_table tr td:first-of-type
{
	border-left: 1px solid gainsboro;
}
.legendatable_keys_pct,.legendatable_optionkeys_pct, .legendatable_total_pct, .legendatable_maintenance_pct
{
	border-right:1px solid gainsboro !important;
}

#sales_pies_legenda_table tr th
{
	border:1px solid gainsboro;
	background: whitesmoke;	
}
#sales_pies_legenda_table tr th+th+th, #sales_pies_legenda_table tr th+th+th+th, #sales_pies_legenda_table tr th+th+th+th+th
{
	min-width:100px;
}
.legendatable_maintenance_pct, .legendatable_keys_pct, .legendatable_optionkeys_pct, .legendatable_maintenance, .legendatable_keys, .legendatable_optionkeys, .legendatable_total, .legendatable_total_pct
{
	text-align: right;
	padding: 0px 15px 0px 15px;
}

#canvas_pie_legenda, #key_pie_legenda
{
	margin-left: 420px;
	margin-top:-350px;
	padding: 0px 20px;
}
#key_pie_legenda table, #canvas_pie_legenda table
{
	border-collapse:collapse;
}
#analytics_filtertable_keys, #analytics_filtertable, #analytics_filtertable_sales, #analytics_filtertable_growth, APS_filtertable
{
	border:1px outset silver;
	background:silver;
	padding: 5px;
	border-radius: 5px;
}
#tabs_sales_content, #usage_charts_div, #tabs_growth_content, #tabs_productsales
{
	margin-top:50px;
	display: inline-block;
	border:1px solid gainsboro;
	border-radius:5px;
	width:100%;
}
#usage_charts_div
{
	width: 100%;	
	padding-bottom:20px;
}
#salescharts_titlediv, #tabs_keys_or_customers_chart_title, #usage_charts_title, #APS_titlediv
{
	padding: 5px;
	background:gainsboro;
}
#usage_charts_title
{
	margin-bottom:40px;
}
#salescharts_table, #APS_pie_table
{
	margin-top:50px;
	width:100%
}
#select_analyticsfilter_sales
{
	width:100%;
}
#analytics_filtertable_keys
{
	margin-bottom:35px;
}
.analystics_users_intern
{
	display:none;
}
#analytics_startdate, #analytics_enddate
{
	width:75px;
}
#analytics_filter
{
	width: 100px;
}
#filter_option_select
{
	width: 90px;
	margin-left: 10px;
	border: 1px solid grey;
	background: gainsboro;
	border-radius: 5px;
}
#analytics_filtertable
{
	margin-top: 20px;
}
#analytics_filtertable_keys td, #analytics_filtertable td, #analytics_filtertable_sales td, #analytics_filtertable_growth td
{
	vertical-align:middle;
}
#Packz_Users_Usagetable
{
	width:100%;
	cursor:pointer;
}
#Packz_Users_Usagetable_Div
{
	background:white;
	border:1px dotted silver;
	width:100%;
	min-height: 150px;

}
#analytics_filtertable
{
	background: #c8c8c8;
	margin-bottom: 40px;
	/*box-shadow: 0px 0px 2px 2px grey;*/
	height:150px;
	width:100%
}
#analytics_div h5
{
	margin-left:60px;
	clear:both;
}
#show_statistic
{
	width:100%;
}
.selectCustomer, #selectAllCustomer
{
	float:left;
}
#uc_users_overview_div  .ot_filterdiv
{
	font-size: 12px;
	padding: 10px;
	position: relative;
    width: 50%;
   /* background: #b8b8b8;
	border:2px groove gainsboro*/
}

#uc_users_overview_div div input, #uc_users_overview_div div select
{
	margin:0px 10px;
}

#uc_users_overview_table
{
    border-collapse: collapse;
   /* width: 1350px !important;*/
   /* max-width: 1350px;*/
    border: 2px groove gainsboro;
}
#uc_users_overview_table th
{
	background-position: center bottom !important;
}
#uc_users_overview_table td
{
	border: 1px solid silver !important;
	font-size:11px !important;
}
#newuser_dealercheckbox
{
	margin-left:50px;	
}
.parentdealer
{
	background:gainsboro;
}
.subdealer
{
	text-indent: 05px;
	color:#222;
}
#users_dealerselect optgroup:hover
{
	background-color: blue !important;
}
.newuser_dealer_tr
{
	display:none;
}
.statusinfobutton
{
	cursor:pointer;	
	
}
.fixed-dialog
{
	position: fixed !important;
    border: 1px solid grey !important;
    box-shadow: 5px 5px 15px;	
}
.TI_emptyClassification
{
	display:none;
}

#TI_dialogtable td, .TI_InfoList td
{
	padding: 1px 5px;
    vertical-align: top;
    border: 1px solid grey;
}

#TI_dialogtable td input, .TI_InfoList td input
{
	vertical-align:sub;
}

.TI_enabledFlag
{
	background: green !important;
	font-weight:bold;
	color:white !important;
	/*border:1px solid black;*/
}
.TI_InfoList .TI_enabledFlag
{
	padding:1px;
	margin: 1px;
	background: #444 !important;
	font-size:11px;
	color:white !important;
}

#TI_dialogtable td div
{
	font-size:11px;
	margin: 0px 1px 5px 0px;
	display:inline-block; 
	/*background:gainsboro; */
	color:#555;
	padding-right:4px;
	/*border:1px solid whitesmoke;*/
}
.TI_InfoList td div
{
	display:inline-block; 
}


#TI_dialogtable th, .TI_InfoList th
{
	padding: 1px 5px;
	
}


.TI_InfoList
{
	background-color:white;
	border:1px solid silver;
	width: 100%;
	border-collapse:collapse;
}

#TI_dialogtable
{
	background-color:white;
	border:1px solid grey;
	padding:2px;
	width: 100%;
	border-collapse:collapse;
	box-shadow: 2px 3px 0px black;
	font-size:12px;
}
#TI_dialogtable .TI_Classification
{
	font-weight:bold;
}
#TI_selectedCompanies
{
	background-color:white;
	font-size:11px;
}
.TI_dialog_title
{
	background: #444;
	color:white;
	text-align:center;
}

#TI_dialogtable .TI_dialog_title
{
	background: #b8b8b8;
	color:black;
	text-align:center;
}

.TI_dialog_flagtd
{
	background: white;
}

#TI_panel
{
	position:fixed;
	padding:0px 25px;
	width:200px;
	height:auto;
	border:1px solid grey;
	box-shadow: 1px 1px 1px 1px black;
	background-color: gainsboro;
	background-image:url(../../Images/cancel_border_grey2.png);
	background-position:right top;
	background-repeat: no-repeat;
	z-index:100;
	font-size:12px;
	color:black;
	text-align:justify;
	
}
.informationboard >*, .filterboard >*
{
	z-index:2000;
}

#status_information_board, .informationboard
{
	position: absolute;
    padding: 0px 15px;
    width: auto;
    height: auto;
    border: 1px solid white;
    box-shadow: 0px 0px 50px 2px rgba(0, 0, 0, 0.4);
    /* background-color: rgb(0, 122, 187); */
    background-color: white;
    background-image: url(../../Images/cross_black.png);
    background-position: right top;
    background-repeat: no-repeat;
    font-size: 14px;
    color: black;
    text-align: justify;
    border-radius: 3px;
    z-index: 10000;
}
.filterboard
{
    width: auto;
    border: 1px solid white;
    background-color: white;
    background-image: url(../../Images/cross_black.png);
    background-position: right top;
    background-repeat: no-repeat;
    font-size: 12px;
    color: black;
    text-align: justify;
    z-index: 10000;
	position: fixed;
    top: 135px !important;
    transform: translateX(-50%);
    padding: 20px;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px;
    height: auto;
}
.filterboard h2
{
	font-weight: normal;
	font-size:15px;
}
.selected-filters {
	color: white;
	padding: 15px;
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	border-bottom: 1px solid #ddd;
}

.filter-chip {
	background-color: white;
	color: #444;
	padding: 5px 10px;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
	border: 1px solid gainsboro;
	transition: background-color 0.3s ease;
}

.filter-chip:hover {
	background-color: #f1f8ff;
}

.filter-chip .remove-btn {
	font-size: 12px;
	color: #444;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.available-filters {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	background-color: #fafafa;
	overflow-y: auto;
    max-height: calc(100vh - 400px);
}

.filter-option {
	background-color: #ecf0f1;
	padding: 8px 15px;

	cursor: pointer;
	font-size: 14px;
	transition: background-color 0.3s ease;
	width: fit-content;
    min-width: 90px;
	max-width: 90px;
    text-align: center;
}

.filter-option:hover {
	background-color: #bdc3c7;
}

.filter-option:active {
	background-color: #95a5a6;
}

        .filter-option.selected {
            background-color: var( --software-color );
            color: white;
        }

        /* Scrollbar styling */
        .available-filters::-webkit-scrollbar {
            width: 8px;
        }

        .available-filters::-webkit-scrollbar-thumb {
            background-color: #bdc3c7;
            border-radius: 10px;
        }

        .available-filters::-webkit-scrollbar-track {
            background-color: #f4f7fa;
        }

#op_errorMessage, #oc_errorMessage
{
	bottom: 20px;
	right: 20px;
	background-image: none;
	color: yellow;
	position: fixed;
	vertical-align:middle;
	font-size:16px;
	background-color: rgba(255, 0, 0, 0.9);
	text-align: left;
	display:none;
	
}
.version_select::-ms-expand
{
	display:none;
}
#customersInfo_set_software_settings
{
	clear:both;
	margin-top:-10px;
}
#customersInfo_set_software_settings select
{
	height:20px;
	font-size:13px;
}
#searchCustomers, #searchCustomerKeys
{
	filter:invert(1);
	cursor:pointer;
}
#searchCustomers:hover, #searchCustomerKeys:hover
{
	background: rgba( 0,0,0,0.1 );
}
#customersInfo_filterdiv_form, #mycustomers_filterdiv_form
{
	display: flex;
    align-items: center;
    float: left;
    gap: 8px;
}

#customersInfo_set_software_settings select option, #selectSite option
{
	background:var( --software-color );
}
#customersInfo_set_software_settings table
{
	/*margin-top:30px;
	font-size:15px;
	background:silver;
	border:1px solid grey;*/
    border: none;
    float: right;
    margin-top: -85px;
    margin-bottom: 0px;
	border-collapse:collapse;
}

#customersInfo_set_software_settings table tr
{
	
}
#customersInfo_set_software_settings table td
{
	    
    vertical-align: middle;
    font-size: 12px;
	padding: 10px;
    
}
#setMaxPCKZ, #setMaxCLFL
{
	/*border-bottom:1px solid silver;*/
}
#customersInfo_set_software_settings table tr:first-child td
{
	/*border-bottom: 1px solid grey;*/
}
#customersInfoTable select {
   -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.selectedExpiryToChange
{
	background-color: aqua !important;
}
.version_select
{
    
    padding-right: 10px;
   /* border: 1px solid transparent;*/
   border:none;
   font-family:var( --font );
   font-size:12px;
    color: #3D3D3D;
	/*box-shadow: 1px 1px 1px 1px;*/
    cursor: pointer;
}
.packz_version_select 
{
	width: 120px;
}
#softwareSettings_button_packz, #softwareSettings_button_cloudflow
{
	float:right;
}

.cloudflow_version_select 
{
	width: 150px;
}
.general_software_settings
{
	width: 170px;
	margin-left:8px;
}

.version_select:hover
{
	border: 1px solid gainsboro;
}

.version_select:active
{
	box-shadow:none;
}
.cloudflow_version_select
{
	margin-top: 15px;
}

#customersInfoTable select::-ms-expand {
    display: none;
}
#cloudflowInfoTable
{
	margin-top: 20px;	
}

#customersInfoTable
{
	border-collapse:collapse;
}
#customersInfoTable th
{
	border-left:2px solid white
}
#customersInfoTable > tbody > tr > td
{
	/*border-left:2px solid transparent !important;
	border-bottom:1px solid gainsboro !important;*/
	padding-top:10px;
	font-size:12px !important;
}
#mycustomerslicensetable tbody, #customersInfoTable tbody
{
	/*style='width:1150px !important;*/
}

#keylist_table thead
{
	text-align:center !important;	
}
#keylist_table tr
{
	cursor: pointer;
}
#keylist_table tr:hover td
{
	/*background: lavender !important;*/
}
#reportedissuesextrainformation dl
{
	margin:20px 50px 20px 150px;
	padding:7px;
	box-shadow: inset 0px 0px 1px 1px grey;
	background: #F0F0F0;
}
#reportedissuesinformationbutton
{
	cursor:pointer;
	margin-left: 25px;
}
#reportedissuesextrainformation dt, #status_information_board dt, .informationboard dt
{
	margin:7px 0px;
	text-decoration:underline;
	font-weight:bold;
}

#status_information_board dd, .informationboard dd
{
	margin-bottom:10px;	
}
#reportedissuesdiv
{
	margin-top: 50px;	
}
#currentmonth, #previousmonth, #nextmonth, #invoicing_currentmonth, #invoicing_previousmonth, #invoicing_nextmonth
{
	margin: 5px;
	padding:2px;
	vertical-align:middle;
	cursor:pointer;
}
#currentmonth:hover, #previousmonth:hover, #nextmonth:hover, #invoicing_currentmonth:hover, #invoicing_previousmonth:hover, #invoicing_nextmonth:hover
{
	background-color:gainsboro;
}

#dc_support_div
{
	font-size:12px;
}
#lastsupportupdatediv
{
	float:right; 
	font-size:10px; 
	padding:10px;
}
#supporttable
{
	width:100%;
}
#supporttable td
{
	padding:8px 3px;
}
#support_last_updatespan
{
	font-style:italic;	
}
#support_update_message
{
	font-size: 12px;
	font-style:italic;
	color:green;
}
.orderprintable
{
	
	width:100% !important;
	left:0 !important;
	margin-left: 0% !important;
}
img[src='../../Images/bullet_edit.png']
{
	cursor:pointer;	
}
.order_wait, #wait
{
	text-align:center;
}
#wait
{
	margin-bottom: -20px;
}
#newusercompanyselectdiv span
{
	font-size:11px;
	font-style:italic;
	padding:  0px 5px 0px 10px;
}

#newuserform
{
	margin-top:20px;
}
.companyselectbox
{
	border:1px solid gainsboro;
	width:100%;
	cursor:pointer;
	min-height: 30px;
	min-width:800px;
	margin-bottom: 20px;
	background:white;
}
.scrolldiv
{	
	overflow:auto;
	max-height: 150px;
	min-height: 150px;
	/*box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;*/

}

	
#loginhistory, #downloadhistory
{
	cursor:pointer;	
}
#loginhistorytable_parent_container, #downloadhistorytable_parent_container
{
	/*background:whitesmoke;*/
}
#loginhistorytable td, #downloadhistorytable td
{
	border:none !important;
}

#loginhistorytable, #downloadhistorytable
{
	/*width:100%;*/
}
.historytable_div
{
	max-height: 150px;
	overflow: auto;
	margin:10px;
	/*border: 1px solid grey;*/
}
#editorderlist_producttable td, #editorderlist_maintenance_extendtable td, #editorderlist_maintenancetable td
{
	vertical-align:middle;
	border: 1px solid #c8c8c9;
	padding: 5px !important;
}
#editorderlist_producttable
{
	
}

.mr15
{
	margin-right: 12px;
}
#productitemtable td, #productitemtable th, #maintenanceitemtable td, #maintenance_extenditemtable td, #maintenanceitemtable th, #maintenance_extenditemtable th
{ 
	padding: 5px 6px !important;
	border: 1px solid #C8C8C9 !important;
	/*background: #C8C8C9;*/
}
#neworder_totaltable th
{
	padding: 5px 6px !important;
	border: 1px solid transparent !important;
}
#neworder_totaltable th:nth-of-type( 1 ), #neworder_totaltable th:nth-of-type( 2 )
{
	background: #b8b8b8;
}
#neworder_totaltable th:nth-of-type( n+3 )
{
	background: #2EBD3A;
	font-weight: bold;
	font-family: var(--fontBold) !important;
}

.maintenance_extend_item td, .maintenanceitem td
{
	color:gray;
}
	
#productitemtable, #maintenance_extenditemtable, #maintenanceitemtable, #neworder_totaltable
{
	/*border:1px solid gainsboro !important;*/
	border:none;
}
#productitemtable img[src='../../Images/change_user.png']
{
	height: 16px;
	vertical-align:sub;
}

#productitemtable img[src='../../Images/change_user.png']:hover
{
	background:white;
}

#orderlistsearch
{
	font-size: 12px;
	font-style: italic;
}
#orderlistsearch input
{
	margin-left: 10px;
}
.orderlistchecktext
{
	font-size:11px;	
	margin-right: 10px;
	font-style:italic;
}
.companyth
{
	width: 150px !important;
}
.dateinput
{
	width:75px !important;	
}
#users_companyselectiontable
{
	margin-bottom:30px;
}
.newordersecondtd
{
	width:60%;
}
.listpriceinput, .transferpriceinput, .salespriceinput, .ownerpriceinput, .maintenanceinputfield, .maintenance_extend_inputfield
{
	width:60px;
}
.typeselect_1, .amountinput_1
{
	/*display:none;*/
}
.typeselect
{
	min-width: 110px;
}
#cancelapprovalbutton, #cancelpaidbutton
{
	margin-left:50px;
}
#edit_orderlist
{
	display:none;
}
.editorderproducts span
{
	//padding: 0px 30px;
}
#orderlisttable
{
	width: 100%;	
}
#orderlisttable th
{
	width: 120px;
	height:12px !important;
}
#ordertable ul
{
	list-style:none;
	text-align:left;
}
.hiddentag
{
	display:none !important;
}
.hiddenvisibility
{
	visibility:hidden;
}
#ordertable li
{
	display:block;
	text-indent: -30px;
}
#ordertable	td, #ordertable	th
{
	/*width:80px;*/
}
#ordertable	th
{
	background-position: center bottom !important;
	border-left:1px solid white;
	vertical-align: top;
}
#ordertable	td
{
	padding: 5px 5px 0px;
}
#ordertable	td[name='products'], #ordertable	th[name='products']
{
	/*width:150px !important;*/
}
.realproductselectedspan span, .realproductselectedspan input
{
	display:none;
}
.show
{
	display:block;
}
.marginright20
{
	margin-right: 5px;
	margin-left: 5px;
}
#edit_order_table
{
	/*display:none;*/
}
#edit_order_table td
{
	vertical-align:text-top;
}
#add_new_dealer 
{
	color:blue;
	text-decoration:underline;
	cursor:pointer;
	margin-top:20px;
}
#new_dealer_table
{
	display:none;
}
#add_new_dealer
{
	float:right;
	font-size:10px;
}
.newdealer
{
	display:none;
	background-color:gainsboro;
	border:1px solid green;
	color:green;
}

#packztable2 a
{
	cursor:pointer;
}
li[name='selected']
{
	background-color:#6C6 !important;
}
tr[name='selected']
{
	background-color:#6C6 !important;
}
.uc_disableprod td
{
	color:red !important;
}
#prividtextspan[data-priv='160']
{
	background: red !important;
	font-weight: bold;
	font-family: var(--fontBold) !important;
	color:white !important;
}
#company_select_table td
{
	color: black !important;
	
}
#company_select_table tr[data-privilege_id="160"] td
{
	color: silver !important;
	
}
#customers_data_div tr[name='selected'] td
{
	background-color:#6C6 !important;
}
tr[name='clicked']
{
	background-color:#c8c8c8;
}
#searchcustomerresultlist li
{
	cursor:pointer;
}
#showwait, #showwaitdoc
{
	clear: both;
	float: right;
	display: none;
	height: 30px;
	margin-top: -30px;
	margin-right: 210px;
}
#ordertable
{
	clear:both;
	border-collapse:collapse;
	text-align: center !important;
	margin-bottom: 20px !important;
}
#ordertable td
{
	border: 1px solid gainsboro;
}
#fileuploadedmessage
{
	margin-top:20px;	
}
.notoppadding
{
	padding-top: 0px !important;
}
#printable_orders_buttons, #printable_invoice_button_div
{
	float:right;
	margin-bottom:30px;
	cursor:pointer;
} 
#printable_invoice_button_div
{
	text-align:right !important;
}
#printablelicensetable_buttons_div
{
	margin-bottom:30px;
	cursor:pointer;
}
#printable_orders_buttons img[title='Print'], #printablelicensetable_buttons_div img[title='Print'], #printable_invoice_button_div img[title='Print']
{
	margin-left:20px;
}
#printable_orders_div
{
	width:850px !important;
	padding:5px;	
	display:none;
}
#printable_invoicing_div
{
	width:800px !important;
	padding:5px;	
	display:none;
}
#filter_input_text
{
	width:300px;
}
.filter_input_date
{
	width:80px;
}
select, input, textarea
{
	/*background: #fff;*/
}
select, textarea
{
	/*border: 2px groove gainsboro;*/
}
#cancelorderform, #cancelnewdealerform
{
	float:right;
}
#detail_checkboxdiv
{
	float:right;
	margin-bottom:5px;
}

#filter_checkordertable_div
{
	width:100%;
	font-size: 11px;
	font-style: italic;
}
#filter_checkordertable_div select
{
	width: auto;
	max-width: 147px;
}
#filter_checkordertable_div table
{
	width:100%;
}
#filter_checkordertable_div table td
{
	vertical-align:middle;
}
#filter_checkordertable_div tr > td:first-of-type
{
	width:80px;
}
#filter_checkordertable_div td
{
	height:auto !important;
}
#filter_checkordertable
{
	float: right;
	border-right: 1px solid #B8B8B8;
	padding: 5px 10px;
	margin-bottom: 5px;
	cursor:pointer;
}
#printable_checkordertable, #printable_licensestable, #printable_invoicetable
{
	float: right;
	padding: 5px 10px;
	margin-bottom: 5px;
	cursor:pointer;

}
#printable_checkordertable:hover, #filter_checkordertable:hover, #printable_licensestable:hover, #printable_invoice:hover, #printable_invoicetable:hover
{
	background-color:gainsboro;
}
.ordertable_commenttd
{
	padding: 10px !important;
	text-align: center !important;
	padding-left: 200px !important;
}
.ordertable_commentdiv
{
	padding:5px;
	background: white;
	box-shadow: inset 0px 0px 2px 1px #B8B8B8;
}
/*#ordertable th, #ordertable th + th, #ordertable th + th + th,   #ordertable th + th + th +th, #ordertable th + th + th + th + th +th + th + th, #ordertable th + th + th + th + th +th + th + th + th
{
	width:100px !important;
}
#ordertable th + th + th + th + th, #ordertable th + th + th + th + th + th, #ordertable th + th + th + th + th +th + th
{
	width:60px !important;
}
#ordertable th + th + th + th + th +th + th + th + th + th
{
	width:25px !important;
}*/
/*#printable_orders_div
{
	margin-left:140px;
}*/
#printable_orders_div table th, #printable_orders_div table  th + th, #printable_orders_div table  th + th + th,   #printable_orders_div table  th + th + th +th, #printable_orders_div table  th + th + th + th + th +th + th + th, #printable_orders_div table  th + th + th + th + th +th + th + th + th
{
	width:100px !important;
}
#printable_orders_div table  th + th + th + th + th, #printable_orders_div table  th + th + th + th + th + th, #printable_orders_div table  th + th + th + th + th +th + th
{
	width:85px !important;
}
#printable_orders_table_title
{
	font-size: 11px;
	font-style:italic;	
}
#printable_orders_table_div
{
	margin-top: 20px;
	clear:both;
}
#printable_orders_div table, #printable_invoicing_table, #printable_invoicing_table_ls
{
	border-collapse:collapse;
	text-align:center !important;
	width:650px;
	-webkit-print-color-adjust:exact;
}
#printable_orders_div table td
{
	border: 1px solid grey !important;
	font-size:11px !important;
}
#printable_orders_div table th
{
	border:1px solid grey !important;
}
#new_order_table td
{
	border:none
}
#new_order_table
{
	width:100%;	
}
textarea 
{
	resize:none;
}
.fiveequalcolumns td, .fiveequalcolumns th
{
	/*width: 220px;*/ 
	width: 19.6%;
	width: calc( 25% - 5px );
}
.fourequalcolumns td, .fourequalcolumns th
{
	/*width: 280px;*/
	width: 25%;

}
/*.fourequalcolumns tr > td:last-of-type
{
	width: 205px !important;
}*/
.fiveequalcolumns tr > th:last-of-type
{
	/*padding-right:30px !important;*/
}

#packztable1 th
{
	width:90px;
}

#packztable1 td
{
	/*border:1px solid white;*/
	width:110px;
}
.cloudflowtable
{
	width:100%;
	border-collapse:collapse;
	margin-top:30px;
	margin-bottom:30px;
}
.cloudflowUsers
{
	cursor:pointer;
	height:11px;
}
.cloudflowtable td
{
  border: 1px solid grey !important;
  text-align: left;
  background: gainsboro;
  padding: 7px;
  vertical-align: middle;
  height:30px;
}
.cloudflowtable td:first-child
{
	width:60%;
	text-indent: 50px;
}
.cloudflowtable td:last-child
{
	width:40%;
	text-indent: 10px;
}

/****************** TABS ************************/

/*Main Tabs*/



/*Main Tabs --> Downloadcenter / new style*/

#content
{
    background: whitesmoke;
    padding: 25px 25px 25px;
    height: auto;
    position: relative;
    z-index: 2;	
	min-height: 600px;
	/*width: var( --content-width );*/
	max-width: calc( 100% - 50px );
}

#orders_content
{
    background: #fff;
    padding: 0px 25px 50px;
    height: auto;
    position: relative;
    z-index: 2;	
	min-height: 600px;
	overflow:hidden;
}

.producttabs{
  overflow: hidden;
  width: 70%;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top:-20px;
}
.producttabs li{
  float: left;
  margin: 0 .5em 0 0;
}
.producttabs a{
  position: relative;
  background: #fff;
  background-image: linear-gradient(to bottom, #fff, #ddd);  
  padding: .2em 1.5em;
  font-size:12px;
  float: left;
  text-decoration: none;
  color: var( --fontColor );
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  /*border-radius: 5px 0 0 0;*/
  /*box-shadow: 0 2px 2px rgba(0,0,0,.5);*/
}
.producttabs a:hover,
.producttabs a:hover::after,
.producttabs a:focus,
.producttabs a:focus::after{
  background: #DDD;
}
.producttabs a:focus{
  outline: 0;
}
.producttabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #fff;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  /*box-shadow: 2px 2px 2px rgba(0,0,0,.2);*/
  transform: skew(10deg);
 /* border-radius: 0 5px 0 0; */ 
}
.producttabs #current a,
.producttabs #current a::after{
  background: #ddd;
  z-index: 3;
  box-shadow: 2px 1px 2px rgba(0, 0, 0, .5);
}
.producttabcontentdiv
{
    height: auto;
    position: relative;
    z-index: 2;	
}
#dc_product_select
{
	/*border-bottom: 1px solid gainsboro;*/	
}
.producttabcontent, .producttabcontent_uploadcenter, #customerstablediv, #licensestablediv, #searchdatabadiv, #supporttablediv
{
	/*max-height:700px;*/
	
	/*overflow:auto;*/
	/*border:1px solid gainsboro;*/
	/*border-bottom:1px solid gainsboro;*/
	/*margin-top:25px;*/
	/*margin-bottom:20px;*/
	/*padding:4px;*/
	
}
#mycustomerscontent, #customersInfoContent
{
	/*max-height:none !important;*/
	/*max-height:500px;
	overflow-y:auto;
	width: 100% !important;*/
}
#mycustomerslicensetable > thead > th
{
	top:0px;
	position: sticky;
	
}
#mycustomerslicensetable > tbody th
{
	box-shadow: none !important;
}
.producttabcontent
{
	/*overflow: hidden !important;*/
	width: 100% !important;
	clear: both !important;
	/*width: 100% !important;*/
}
#searchdatabadiv
{
	overflow: auto !important;
}
.producttabcontent_uploadcenter, #licensestablediv
{
	//overflow: hidden !important;
	/*width: 1350px !important;*/
	//clear: both !important;
	/*width: 100% !important;*/
}
/********* test scrollable tbody ************/
.producttabcontent thead tr, .producttabcontent_uploadcenter  thead tr, #licensestablediv  thead tr,  #mycustomerscontent thead tr
{
	position: relative !important;
	/*display: block !important;*/
}
#packztable1 thead tr
{
	position: relative !important;
	display: table-row !important;	
}
#packztable1 tbody[data-site='"+i+"'], #packztable2_tbody, #packztable3_tbody
{
	/*display: block !important;
	max-height: 656px !important;
	overflow: auto !important;
	width: 100% !important;*/

	/*width: 885px !important;*/
}
#mycustomerscontent tbody
{
	/*display: block !important;*/
	width: 100% !important;
}

.producttabcontent_uploadcenter tbody
{
	/*display: block !important;
	max-height: 456px !important;
	overflow: auto !important;*/
	/*width: 1346px !important;*/

	/*width: 885px !important;*/
}
#licensestablediv  tbody
{
	/*display: block !important;
	max-height: 406px !important;
	overflow: auto !important;
	width: 100% !important;*/
	/*box-shadow: 2px 2px 8px 1px grey;*/

	/*width: 885px !important;*/
}

#licensestablediv  tbody td
{
	padding: 7px 0px !important;
	border-bottom: 1px solid #ccc !important;
}
#licensestablediv  table
{
	margin-bottom:40px !important;
}
#licensestablediv  table thead th
{
	/*box-shadow:0px 2px 2px black !important;*/
	background: whitesmoke;
}
#licensestablediv
{
/* max-height:456px !important;;*/
	max-height:none;
	min-height: 500px !important;;
}

/******** end test *************************/
#customerstablediv, #licensestablediv, #searchdatabadiv
{
	display:none;
}
.producttabcontent_uploadcenter
{
}
.productinfotable td, #mycustomerslicensetable td
{
	padding: 2px 0px;
	height:25px;
	vertical-align:middle !important;

}
#mycustomerslicensetable tr td:nth-of-type( 4 )
{
	text-align: left;	
}
.productinfotable thead
{
	/*background:#b8b8b8;*/
	/*color:white;*/
}
.productinfotable th, .productdownloadtable th, .productdocumenttable th, #softwaredownloadtable th, #mycustomerslicensetable > thead th, #customersInfoTable > thead th
{
	text-align:center !important;
	position: sticky;
    top: 0px;
}
.productinfotable, .productdownloadtable, .productdocumenttable, #softwaredownloadtable, #supporttable, #mycustomerslicensetable
{
	background:whitesmoke;
	border-collapse:collapse;
	width:100% !important;
	font-size:12px;
	text-align:center !important;
	margin: 0 !important;
	
}
#softwaredownloadtable tr:hover
{
	background: lavender;
}

#packztable2 td:first-child
{
	text-align:left;
}
#packztable2 td:nth-of-type(2)
{
	text-align:left !important;
	text-indent:20px;
}
#packztable2 td:not( .producttitle )
{
	padding-top: 8px;
    height: 20px;
	/*border-bottom: 1px dotted gainsboro;*/
}
.producttabcontent > table  td:first-child
{
	padding-left: 15px !important;
}
.producttabcontent > table  td:not( .producttitle )
{
	/*border-bottom: 1px solid #e2e8f0 !important;*/
	min-height: 40px !important;
	height: 40px !important;
}
.producttabcontent > table tr > td:last-child:not(.producttitle) {
	/*border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;*/
}
.producttabcontent > table tr > td:first-child:not(.producttitle){
	/**border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;*/
}
.producttabcontent > table > tbody tr td.even{
	background: white !important;
}
.producttabcontent > table > tbody tr td.odd{
	background: #FAFAFA !important;
}
.producttabcontent > table > tbody tr:nth-of-type(odd) td:not(.producttitle){
	background: #FAFAFA;
}
#packztable1 td:first-child
{
	text-align:left;
}
#packztable1 td:nth-of-type(2)
{
	text-align:left;
}
#packztable3 td:first-child
{
	text-align:justify;
}

.productdownloadtable td, .productdocumenttable td, #softwaredownloadtable td
{/*
	border: 1px solid white;
	padding: 0px 10px;
	/*height:25px;*/
	overflow:hidden;
	/*display:block;*/
	/*text-overflow: ellipsis;
	white-space: nowrap;
	padding: 2px 3px 3px 3px;*/
}
.productdownloadtable tr, .productdocumenttable tr, #softwaredownloadtable tr
{
	position:relative;
	/*display:block;*/
}
.productdownloadtable th, .productdocumenttable th, #softwaredownloadtable th
{
	padding: 4px 2px;
	/*border: 1px solid white;
	height:25px;*/
}
#showDisabledContacts
{
	display:none;
}
#back_to_documents,#requestPackzviewKey
{
	/*color:#004D99;
	text-decoration:underline;
	font-variant: normal;
	font-style:italic;
	cursor:pointer;
	font-size: 12px;
	width:100%;
	height:30px;
	float:right;
	text-align:right;
	padding-right:15px;*/
	font-size: 12px !important;
    font-variant: normal;
    cursor: pointer;
    width: 100%;
    float: right;
    text-align: center;
   /* box-shadow: 1px 1px 1px #333;*/
    margin-left: 10px;
    border-radius: 6px;
	padding: 5px;
	background: hsl(347.2, 88.2%, 63.5%) !important;
	color: white;
}
.uc_login_as_customer_span_sw
{
	background: transparent !important;
    box-shadow: 1px 1px 1px grey !important;
    border-radius: 8px;
    border: none !important;
    padding: 3px 8px !important;
	font-size:11px;
}
.productsubtitle
{
	text-align: left !important;
    color: black !important;
    font-weight: bold;
	font-family: var(--fontBold) !important;
    vertical-align: middle !important;
    padding: 0px 0px 5px 0px;
	font-size:14px !important;
    background: white;
    
}
/*.producttitle::before
{
	content: "";
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: silver;
}*/
.producttitle50::before, .producttitle100::before, .producttitle150::before, .producttitle200::before
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	
	background: transparent;
}
.producttitle50::before
{
	width: 50px;
}
.producttitle100::before
{
	width: 100px;
}
.producttitle150::before
{
	width: 150px;
}
.producttitle200::before
{
	width: 200px;
}
.producttitletr
{
	position: sticky !important;
	top:62px;
	z-index: 1;
    will-change: transform;

}
.producttitle
{
    background: transparent !important;
    vertical-align: middle !important;
    text-align: left !important;
    padding: 30px 0px 10px 0px !important;
	font-weight: bold;
	font-family: var(--fontBold) !important;
	font-size: 18px !important;
	border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.producttitle[data-productname^='Harlequin' i]
{
	color: var( --software-color-ggs );
	background-image:var( --iconHarlequin ) !important;
	background-repeat: no-repeat  !important;
	background-size: 30px !important;
	background-position: left 15px bottom 10px  !important;
	text-indent: 35px;
}
.producttitle[data-productname^='Activation Manager' i]
{
	color: var( --software-color-ultra-dark );
	background-image:var( --iconActivationManager ) !important;
	background-repeat: no-repeat !important;
    background-position: left 5px bottom 5px !important;
    background-size: 35px 35px !important;
	text-indent: 35px;
}
.producttitle[data-productname^='Ic3d' i]
{
	color: var( --software-color-ic3d );
	background-image:var( --iconIc3d ) !important;
	background-repeat: no-repeat  !important;
	background-position: left 15px bottom 10px  !important;
	text-indent: 35px;
}
.producttitle[data-productname='Push-2-Zepra' i],.producttitle[data-productname='Copra' i],.producttitle[data-productname='Dls' i],.producttitle[data-productname='Zepra' i],.producttitle[data-productname='Colorant' i]
{
	color: var( --software-color-colorlogic );
}
.producttitle[data-productname='Copra' i]
{
	background-image:var( --iconCopra ) !important;
	background-repeat: no-repeat  !important;
	background-position: left 15px bottom 10px  !important;
	text-indent: 35px;
}
.producttitle[data-productname='Colorant' i]
{
	background-image:var( --iconColorant ) !important;
	background-repeat: no-repeat  !important;
	background-position: left 15px bottom 10px  !important;
	text-indent: 35px;
}
.producttitle[data-productname='Dls' i]
{
	text-indent: 35px;
    background-image: url(../../Images/ui/dls_icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 5px bottom 5px !important;
    background-size: 40px 40px !important;
}

.producttitle[data-productname='Zepra' i], .producttitle[data-productname='Push-2-Zepra' i]
{
	background-image:var( --iconZepra ) !important;
	background-repeat: no-repeat  !important;
	background-position: left 15px bottom 10px  !important;
	text-indent: 35px;
}
.producttitle[data-productname='PACKZ' i], .producttitle[data-productname='Packzview' i],.producttitle[data-productname='Stepz' i], .producttitle[data-productname='Amfortis Editor' i], .producttitle[data-productname='Capture 3d' i], .producttitle[data-productname='Sunrise Editor'], .producttitle[data-productname='Proofscope-Live' i]
{
	color: var( --software-color-packz );
	background-image:var( --iconPackz) !important;
	background-repeat: no-repeat  !important;
	background-position: left 15px bottom 10px  !important;
	text-indent: 35px;
	
}
.producttitle[data-productname='Cloudflow' i],.producttitle[data-productname='Proofscope' i],.producttitle[data-productname='Lms' i],.producttitle[data-productname='PACKZflow' i],.producttitle[data-productname='Demokit' i],.producttitle[data-productname='Cf Client' i],.producttitle[data-productname='Cloudflow Plug-In Suite' i],.producttitle[data-productname='Packzflow' i] 
{
	color: var( --software-color );
	background-image:var( --iconCloudflow) !important;
	background-repeat: no-repeat  !important;
	background-position: left 15px bottom 10px  !important;
	text-indent: 35px;
	
}
.producttitle[data-productname='Proofscope' i]
{
	background-image:var( --iconProofscope) !important
}
.producttitle[data-productname='Packzflow' i]
{
	background-image:var( --iconPackzflow) !important
}

.producttitle img, .producttitle div
{
	height: 30px;
    padding: 15px;
    background: white;
   	display:inline-block;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#softwaredownloadtable tr[data-level] td
{
	padding: 10px 3px 10px 3px !important;
}
.upload_content_container .producttitle
{
	/*background: gainsboro !important;
	font-size:18px !important;*/
	/*border-bottom: 1px solid grey !important;
	border-top: 10px solid white !important;*/
}
.upload_content_container .producttitletr
{
	/*top: 65px !important;*/
}

.upload_content_container .productsubtitle
{
	/*background: whitesmoke !important;*/
	border-bottom: 1px solid silver !important;
	position: sticky !important;
	top:95px;
	z-index: 1;
    will-change: transform;
}
.producttitle[data-productname="Packzview"]:after
{
	/*content:'   ( Product key can be requested in the software with your username ) ';*/
	font-size:11px;
	font-weight:normal;
}
.producttitle[data-productname="Lms"]:after
{
	content:'   ( Printplanner Standalone ) ';
}

/********************************* GENERAL STYLING ********************************/


#uc_users_radio
{
	display:none;
}
footer
{
	/*background: var( --hsgColor );*/
	background-color: #0D253F;
    background-image: linear-gradient(105.7deg, rgba(73, 133, 253, 0.3) 1.68%, rgba(73, 133, 253, 0) 55.42%);
    background-repeat: no-repeat;
	position: relative;
	z-index:100;
	background-position: 50%;
    background-size: cover;
    flex-shrink: 0;
    margin-top: auto;
    width: 100%;
	color: rgba(217, 217, 217, 0.8);
}
#footerBottom
{
	
}
#footerTop
{
	display: flex;
    width: 100%;
}
#footerCenter
{
	display: flex;
	justify-content: space-between;
	width: 100%;
	width: var( --content-width ); /* Optional: Set a max width for demonstration */
	margin: auto;
	max-width: calc( 100% - 50px );
	
}
.footerCenterContainer
{
	width: calc(20% - 20px); /* 20% width minus spacing compensation */
	padding: 0px 20px 25px 0px;
	text-align: left;
	
}
.footerCenterContainer h4
{
}
.footerCenterContainer ul
{
	list-style: none;
    margin-left: 0px;
    padding-left: 2px;
}
.footerCenterContainer li a
{
	color: rgba(217, 217, 217, 0.99);
	text-decoration: none;
	cursor: pointer;
}
.footerCenterContainer li a:hover
{
	color: white;

}
.footerCenterContainer li
{
	padding:4px 0px 4px 0px;
}
#footerTitle
{
	flex: 1;
}
#socialsLinkDiv
{
	width: 100px;
            
}
#footerContainer
{
	width: var( --content-width );
    max-width: calc( 100% - 50px );
	display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
	padding: 25px 0px 25px 0px;
}
#dc_content_container_new footer
{
 /* background: linear-gradient(to right ,#336, white, white,white,white);
  box-shadow:none;
  text-indent:20px;
  padding:2px;
  text-align:right;*/
  /*background:var( --hsgColor );;
  color:white;*/
 /* box-shadow: 0 -2px 2px 0px black;*/
}
/*#dc_content_container_new footer div
{
	text-indent: 20px;
	text-align: right;
	color: grey;
	font-weight: bold;
	display: inline-block;
  	vertical-align: bottom;
}*/
#dc_content_container_new footer img
{
	/*margin-top:2px;
	padding:2px;
	background:grey;*/
}
footer img
{
    width: 66px;
    margin-left: 10px;
    margin-bottom: -7px;
    height: auto;}

a img {
    border: 0 !important;
}


#op_content
{
	min-height: 800px;
}
#order_wait
{
	padding-left: 570px;
	/*padding-top: 300px;*/
}
#orders_content_container
{
	position:relative;
	width:94%;
	height:auto;
	left: 50%;
	margin-left: -47%;
	background-color: white;
	min-height:600px;
}

.upload_content_container, #orderportal_content_container
{
	width:80% !important;
	margin-left: 10%  !important;
	left: 0% !important;
}
#dc_content_container
{
	position:relative;
	width:960px;
	height:auto;
	/*box-shadow: 5px 5px 18px #003;*/
	left: 50%;
	margin-left: -480px;
	/*background-color: #002F2F;*/
	background-color: white;
	min-height:600px;
	/*margin-top:200px;*/
}
.dc_tabs_content td
{
	font-size:14px ;
	font-family:var( --font );
	/*height: 40px;*/
	vertical-align:top;
}
.dc_tabs_content th, .thlook, .thlooknh
{
	background: whitesmoke;
	font-size: 16px !important;
    font-family: var(--font);
    vertical-align: top !important;
    /* font-variant: small-caps !important; */
    color: black !important;
    font-weight: normal !important;
    box-shadow: inset 0px 0px 1000px 20px rgba(0, 0, 0, 0.04) !important;
    height: 28px;
    border: 1px solid transparent white;
    z-index: 1000;
    border-radius: 5px;
    padding-top: 2px;
	text-transform: capitalize;

}
.thlooknh
{
	height: auto !important;	
}
.blacktitle
{
	font-size:16px !important;
	font-variant:small-caps;
	background:black;
	font-weight:bold;
	color:white;
}
#totaltable
{
	padding: 10px;
	border: 1px outset #DDD;
}
#totaltable tr > td:nth-of-type(3)
{
	display:none;
}
.smalltd
{
	width:30px !important;
}
.thlook[title='comment']
{
	cursor:pointer;
}

.dc_tabs_content tbody td:not( .producttitle )
{
	/*border:1px solid transparent;*/
	color: var( --fontColor ) !important;
	background-color: white;
}


/* header */

	
#dc_welcome_text
{
	padding-top:40px;
	/*text-align:center;*/
	text-indent: 30%;
	display: none;
}
#dc_login 
{
	padding: 20px 50px;
    color: black;
    width: 40%;
    /*border: 1px solid grey;*/
    /*box-shadow: inset 0px 0px 8px 1px black;*/
    /*background: #B8B8B8;*/
    margin-left: 30%;
    margin-top: calc( 50vh - 150px );
	position:sticky;
	top: 125px;
	/*background: white;
	border-radius: 15px;*/
	
}
#dc_login table
{
	width:100%;
}
#dc_login input
{
	width:100%;
	height: 20px;
    border-radius: 5px;
    border: 1px solid grey;
}
#dc_login td
{
	padding: 5px 20px;
    font-size: 14px;
	background-color: transparent !important;
}
#dc_login button, #dc_register_button, #dc_login input[type='submit']
{
	width: calc(100% + 3px);
    height: 35px;
    margin-top: 10px;
    background: var( --software-color );
    color: white;
    border: 1px solid white;
    border-radius: 5px;
	cursor: pointer;

}
.dc_login_resetMessage
{
	padding: 0px 20px 20px 20px;
    font-size: 12px;
    text-align: center;
	background: white;
    border: 1px solid gainsboro;
	margin-top: -50px;
	margin-bottom: 20px;
    /*background: white;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    //margin-top: -100px;*/
}
.dc_login_resetMessage h1
{
	font-size:20px;
}
#dc_login button a, #dc_login button a:active
{
	color: white !important;
	text-decoration: none;
}
#dc_register_button
{
	margin-top: 50px;
}
.dc_product
{
	margin-left:140px;
	background-color:#ddd;
}
.dc_tabdiv
{
	background: white;
	height: auto;
	width:auto;
}
#dc_small_logo_img
{
}
.dc_tabs_content
{
	min-height:500px;
}
#dc_register_table
{
	margin-top: 20px;	
}
#dc_register_table td
{
	padding-right: 10px;	
}
#dc_register_country
{
	width: 150px;
}
#dc_register_newsletter_yes, #dc_register_notification_yes
{
	margin-right: 70px;
}
#dc_register_table input[type='checkbox']
{
	margin-left:10px;
}
#dc_logout
{
	margin-left: 8px;
}
.infotd
{
	width: 80%;
	font-family:var( --font );
	color: var( --fontColor );
	font-size: 12px;
}
#dc_settings_div
{
	/*padding:20px;*/
	min-height:460px;
}
#dc_settings_table_password_title, #dc_settings_table
{
	width:100%;
}
#changesettingsbutton
{
	margin-top:50px;
}

#dc_settings_helpdesk_table tr td[data-value='contact_type']
{
	min-width: 80px;
}
#dc_settings_helpdesk_table tr td[data-value='contact_status']
{
	text-align: center;
	min-width:80px;
}
#dc_settings_helpdesk_table tr td[data-value='service_desk_center'], #dc_settings_helpdesk_table tr td[data-value='notifications']
{
	position: relative;
    color: transparent !important;
    text-align: center !important;
	min-width:80px;
}
#dc_settings_helpdesk_table tr td[data-value='service_desk_center']::before, #dc_settings_helpdesk_table tr td[data-value='notifications']::before
{
	color: var( --software-color-dark );
    font-size: 13px;
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
#dc_settings_helpdesk_table tr td[data-value='service_desk_center'][data-service_desk_center-val='Enabled'], #dc_settings_helpdesk_table tr td[data-value='notifications'][data-notifications-val='Enabled']
{
    /*background: #e0fbe0;;/
}
#dc_settings_helpdesk_table tr td[data-value='service_desk_center'][data-service_desk_center-val='Disabled'], #dc_settings_helpdesk_table tr td[data-value='notifications'][data-notifications-val='Disabled']
{
   /* background: #fde8e8;*/
}
#dc_settings_helpdesk_table tr td[data-value='service_desk_center'][data-service_desk_center-val='Enabled']::before, #dc_settings_helpdesk_table tr td[data-value='notifications'][data-notifications-val='Enabled']::before
{
	 content: "\2713";
	color: var( --software-color-dark ) !important;
}
#dc_settings_helpdesk_table tr td[data-value='service_desk_center'][data-service_desk_center-val='Disabled']::before, #dc_settings_helpdesk_table tr td[data-value='notifications'][data-notifications-val='Disabled']::before
{
	/*content: "\274C";*/
	content: "X";
	color: var( --software-color-packz-dark) !important;
}
#th_settings_helpdesk th[data-value='software_updates'], #th_settings_helpdesk th[data-value='account_status']
{
	width:95px;
}
#th_settings_helpdesk th
{
	font-size:15px !important;
	height:60px;
	text-indent: 4px;
	padding-top: 30px;
	
}
/*#th_settings_helpdesk th[data-value='contact_type'], #th_settings_helpdesk th[data-value='notifications'], #th_settings_helpdesk th[data-value='software_updates'], #th_settings_helpdesk th[data-value='service_desk_center'], #th_settings_helpdesk th[data-value='contact_status'], #th_settings_helpdesk th[data-value='phone']
{
	min-width:150px;
}*/
#dc_settings_helpdesk_table th[data-value='sites'][data-hassite='no'], #dc_settings_helpdesk_table td[data-value='sites'][data-hassite='no'], #dc_settings_helpdesk_table th[data-value='group'][data-hassite='no'], #dc_settings_helpdesk_table td[data-value='group'][data-hassite='no']
{
	display: none;
}
.helpdesk_edit,#new_helpdesk_contact, .settingEdit
{
	border: none;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background: rgba( 255,255,255,0.3 );
    color: black;
    cursor: pointer;
    margin-right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    box-shadow: 1px 1px 1px silver;
	
}
#new_helpdesk_contact
{
	background: none;
	box-shadow: none;
}
.helpdesk_edit_batch,#new_helpdesk_contact, .settingEdit
{
	text-decoration: unset;
    float: right;
}
.helpdesk_edit_batch
{
	margin-right: 2px!important;
	margin-top: -20px;
}
#dc_settings_helpdesk_table_tbody .helpdesk_edit
{
	margin-left: -15px;
}	
#dc_settings_helpdesk_table th[data-value='contact_type']
{
	min-width: 60px;
}
#dc_settings_helpdesk_table th[data-value='Edit'] div, #dc_settings_helpdesk_table th[data-value='Edit'] input
{
	display: none;
}
#dc_settings_helpdesk_table{
  width:100%;
	border-collapse: collapse;
	margin-top: 1px;
}
#dc_settings_table
{
	border-collapse: collapse;
	margin-bottom: 30px;
}
#dc_settings_table th
{
	border: 1px solid white;
    text-align: left;
    background: white !important;
    /*text-transform: uppercase;*/
	
}
#dc_settings_table td{
    padding: 10px 5px;
    border: none;
	background: whitesmoke;
	border-bottom: 1px solid silver;
}


#dc_settings_table tr:first-of-type th:nth-of-type(1), #dc_settings_table tr:first-of-type th:nth-of-type(2), #dc_settings_table tr:nth-of-type(2) th:nth-of-type(4), #dc_settings_table tr:nth-of-type(2) th:nth-of-type(5),  #dc_settings_table tr td:nth-of-type(4), #dc_settings_table tr td:nth-of-type(5)
{
	border-right: 35px solid whitesmoke !important;
}
#dc_settings_table[data-gg="yes"] tr:nth-of-type(2) th:nth-of-type(5), #dc_settings_table[data-gg="yes"] tr td:nth-of-type(5), #dc_settings_table[data-gg="yes"] tr:first-of-type th:nth-of-type(2), #dc_settings_table[data-jirareleased="yes"] tr:nth-of-type(2) th:nth-of-type(5), #dc_settings_table[data-jirareleased="yes"] tr td:nth-of-type(5), #dc_settings_table[data-jirareleased="yes"] tr:first-of-type th:nth-of-type(2)
{
	border-right: 0px solid whitesmoke !important;
}
#dc_settings_table tr td:nth-of-type(5), #dc_settings_table tr td:nth-of-type(6)
{
	   /*box-shadow: inset -1px 0px 1px 0px silver;*/
}
#dc_settings_table tr td:nth-of-type(7)
{
	/*box-shadow: inset 1px 0px 1px 0px silver;*/
}
#dc_settings_table tr td:nth-of-type(6), #dc_settings_table tr td:nth-of-type(7),#dc_settings_table tr td:nth-of-type(1)
{
	/*box-shadow: inset -1px 0px 1px 0px silver, inset 1px 0px 1px 0px silver;*/
	/*text-indent:12px;*/
}
#dc_settings_table tr:first-of-type th
{
	background: transparent !important;
	/*border-bottom: 1px solid grey;*/
    font-size: 15px !important;
    text-align: left;
    font-weight: bold !important;
    color: var( --fontColor ) !important;
	font-family: var(--fontBold) !important;
    font-variant: small-caps !important;
    text-decoration: none;
    padding: 5px;
	border-radius: 5px;

}
#dc_settings_table tr:nth-of-type(2) th
{
	background: whitesmoke !important;
	font-size:15px !important;
	text-indent: 4px;
}
#dc_settings_table tr:nth-of-type(3) td
{
	background: white !important;
}

#dc_settings_table tr:nth-of-type(2) th:nth-of-type(1),#dc_settings_table tr:nth-of-type(2) th:nth-of-type(6), #dc_settings_table tr:nth-of-type(2) th:nth-of-type(7)
{
	/*text-indent: 15px*/
}
#dc_settings_table tr:nth-of-type(2) th:nth-of-type(5)
{
	width: 300px;
	
}
#dc_settings_table tr:nth-of-type(2) th:nth-of-type(7), #dc_settings_table tr:nth-of-type(2) th:nth-of-type(8)
{
	/*width: 180px;*/
	
}
#dc_settings_helpdesk_table td[data-value="sites"] div
{
	max-height: 80px;
    overflow-y: auto;
    width: 95px;
    margin-bottom: 10px;
    padding: 5px;
    box-shadow: inset 0px 0px 0px 1px #f0f0f0;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.02);
}
#dc_settings_helpdesk_table ::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}

#dc_settings_helpdesk_table ::-webkit-scrollbar-track {
  background: transparent;
}

#dc_settings_helpdesk_table ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.07); /* Light thumb */
  border-radius: 5px;
  transition: background-color 0.9s ease;
}

#dc_settings_helpdesk_table ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.40) !important; /* Slightly darker on hover */
}
#dc_settings_helpdesk_table td[data-value="sites"] div:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.30); /* Slightly darker on hover */
}


#dc_settings_helpdesk_table td:not(:last-of-type):not(:first-of-type){
    /*border-left: 1px solid silver;
    border-right: 1px solid silver;*/
}
#dc_settings_helpdesk_table td:first-of-type
{
	/*border-right: 1px solid silver;*/
}
#dc_settings_helpdesk_table td[data-value='sites']
{
	max-width:450px;
}
#dc_settings_helpdesk_table tbody tr:last-child td {
    /*border-bottom: 1px solid gainsboro;*/
	
}
#dc_settings_helpdesk_table > tbody > tr > td {
    /*border-bottom: 1px solid silver !important;/
	height:30px;
	padding: 10px;
}
#dc_settings_helpdesk_table tbody tr:nth-of-type(even) td{
  /*background: rgba(5, 29, 55, 0.05);*/
}

.enabled{
  /*background: #FFFFFF;*/
}
.Inactive  td:not(.contactEdited ), .Inactive  td:not(.contactEdited ){
  /*color: #c1c1c1 !important;*/
	filter: grayscale(100%);
	opacity: 0.4;
	
}
tr.Disabled{
	
}
tr.Inactive.hideDisabledContacts
{
	display: none !important;
}
#change_user_data form, #changeSettingData form
{
	display: flex;
}
#change_user_data, #changeSettingData {
    padding: .3em;
	max-height: 68vh;
	overflow-y: auto;
}
#change_user_data label
{
	/*text-transform: capitalize;*/
}
#change_user_data label, #change_user_data input, #changeSettingData input, #changeSettingData label{
  	display: block;
	font-size: 0.9rem;
	color: #555;
	margin-bottom: 5px;
}
#change_user_data.text, #changeSettingData.text {
  margin-bottom: 12px;
  width:95%;
  padding: .4em;
}
#change_user_data fieldset, #changeSettingData fieldset{
    display: inline;
    padding: 0.5rem;
    border: 0;
    margin-right: 10px;
    border-radius: 8px;
}
#changeSettingData fieldset
{
	min-width:300px;
}

#change_user_data input,#change_user_data select, #changeSettingData input{
	width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
    color: #333;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}
#change_user_data select[data-name='sites']
{
	min-height:200px;
	overflow-y: auto;
	max-height: calc( 100vh - 390px );
	outline:none;
	box-shadow: none;
}

#change_user_data select[data-name='sites'] option:checked
{
	background: rgba( 0,122,187,1 );
	color: white;
}
#change_user_data select[data-name='sites'] option
{
	border-bottom: 1px solid silver;
	vertical-align: middle;
	padding: 5px;
}
#change_user_data input,#changeSettingData input{
	width: calc(100% - 20px);
}
.settings_title
{
	height:50px;

	height: 50px;
	font-family: var( --font );
	color: black !important;
	font-variant: small-caps;
	font-size: 15px !important;
	/*box-shadow: 1px 1px 1px black;*/
	background: #B8B8B8;
	text-align:center;
	height: 28px !important;
	vertical-align: middle !important;

}
.dc_settings_input_title
{
	height:30px;
	text-align:right;
	width:25%;
	padding-right: 30px;
	color: black !important;
}
.dc_settings_input_value
{
	width:100%;
	color:var( --fontColor );
	font-style:oblique;
}


.editimg
{
	cursor:pointer;
	margin-left: 10px;
}

#dc_support_navigation 
{
	float: left;
	width: 150px;
}

#dc_support_navigation ul
{
	list-style:none;
	margin-left: -50px;
}
#dc_support_navigation ul li 
{
	height: 20px;
	border:1px solid #777;
	background:#ddd;
	box-shadow: 2px 2px 2px #888;
	margin-bottom:10px;
	text-align:center;
	color: var( --fontColor );
	cursor:pointer;
}
#dc_support_content 
{
	min-height:460px;
	margin: 0 0 0 200px;
	background:#ddd;
	padding:20px;
	/*box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, .4);*/
}
#dc_logincontact_content 
{
	/*width: 50%;
	left: 25%;
	margin-left: 25%;
	box-shadow: 10px 10px 10px black;*/
	/*box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, .4);*/
}
#dc_logincontact_content ul
{
	list-style:none;
	padding:0px !important;
}
#dc_logincontact_content ul li
{
	cursor:pointer;
	/*text-align:center;*/
}
.logincontactmainli
{
	cursor: pointer;
    color: black;
    /* margin-bottom: 5px; */
    border-bottom: 1px solid grey;
    height: 28px !important;
    font-variant: small-caps;
    font-size: 15px !important;
    /*background: #B8B8B8;*/
    text-align: right;
    padding-top: 5px;
    /*box-shadow: 0px 3px 0px -2px black;*/
    padding-right: 60%;
}

.logincontactsubli
{
	color: var( --fontColor );
	/*display: none;*/
	/*border-left: 1px solid gainsboro;
	border-right: 1px solid gainsboro;*/
	padding: 20px;
	padding-left: 40%;
	/*box-shadow:  inset 0 8px 8px -5px black, inset 0 -8px 8px -5px black;*/
	/*box-shadow:inset 0 2px 2px -1px #C70061, inset 0 -2px 2px -1px #C70061;*/
	/*box-shadow:inset 0 2px 2px -1px black, inset 0 -2px 2px -1px black;*/
}
#supportoverview table
{
	width:100%;
	background:white;
	border:1px solid grey;
	border-collapse:collapse;
}
#supportoverview table td
{
	text-align:center;
}
#supportoverviewtype, #supportoverviewdate, #supportoverviewstatus
{
	width:auto;
	
}
#supportoverviewtitle
{
	width:50%;
}
#supportoverviewtableheader
{
	background:black;
	color:white;
	border:1px solid grey;
}
.messagehead
{
	cursor:pointer;
	background:gainsboro;
}
.messagehead td
{
	cursor:pointer;
	background:grey;
	border-bottom:1px solid #444;
	border-top:1px solid #444;
	font-size: 13px;
	height: 30px;
}
.supportoverviewmessages td
{
	padding: 30px;
	text-align:left !important;
}
.uc_edittable
{
    background: #eee;
    border-collapse: collapse;
    width: 60%;
    box-shadow: 0px 0px 50px 2px rgba( 0,0,0,0.04 ) !important;
    left: 20%;
    margin-left: 20%;
}
#searchdatabaseselecttable
{
	box-shadow:none !important;	
	/*background: white !important;*/
	border:20px solid #eee !important;
	width:auto;
}
#searchdatabaseselecttable td
{
	vertical-align: bottom;	
	padding: 10px;
	border:1px solid gainsboro !important;
}
	
.uc_edittable td
{
	padding: 9px 20px;
}
.uc_edittable_title
{
    background: rgba( 0,122,187,1);
    color: white;
}

#uploadtable
{
	margin-top:50px;
	box-shadow:none;
}
#uploadsubmittable
{
	margin-top:120px;
	margin-bottom:0px !important;
	box-shadow:none;
}

#uploadtable input[type='text'], #uploadsubmittable input[type='text']
{
	width:100%;
}
.uploadtablefirsttd, .ordertablefirsttd, .edittablefirsttd
{
	width:120px;;
}
.ordertablefirsttd
{
	width:180px;
}
.uploadtablesecondtd
{
	width:400px;
}
#documents_data_div #tabspackz3 
{
	border:20px solid grey;
}
#searchdatabasetable td
{
	height:30px;
	padding:0px 15px;
	
}
#customerstable td
{
	vertical-align:middle;
	padding:2px 10px;
	border:1px solid gainsboro;
	border-bottom:1px solid grey;
}
#customerstable tr > td:last-of-type
{
	border-right:1px solid grey;

}
#customerstable tr > td:first-of-type
{
	border-left:1px solid grey;

}
.headtitletd
{
	background-color:#c8c8c8;
	border:1px solid grey !important;
	font-weight:bold;
	text-decoration:underline;
	padding: 10px !important;
}

.titletd
{
	color:black;
}
#uc_costumer_edit_span img
{
	cursor:pointer;	
}
#customerstable
{
	border:1px solid gainsboro;
	
}
#customerstable, #searchdatabasetable
{
	border-collapse:collapse;
	width: 100%;
}
.customerstablelasttd
{
	width:100%;
}
.customerstabletitletd
{
	text-align: center;
	height:40px;
	/*background:#b8b8b8;
	box-shadow:1px 1px 5px black;*/
	background:silver;
	/*box-shadow: inset 0px 10px 10px 0px white, 2px 2px 5px #444;*/
	box-shadow: inset 0px 10px 10px 0px #fff, 0px 0px 1px #444;
}
#search_data_div select
{
	/*width: 100px;*/
	/*height: 70px;*/
}
#new_order_div, #edit_orderlist
{
	margin-top: 65px;
	overflow:auto;
	padding:2px;
}
#searchfieldselect
{
}
#softwaredownloadtable
{
	/*width:100%;*/
	text-align:center;
	width: 100% !important;
    table-layout: fixed;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.uc_softwaredownload_edit, .uc_documentdata_edit	
{
	cursor:pointer;
	float: left;
}
#uc_softwaredownload_edittable input
{
	width:100%;
}

#uc_document_table_edit input
{
	width:100%;
}

#buy_key_button
{
	padding: 0 20px;
}
.purchasedialogbuttons
{
	margin-left:20px !important;
}
#purchasedialog_rentalkeytable a
{
	text-decoration: none;
	color:blue;
	vertical-align:bottom;
}
#purchasedialog_rentalkeytable td
{
	padding: 0px 5px;
}
#purchasedialog_rentalkeytable thead
{
	background:#666;
	color:white;
}
#purchasedialog_rentalkeytable
{
	background:white;
	border-collapse:collapse;
	white-space:nowrap;
	text-overflow: ellipsis;
	font-size:12px;
	border: 1px solid gainsboro;
	margin-bottom: 20px;
	width:100%;
}
#dc_purchase_content
{
	padding:50px;
	background:white;
}


#dc_purchase_content_container
{
	position:relative;
	width:800px;
	height:auto;
	box-shadow: 3px 3px 3px #444;	
	left: 50%;
	margin-left: -400px;
	/*background-color: #002F2F;*/
	margin-top:20px;
}
.rightfloat
{
	float:right;
}

#mylicensescontent th
{
	padding-right: 22px !important;
}

.dc_dialog
{
	text-align:justify;
	width:600px;
	height:auto;
}

#sendrequestresetemail intput
{
	width: 90%;
}

.centeralign
{
	text-align:center;
}

#myproductcontent
{
	width:100%;	
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////// Order Center ////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.twentyfive
{
	width:25px;
}
.fifty
{
	width:50px;
	margin-right:10px;
}
.fourhwidth
{
	width:400px;
}
.sixhwidth
{
	width:600px;
}
.newcustomer
{
	/*width: 100% !important;*/
	background-color:white;
}
#searchcustomerbutton, #users_searchcustomerbutton
{
	/*margin-left: 20px;
	border-radius: 20px;
	box-shadow: 1px 2px 1px black;
	padding: 1px 8px;	
	cursor:pointer;
	
	background:no-repeat center url(../Images/searchopen.png) white;*/
	background: no-repeat center url(../../Images/searchclose.png);
	border: none;
	width: 30px;
	margin-left:14px;
	height:18px;
	border: none;
	cursor: pointer;
	/*float:right;*/
}
#allcustomersselect, #currencyselect, #ordernumberinput
{
	/*width:450px;*/
	width:70%;
}

#new_order_table ul, #users_companyselectiontable ul
{
	list-style:none;
}

#searchcustomerinput
{
	background-image:url(../../Images/search.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:15px;	
}
#resultformlist dt
{
	color:black;
	height:30px;
	font-variant:small-caps;
}
#resultformlist dd
{
	margin-left:200px;
	margin-top: -30px;
	min-height:40px;
}
.resultformlist
{
	display:none;
}
#resultformlist
{
	padding: 30px;
	border: 1px solid silver;
	background: white;
	box-shadow: inset 0px 0px 1px 1px black;
	margin-top: 10px;
}

.tabletitle
{
	background: #b8b8b8;
	color: black !important;
	text-align: center;
	size: 24px;
	border-bottom:1px solid grey;
}
.twohondred
{
	width:200px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
}
.fourhondred
{
	width:611px;
	overflow:hidden;
}
.hondred
{
	text-align:center;
}
.searchtitlestyle
{
	font-size: 12px !important;
	/*color: white !important;*/
	color: black !important;
	font-weight: bold;
	font-family: var(--fontBold) !important;
	/*background: rgba( 0,122,187,1);*/
	background: #b8b8b8;
	height: 10px !important;
	text-align: left;
	text-indent:30px;
	padding: 6px !important;
}
.gainsboro
{
	background-color:gainsboro;
}
.white
{
	background-color:white;
}
.titlespansearch
{
	background: silver;
	text-align:center;
	font-weight: bold;
	font-family: var(--fontBold) !important;
	font-variant: small-caps;
	font-size: 20px;
	margin: 20px -15px;
	box-shadow: inset 0px 10px 10px 0px white, 2px 2px 5px #444;

}

#uc_softwaredownload_edittable
{
	/*margin-top:50px;	*/
}

.filterdiv form
{
	height:28px;
}
.filterdiv
{
	/*width:50%; 
	background: whitesmoke; 
	padding: 5px; 
	box-shadow: 2px 2px 2px grey;*/
	/*background: gainsboro;
	padding: 10px;
	border: 1px solid silver;
	margin-right: 500px;
	text-align: center;*/
}
.resulttable tbody
{
	color:#333;
}
.completewidth
{
	width:100%;	
}
#newcostumerbutton, #existingcostumerbutton, #new_dealer_button, #existing_dealer_button
{
	height:12px;
	width:12px;
	cursor:pointer;
	/*float:right;*/
	margin-left:10px;
	margin-top:4px;	
}
.neworderitem
{
	height:12px;
	width:12px;

	cursor:pointer;
	margin-top:4px;	

}
.deleteorderitem
{
	height: 8px !important;
	width: 8px !important;
	cursor:pointer;
	margin-right:5px;
}
.productselect
{
	max-width:110px;
}
.newcostomertop
{
	border-top:1px dotted grey;
	background-color:white;
}

.newcostomerbottom
{
	border-bottom:1px dotted grey;
}

.commentclassbutton
{
	cursor:pointer;
}
.commentstyle
{
	margin:40px;
	padding:20px 50px;
	text-align: justify;
	box-shadow:inset 0px 0px 2px 2px grey;
}
#commentdiv
{
	position:fixed;
	width: 400px;
	height: auto;
	border:1px solid grey;
	box-shadow:5px 5px 10px  black;
	display:none;
	left:40%;
	top:30%;
	z-index:100;
	background:white;
	padding:20px;
	text-align:justify;
}
.errortd
{
	font-size: 11px;
	color: #D00000;
	font-style: italic;
	font-weight: bold;
	font-family: var(--fontBold) !important;
}
.almostfullwidth
{
	width:90%;
}
.fullwidth
{
	width:100%;
}
.fifteenwidth
{
	width:15px;
}
.width30
{
	width:30px;
}
#uploadtable_description_textarea
{
	width:100%;
}

.replacekeyimg:hover
{
	background-color:gainsboro;
}
#clearTrialTable, #edittable_clearTrialTable
{
	display:none;
	height: 10px;
	width: 10px;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;	
}
#searchpackztrialkeys
{
	height: 10px;
	width: 10px;
	margin-left: 10px;
	cursor:pointer;
}
#invoicing_table
{
	width:100%;
	border-collapse:collapse;
}
#printable_invoicing_table, #printable_invoicing_table_ls
{
	border-collapse:collapse;
	-webkit-print-color-adjust:exact;
}
#invoicing_table table, #printable_invoicing_table table, #printable_invoicing_table_ls table
{
	border-collapse:collapse;
}
#invoicing_table table table, #invoicing_table table_ls table
{
	width:auto;
}
#printable_invoicing_table table table
{
	
}
.invoicing_content_table
{
	border-collapse:separate;
}
.invoicing_content_table td
{
	border:1px solid gainsboro !important;
	text-align:left;
}
	
/*#invoicing_table table table td, #printable_invoicing_table table table td
{
	width:120px;
}
#invoicing_table table table td+td, #printable_invoicing_table table table td+td
{
	width:auto;
}
#invoicing_table table table td+td+td, #printable_invoicing_table table table td+td+td
{
	width:100px;
}
#invoicing_table table table td+td+td+td, #printable_invoicing_table table table td+td+td+td
{
	width:100px;
}*/
#printable_invoicing_table_title
{
	margin-bottom:0px;
}
#printable_invoicing_table_title td
{
	padding-right:15px;
}
/*.invoice_saleschanneltitle
{
	font-size: 16px !important;
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	background: #b8b8b8;
	box-shadow:2px 2px 2px black;
	height: 20px;
}*/
#printable_invoicing_table .invoice_saleschanneltitle td
{
	/*border-top: 2px solid grey;*/
	background: #444;
}
#printable_invoicing_table .invoice_saleschanneltitle  td:not(:last-of-type)
{
	text-align:left;
}
.invoice_saleschanneltitle td
{
	font-size: 16px !important;
	font-family: var( --font );
	background: #b8b8b8;
	vertical-align: middle;
}
.invoice_saleschanneltitle td:not(:last-of-type)
{
	text-align: center;
}
.invoice_saleschanneltitle td:last-of-type
{
	font-size:12px !important;
}

.invoice_dealertitle td
{
	text-align:left;
	background:gainsboro;
	text-indent:25px;
	vertical-align: middle;
}
.invoicing_order_totalTR th
{
	background:transparent !important;
}
.invoice_filter	
{
	margin-right: 10px;	
	margin-bottom: 20px;
}
.fullwidth
{
	width: 100%;
}
.invoice_dealertable
{
	border-collapse:collapse;
}
.invoice_dealertable td
{
}
.invoice_dealertable th
{
	font-weight:bold !important;
	text-align: left;
}
.invoicing_order_titles th
{
	border-bottom:1px solid grey;
	font-size:13px;
	font-style:italic;
	background: white;
	height: auto;	
	padding-top:15px;
	font-weight:normal !important;
}
#printable_invoicing_div
{
	/*background-image:url(../../Images/pagebg.png);
	background-position:top right;
	background-repeat:repeat;*/
}
#printable_invoicing_table, #printable_invoicing_table_ls
{
	width:650px;
	max-width:650px;
}

.pointeronhover:hover
{
	cursor:pointer;
}
.iswaiting:hover
{
	cursor:wait !important;
}
.iswaiting
{
	cursor:wait !important;
}

.iswaiting a
{
	cursor:wait !important;
}
.iswaiting a:hover
{
	cursor:wait !important;
}

#inittablesorter
{
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center center !important;
	height: 20px;
	width: 20px;
	margin-left: 8px;
	margin-top: 4px;
	border-radius: 50px;
	box-shadow: 2px 2px 2px black;
	background-color: gainsboro;
	display:none;
}
#inittablesorter:hover
{
	background-color:whitesmoke;
}
.hidden
{
	display:none;
}

#dealers_goToOverview
{
	margin-left: 50px;
	font-size:11px;
}
#loginasdealer
{
	/*border: 1px solid grey;
	padding: 3px;
	border-radius: 50px;
	font-size: 10px;
	box-shadow: 2px 2px 5px black;
	background: grey;
	border: 1px black;*/
	float:right;
	display:none;
}
#loginasdealer:hover
{
	/*background:#999;*/
}

.regeneratebutton
{ 
	background:url(../../Images/email_go.png) no-repeat center 5px ;
	color: green;
	text-indent: 20px;
}
#showAllEmails
{
	background:url(../../Images/eye_grey_2.png) no-repeat center left ;
	text-indent: 20px;
}
#loginasdealer, #loginAsCustomers, .loginAsCustomers
{
	background:url(../../Images/key_go.png) no-repeat center 5px ;
	text-indent: 20px;
}

.buttonlook
{ 
	cursor: pointer;
    margin-right: 8px;
    /* background: transparent !important; */
    /*box-shadow: 1px 1px 1px grey !important;*/
    border-radius: 8px !important;
    border: none !important;
    padding: 3px 8px !important;
    background-position: center;
	
}
.loginAsCustomers, .sendnewcustomeremail
{
	margin-right:0px !important;
	color:green;
	font-size: 11px;
	background-color: gainsboro;
	border-radius: 7px;
}
.buttonlook:hover
{
	background-color:#999 !important;
}
#customersInfoTable .RemoveCustomers, #customersInfoTable .loginAsCustomers, #customersInfoTable .sendnewcustomeremail
{
	margin-right:0px !important;
	border:none;
	box-shadow:none;
	height: 25px;
	width: 25px;
	background-color:white;
	display:block;
}
#customersInfoTable .RemoveCustomers
{
	background-image: url(../../Images/Trash-icon.png);
	background-repeat: no-repeat;
	margin-top: 50px;
	height: 16px;
	width: 16px;
	opacity: 0.4;
}
#customersInfoTable .RemoveCustomers[data-removed='true']
{
	opacity: 0.8;
	background-color:red;
}
#customersInfoTable .RemoveCustomers[data-removed='true']:active
{
	background: red !important;
}
#customersInfoTable .RemoveCustomers[data-removed='true']:hover
{
	background-color: rgba( 255,0,0,0.5 ) !important;
}

#customersInfoTable .sendnewcustomeremail
{
	margin-top:5px;
}
#customersInfoTable .loginAsCustomers:hover, #customersInfoTable .sendnewcustomeremail:hover
{
	background-color: gainsboro !important;
}



/**********
#packztable2
**********************/

.fixedHeaderTable {
        width: 100% !important;
    }

.fixedHeaderTable thead, .fixedHeaderTable tbody, .fixedHeaderTable tr, .fixedHeaderTable td,  .fixedHeaderTable th {
	/*display: block; */
}
#licensestablediv .fixedHeaderTable td {
	/*height: auto; */
}
.fixedHeaderTable tr{ 
	height: auto;
}
#licensestablediv .fixedHeaderTable td
{
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    white-space: normal;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
	height:40px;
}
.fixedHeaderTable tr:after {
    content: ' ' !important;
    display: block;
    visibility: hidden !important;
    clear: both !important;
}
.fixedHeaderTable thead
{
	/*overflow:scroll;
	overflow-x:hidden;
	width:100%;
	box-sizing: content-box;
    padding-right: 20px;*/
}
.fixedHeaderTable thead th {
    height: 25px !important;
	box-shadow: inset 1px 0px 0px 0px white;
    margin-bottom: 5px;
}
.producttitle
{
	width:99.4% !important;
}
.fixedHeaderTable tbody {
    height: 456px !important;
    overflow-y: auto !important;
}

#licensestablediv .fixedHeaderTable tbody {
	height: auto !important;
}

.fixedHeaderTable thead {
    /* fallback */
}


.fixedHeaderTable tbody td, .fixedHeaderTable thead th {
    float: left !important;
}

#packztable1 .cloudflowlicense tr td
{
	/*height:15px;
	font-size:11px;*/
	/*padding:2px;*/
	/*border: 1px solid transparent !important;
    border-bottom: 1px solid var( --software-color-ultra-light )  !important;
    background: whitesmoke;*/
	/*border-bottom: 1px solid var( --software-color-ultra-light )  !important;*/
}

.settings-title {
	font-family: var(--fontBold) !important;
    background: #ededed !important;
    font-size: 15px !important;
    text-align: left;
    font-weight: bold !important;
    color: var( --fontColor ) !important;
    font-variant: small-caps !important;
    text-decoration: none;
	text-transform: uppercase;
	min-height: 28px;
	margin-bottom: 0px;
	vertical-align: middle;
	padding:5px;
	border:1px solid white !important;
	border-radius: 5px;
	position: sticky;
	top: 169px;
	z-index: 2000;
}

.settings-title span {
   
    
}


.helpdesk_info{
    background: transparent;
    color: white;
    border: none;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, transform 0.2s;
    margin-left: 10px;
    float: right;
    cursor: pointer;
    display: grid;
    font-weight: bolder;
	font-family: var(--fontBold) !important;
}
#contact_select_fieldset
{
	/*background: silver;*/
    /*box-shadow: 3px 0 2px -1px grey;
    border-radius: 0px !important;*/
	padding-right: 50px !important;
    
}
#contact_select_fieldset label
{
	color: black;
}
#contact_select_fieldset select
{
	border: none;
	overflow-y:auto;
	border-radius: 0px !important;
	max-height: calc( 100vh - 300px );
	box-shadow:none;
	margin-left:-10px;
	margin-right:10px;
}
#contact_select_fieldset select option:checked
{
	background: rgba( 0,122,187,1 ) !important;
	color:white;
}
#contact_select_fieldset select:focus option:checked
{
	background: rgba( 0,122,187,1 ) !important;
}
label[for='selectUsers']
{
	padding-bottom: 15px;
	
}
#contact_select_fieldset select option
{
	font-size:1rem;
	vertical-align: middle;
	color: #333;

}
#contact_select_fieldset select optgroup[label]
{
	cursor: pointer;
    /*border-top: 1px solid silver;*/
    padding-top: 10px;
    /*background: whitesmoke;*/
    padding-bottom: 5px;
    /*border-bottom: 1px solid grey;*/
    /*border-radius: 8px;*/
    margin-bottom: 10px;
}
#contact_select_fieldset select optgroup > option
{
	margin-left: 15px;
	margin-right: 15px;
}
#contact_select_fieldset select optgroup > option:first-of-type
{
	margin-top:5px;
}
#contact_select_fieldset select optgroup > option:last-of-type
{
	margin-bottom:10px;
}
#contact_select_fieldset select:focus
{
	outline: none;
}

#sites_label_div, #contacts_label_div{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 5px;
}
#contacts_label_div label
{
	color:black;
}
#sites_label_div button, #contacts_label_div button{
  border: none;
  font-size: 0.9rem;
  color: #555;
  padding-block:0px;
}

#sites_label_div button:hover, #contacts_label_div button:hover{
  color: #557
}

#sites_label_div label{
  margin-bottom: 0px;
}

/*
#DC_help_desk_contacts .helpdesk_info{
  font-size: 20px;
  height: 30px;
  width: 30px;
}

#dc_settings_table .helpdesk_info{
  font-size:16px;
  height: 25px;
  width 25px;
}
*/
.helpdesk_info
{
	float: unset;
    display: inline;
    font-size: 10px;
    vertical-align: super;
    color: white;
    border: 1px solid ccc;
    padding: 1px 4px;
    height: fit-content;
    background: rgba(0, 0, 0, 0.3) !important;
    /*box-shadow: 1px 1px 1px #aaa;*/
    margin-left: 4px;
    font-weight: bold;
	font-family: var(--fontBold) !important;

}
.settingEdit[data-value="notifications"] {
	display:none;
}
#new_helpdesk_contact, .settingEdit {
    /*font-size: 16px;
    background: transparent;
    color: black;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: background 0.3s, transform 0.2s;
    margin-left: 10px;
    float: right;
    cursor: pointer;
    display: grid;*/
}
#new_helpdesk_contact
{
	font-weight: bolder;
	font-family: var(--fontBold) !important;
	font-size:20px;
	height: 30px;
	width: 30px;
}

#new_helpdesk_contact:hover, .settingEdit:hover, .helpdesk_edit:hover{
    background: #0056b3 !important; /* Darker shade on hover */
    transform: scale(1.1); /* Subtle scale-up effect */
	color:white;
}
.helpdesk_info:hover
{
	transform: scale(1.1); 
	background: rgba(255, 255, 255, 0.4) !important;
}

#new_helpdesk_contact:focus, .settingEdit:focus, .helpdesk_edit:focus{
    outline: none; /* Removes default outline */
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5); /* Focus indicator */
}
#changeSettingDataError, #changeSettingSavingMessage{
    display: none; /* Start hidden and display it via jQuery if needed */
    padding: 12px 16px;
    margin: 16px 0;
    border-radius: 5px;
    font-family:var( --font );
    font-size: 14px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: left;
}
#changeSettingDataError
{
    background-color: #ffe6e6; /* Light red background */
    color: #d8000c; /* Dark red text for readability */
    border-left: 4px solid #d8000c; /* Left border to indicate error */
}
#changeSettingSavingMessage
{
    background-color: lightgreen; /* Light red background */
    color: green; /* Dark red text for readability */
    border-left: 4px solid green; /* Left border to indicate error */
}

#changeSettingDataError::before,  #changeSettingSavingMessage::before {

    font-weight: bold;
	font-family: var(--fontBold) !important;
    margin-right: 8px;
} 
#changeSettingDataError::before {
    content: "⚠️ "; /* Optional: add a warning icon or emoji */
}
.ui-dialog button[disabled]
{
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
#changeSettingSavingMessage::before {
    /*content: "⏳ "; *//* Optional: add a warning icon or emoji */
    
}

@keyframes progressAnimation {
    0% {
        width: 0;
    }
    50% {
        width: 100%;
    }
    100% {
        width: 0;
    }
}
#statusContainer #statusProgressBar
{
	margin-top: 20px;
	height: 4px;
    background-color: #007bff;
    width: 0;
	animation: progressAnimation 3s linear infinite; /* Heen en weer animatie */
}