@font-face {
  font-family: 'icomoon';
  src: url('icomoon.d601fd565b4140a5.eot?ow0x5i');
  src: url('icomoon.d601fd565b4140a5.eot?ow0x5i#iefix') format('embedded-opentype'), url('icomoon.df62a5e1b5d4ab5c.ttf?ow0x5i') format('truetype'), url('icomoon.7b20ec6bb540f610.woff?ow0x5i') format('woff'), url('icomoon.ceace7bb2284d2e5.svg?ow0x5i#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: inherit;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Time:before {
  content: "\e9fe";
}

.icon-SearchFolder:before {
  content: "\e9ff";
}

.icon-GuideLineFive .path1:before {
  content: "\e9e9";
  color: rgb(255, 220, 220);
}

.icon-GuideLineFive .path2:before {
  content: "\e9ea";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineFive .path3:before {
  content: "\e9eb";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineFive .path4:before {
  content: "\e9ec";
  margin-left: -1em;
  color: rgb(232, 66, 66);
}

.icon-GuideLineFour .path1:before {
  content: "\e9ed";
  color: rgb(255, 220, 220);
}

.icon-GuideLineFour .path2:before {
  content: "\e9ee";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineFour .path3:before {
  content: "\e9ef";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineFour .path4:before {
  content: "\e9f0";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineFour .path5:before {
  content: "\e9f1";
  margin-left: -1em;
  color: rgb(0, 0, 0);
  opacity: 0.12;
}

.icon-GuideLineFour .path6:before {
  content: "\e9f2";
  margin-left: -1em;
  color: rgb(232, 66, 66);
}

.icon-GuideLineThree .path1:before {
  content: "\e9f3";
  color: rgb(239, 255, 220);
}

.icon-GuideLineThree .path2:before {
  content: "\e9f4";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineThree .path3:before {
  content: "\e9f5";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineThree .path4:before {
  content: "\e9f6";
  margin-left: -1em;
  color: rgb(98, 167, 17);
}

.icon-GuideLineTwo .path1:before {
  content: "\e9f7";
  color: rgb(239, 255, 220);
}

.icon-GuideLineTwo .path2:before {
  content: "\e9f8";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineTwo .path3:before {
  content: "\e9f9";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineTwo .path4:before {
  content: "\e9fa";
  margin-left: -1em;
  color: rgb(98, 167, 17);
}

.icon-GuideLineOne .path1:before {
  content: "\e9fb";
  color: rgb(239, 255, 220);
}

.icon-GuideLineOne .path2:before {
  content: "\e9fc";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.icon-GuideLineOne .path3:before {
  content: "\e9fd";
  margin-left: -1em;
  color: rgb(98, 167, 17);
}

.icon-Manual:before {
  content: "\e9e8";
}

.icon-AddUserCard:before {
  content: "\e9e5";
}

.icon-Region:before {
  content: "\e9e6";
}

.icon-ReportSh:before {
  content: "\e9e7";
}

.icon-Call:before {
  content: "\e9d6";
}

.icon-CommandCenterSettings:before {
  content: "\e9d7";
}

.icon-Excel:before {
  content: "\e9d8";
}

.icon-EZVisit:before {
  content: "\e9d9";
}

.icon-Image:before {
  content: "\e9da";
}

.icon-Intercom:before {
  content: "\e9db";
}

.icon-Linkedin .path1:before {
  content: "\e9dc";
  color: rgb(0, 119, 181);
}

.icon-Linkedin .path2:before {
  content: "\e9dd";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-Linkedin .path3:before {
  content: "\e9de";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-Linkedin .path4:before {
  content: "\e9df";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-Newsletter:before {
  content: "\e9e0";
}

.icon-Number:before {
  content: "\e9e1";
}

.icon-PDF:before {
  content: "\e9e2";
}

.icon-SerialNumber:before {
  content: "\e9e3";
}

.icon-WhatsApp:before {
  content: "\e9e4";
}

.icon-Speedometer:before {
  content: "\e900";
}

.icon-Chart:before {
  content: "\e9cc";
}

.icon-CommandCenter:before {
  content: "\e9cd";
}

.icon-DocumentXLS .path1:before {
  content: "\e9ce";
  color: rgb(69, 176, 88);
}

.icon-DocumentXLS .path2:before {
  content: "\e9cf";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-DocumentXLS .path3:before {
  content: "\e9d0";
  margin-left: -1em;
  color: rgb(69, 176, 88);
}

.icon-DocumentXLS .path4:before {
  content: "\e9d1";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-DocumentXLS .path5:before {
  content: "\e9d2";
  margin-left: -1em;
  color: rgb(52, 156, 66);
}

.icon-DocumentXLS .path6:before {
  content: "\e9d3";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-Vector:before {
  content: "\e9d4";
}

.icon-Enlarge:before {
  content: "\e9ca";
}

.icon-rightArrowMark:before {
  content: "\e9cb";
}

.icon-ArrowLeftMain:before {
  content: "\e9c7";
}

.icon-Footstep:before {
  content: "\e9c8";
}

.icon-Guest:before {
  content: "\e9c9";
}

.icon-BatteryCritical:before {
  content: "\e9c1";
}

.icon-BatteryLow:before {
  content: "\e9c2";
}

.icon-BatteryOk:before {
  content: "\e9c3";
}

.icon-LockJammed:before {
  content: "\e9c4";
}

.icon-Revoke:before {
  content: "\e9c5";
}

.icon-Save:before {
  content: "\e9c6";
}

.icon-Stop:before {
  content: "\e9c0";
}

.icon-AIsha:before {
  content: "\e901";
}

.icon-TimeCalendar:before {
  content: "\e902";
}

.icon-VideoFeed:before {
  content: "\e903";
}

.icon-Offline:before {
  content: "\e904";
}

.icon-Online:before {
  content: "\e905";
}

.icon-Device:before {
  content: "\e906";
}

.icon-Layers:before {
  content: "\e907";
}

.icon-CardRed:before {
  content: "\e908";
}

.icon-FilterClear:before {
  content: "\e909";
}

.icon-Normal:before {
  content: "\e90a";
}

.icon-InputActiveMaskDelay:before {
  content: "\e90b";
}

.icon-InputNormalMaskDelay:before {
  content: "\e90c";
}

.icon-LockDisabled:before {
  content: "\e90d";
}

.icon-Fault:before {
  content: "\e90e";
}

.icon-Locked:before {
  content: "\e90f";
}

.icon-Output:before {
  content: "\e910";
}

.icon-Pulse:before {
  content: "\e911";
}

.icon-Acknowledged:before {
  content: "\e912";
}

.icon-DoorClosed:before {
  content: "\e913";
}

.icon-Fail:before {
  content: "\e914";
  color: #e81f2c;
}

.icon-HeldAlarm:before {
  content: "\e915";
}

.icon-NotAcknowledged:before {
  content: "\e916";
}

.icon-Success .path1:before {
  content: "\e917";
  color: rgb(5, 164, 79);
}

.icon-Success .path2:before {
  content: "\e9d5";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-DoorOpen:before {
  content: "\e918";
}

.icon-DrawArea:before {
  content: "\e919";
}

.icon-InputStatus:before {
  content: "\e91a";
}

.icon-OutputStatus:before {
  content: "\e91b";
}

.icon-String:before {
  content: "\e91c";
}

.icon-Draw:before {
  content: "\e91d";
}

.icon-Area:before {
  content: "\e91e";
}

.icon-Hrview:before {
  content: "\e91f";
}

.icon-LineHeight:before {
  content: "\e920";
}

.icon-ArrowUpTab:before {
  content: "\e921";
}

.icon-ArrowDownTab:before {
  content: "\e922";
}

.icon-Building:before {
  content: "\e923";
}

.icon-Folder:before {
  content: "\e924";
}

.icon-Web:before {
  content: "\e925";
}

.icon-License:before {
  content: "\e926";
}

.icon-Home:before {
  content: "\e927";
}

.icon-FlagIndia .path1:before {
  content: "\e928";
  color: rgb(255, 255, 255);
}

.icon-FlagIndia .path2:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(255, 164, 74);
}

.icon-FlagIndia .path3:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(26, 159, 11);
}

.icon-FlagIndia .path4:before {
  content: "\e92b";
  margin-left: -1em;
  color: rgb(24, 26, 147);
  opacity: 0.15;
}

.icon-FlagIndia .path5:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(24, 26, 147);
}

.icon-FlagIndia .path6:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(24, 26, 147);
}

.icon-WalletId:before {
  content: "\e92e";
}

.icon-Factor:before {
  content: "\e92f";
}

.icon-Kaymanager:before {
  content: "\e930";
}

.icon-FullScreenTop:before {
  content: "\e931";
}

.icon-Live:before {
  content: "\e932";
}

.icon-Pause:before {
  content: "\e933";
}

.icon-Evacuation:before {
  content: "\e934";
}

.icon-Lockdown:before {
  content: "\e935";
}

.icon-Maintenance:before {
  content: "\e936";
}

.icon-MinimizeTop:before {
  content: "\e937";
}

.icon-Unpin:before {
  content: "\e938";
}

.icon-Video:before {
  content: "\e939";
}

.icon-Play:before {
  content: "\e93a";
}

.icon-Radar:before {
  content: "\e93b";
}

.icon-CheckboxCircle:before {
  content: "\e93c";
}

.icon-CloseCircle:before {
  content: "\e93d";
}

.icon-Star:before {
  content: "\e93e";
}

.icon-Menu:before {
  content: "\e93f";
}

.icon-AddLine:before {
  content: "\e940";
}

.icon-Line:before {
  content: "\e941";
}

.icon-Notification:before {
  content: "\e942";
}

.icon-CCTV:before {
  content: "\e943";
}

.icon-Alarm:before {
  content: "\e944";
}

.icon-Controller:before {
  content: "\e945";
}

.icon-LogicalArea:before {
  content: "\e946";
}

.icon-Monitor:before {
  content: "\e947";
}

.icon-Next:before {
  content: "\e948";
}

.icon-Previous:before {
  content: "\e949";
}

.icon-Warning:before {
  content: "\e94a";
}

.icon-Reset:before {
  content: "\e94b";
}

.icon-Advanced:before {
  content: "\e94c";
}

.icon-Location:before {
  content: "\e94d";
}

.icon-SwitchCamera:before {
  content: "\e94e";
}

.icon-hr:before {
  content: "\e94f";
}

.icon-Light:before {
  content: "\e950";
}

.icon-Dark:before {
  content: "\e951";
}

.icon-GoogleWallet .path1:before {
  content: "\e952";
  color: rgb(52, 168, 83);
}

.icon-GoogleWallet .path2:before {
  content: "\e953";
  margin-left: -1em;
  color: rgb(251, 188, 4);
}

.icon-GoogleWallet .path3:before {
  content: "\e954";
  margin-left: -1em;
  color: rgb(234, 67, 53);
}

.icon-GoogleWallet .path4:before {
  content: "\e955";
  margin-left: -1em;
  color: rgb(66, 133, 244);
}

.icon-Apple:before {
  content: "\e956";
}

.icon-BluetoothBlue .path1:before {
  content: "\e957";
  color: rgb(47, 128, 237);
}

.icon-BluetoothBlue .path2:before {
  content: "\e958";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-ColorPicker:before {
  content: "\e959";
}

.icon-Door:before {
  content: "\e95a";
}

.icon-Task:before {
  content: "\e95b";
}

.icon-Memory:before {
  content: "\e95c";
}

.icon-Switch:before {
  content: "\e95d";
}

.icon-Grip:before {
  content: "\e95e";
}

.icon-Upload:before {
  content: "\e95f";
}

.icon-Separator:before {
  content: "\e960";
}

.icon-Application:before {
  content: "\e961";
}

.icon-Camera:before {
  content: "\e962";
}

.icon-Document:before {
  content: "\e963";
}

.icon-Eye:before {
  content: "\e964";
}

.icon-StreetView .path1:before {
  content: "\e965";
  color: rgb(255, 219, 86);
}

.icon-StreetView .path2:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(255, 187, 36);
}

.icon-StreetView .path3:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(255, 74, 74);
}

.icon-StreetView .path4:before {
  content: "\e968";
  margin-left: -1em;
  color: rgb(231, 52, 63);
}

.icon-Face-Scan:before {
  content: "\e969";
}

.icon-Copy:before {
  content: "\e96a";
}

.icon-Focus:before {
  content: "\e96b";
}

.icon-Summary:before {
  content: "\e96c";
}

.icon-Bluetooth:before {
  content: "\e96d";
}

.icon-Wallet:before {
  content: "\e96e";
}

.icon-Refresh:before {
  content: "\e96f";
}

.icon-Move:before {
  content: "\e970";
}

.icon-Hand:before {
  content: "\e971";
}

.icon-Clock:before {
  content: "\e972";
}

.icon-Deactivate:before {
  content: "\e973";
}

.icon-Info:before {
  content: "\e974";
}

.icon-Forward:before {
  content: "\e975";
}

.icon-Download:before {
  content: "\e976";
}

.icon-Mail:before {
  content: "\e977";
}

.icon-ShieldCheck:before {
  content: "\e978";
}

.icon-Personalization:before {
  content: "\e979";
}

.icon-MasterSetting:before {
  content: "\e97a";
}

.icon-FingerScan:before {
  content: "\e97b";
}

.icon-Dashboard:before {
  content: "\e97c";
}

.icon-Support:before {
  content: "\e97d";
}

.icon-Megaphone:before {
  content: "\e97e";
}

.icon-QR:before {
  content: "\e97f";
}

.icon-Car:before {
  content: "\e980";
}

.icon-Users:before {
  content: "\e981";
}

.icon-Grip-h:before {
  content: "\e982";
}

.icon-Unlock:before {
  content: "\e983";
}

.icon-Card:before {
  content: "\e984";
}

.icon-Delete:before {
  content: "\e985";
}

.icon-ListFilter:before {
  content: "\e986";
}

.icon-Language:before {
  content: "\e987";
}

.icon-MobileApp:before {
  content: "\e988";
}

.icon-Fingerprint:before {
  content: "\e989";
}

.icon-Pin:before {
  content: "\e98a";
}

.icon-ArrowLeft:before {
  content: "\e98b";
}

.icon-Issuecred:before {
  content: "\e98c";
}

.icon-Filter:before {
  content: "\e98d";
}

.icon-ThreeDotMenu:before {
  content: "\e98e";
}

.icon-Export:before {
  content: "\e98f";
}

.icon-Share:before {
  content: "\e990";
}

.icon-Dislike:before {
  content: "\e991";
}

.icon-Like:before {
  content: "\e992";
}

.icon-Report:before {
  content: "\e993";
}

.icon-Minimize:before {
  content: "\e994";
}

.icon-minus:before {
  content: "\e995";
}

.icon-Mic:before {
  content: "\e996";
}

.icon-bot:before {
  content: "\e997";
}

.icon-Chat:before {
  content: "\e998";
}

.icon-ArrowRightTwo:before {
  content: "\e999";
}

.icon-Undo:before {
  content: "\e99a";
}

.icon-Erase:before {
  content: "\e99b";
}

.icon-Send:before {
  content: "\e99c";
}

.icon-View:before {
  content: "\e99d";
}

.icon-Printer:before {
  content: "\e99e";
}

.icon-logout:before {
  content: "\e99f";
}

.icon-Zoom:before {
  content: "\e9a0";
}

.icon-Import:before {
  content: "\e9a1";
}

.icon-Appstore .path1:before {
  content: "\e9a2";
  color: rgb(0, 0, 0);
}

.icon-Appstore .path2:before {
  content: "\e9a3";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}

.icon-Playstore .path1:before {
  content: "\e9a4";
  color: rgb(50, 187, 255);
}

.icon-Playstore .path2:before {
  content: "\e9a5";
  margin-left: -1em;
  color: rgb(50, 187, 255);
}

.icon-Playstore .path3:before {
  content: "\e9a6";
  margin-left: -1em;
  color: rgb(50, 187, 255);
}

.icon-Playstore .path4:before {
  content: "\e9a7";
  margin-left: -1em;
  color: rgb(44, 159, 217);
}

.icon-Playstore .path5:before {
  content: "\e9a8";
  margin-left: -1em;
  color: rgb(41, 204, 94);
}

.icon-Playstore .path6:before {
  content: "\e9a9";
  margin-left: -1em;
  color: rgb(217, 63, 33);
}

.icon-Playstore .path7:before {
  content: "\e9aa";
  margin-left: -1em;
  color: rgb(255, 213, 0);
}

.icon-Playstore .path8:before {
  content: "\e9ab";
  margin-left: -1em;
  color: rgb(255, 170, 0);
}

.icon-EditFile:before {
  content: "\e9ac";
}

.icon-Security:before {
  content: "\e9ad";
}

.icon-Credential:before {
  content: "\e9ae";
}

.icon-Calendar:before {
  content: "\e9af";
}

.icon-Setting:before {
  content: "\e9b0";
}

.icon-Strech:before {
  content: "\e9b1";
}

.icon-ArrowUp:before {
  content: "\e9b2";
}

.icon-Arrowdown:before {
  content: "\e9b3";
}

.icon-Search:before {
  content: "\e9b4";
}

.icon-Alert:before {
  content: "\e9b5";
}

.icon-EyeClosePassword:before {
  content: "\e9b6";
}

.icon-AccountCircle:before {
  content: "\e9b7";
}

.icon-FileAdd:before {
  content: "\e9b8";
}

.icon-ArrowRight:before {
  content: "\e9b9";
}

.icon-Close:before {
  content: "\e9ba";
}

.icon-Check:before {
  content: "\e9bb";
}

.icon-ArrowDropUp:before {
  content: "\e9bc";
}

.icon-ArrowDropDown:before {
  content: "\e9bd";
}

.icon-ArrowDropLeft:before {
  content: "\e9be";
}

.icon-ArrowDropRight:before {
  content: "\e9bf";
}

/* packages/core/src/css/flag-offsets.css */
:root {
  --iti-flag-width: 20px;
  --iti-flag-count: 244;
}
.iti__ac {
  --iti-flag-offset: 0;
}
.iti__ad {
  --iti-flag-offset: -1;
}
.iti__ae {
  --iti-flag-offset: -2;
}
.iti__af {
  --iti-flag-offset: -3;
}
.iti__ag {
  --iti-flag-offset: -4;
}
.iti__ai {
  --iti-flag-offset: -5;
}
.iti__al {
  --iti-flag-offset: -6;
}
.iti__am {
  --iti-flag-offset: -7;
}
.iti__ao {
  --iti-flag-offset: -8;
}
.iti__ar {
  --iti-flag-offset: -9;
}
.iti__as {
  --iti-flag-offset: -10;
}
.iti__at {
  --iti-flag-offset: -11;
}
.iti__au {
  --iti-flag-offset: -12;
}
.iti__aw {
  --iti-flag-offset: -13;
}
.iti__ax {
  --iti-flag-offset: -14;
}
.iti__az {
  --iti-flag-offset: -15;
}
.iti__ba {
  --iti-flag-offset: -16;
}
.iti__bb {
  --iti-flag-offset: -17;
}
.iti__bd {
  --iti-flag-offset: -18;
}
.iti__be {
  --iti-flag-offset: -19;
}
.iti__bf {
  --iti-flag-offset: -20;
}
.iti__bg {
  --iti-flag-offset: -21;
}
.iti__bh {
  --iti-flag-offset: -22;
}
.iti__bi {
  --iti-flag-offset: -23;
}
.iti__bj {
  --iti-flag-offset: -24;
}
.iti__bl {
  --iti-flag-offset: -25;
}
.iti__bm {
  --iti-flag-offset: -26;
}
.iti__bn {
  --iti-flag-offset: -27;
}
.iti__bo {
  --iti-flag-offset: -28;
}
.iti__bq {
  --iti-flag-offset: -29;
}
.iti__br {
  --iti-flag-offset: -30;
}
.iti__bs {
  --iti-flag-offset: -31;
}
.iti__bt {
  --iti-flag-offset: -32;
}
.iti__bw {
  --iti-flag-offset: -33;
}
.iti__by {
  --iti-flag-offset: -34;
}
.iti__bz {
  --iti-flag-offset: -35;
}
.iti__ca {
  --iti-flag-offset: -36;
}
.iti__cc {
  --iti-flag-offset: -37;
}
.iti__cd {
  --iti-flag-offset: -38;
}
.iti__cf {
  --iti-flag-offset: -39;
}
.iti__cg {
  --iti-flag-offset: -40;
}
.iti__ch {
  --iti-flag-offset: -41;
}
.iti__ci {
  --iti-flag-offset: -42;
}
.iti__ck {
  --iti-flag-offset: -43;
}
.iti__cl {
  --iti-flag-offset: -44;
}
.iti__cm {
  --iti-flag-offset: -45;
}
.iti__cn {
  --iti-flag-offset: -46;
}
.iti__co {
  --iti-flag-offset: -47;
}
.iti__cr {
  --iti-flag-offset: -48;
}
.iti__cu {
  --iti-flag-offset: -49;
}
.iti__cv {
  --iti-flag-offset: -50;
}
.iti__cw {
  --iti-flag-offset: -51;
}
.iti__cx {
  --iti-flag-offset: -52;
}
.iti__cy {
  --iti-flag-offset: -53;
}
.iti__cz {
  --iti-flag-offset: -54;
}
.iti__de {
  --iti-flag-offset: -55;
}
.iti__dj {
  --iti-flag-offset: -56;
}
.iti__dk {
  --iti-flag-offset: -57;
}
.iti__dm {
  --iti-flag-offset: -58;
}
.iti__do {
  --iti-flag-offset: -59;
}
.iti__dz {
  --iti-flag-offset: -60;
}
.iti__ec {
  --iti-flag-offset: -61;
}
.iti__ee {
  --iti-flag-offset: -62;
}
.iti__eg {
  --iti-flag-offset: -63;
}
.iti__eh {
  --iti-flag-offset: -64;
}
.iti__er {
  --iti-flag-offset: -65;
}
.iti__es {
  --iti-flag-offset: -66;
}
.iti__et {
  --iti-flag-offset: -67;
}
.iti__fi {
  --iti-flag-offset: -68;
}
.iti__fj {
  --iti-flag-offset: -69;
}
.iti__fk {
  --iti-flag-offset: -70;
}
.iti__fm {
  --iti-flag-offset: -71;
}
.iti__fo {
  --iti-flag-offset: -72;
}
.iti__fr {
  --iti-flag-offset: -73;
}
.iti__ga {
  --iti-flag-offset: -74;
}
.iti__gb {
  --iti-flag-offset: -75;
}
.iti__gd {
  --iti-flag-offset: -76;
}
.iti__ge {
  --iti-flag-offset: -77;
}
.iti__gf {
  --iti-flag-offset: -78;
}
.iti__gg {
  --iti-flag-offset: -79;
}
.iti__gh {
  --iti-flag-offset: -80;
}
.iti__gi {
  --iti-flag-offset: -81;
}
.iti__gl {
  --iti-flag-offset: -82;
}
.iti__gm {
  --iti-flag-offset: -83;
}
.iti__gn {
  --iti-flag-offset: -84;
}
.iti__gp {
  --iti-flag-offset: -85;
}
.iti__gq {
  --iti-flag-offset: -86;
}
.iti__gr {
  --iti-flag-offset: -87;
}
.iti__gt {
  --iti-flag-offset: -88;
}
.iti__gu {
  --iti-flag-offset: -89;
}
.iti__gw {
  --iti-flag-offset: -90;
}
.iti__gy {
  --iti-flag-offset: -91;
}
.iti__hk {
  --iti-flag-offset: -92;
}
.iti__hn {
  --iti-flag-offset: -93;
}
.iti__hr {
  --iti-flag-offset: -94;
}
.iti__ht {
  --iti-flag-offset: -95;
}
.iti__hu {
  --iti-flag-offset: -96;
}
.iti__id {
  --iti-flag-offset: -97;
}
.iti__ie {
  --iti-flag-offset: -98;
}
.iti__il {
  --iti-flag-offset: -99;
}
.iti__im {
  --iti-flag-offset: -100;
}
.iti__in {
  --iti-flag-offset: -101;
}
.iti__io {
  --iti-flag-offset: -102;
}
.iti__iq {
  --iti-flag-offset: -103;
}
.iti__ir {
  --iti-flag-offset: -104;
}
.iti__is {
  --iti-flag-offset: -105;
}
.iti__it {
  --iti-flag-offset: -106;
}
.iti__je {
  --iti-flag-offset: -107;
}
.iti__jm {
  --iti-flag-offset: -108;
}
.iti__jo {
  --iti-flag-offset: -109;
}
.iti__jp {
  --iti-flag-offset: -110;
}
.iti__ke {
  --iti-flag-offset: -111;
}
.iti__kg {
  --iti-flag-offset: -112;
}
.iti__kh {
  --iti-flag-offset: -113;
}
.iti__ki {
  --iti-flag-offset: -114;
}
.iti__km {
  --iti-flag-offset: -115;
}
.iti__kn {
  --iti-flag-offset: -116;
}
.iti__kp {
  --iti-flag-offset: -117;
}
.iti__kr {
  --iti-flag-offset: -118;
}
.iti__kw {
  --iti-flag-offset: -119;
}
.iti__ky {
  --iti-flag-offset: -120;
}
.iti__kz {
  --iti-flag-offset: -121;
}
.iti__la {
  --iti-flag-offset: -122;
}
.iti__lb {
  --iti-flag-offset: -123;
}
.iti__lc {
  --iti-flag-offset: -124;
}
.iti__li {
  --iti-flag-offset: -125;
}
.iti__lk {
  --iti-flag-offset: -126;
}
.iti__lr {
  --iti-flag-offset: -127;
}
.iti__ls {
  --iti-flag-offset: -128;
}
.iti__lt {
  --iti-flag-offset: -129;
}
.iti__lu {
  --iti-flag-offset: -130;
}
.iti__lv {
  --iti-flag-offset: -131;
}
.iti__ly {
  --iti-flag-offset: -132;
}
.iti__ma {
  --iti-flag-offset: -133;
}
.iti__mc {
  --iti-flag-offset: -134;
}
.iti__md {
  --iti-flag-offset: -135;
}
.iti__me {
  --iti-flag-offset: -136;
}
.iti__mf {
  --iti-flag-offset: -137;
}
.iti__mg {
  --iti-flag-offset: -138;
}
.iti__mh {
  --iti-flag-offset: -139;
}
.iti__mk {
  --iti-flag-offset: -140;
}
.iti__ml {
  --iti-flag-offset: -141;
}
.iti__mm {
  --iti-flag-offset: -142;
}
.iti__mn {
  --iti-flag-offset: -143;
}
.iti__mo {
  --iti-flag-offset: -144;
}
.iti__mp {
  --iti-flag-offset: -145;
}
.iti__mq {
  --iti-flag-offset: -146;
}
.iti__mr {
  --iti-flag-offset: -147;
}
.iti__ms {
  --iti-flag-offset: -148;
}
.iti__mt {
  --iti-flag-offset: -149;
}
.iti__mu {
  --iti-flag-offset: -150;
}
.iti__mv {
  --iti-flag-offset: -151;
}
.iti__mw {
  --iti-flag-offset: -152;
}
.iti__mx {
  --iti-flag-offset: -153;
}
.iti__my {
  --iti-flag-offset: -154;
}
.iti__mz {
  --iti-flag-offset: -155;
}
.iti__na {
  --iti-flag-offset: -156;
}
.iti__nc {
  --iti-flag-offset: -157;
}
.iti__ne {
  --iti-flag-offset: -158;
}
.iti__nf {
  --iti-flag-offset: -159;
}
.iti__ng {
  --iti-flag-offset: -160;
}
.iti__ni {
  --iti-flag-offset: -161;
}
.iti__nl {
  --iti-flag-offset: -162;
}
.iti__no {
  --iti-flag-offset: -163;
}
.iti__np {
  --iti-flag-offset: -164;
}
.iti__nr {
  --iti-flag-offset: -165;
}
.iti__nu {
  --iti-flag-offset: -166;
}
.iti__nz {
  --iti-flag-offset: -167;
}
.iti__om {
  --iti-flag-offset: -168;
}
.iti__pa {
  --iti-flag-offset: -169;
}
.iti__pe {
  --iti-flag-offset: -170;
}
.iti__pf {
  --iti-flag-offset: -171;
}
.iti__pg {
  --iti-flag-offset: -172;
}
.iti__ph {
  --iti-flag-offset: -173;
}
.iti__pk {
  --iti-flag-offset: -174;
}
.iti__pl {
  --iti-flag-offset: -175;
}
.iti__pm {
  --iti-flag-offset: -176;
}
.iti__pr {
  --iti-flag-offset: -177;
}
.iti__ps {
  --iti-flag-offset: -178;
}
.iti__pt {
  --iti-flag-offset: -179;
}
.iti__pw {
  --iti-flag-offset: -180;
}
.iti__py {
  --iti-flag-offset: -181;
}
.iti__qa {
  --iti-flag-offset: -182;
}
.iti__re {
  --iti-flag-offset: -183;
}
.iti__ro {
  --iti-flag-offset: -184;
}
.iti__rs {
  --iti-flag-offset: -185;
}
.iti__ru {
  --iti-flag-offset: -186;
}
.iti__rw {
  --iti-flag-offset: -187;
}
.iti__sa {
  --iti-flag-offset: -188;
}
.iti__sb {
  --iti-flag-offset: -189;
}
.iti__sc {
  --iti-flag-offset: -190;
}
.iti__sd {
  --iti-flag-offset: -191;
}
.iti__se {
  --iti-flag-offset: -192;
}
.iti__sg {
  --iti-flag-offset: -193;
}
.iti__sh {
  --iti-flag-offset: -194;
}
.iti__si {
  --iti-flag-offset: -195;
}
.iti__sj {
  --iti-flag-offset: -196;
}
.iti__sk {
  --iti-flag-offset: -197;
}
.iti__sl {
  --iti-flag-offset: -198;
}
.iti__sm {
  --iti-flag-offset: -199;
}
.iti__sn {
  --iti-flag-offset: -200;
}
.iti__so {
  --iti-flag-offset: -201;
}
.iti__sr {
  --iti-flag-offset: -202;
}
.iti__ss {
  --iti-flag-offset: -203;
}
.iti__st {
  --iti-flag-offset: -204;
}
.iti__sv {
  --iti-flag-offset: -205;
}
.iti__sx {
  --iti-flag-offset: -206;
}
.iti__sy {
  --iti-flag-offset: -207;
}
.iti__sz {
  --iti-flag-offset: -208;
}
.iti__tc {
  --iti-flag-offset: -209;
}
.iti__td {
  --iti-flag-offset: -210;
}
.iti__tg {
  --iti-flag-offset: -211;
}
.iti__th {
  --iti-flag-offset: -212;
}
.iti__tj {
  --iti-flag-offset: -213;
}
.iti__tk {
  --iti-flag-offset: -214;
}
.iti__tl {
  --iti-flag-offset: -215;
}
.iti__tm {
  --iti-flag-offset: -216;
}
.iti__tn {
  --iti-flag-offset: -217;
}
.iti__to {
  --iti-flag-offset: -218;
}
.iti__tr {
  --iti-flag-offset: -219;
}
.iti__tt {
  --iti-flag-offset: -220;
}
.iti__tv {
  --iti-flag-offset: -221;
}
.iti__tw {
  --iti-flag-offset: -222;
}
.iti__tz {
  --iti-flag-offset: -223;
}
.iti__ua {
  --iti-flag-offset: -224;
}
.iti__ug {
  --iti-flag-offset: -225;
}
.iti__us {
  --iti-flag-offset: -226;
}
.iti__uy {
  --iti-flag-offset: -227;
}
.iti__uz {
  --iti-flag-offset: -228;
}
.iti__va {
  --iti-flag-offset: -229;
}
.iti__vc {
  --iti-flag-offset: -230;
}
.iti__ve {
  --iti-flag-offset: -231;
}
.iti__vg {
  --iti-flag-offset: -232;
}
.iti__vi {
  --iti-flag-offset: -233;
}
.iti__vn {
  --iti-flag-offset: -234;
}
.iti__vu {
  --iti-flag-offset: -235;
}
.iti__wf {
  --iti-flag-offset: -236;
}
.iti__ws {
  --iti-flag-offset: -237;
}
.iti__xk {
  --iti-flag-offset: -238;
}
.iti__ye {
  --iti-flag-offset: -239;
}
.iti__yt {
  --iti-flag-offset: -240;
}
.iti__za {
  --iti-flag-offset: -241;
}
.iti__zm {
  --iti-flag-offset: -242;
}
.iti__zw {
  --iti-flag-offset: -243;
}

/* packages/core/src/css/intlTelInput.css */
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-country-selector-bg: white;
  --iti-icon-color: #555;
  --iti-spacer-horizontal: 10px;
  --iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);
  --iti-globe-icon-size: 17px;
  --iti-clear-icon-size: 15px;
  --iti-border-width: 1px;
  --iti-arrow-size: 5px;
  --iti-arrow-width: 1.5px;
  --iti-arrow-padding: 7px;
  --iti-mobile-popup-margin: 30px;
  --iti-strict-reject-flash-color: rgba(255, 0, 0, 0.12);
}
.iti {
  position: relative;
  display: inline-block;
  * {
    box-sizing: border-box;
  }
  input.iti__tel-input,
  input.iti__tel-input[type=text],
  input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    display: block;
    min-width: 100%;
    margin: 0 !important;
  }
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__selected-dial-code {
  margin-left: 4px;
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  margin-top: -2px;
  width: var(--iti-arrow-size);
  height: var(--iti-arrow-size);
  box-sizing: border-box;
  border-right: var(--iti-arrow-width) solid var(--iti-icon-color);
  border-bottom: var(--iti-arrow-width) solid var(--iti-icon-color);
  transform: rotate(45deg);
}
.iti__arrow--up {
  margin-top: 4px;
  transform: rotate(-135deg);
}
.iti__country-selector {
  border-radius: 3px;
  background-color: var(--iti-country-selector-bg);
  .iti--inline-country-selector & {
    border: var(--iti-border-width) solid var(--iti-border-color);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  }
  .iti--inline-country-selector:not(.iti--detached-country-selector) & {
    position: absolute;
    z-index: 2;
    left: 0;
  }
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding-left: calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));
  padding-right: calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));
  [dir=rtl] & {
    padding-left: inherit;
    padding-right: 30px;
    background-position: right 8px center;
  }
  &::-webkit-search-cancel-button {
    appearance: none;
  }
}
.iti__search-input,
.iti__country {
  padding-top: 8px;
  padding-bottom: 8px;
}
.iti__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--iti-border-color);
}
.iti__search-icon {
  position: absolute;
  left: var(--iti-spacer-horizontal);
  display: flex;
  pointer-events: none;
  [dir=rtl] & {
    left: auto;
    right: var(--iti-spacer-horizontal);
  }
}
.iti__search-icon-svg {
  width: var(--iti-globe-icon-size);
  height: var(--iti-globe-icon-size);
  display: block;
  stroke: var(--iti-icon-color);
  fill: none;
  stroke-width: 3;
}
.iti__search-clear {
  position: absolute;
  right: calc(var(--iti-spacer-horizontal) / 2);
  background: transparent;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: calc(var(--iti-spacer-horizontal) / 2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
  .iti__search-clear-x {
    stroke-width: 2;
  }
  .iti__search-clear-bg {
    fill: var(--iti-icon-color);
  }
  [dir=rtl] & {
    right: auto;
    left: var(--iti-spacer-horizontal);
  }
  &:hover,
  &:focus-visible {
    background: var(--iti-hover-color);
    outline: none;
  }
}
.iti__search-clear-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}
.iti__no-results {
  text-align: center;
  padding: 30px 0;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  .iti--inline-country-selector & {
    max-height: 185px;
  }
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
  @media (max-width: 500px) {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding-left: var(--iti-spacer-horizontal);
  padding-right: var(--iti-spacer-horizontal);
  outline: none;
  &.iti__highlight {
    background-color: var(--iti-hover-color);
  }
}
.iti__country-name {
  flex-grow: 1;
}
.iti__country-check {
  margin-left: var(--iti-spacer-horizontal);
  display: flex;
  align-items: center;
  color: var(--iti-icon-color);
}
.iti__country-check-svg {
  width: var(--iti-clear-icon-size);
  height: var(--iti-clear-icon-size);
  display: block;
}
.iti__country-list .iti__flag {
  margin-right: var(--iti-spacer-horizontal);
  flex-shrink: 0;
  [dir=rtl] & {
    margin-right: 0;
    margin-left: var(--iti-spacer-horizontal);
  }
}
.iti--has-country-selector {
  .iti__country-container:has(+ input[disabled]),
  .iti__country-container:has(+ input[readonly]) {
    button.iti__selected-country {
      cursor: not-allowed;
      .iti__arrow {
        visibility: hidden;
      }
    }
  }
  .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) {
    .iti__selected-country-primary:hover,
    .iti__selected-country:has(+ .iti__country-selector:hover) .iti__selected-country-primary {
      background-color: var(--iti-hover-color);
    }
  }
}
.iti--detached-country-selector {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  &:hover {
    cursor: pointer;
  }
}
.iti--detached-country-selector {
  top: calc(anchor(bottom) + 3px);
  left: anchor(left);
  position-try-fallbacks: --iti-flip-above;
}
@position-try --iti-flip-above {
  top: auto;
  bottom: calc(anchor(top) + 3px);
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti--fullscreen-popup {
  &.iti--detached-country-selector {
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: var(--iti-mobile-popup-margin);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .iti__country-selector {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative;
  }
  .iti__country,
  .iti__search-input {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .iti__country {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.5em;
  }
}
.iti__flag {
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
  background-repeat: no-repeat;
  background-position: calc(var(--iti-flag-offset, 100) * var(--iti-flag-width)) 0;
  background-size: calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height);
}
.iti__loading {
  position: relative;
  background: none;
  box-shadow: none;
  &::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: var(--iti-flag-height);
    height: var(--iti-flag-height);
    box-sizing: border-box;
    border: 2px solid var(--iti-icon-color);
    border-right-color: transparent;
    border-radius: 50%;
    animation: iti-spinner 1s linear infinite;
  }
}
@keyframes iti-spinner {
  to {
    transform: rotate(360deg);
  }
}
.iti__strict-reject-animation {
  .iti__tel-input,
  .iti__selected-country {
    animation: iti-strict-reject-shake 0.3s cubic-bezier(0.36, 0.07, 0.19, 0.97);
  }
  @media (prefers-reduced-motion: reduce) {
    .iti__tel-input {
      animation: iti-strict-reject-flash 0.3s ease-out both;
    }
    .iti__selected-country {
      animation: none;
    }
  }
}
@keyframes iti-strict-reject-shake {
  10%, 90% {
    transform: translateX(-1px);
  }
  20%, 80% {
    transform: translateX(2px);
  }
  30%, 50%, 70% {
    transform: translateX(-3px);
  }
  40%, 60% {
    transform: translateX(3px);
  }
}
@keyframes iti-strict-reject-flash {
  40% {
    background-color: var(--iti-strict-reject-flash-color);
  }
}
.iti__globe {
  background: none;
  box-shadow: none;
  height: var(--iti-globe-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  .iti__globe-svg {
    width: 100%;
    height: 100%;
    fill: var(--iti-icon-color);
  }
}
@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))) {
  .iti__tel-input:focus {
    outline-offset: 1px;
  }
}

/* packages/core/src/css/intlTelInputWithAssets.css */
:root {
  --iti-path-flags-1x: url('flags.420586f59e710fef.webp');
  --iti-path-flags-2x: url('flags@2x.9790563a0e331d13.webp');
}

body {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -webkit-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container {
  min-height: 1px;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  -webkit-user-select: none;
          user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: 0px;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-charts-theme-default {
  --ag-charts-align: none !important;
  --ag-charts-justify: none !important;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
  box-shadow: none;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button,
.ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button,
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button,
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

@font-face {
  font-family: "agGridQuartz";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
  --ag-active-color: #2196f3;
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
  --ag-tooltip-background-color: var(--ag-header-background-color);
  --ag-control-panel-background-color: var(--ag-header-background-color);
  --ag-subheader-background-color: transparent;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
  --ag-input-focus-border-color: var(--ag-active-color);
  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-active-color);
  --ag-range-selection-border-color: var(--ag-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
  --ag-input-disabled-border-color: var(--ag-border-color);
  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
  --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
  --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
  --ag-borders: solid 1px;
  --ag-border-radius: 4px;
  --ag-wrapper-border-radius: 8px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 8px;
  --ag-icon-size: 16px;
  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
  --ag-list-item-height: calc(
      var(--ag-icon-size) + var(--ag-widget-vertical-spacing)
  );
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-filter-tool-panel-group-indent: var(--ag-grid-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-toggle-button-border-width: 2px;
  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
      Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-icon-font-family: agGridQuartz;
  --ag-tab-min-width: 290px;
  --ag-chart-menu-panel-width: 260px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-quartz-dark {
  --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
  --ag-foreground-color: #fff;
  --ag-border-color: rgba(255, 255, 255, 0.16);
  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
  --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-input-disabled-background-color: #68686e12;
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-selected-row-background-color: var(--ag-row-hover-color);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-quartz-auto-dark {
    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
    --ag-foreground-color: #fff;
    --ag-border-color: rgba(255, 255, 255, 0.16);
    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-input-disabled-background-color: #68686e12;
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-selected-row-background-color: var(--ag-row-hover-color);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 500;
  color: var(--ag-header-foreground-color);
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-],
.ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-],
.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-picker-field-wrapper,
.ag-theme-quartz-dark .ag-picker-field-wrapper,
.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
  min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab,
.ag-theme-quartz-dark .ag-tab,
.ag-theme-quartz-auto-dark .ag-tab {
  padding: var(--ag-grid-size);
  border-left: var(--ag-borders) transparent;
  border-right: var(--ag-borders) transparent;
  flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected,
.ag-theme-quartz-dark .ag-tab-selected,
.ag-theme-quartz-auto-dark .ag-tab-selected {
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
  opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
  opacity: 1;
}
.ag-theme-quartz .ag-menu,
.ag-theme-quartz-dark .ag-menu,
.ag-theme-quartz-auto-dark .ag-menu {
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-header,
.ag-theme-quartz-dark .ag-menu-header,
.ag-theme-quartz-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option,
.ag-theme-quartz-dark .ag-menu-option,
.ag-theme-quartz-auto-dark .ag-menu-option {
  font-weight: 500;
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
  text-align: right;
}

.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
  text-align: left;
}

.ag-theme-quartz .ag-tabs-header,
.ag-theme-quartz-dark .ag-tabs-header,
.ag-theme-quartz-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  display: flex;
  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar,
.ag-theme-quartz-dark .ag-side-bar,
.ag-theme-quartz-auto-dark .ag-side-bar {
  background-color: var(--ag-control-panel-background-color);
  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons,
.ag-theme-quartz-dark .ag-side-buttons,
.ag-theme-quartz-auto-dark .ag-side-buttons {
  padding: 0;
  align-self: stretch;
  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button,
.ag-theme-quartz-dark .ag-side-button,
.ag-theme-quartz-auto-dark .ag-side-button {
  border-top: var(--ag-borders) transparent;
  border-bottom: var(--ag-borders) transparent;
}
@media (max-resolution: 1.5x) {
  .ag-theme-quartz .ag-side-button-label,
  .ag-theme-quartz-dark .ag-side-button-label,
  .ag-theme-quartz-auto-dark .ag-side-button-label {
    font-family: "Segoe UI", var(--ag-font-family);
    transform: rotate(0.05deg);
  }
}
.ag-theme-quartz .ag-side-button.ag-selected,
.ag-theme-quartz-dark .ag-side-button.ag-selected,
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
  border-bottom-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
  border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-column-panel-column-select,
.ag-theme-quartz-dark .ag-column-panel-column-select,
.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
  border-top: none;
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
  height: initial;
  margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input,
.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
  margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel,
.ag-theme-quartz-dark .ag-filter-apply-panel,
.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
  border: none;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
  position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  border-top: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-mini-thumbnail,
.ag-theme-quartz-dark .ag-chart-mini-thumbnail,
.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
  margin-top: 0;
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar,
.ag-theme-quartz-dark .ag-chart-settings-nav-bar,
.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  background: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
  color: var(--ag-chart-menu-label-color);
}
.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-data-section label,
.ag-theme-quartz .ag-chart-format-section label,
.ag-theme-quartz-dark .ag-chart-data-section label,
.ag-theme-quartz-dark .ag-chart-format-section label,
.ag-theme-quartz-auto-dark .ag-chart-data-section label,
.ag-theme-quartz-auto-dark .ag-chart-format-section label {
  display: inline-block;
}
.ag-theme-quartz .ag-chart-format-wrapper,
.ag-theme-quartz .ag-chart-data-wrapper,
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-format-top-level-group-item,
.ag-theme-quartz .ag-charts-format-sub-level-group,
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-chart-format-wrapper,
.ag-theme-quartz-dark .ag-chart-data-wrapper,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  padding: 0;
  margin: 0;
}
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-data-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-data-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-data-group {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: var(--ag-widget-vertical-spacing) 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
  padding-top: var(--ag-widget-vertical-spacing);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-charts-data-group-item,
.ag-theme-quartz-dark .ag-charts-data-group-item,
.ag-theme-quartz-auto-dark .ag-charts-data-group-item {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-advanced-settings-section,
.ag-theme-quartz-dark .ag-chart-advanced-settings-section,
.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
  padding-top: var(--ag-widget-container-vertical-padding);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
  margin: 0;
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
  margin-bottom: 0;
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-spectrum-color,
.ag-theme-quartz .ag-spectrum-fill,
.ag-theme-quartz-dark .ag-spectrum-color,
.ag-theme-quartz-dark .ag-spectrum-fill,
.ag-theme-quartz-auto-dark .ag-spectrum-color,
.ag-theme-quartz-auto-dark .ag-spectrum-fill {
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-spectrum-dragger,
.ag-theme-quartz-dark .ag-spectrum-dragger,
.ag-theme-quartz-auto-dark .ag-spectrum-dragger {
  border-radius: 18px;
  height: 18px;
  width: 18px;
  border: 3px solid white;
}
.ag-theme-quartz .ag-spectrum-tools,
.ag-theme-quartz-dark .ag-spectrum-tools,
.ag-theme-quartz-auto-dark .ag-spectrum-tools {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.ag-theme-quartz .ag-spectrum-tool,
.ag-theme-quartz-dark .ag-spectrum-tool,
.ag-theme-quartz-auto-dark .ag-spectrum-tool {
  height: 12px;
}
.ag-theme-quartz .ag-spectrum-hue-background,
.ag-theme-quartz .ag-spectrum-alpha-background,
.ag-theme-quartz-dark .ag-spectrum-hue-background,
.ag-theme-quartz-dark .ag-spectrum-alpha-background,
.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,
.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {
  border-radius: 12px;
}
.ag-theme-quartz .ag-spectrum-slider,
.ag-theme-quartz-dark .ag-spectrum-slider,
.ag-theme-quartz-auto-dark .ag-spectrum-slider {
  margin-top: -15px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 3px solid rgb(248, 248, 248);
}
.ag-theme-quartz .ag-recent-colors,
.ag-theme-quartz-dark .ag-recent-colors,
.ag-theme-quartz-auto-dark .ag-recent-colors {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  margin-bottom: 2px;
}
.ag-theme-quartz .ag-color-input-color,
.ag-theme-quartz .ag-color-picker-color,
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-color-input-color,
.ag-theme-quartz-dark .ag-color-picker-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-color-input-color,
.ag-theme-quartz-auto-dark .ag-color-picker-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border-radius: 4px;
}
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz.ag-dnd-ghost,
.ag-theme-quartz-dark.ag-dnd-ghost,
.ag-theme-quartz-auto-dark.ag-dnd-ghost {
  font-weight: 500;
}
.ag-theme-quartz .ag-standard-button,
.ag-theme-quartz-dark .ag-standard-button,
.ag-theme-quartz-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: solid 1px var(--ag-input-border-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover,
.ag-theme-quartz-dark .ag-standard-button:hover,
.ag-theme-quartz-auto-dark .ag-standard-button:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active,
.ag-theme-quartz-dark .ag-standard-button:active,
.ag-theme-quartz-auto-dark .ag-standard-button:active {
  border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled,
.ag-theme-quartz-dark .ag-standard-button:disabled,
.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell,
.ag-theme-quartz-dark .ag-column-drop-cell,
.ag-theme-quartz-auto-dark .ag-column-drop-cell {
  border-radius: calc(var(--ag-grid-size) * 3);
  height: calc(var(--ag-grid-size) * 3);
  padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  min-width: 0;
  margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
  margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical,
.ag-theme-quartz-dark .ag-column-drop-vertical,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
  margin-left: 0;
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
  margin-right: 0;
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message,
.ag-theme-quartz-dark .ag-column-drop-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-pill-select .ag-column-drop,
.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
  font-weight: 500;
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value,
.ag-theme-quartz-dark .ag-status-name-value,
.ag-theme-quartz-auto-dark .ag-status-name-value {
  padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number,
.ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,
.ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 500;
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover,
.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-hover-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active,
.ag-theme-quartz-dark .ag-filter-active,
.ag-theme-quartz-auto-dark .ag-filter-active {
  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
  position: relative;
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-active-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active::after,
.ag-theme-quartz-dark .ag-filter-active::after,
.ag-theme-quartz-auto-dark .ag-filter-active::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  right: -1px;
  border-radius: 50%;
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu,
.ag-theme-quartz-dark .ag-chart-menu,
.ag-theme-quartz-auto-dark .ag-chart-menu {
  --ag-icon-size: 20px;
  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
  padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle,
.ag-theme-quartz-dark .ag-drag-handle,
.ag-theme-quartz-auto-dark .ag-drag-handle {
  color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-menu-option-icon,
.ag-theme-quartz .ag-compact-menu-option-icon,
.ag-theme-quartz-dark .ag-menu-option-icon,
.ag-theme-quartz-dark .ag-compact-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
  border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
  height: initial;
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
  margin: 0;
}
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button,
.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon,
.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
  opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip,
.ag-theme-quartz-dark .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-icon-grip {
  opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
  background-position: 50% 50%;
  background-size: contain;
  opacity: 40%;
  content: "";
  filter: var(--ag-icon-filter);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input {
  padding-left: 26px;
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input {
  padding-right: 26px;
}

.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-text-field-input[disabled],
.ag-theme-quartz .ag-menu-option-disabled,
.ag-theme-quartz-dark .ag-text-field-input[disabled],
.ag-theme-quartz-dark .ag-menu-option-disabled,
.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
  cursor: not-allowed;
}
.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
}
.ag-theme-quartz .ag-checkbox-input,
.ag-theme-quartz .ag-toggle-button-input,
.ag-theme-quartz .ag-radio-button-input,
.ag-theme-quartz input[class^=ag-][type=range],
.ag-theme-quartz-dark .ag-checkbox-input,
.ag-theme-quartz-dark .ag-toggle-button-input,
.ag-theme-quartz-dark .ag-radio-button-input,
.ag-theme-quartz-dark input[class^=ag-][type=range],
.ag-theme-quartz-auto-dark .ag-checkbox-input,
.ag-theme-quartz-auto-dark .ag-toggle-button-input,
.ag-theme-quartz-auto-dark .ag-radio-button-input,
.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
  cursor: pointer;
}
.ag-theme-quartz .ag-details-row,
.ag-theme-quartz-dark .ag-details-row,
.ag-theme-quartz-auto-dark .ag-details-row {
  padding: calc(var(--ag-grid-size) * 3.75);
}
.ag-theme-quartz .ag-list-item-hovered::after,
.ag-theme-quartz-dark .ag-list-item-hovered::after,
.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-active-color);
}
.ag-theme-quartz .ag-header-highlight-before::after,
.ag-theme-quartz .ag-header-highlight-after::after,
.ag-theme-quartz-dark .ag-header-highlight-before::after,
.ag-theme-quartz-dark .ag-header-highlight-after::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-before::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-active-color);
}

.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
  opacity: 66%;
  filter: invert(100%);
}
.ag-theme-quartz-dark .ag-chart-menu {
  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);
}
.ag-theme-quartz-dark .ag-text-field-input::placeholder {
  color: var(--ag-data-color);
  opacity: 0.8;
}

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}

@charset "UTF-8";

/* intl-tel-input Bootstrap alignment — scoped via app-license-generation host */
app-license-generation .iti {
  display: block !important;
  width: 100%;
}

app-license-generation .iti input[type=tel] {
  width: 100%;
  height: 48px;
  border-radius: 8px;
}

/*!
 * Bootstrap  v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --ct-logo-lg-height: 22px;
  --ct-logo-sm-height: 22px;
  --ct-leftbar-width: 260px;
  --ct-leftbar-width-md: 160px;
  --ct-leftbar-width-sm: 70px;
  --ct-leftbar-condensed-height: auto;
  --ct-topbar-height: 70px;
  --ct-menu-item-icon-size: 1.2rem;
  --ct-menu-item-font-size: 0.75rem;
  --ct-menu-item-padding-x: 10px;
  --ct-menu-item-padding-y: 15px;
  --ct-menu-condensed-link-bg: var(--menu-condensed-hover-bg);
  --ct-footer-height: 60px;
  --ct-menu-bg: #ffffff;
}

[class*=ag-theme-] {
  font-family: var(--ag-font-family) !important;
  --ag-font-family: "Inter", sans-serif !important;
}

html [data-menu-color=light] {
  --ct-menu-bg: #ffffff;
  --ct-menu-item-color: #202020;
  --ct-menu-item-hover-color: rgba(38, 34, 98, 1);
  --ct-menu-item-hover-bg: rgba(237, 241, 255, 1);
  --ct-menu-item-active-color: #202020;
  --ct-help-box-bg: #E5E5E5
}

html[data-menu-color=dark] {
  --ct-menu-bg: #313a46;
  --ct-menu-item-color: #8391a2;
  --ct-menu-item-hover-color: rgba(223, 223, 223, 1);
  --ct-menu-item-hover-bg: rgba(38, 34, 98, 1);
  --ct-menu-item-active-color: #ffffff;
  --ct-help-box-bg: rgba(255, 255, 255, 0.07)
}

html[data-menu-color=brand] {
  --ct-menu-bg: linear-gradient(135deg, #6379c3 0%, #546ee5 60%);
  --ct-menu-item-color: #cedce4;
  --ct-menu-item-hover-color: #ffffff;
  --ct-menu-item-active-color: #ffffff;
  --ct-help-box-bg: rgba(255, 255, 255, 0.07)
}

html[data-bs-theme=dark][data-menu-color=dark], html[data-bs-theme=dark][data-menu-color=light] {
  --ct-menu-bg: #202020;
  --ct-menu-item-color: rgba(255, 255, 255, 1);
  --ct-menu-item-hover-color: rgba(223, 223, 223, 1);
  --ct-menu-item-active-color: #ffffff;
  --ct-help-box-bg: rgba(255, 255, 255, 0.07)
}

html[data-topbar-color=light] {
  --ct-topbar-bg: #ffffff;
  --ct-topbar-item-color: #555555;
  --ct-topbar-item-hover-color: #262262;
  --ct-topbar-search-bg: #f0f3f8;
  --ct-topbar-user-bg: #fafafd;
  --ct-topbar-user-border: #eef2f7
}

html[data-topbar-color=dark] {
  --ct-topbar-bg: #313a46;
  --ct-topbar-item-color: #8391a2;
  --ct-topbar-item-hover-color: #bccee4;
  --ct-topbar-search-bg: #464f5b;
  --ct-topbar-user-bg: #3c4655;
  --ct-topbar-user-border: #414d5d
}

html[data-topbar-color=brand] {
  --ct-topbar-bg: linear-gradient(135deg, #6379c3 0%, #546ee5 60%);
  --ct-topbar-item-color: rgba(255, 255, 255, 0.7);
  --ct-topbar-item-hover-color: #ffffff;
  --ct-topbar-search-bg: rgba(255, 255, 255, 0.1);
  --ct-topbar-user-bg: rgba(255, 255, 255, 0.1);
  --ct-topbar-user-border: rgba(255, 255, 255, 0.15)
}

html[data-bs-theme=dark][data-topbar-color=dark], html[data-bs-theme=dark][data-topbar-color=light] {
  --ct-topbar-bg: #202020;
  --ct-topbar-item-color: #BFBFBF;
  --ct-topbar-item-hover-color: #bccee4;
  --ct-topbar-search-bg: #404040;
  --ct-topbar-user-bg: #3c4655;
  --ct-topbar-user-border: #414d5d
}

:root, [data-bs-theme=light] {
  --ct-blue: #2c8ef8;
  --ct-indigo: #727cf5;
  --ct-purple: #6b5eae;
  --ct-pink: #ff679b;
  --ct-red: #fa5c7c;
  --ct-orange: #fd7e14;
  --ct-yellow: #ffc35a;
  --ct-green: #0acf97;
  --ct-teal: #02a8b5;
  --ct-cyan: #39afd1;
  --ct-black: #000;
  --ct-white: #fff;
  --ct-gray: #8a969c;
  --ct-gray-dark: #343a40;
  --ct-gray-100: #f6f7fb;
  --ct-gray-200: #eef2f7;
  --ct-gray-300: #dee2e6;
  --ct-gray-400: #ced4da;
  --ct-gray-500: #a1a9b1;
  --ct-gray-600: #8a969c;
  --ct-gray-700: #6c757d;
  --ct-gray-800: #343a40;
  --ct-gray-900: #313a46;
  --ct-primary: #4A4981;
  --ct-custom: #3d3a67;
  --ct-secondary: #6c757d;
  --ct-success: #0acf97;
  --ct-info: #39afd1;
  --ct-warning: #ffc35a;
  --ct-danger: #fa5c7c;
  --ct-light: #DFDFDF;
  --ct-dark: #313a46;
  --ct-primary-rgb: 114,124,245;
  --ct-secondary-rgb: 108,117,125;
  --ct-success-rgb: 5, 164, 79;
  --ct-info-rgb: 57,175,209;
  --ct-warning-rgb: 255,195,90;
  --ct-danger-rgb: 232,31,44;
  --ct-light-rgb: 223,223,223;
  --ct-dark-rgb: 49,58,70;
  --ct-primary-text-emphasis: #2e3262;
  --ct-secondary-text-emphasis: #8a969c;
  --ct-success-text-emphasis: #04533c;
  --ct-info-text-emphasis: #174654;
  --ct-warning-text-emphasis: #664e24;
  --ct-danger-text-emphasis: #642532;
  --ct-light-text-emphasis: #495057;
  --ct-dark-text-emphasis: #495057;
  --ct-primary-bg-subtle: #f1f2fe;
  --ct-secondary-bg-subtle: #f6f7fb;
  --ct-success-bg-subtle: #e7faf5;
  --ct-info-bg-subtle: #ebf7fa;
  --ct-warning-bg-subtle: #fff9ef;
  --ct-danger-bg-subtle: #ffeff2;
  --ct-light-bg-subtle: #fbfbfd;
  --ct-dark-bg-subtle: #ced4da;
  --ct-primary-border-subtle: #e3e5fd;
  --ct-secondary-border-subtle: #eef2f7;
  --ct-success-border-subtle: #cef5ea;
  --ct-info-border-subtle: #d7eff6;
  --ct-warning-border-subtle: #fff3de;
  --ct-danger-border-subtle: #fedee5;
  --ct-light-border-subtle: #eef2f7;
  --ct-dark-border-subtle: #a1a9b1;
  --ct-white-rgb: 255,255,255;
  --ct-black-rgb: 0,0,0;
  --ct-font-sans-serif: 'Inter', sans-serif;
  --ct-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --ct-body-font-family: var(--ct-font-sans-serif);
  --ct-body-font-size: 0.875rem;
  --ct-body-font-weight: 400;
  --ct-body-line-height: 1.5;
  --ct-body-color: rgba(85, 85, 85, 1);
  --ct-body-color-rgb: 108,117,125;
  --ct-body-bg: #ffffff;
  --ct-body-bg-rgb: 250,251,254;
  --ct-emphasis-color: rgba(108, 117, 125, 0.75);
  --ct-emphasis-color-rgb: 108,117,125;
  --ct-secondary-color: #808080;
  --ct-secondary-color-rgb: 108,117,125;
  --ct-secondary-bg: #fff;
  --ct-secondary-bg-rgb: 255,255,255;
  --ct-tertiary-color: #313539;
  --ct-tertiary-color-rgb: 49,53,57;
  --ct-tertiary-bg: #ffffff;
  --ct-tertiary-bg-rgb: rgb(255 255 255);
  --ct-heading-color: rgba(0, 0, 0, 1);
  --ct-link-color: #727cf5;
  --ct-link-color-rgb: 114,124,245;
  --ct-link-decoration: none;
  --ct-link-hover-color: #edf1ff;
  --ct-link-hover-color-rgb: 97,105,208;
  --ct-code-color: #39afd1;
  --ct-highlight-bg: #fff3de;
  --ct-border-width: 1px;
  --ct-border-style: solid;
  --ct-border-color: rgba(0, 0, 0, 0.1);
  --ct-border-color-custom-input: rgba(0, 0, 0, 0.1);
  --ct-border-color-translucent: rgba(128, 128, 128, 1);
  --ct-border-radius: 8px;
  --ct-border-radius-sm: 8px;
  --ct-border-radius-lg: 8px;
  --ct-border-radius-xl: 1rem;
  --ct-border-radius-xxl: 2rem;
  --ct-border-radius-2xl: var(--ct-border-radius-xxl);
  --ct-border-radius-pill: 50rem;
  --ct-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
  --ct-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--ct-body-color-rgb), 0.15);
  --ct-box-shadow-lg: 0 0 45px 0 rgba(var(--ct-body-color-rgb), 0.2);
  --ct-box-shadow-inset: inset 0 1px 2px rgba(var(--ct-body-color-rgb), 0.075);
  --ct-focus-ring-width: 0.15rem;
  --ct-focus-ring-opacity: 0.25;
  --ct-focus-ring-color: rgba(114, 124, 245, 0.25);
  --ct-form-valid-color: #0acf97;
  --ct-form-valid-border-color: #0acf97;
  --ct-form-invalid-color: #fa5c7c;
  --ct-form-invalid-border-color: #fa5c7c;
  --ct-modal-footer-bg: #ffffff;
  --ct-modal-primary-color: #262262;
  --ct-modal-hover-bg: #EDF1FF;
  --ct-modal-hover-primary-color: #262262;
  --ct-modal-label-color: #000000;
  --ct-modal-add-bg: #ffffff;
  --ct-modal-nav-color: #555555;
  --ct-modal-nav-active-color: #000000;
  --ct-btn-add-bg: #ffffff;
  --ct-modal-subheads-color: #555555;
  --ct-modal-heading-color: #000000;
  --ct-modal-heading-color-close: rgba(85, 85, 85, 1);
  --ct-primary-border-btn-color: #262262;
  --ct-name-badge-border-color: #0000001A;
  --ct-btn-light: #262262;
  --ct-btn-bulk-bg: #ffffff;
  --ct-upload-photo-bg: #eeeeee;
  --ct-photo-section-bg: #00000005;
  --ct-tooltip-bg-theme: #4A4981;
  --ct-tooltip-bgcolor-theme: #FFFFFF;
  --ct-zoom-controls-bg: #FFFFFF;
  --ct-zoom-controls-color: #000000;
  --ct-btn-disabled-bg-theme: #DFDFDF;
  --ct-btn-disabled-color-theme: #555555;
  --ct-inoutcontrolline-bg: #0000000D;
  --ct-indicator-inoutcontrol-bg: #4a4981;
  --ct-formSelect-disabled-bg-theme: #DFDFDF;
  --ct-formSelect-disabled-color-theme: #404040;
  --ct-bio-thead-bg: #fafafa;
  --ct-border-color-table: rgba(223, 223, 223, 1);
  --ct-fixed-col-bg-color-th: rgba(245, 245, 245, 1);
  --ct-fixed-col-bg-color: #ffffff;
  --ct-menu-item-hover-color: rgba(38, 34, 98, 1);
  --ct-menu-item-hover-bg: rgba(237, 241, 255, 1);
  --menu-condensed-hover-bg: rgba(237, 241, 255, 1);
  --ct-menu-condensed-link-color: rgba(38, 34, 98, 1);
  --menu-sub-item-hover-bg: rgba(237, 241, 255, 1);
  --ct-popup-hover-bg: #EDF1FF;
  --ct-popup-bulk-hover-color: rgba(38, 34, 98, 1);
  --ct-popup-hover-color: #262262;
  --ct-loader-point-bg: #262262;
  --ct-shift-details-term: rgba(83, 83, 83, 1);
  --ct-shift-details-form: rgba(43, 43, 43, 1);
  --ct-common-color: rgba(38, 34, 98, 1);
  --ct-common-bg-color: rgba(38, 34, 98, 1);
  --ct-icon-CheckboxCircle: rgba(74, 73, 129, 1);
  --ct-search-dropdown-color: rgba(38, 34, 98, 1);
  --ct-search-dropdown-bg: #dce3ff85;
  --ct-border-color-card: rgba(0, 0, 0, 0.2);
  --ct-primary-bg-active: rgba(0, 0, 0, 0);
  --ct-primary-active: rgba(0, 0, 0, 1);
  --ct-icon-commonColor: rgba(74, 73, 129, 1);
  --ct-grey-color: rgba(85, 85, 85, 1);
  --ct-text-color: rgba(85, 85, 85, 1);
  --ct-select-color: #808080;
  --ct-tag-bg: rgba(74, 73, 129, 1);
  --ct-tag-color: rgba(255, 255, 255, 1);
  --ct-not-bg-color: rgba(252, 208, 152, 1);
  --ct-not-color: rgba(64, 64, 64, 1);
  --ct-badge-suspended-bg-color: #fff6e7;
  --ct-badge-suspended-color: rgba(248, 151, 33, 1);
  --ct-active-round: rgba(220, 227, 255, 1);
  --ct-active-round-color: rgb(74 73 129);
  --ct-av-active-bg: #DCE3FF;
  --ct-av-active-color: #262262;
  --ct-btn-color-sc: #262262;
  --ct-table-action-cell: #ffffff;
  --ct-tab-bg: #ffffff;
  --ct-tab-light: #fafafa;
  --ct-border-bottom: #0000001A;
  --nav-link-underline: rgba(38, 34, 98, 1);
  --ct-tab-bb: rgba(0, 0, 0, 0.1);
  --ct-toggle-bg: rgba(255, 255, 255, 1);
  --ct-toggle-bg-active: rgba(255, 255, 255, 1);
  --ct-bg-toggle-active: rgba(74, 73, 129, 1);
  --ct-secondary-bg-bulk: rgba(255, 255, 255, 1);
  --tab-head-bg: #fafafa;
  --ct-floatingMneu-bg: #ffffff;
  --ct-live-icon-Normal-bg: #05A44F0D;
  --ct-live-icon-Normal-color: #05A44F;
  --ct-live-icon-Normal-notification-bg: #05A44F;
  --ct-live-icon-Megaphone-bg: #4CA0D80D;
  --ct-live-icon-Megaphone-color: #4CA0D8;
  --ct-live-icon-Megaphone-notification-bg: #4CA0D8;
  --ct-live-icon-Alert-bg: #F897210D;
  --ct-live-icon-Alert-color: #E38A11;
  --ct-live-icon-Alert-notification-bg: #E38A11;
  --ct-live-icon-Deactivate-bg: #E81F2C0D;
  --ct-live-icon-Deactivate-color: #E81F2C;
  --ct-live-icon-Deactivate-notification-bg: #E81F2C;
  --ct-fixheader-bg: #ffffffb5;
  --ct-text-white: #000;
  --btn-bg-green-color: #05884F;
  --btn-bg-blue-color: #4A4981;
  --btn-bg-red-color: #981F2C;
  --btn-bg-grey-color: #555555;
  --ct-search-hover-bg: #f0f3f8;
  --ct-border-zone: #ccc;
  --ct-color-pane: #555;
  --ct-bg-dynamic-qr: #f9f9f9;
  --ct-output-bg: #DCE3FF;
  --ct-output-color: #262262;
  --ct-door-bg: #0000001A;
  --ct-online-bg: #05A44F0D;
  --ct-offline-bg: #4040400d;
  --ct-Tombstone-color: #555555;
  --ct-badge-app-bg-color: rgba(76, 160, 216, 0.1);
  --ct-badge-app-color: rgba(76, 160, 216, 1);
  --ct-portal-bg: #f9f9f9;
  --ct-border-box-bg: rgba(0, 0, 0, 0.02);
  --ct-chatbot-area-bg: #ffffff;
  --ct-input-div-bg: #ffffff;
  --ct-input-div-border: rgba(0, 0, 0, 0.1);
  --ct-bot-line-bg: #ffffff;
  --ct-main-header-bg: #202020;
  --ct-msg-color: #000000;
  --ct-prompt-bg: #0000000D;
  --ct-prompt-color: #808080;
  --ct-header-i-color: rgba(191, 191, 191, 1);
  --ct-bot-bg: #000000;
  --ct-chatbot-color: rgba(255, 255, 255, 1);
  --ct-bot-text-color: #202020;
  --ct-user-text-bg: rgba(237, 241, 255, 1);
  --ct-user-text-color: #060339;
  --ct-select-option-color: #000000;
  --ct-input-tab-disabled-bg: #cecece;
  --ct-chip-color: #262262;
  --ct-chip-bg: #DCE3FF;
  --ct-das-head-color: rgba(22, 19, 78, 1);
  --ct-das--risk-section-back: rgba(14, 14, 14, 0.03);
  --ct-das--risk-name-color: rgba(85, 85, 85, 1);
  --ct-dash-card-head-color: rgba(64, 64, 64, 1);
  --ct-card-dash-bg: rgba(0, 0, 0, 0.04);
  --ct-undersub-color: rgba(32, 32, 32, 1);
  --ct-card-icon-bg: rgba(220, 227, 255, 1);
  --ct-custom-dropdown-bg: rgba(237, 241, 255, 1);
  --ct-custom-dropdown-color: #4A4981;
  --ct-checkbox-color-custom: #4a4981;
  --ct-checkbox-bg-custom: #4a4981;
  --ct-checkbox-center-color: #FFFFFF;
  --ct-bg-box-color: rgba(0, 0, 0, 0.02);
  --ct-active-status-bg: #d4f5dc;
  --ct-active-status-color: #008000;
  --ct-available-status-bg: #0000001A;
  --ct-available-status-color: #555555;
  --ct-Inactive-status-bg: #F897211A;
  --ct-Inactive-status-color: #F89721;
  --ct-active-failed-bg: #E81F2C1A;
  --ct-active-failed-color: #E81F2C;
  --ct-active-default-bg: rgba(237, 241, 255, 1);
  --ct-active-default-color: rgba(38, 34, 98, 1);
  --ct-highlight-row-bg: #DCE3FF;
  --icon-custom-visitor-bg: rgba(237, 241, 255, 1);
  --ct-link-hover-grid-color: rgba(38, 34, 98, 1);
  --ct-watchlist-row-bg: rgba(232, 31, 44, 0.05);
  --ct-body-color-table: rgba(85, 85, 85, 1);
  --ct-NgxEditor-MenuBar-bg: rgba(255, 255, 255, 1);
  --ct-NgxEditor-MenuBar-color: #000000;
  --ct-NgxEditor-Content-bg: rgba(255, 255, 255, 1);
  --ct-NgxEditor-Content-color: #000000;
  --ct-custom-grey-color: rgba(85, 85, 85, 1);
  --ct-map-info-box-bg: rgba(237, 241, 255, 1);
  --ct-map-info-title-color: rgba(128, 128, 128, 1);
  --ct-map-info-count-color: rgba(32, 32, 32, 1);
  --ct-map-info-arrow-color: rgba(74, 73, 129, 1);
  --ct-spans-right-bg: rgba(0, 0, 0, 0.05);
  --ct-spans-right-color: rgba(38, 34, 98, 1);
  --ct-filter-bg: rgba(38, 34, 98, 1);
  --ct-text-blue-color: rgba(74, 73, 129, 1);
  --ct-exp-date-range-color: rgba(0, 0, 0, 1);
  --ct-exp-date-range-bg: rgba(32, 32, 32, 1);
  --ct-active-view-bg: rgba(74, 73, 129, 1);
  --ct-dash-dropdown-btn-bg: rgba(0, 0, 0, 0.05);
  --ct-chip-main-bg: rgba(220, 227, 255, 1);
  --ct-chip-main-color: rgba(38, 34, 98, 1);
  --ct-bg-light-custom: rgba(0, 0, 0, 0.05);
  --ct-btn-date-range-color: rgba(0, 0, 0, 1);
  --ct-btn-clear-color: rgba(0, 0, 0, 0.95);
  --ct-accordion-custom-active-color: rgba(0, 0, 0, 1);
  --ct-tree-dash-color: rgba(128, 128, 128, 1);
  --ct-dropdown-list-dash-bg: rgba(255, 255, 255, 1);
  --ct-dropdown-list-dash-border: rgba(223, 223, 223, 1);
  --ct-dropdown-list-dash-color: rgba(0, 0, 0, 1);
  --ct-dropdown-list-dash-bg-hover: #e4e3e3;
  --ct-secondary-dash-card-bg: #fff;
  --ct-nav-active-link-dash: #262262;
  --ct-tip-color: rgba(227, 138, 17, 1);
  --ct-tip-bg: rgba(248, 151, 33, 0.05);
  --ct-example-color: rgba(76, 160, 216, 0.1);
  --ct-dash-label-default-color: #000000;
  --ct-border-box-custom-bg: rgba(0, 0, 0, 0.02);
  --ct-header-dash-color: rgba(128, 128, 128, 1);
  --ct-info-back-bg: #f1f1f1;
  --ct-modal-bg-dash: #fff;
  --ct-box-bg-cf: rgba(0, 0, 0, 0.02);
  --ct-dash-bar-bg: #0000000D;
  --ct-badge-primary-color: rgba(5, 164, 79, 1);
  --ct-badge-primary-bg: rgba(5, 164, 79, 0.1);
  --ct-badge-beta-shadow-bg: #202020;
  --ct-badge-beta-bg: #404040;
  --ct-badge-beta-color: #FFFFFF80;
  --ct-input-slider-bg: #05A44F1A;
  --ct-input-toggle-slider-bg: #05A44F;
  --ct-suggestion-box-suggestion-bg: rgba(223, 223, 223, 1);
  --ct-suggestion-box-suggestion-color: #202020;
  --ct-suggestion-box-suggestion-hover-bg: rgb(190 190 190);
  --ct-more-button-bg: #FFFFFF;
  --ct-more-button-border: #00000080;
  --ct-more-button-color: #202020;
  --ct-bg-dash-risk-right: #ffffff;
  --ct-box-bg-cf-small: #0000000D;
  --ct-modal-btn-color-dash: #202020;
  --ct-box-bg-cf-dash: #00000005;
  --ct-modal-label-color-dash: #404040;
  --ct-modal-label-color-dash-info: #202020;
  --ct-secondary-bg-custom: #fff;
  --ct-secondary-text-custom: rgba(85, 85, 85, 1);
  --ct-cred-text-dormant-dash: #E9690C;
  --ct-cred-text-ghost-dash: #808080;
  --ct-card-color: #000000;
  --ct-footer-text: #000000B2;
  --ct-number-badge-dash-color: #ffffff;
  --ct-tab-border-color: #262262;
  --ct-info-box-dash-bg: rgb(237 241 255);
  --ct-tb-border-active: #262262;
  --ct-das-head-color-map: rgba(22, 19, 78, 1);
  --ct-where-highlighted-dash: rgba(64, 64, 64, 1);
  --ct-where-info-nocap-color: rgba(64, 64, 64, 1);
  --ct-p-background: rgba(0, 0, 0, 0.05);
  --ct-header-chart-week-dash-color: #777;
  --ct-alarm-dash-tab-color-purple: #8e24aa;
  --ct-primary-model-tname-custom-dash: #262262;
  --ct-dash-total-user-color: #808080;
  --ct-ap-legend-bg: #FAFAFA;
  --ct-ap-legend-color: #808080;
  --ct-info-custom-box-dash-bg: #0000000D;
  --ct-spans-right-bg-custom: rgba(0, 0, 0, 0.05);
  --ct-browse-color: #ffffff;
  --ct-btn-hover-color-browse: #fff;
  --ct-btn-hover-bg-browse: #46428d;
  --ct-btn-hover-border-color-browse: #6973e3;
  --ct-bulk-tab-header-bg: #f8f9fa;
  --ct-bulk-tab-header-color: #404040;
  --ct-requirements-text-bg: #ffffff;
  --ct-requirements-text-color: #555;
  --ct-scrollbar-track-bg: #DFDFDF;
  --ct-scrollbar-thumb-bg: #9F9F9F;
  --ct-scrollbar-thumb-bg-hover: #8b8b8b;
  --ct-page-active-bg: #dce3ff;
  --ct-page-active-color: #000;
  --ct-btn-userInsight-selected-bg: rgba(74, 73, 129, 1);
  --ct-btn-userInsight-selected-color: #fff;
  --ct-btn-userInsight-bg: rgba(0,0,0,0.05);
  --ct-btn-userInsight-color: rgba(32, 32, 32, 1);
  --ct-risk-wrapper-bg: #f5f5f5;
  --ct-name-user-dash-bg: #FAFAFA;
  --ct-light-box-bg: #00000005;
  --ct-light-box-insight-bg: #E9E9E9;
  --ct-dash-risk-color: #404040;
  --ct-Tname-dash-risk: #4A4981;
  --ct-bg-view-shirt-bg: #00000005;
  --ct-bg-hover-ng-dropdown: #e4e3e3;
  --ct--table-odds-bg: rgba(0, 0, 0, 0.05);
  --ct-bg-cam: rgba(0, 0, 0, 0.02);
  --ct-btn-live-bg: rgba(232, 31, 44, 1);
  --ct-btn-archive-bg: rgba(85, 85, 85, 1);
  --ct-btn-cam-color: rgba(255, 255, 255, 1);
  --ct-custom-color-head: #808080;
  --ct-custom-text-tO: rgba(43, 111, 246, 1);
  --ct-custom-text-tV: #2420FF;
  --ct-guideline-desc-color: #555555;
  --ct-guide-text-color: #000000;
  --ct-guideline-box-bg: #00000005;
  --ct-guide-icon-bg-success: #EFFFDC;
  --ct-guide-icon-bg-danger: #FFDCDC;
  --ct-reader-add-bg: #EDF1FF;
  --ct-reader-add-color: #262262;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --ct-body-color: #808080;
  --ct-body-color-rgb: 170,184,197;
  --ct-body-bg: #000000;
  --ct-body-bg-rgb: 52,58,64;
  --ct-emphasis-color: #dee2e6;
  --ct-emphasis-color-rgb: 222,226,230;
  --ct-secondary-color: #808080;
  --ct-secondary-color-rgb: 131,145,162;
  --ct-secondary-bg: #202020;
  --ct-secondary-bg-rgb: 55,64,74;
  --ct-tertiary-color: #f1f1f1;
  --ct-tertiary-color-rgb: 241,241,241;
  --ct-tertiary-bg: #202020;
  --ct-tertiary-bg-rgb: rgb(32 32 32);
  --ct-primary-text-emphasis: #aab0f9;
  --ct-secondary-text-emphasis: #dee2e6;
  --ct-success-text-emphasis: #6ce2c1;
  --ct-info-text-emphasis: #88cfe3;
  --ct-warning-text-emphasis: #ffdb9c;
  --ct-danger-text-emphasis: #fc9db0;
  --ct-light-text-emphasis: #f6f7fb;
  --ct-dark-text-emphasis: #dee2e6;
  --ct-primary-bg-subtle: rgba(var(--ct-primary-rgb), 0.15);
  --ct-secondary-bg-subtle: rgba(108, 117, 125, 0.15);
  --ct-success-bg-subtle: rgba(var(--ct-success-rgb), 0.15);
  --ct-info-bg-subtle: rgba(var(--ct-info-rgb), 0.15);
  --ct-warning-bg-subtle: rgba(var(--ct-warning-rgb), 0.15);
  --ct-danger-bg-subtle: rgba(var(--ct-danger-rgb), 0.15);
  --ct-light-bg-subtle: rgba(var(--ct-light-rgb), 0.15);
  --ct-dark-bg-subtle: rgba(var(--ct-dark-rgb), 0.15);
  --ct-primary-border-subtle: #444a93;
  --ct-secondary-border-subtle: #6c757d;
  --ct-success-border-subtle: #067c5b;
  --ct-info-border-subtle: #22697d;
  --ct-warning-border-subtle: #997536;
  --ct-danger-border-subtle: #96374a;
  --ct-light-border-subtle: #6c757d;
  --ct-dark-border-subtle: #343a40;
  --ct-heading-color: rgba(223, 223, 223, 1);
  --ct-link-color: #aab0f9;
  --ct-link-hover-color: rgba(111, 111, 161, 1);
  --ct-link-color-rgb: 170,176,249;
  --ct-link-hover-color-rgb: 183,188,250;
  --ct-code-color: #88cfe3;
  --ct-border-color: #aaaaaa50;
  --ct-border-color-custom-input: #353535;
  --ct-border-color-translucent: #8391a2;
  --ct-form-valid-color: #6ce2c1;
  --ct-form-valid-border-color: #6ce2c1;
  --ct-form-invalid-color: #fc9db0;
  --ct-form-invalid-border-color: #fc9db0;
  --ct-modal-footer-bg: #202020;
  --ct-modal-primary-color: #B8BCE0;
  --ct-modal-hover-bg: #6F6FA1;
  --ct-modal-hover-primary-color: #ffffff;
  --ct-modal-label-color: #BFBFBF;
  --ct-modal-add-bg: #202020;
  --ct-modal-nav-color: rgba(191, 191, 191, 1);
  --ct-modal-nav-active-color: #ffffff;
  --ct-btn-add-bg: #202020;
  --ct-modal-subheads-color: rgba(223, 223, 223, 1);
  --ct-modal-heading-color: #ffffff;
  --ct-modal-heading-color-close: #ffffff;
  --ct-primary-border-btn-color: #9396C0;
  --ct-name-badge-border-color: #FFFFFF1A;
  --ct-btn-light: #4A4981;
  --ct-btn-bulk-bg: #000000;
  --ct-upload-photo-bg: #2f2f2f;
  --ct-photo-section-bg: #242424;
  --ct-tooltip-bg-theme: #4A4981;
  --ct-tooltip-bgcolor-theme: #DFDFDF;
  --ct-zoom-controls-bg: #404040;
  --ct-zoom-controls-color: #ffffff;
  --ct-btn-disabled-bg-theme: #9F9F9F;
  --ct-btn-disabled-color-theme: #202020;
  --ct-inoutcontrolline-bg: #555555;
  --ct-indicator-inoutcontrol-bg: #B8BCE0;
  --ct-formSelect-disabled-bg-theme: #404040;
  --ct-formSelect-disabled-color-theme: #686868;
  --ct-bio-thead-bg: #3c3c3c;
  --ct-border-color-table: #363636;
  --ct-fixed-col-bg-color-th: rgb(48 48 48);
  --ct-fixed-col-bg-color: #202020;
  --ct-menu-item-hover-color: rgba(223, 223, 223, 1);
  --ct-menu-item-hover-bg: rgba(38, 34, 98, 1);
  --menu-condensed-hover-bg: rgba(38, 34, 98, 1);
  --ct-menu-condensed-link-color: rgba(255, 255, 255, 1);
  --menu-sub-item-hover-bg: rgba(111, 111, 161, 1);
  --ct-popup-hover-bg: rgba(111, 111, 161, 1);
  --ct-popup-bulk-hover-color: #ffffff;
  --ct-popup-hover-color: #ffffff;
  --ct-loader-point-bg: #9496c0;
  --ct-shift-details-term: #ffffff;
  --ct-shift-details-form: #ffffff;
  --ct-common-color: #DCE3FF;
  --ct-common-bg-color: #9396C0;
  --ct-icon-CheckboxCircle: #9396C0;
  --ct-search-dropdown-color: #4a4981;
  --ct-search-dropdown-bg: #b7bcfa;
  --ct-icon-commonColor: #9396C0;
  --ct-grey-color: #ffffff;
  --ct-text-color: rgba(191, 191, 191, 1);
  --ct-select-color: rgb(129 129 129);
  --ct-tag-bg: #9396C0;
  --ct-tag-color: rgba(0, 0, 0, 1);
  --ct-not-bg-color: #f8972133;
  --ct-not-color: #F89721;
  --ct-badge-suspended-bg-color: rgba(248, 151, 33, 0.2);
  --ct-badge-suspended-color: rgba(227, 138, 17, 1);
  --ct-active-round: rgb(74 73 129);
  --ct-active-round-color: rgba(220, 227, 255, 1);
  --ct-av-active-bg: #4a4981;
  --ct-av-active-color: #fff;
  --ct-btn-color-sc: rgba(147, 150, 192, 1);
  --ct-table-action-cell: rgba(32, 32, 32, 1);
  --ct-tab-bg: rgba(32, 32, 32, 1);
  --ct-tab-light: #2F2F2F;
  --ct-border-bottom: #363636;
  --nav-link-underline: rgba(147, 150, 192, 1);
  --ct-tab-bb: rgba(255, 255, 255, 0.2);
  --ct-toggle-bg: rgba(64, 64, 64, 1);
  --ct-toggle-bg-active: rgba(38, 34, 98, 1);
  --ct-bg-toggle-active: rgba(147, 150, 192, 1);
  --ct-secondary-bg-bulk: #404040;
  --tab-head-bg: #000000;
  --ct-floatingMneu-bg: #202020;
  --ct-live-icon-Normal-bg: #05A44F1A;
  --ct-live-icon-Normal-color: #05A44F;
  --ct-live-icon-Megaphone-bg: #4CA0D81A;
  --ct-live-icon-Megaphone-color: #4CA0D8;
  --ct-live-icon-Alert-bg: #F897211A;
  --ct-live-icon-Alert-color: #E38A11;
  --ct-live-icon-Deactivate-bg: #E81F2C33;
  --ct-live-icon-Deactivate-color: #E81F2C;
  --ct-fixheader-bg: #000000b5;
  --ct-text-white: #ffffff;
  --btn-bg-green-color: #05884F;
  --btn-bg-blue-color: #4A4981;
  --btn-bg-red-color: #E81F2C;
  --btn-bg-grey-color: #555555;
  --ct-search-hover-bg: #545454;
  --ct-border-zone: #202020;
  --ct-color-pane: rgba(147, 150, 192, 1);
  --ct-bg-dynamic-qr: #000000;
  --ct-output-bg: #262262;
  --ct-output-color: #B8BCE0;
  --ct-door-bg: #363636;
  --ct-online-bg: #05A44F33;
  --ct-offline-bg: #FFFFFF1A;
  --ct-Tombstone-color: #9F9F9F;
  --ct-portal-bg: rgba(0, 0, 0, 1);
  --ct-border-box-bg: #FFFFFF0D;
  --ct-chatbot-area-bg: #202020;
  --ct-input-div-bg: #202020;
  --ct-input-div-border: rgba(255, 255, 255, 0.2);
  --ct-bot-line-bg: #202020;
  --ct-main-header-bg: rgba(255, 255, 255, 1);
  --ct-msg-color: rgba(255, 255, 255, 1);
  --ct-prompt-bg: #363636;
  --ct-prompt-color: #bfbfbf;
  --ct-header-i-color: rgba(64, 64, 64, 1);
  --ct-bot-bg: rgba(223, 223, 223, 1);
  --ct-chatbot-color: rgba(0, 0, 0, 1);
  --ct-bot-text-color: rgba(255, 255, 255, 1);
  --ct-bot-text-bg: #202020;
  --ct-user-text-bg: rgba(111, 111, 161, 1);
  --ct-user-text-color: rgba(255, 255, 255, 1);
  --ct-select-option-color: #ffffff;
  --ct-input-tab-disabled-bg: #656565;
  --ct-chip-color: rgba(255, 255, 255, 1);
  --ct-chip-bg: rgba(74, 73, 129, 1);
  --ct-das-head-color: rgba(255, 255, 255, 1);
  --ct-das--risk-section-back: rgba(42, 42, 42, 1);
  --ct-das--risk-name-color: rgba(255, 255, 255, 1);
  --ct-dash-card-head-color: rgba(255, 255, 255, 1);
  --ct-card-dash-bg: rgba(28, 28, 28, 1);
  --ct-undersub-color: #ffffff;
  --ct-card-icon-bg: rgba(42, 42, 42, 1);
  --ct-custom-dropdown-bg: #262262;
  --ct-custom-dropdown-color: #EDF1FF;
  --ct-checkbox-color-custom: #9396c0;
  --ct-checkbox-bg-custom: #9396C0;
  --ct-checkbox-center-color: #262262;
  --ct-bg-box-color: #2b2b2b;
  --ct-active-status-bg: #05A44F33;
  --ct-active-status-color: #05A44F;
  --ct-available-status-bg: #FFFFFF1A;
  --ct-available-status-color: #FFFFFFF2;
  --ct-Inactive-status-bg: #F8972133;
  --ct-Inactive-status-color: #E38A11;
  --ct-active-failed-bg: #E81F2C33;
  --ct-active-failed-color: #E81F2C;
  --ct-active-default-bg: #6F6FA1;
  --ct-active-default-color: #EDF1FF;
  --ct-highlight-row-bg: #4A498180;
  --icon-custom-visitor-bg: #4A4981CC;
  --ct-link-hover-grid-color: rgba(255, 255, 255, 1);
  --ct-watchlist-row-bg: rgba(232, 31, 44, 0.2);
  --ct-body-color-table: #BFBFBF;
  --ct-NgxEditor-MenuBar-bg: #202020;
  --ct-NgxEditor-MenuBar-color: #ffffff;
  --ct-NgxEditor-Content-bg: #202020;
  --ct-NgxEditor-Content-color: #ffffff;
  --ct-custom-grey-color: rgba(191, 191, 191, 1);
  --ct-map-info-box-bg: rgba(38, 34, 98, 1);
  --ct-map-info-title-color: rgba(159, 159, 159, 1);
  --ct-map-info-count-color: rgba(223, 223, 223, 1);
  --ct-map-info-arrow-color: rgba(147, 150, 192, 1);
  --ct-spans-right-color: rgba(147, 150, 192, 1);
  --ct-spans-right-bg: rgba(32, 32, 32, 1);
  --ct-spans-right-color: rgba(147, 150, 192, 1);
  --ct-filter-bg: rgba(74, 73, 129, 1);
  --ct-text-blue-color: rgba(147, 150, 192, 1);
  --ct-exp-date-range-color: rgba(223, 223, 223, 1);
  --ct-exp-date-range-bg: rgba(85, 85, 85, 1);
  --ct-active-view-bg: rgba(74, 73, 129, 1);
  --ct-dash-dropdown-btn-bg: rgba(59, 59, 59, 1);
  --ct-chip-main-bg: rgba(74, 73, 129, 1);
  --ct-chip-main-color: rgba(255, 255, 255, 1);
  --ct-bg-light-custom: rgba(59, 59, 59, 1);
  --ct-btn-date-range-color: rgba(255, 255, 255, 0.7);
  --ct-btn-clear-color: rgba(223, 223, 223, 1);
  --ct-accordion-custom-active-color: rgba(169, 169, 169, 1);
  --ct-tree-dash-color: rgba(191, 191, 191, 1);
  --ct-dropdown-list-dash-bg: #1f1f1f;
  --ct-dropdown-list-dash-border: rgba(62, 62, 62, 1);
  --ct-dropdown-list-dash-color: rgba(255, 255, 255, 1);
  --ct-dropdown-list-dash-bg-hover: #e4e3e30d;
  --ct-secondary-dash-card-bg: #000000;
  --ct-nav-active-link-dash: #6F6FA1;
  --ct-tip-color: rgba(227, 138, 17, 1);
  --ct-tip-bg: rgba(248, 151, 33, 0.1);
  --ct-example-color: rgba(76, 160, 216, 0.2);
  --ct-dash-label-default-color: #ffffff;
  --ct-border-box-custom-bg: #2b2b2b;
  --ct-header-dash-color: #BFBFBF;
  --ct-info-back-bg: #1C1C1C;
  --ct-modal-bg-dash: #202020;
  --ct-box-bg-cf: #000000;
  --ct-dash-bar-bg: #333333;
  --ct-badge-primary-color: #05A44F;
  --ct-badge-primary-bg: #05A44F1A;
  --ct-badge-beta-shadow-bg: #ffffff;
  --ct-badge-beta-bg: #DFDFDF;
  --ct-badge-beta-color: #000000B2;
  --ct-input-slider-bg: #05A44F33;
  --ct-input-toggle-slider-bg: #05A44F;
  --ct-suggestion-box-suggestion-bg: #FFFFFF1A;
  --ct-suggestion-box-suggestion-color: #DFDFDF;
  --ct-suggestion-box-suggestion-hover-bg: #ffffff38;
  --ct-more-button-bg: #202020;
  --ct-more-button-border: #FFFFFF80;
  --ct-more-button-color: #DFDFDF;
  --ct-bg-dash-risk-right: #202020;
  --ct-box-bg-cf-small: #252525;
  --ct-modal-btn-color-dash: #FFFFFF;
  --ct-box-bg-cf-dash: #1C1C1C;
  --ct-modal-label-color-dash: #FFFFFF;
  --ct-modal-label-color-dash-info: #FFFFFF;
  --ct-secondary-bg-custom: #404040;
  --ct-secondary-text-custom: #DFDFDF;
  --ct-cred-text-dormant-dash: #E9690C;
  --ct-cred-text-ghost-dash: #B5B5B5;
  --ct-card-color: #BFBFBF;
  --ct-footer-text: #BFBFBF;
  --ct-number-badge-dash-color: #202020;
  --ct-tab-border-color: #6F6FA1;
  --ct-info-box-dash-bg: #262262;
  --ct-tb-border-active: #9396C0;
  --ct-das-head-color-map: #B8BCE0;
  --ct-where-highlighted-dash: #FFFFFF;
  --ct-where-info-nocap-color: #FFFFFFCC;
  --ct-p-background: #1C1C1C;
  --ct-header-chart-week-dash-color: #b0b0b0;
  --ct-alarm-dash-tab-color-purple: #C5D9FF;
  --ct-primary-model-tname-custom-dash: #9396C0;
  --ct-dash-total-user-color: #BFBFBF;
  --ct-ap-legend-bg: #282828;
  --ct-ap-legend-color: #808080;
  --ct-info-custom-box-dash-bg: #202020;
  --ct-spans-right-bg-custom: #FFFFFF0D;
  --ct-browse-color: #ffffff;
  --ct-btn-hover-color-browse: #fff;
  --ct-btn-hover-bg-browse: #46428d;
  --ct-btn-hover-border-color-browse: #6973e3;
  --ct-bulk-tab-header-bg: #FFFFFF0D;
  --ct-bulk-tab-header-color: #BFBFBF;
  --ct-requirements-text-bg: #202020;
  --ct-requirements-text-color: #BFBFBF;
  --ct-scrollbar-track-bg: #555555;
  --ct-scrollbar-thumb-bg: #808080;
  --ct-scrollbar-thumb-bg-hover: #8b8b8b;
  --ct-page-active-bg: #9396C0;
  --ct-page-active-color: #000000;
  --ct-btn-userInsight-selected-bg: #4A4981;
  --ct-btn-userInsight-selected-color: #fff;
  --ct-btn-userInsight-bg: #202020;
  --ct-btn-userInsight-color: #FFFFFF80;
  --ct-risk-wrapper-bg: #000000;
  --ct-name-user-dash-bg: #323232;
  --ct-light-box-bg: #000000;
  --ct-light-box-insight-bg: #252525;
  --ct-dash-risk-color: #F3F4F7;
  --ct-Tname-dash-risk: #F3F4F7;
  --ct-bg-view-shirt-bg: #FFFFFF0D;
  --ct-bg-hover-ng-dropdown: #1c1c1c;
  --ct--table-odds-bg: #000000;
  --ct-custom-color-head: #A9A9A9;
  --ct-custom-text-tO: #72A1FF;
  --ct-custom-text-tV: #C2C1FF;
  --ct-guideline-desc-color: #BFBFBF;
  --ct-guide-text-color: #BFBFBF;
  --ct-guideline-box-bg: #FFFFFF0D;
  --ct-guide-icon-bg-success: #EFFFDC;
  --ct-guide-icon-bg-danger: #FFDCDC;
  --ct-reader-add-bg: #4A498180;
  --ct-reader-add-color:  #DCE3FF;
} 

*, ::after, ::before {
  box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: 'Inter', sans-serif !important;
  font-size: var(--ct-body-font-size);
  font-weight: var(--ct-body-font-weight);
  line-height: var(--ct-body-line-height);
  color: var(--ct-body-color);
  text-align: var(--ct-body-text-align);
  background-color: var(--ct-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

hr {
  margin: 1.0005rem 0;
  color: inherit;
  border: 0;
  border-top: var(--ct-border-width) solid var(--ct-border-color);
  opacity: 1
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--ct-heading-color)
}

.h1, h1 {
  font-size: calc(1.35rem + 1.2vw)
}

@media (min-width:1200px) {
  .h1, h1 {
    font-size: 2.25rem
  }
}

.h2, h2 {
  font-size: calc(1.3122rem + .7464vw)
}

@media (min-width:1200px) {
  .h2, h2 {
    font-size: 1.872rem
  }
}

.h3, h3 {
  font-size: calc(1.2753rem + .3036vw)
}

@media (min-width:1200px) {
  .h3, h3 {
    font-size: 1.503rem
  }
}

.h4, h4 {
  font-size: 1.25rem
}

.h5, h5 {
  font-size: 1.125rem
}

.h6, h6 {
  font-size: .765rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol, ul {
  padding-left: 2rem
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem
}

  ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
  }

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b, strong {
  font-weight: bolder
}

.small, small {
  font-size: .75rem
}

.mark, mark {
  padding: .1875em;
  background-color: var(--ct-highlight-bg)
}

sub, sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: rgba(var(--ct-link-color-rgb),var(--ct-link-opacity,1));
  text-decoration: none
}

  a:hover {
    --ct-link-color-rgb: var(--ct-link-hover-color-rgb)
  }

  a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
  }

code, kbd, pre, samp {
  font-family: var(--ag-font-family);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .75rem
}

  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
  }

code {
  font-size: .75rem;
  color: var(--ct-code-color);
  word-wrap: break-word
}

a > code {
  color: inherit
}

kbd {
  padding: .2rem .4rem;
  font-size: .75rem;
  color: var(--ct-body-bg);
  background-color: var(--ct-body-color);
  border-radius: .2rem
}

  kbd kbd {
    padding: 0;
    font-size: 1em
  }

figure {
  margin: 0 0 1rem
}

img, svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

caption {
  padding-top: .95rem;
  padding-bottom: .95rem;
  color: var(--ct-secondary-color);
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

  button:focus:not(:focus-visible) {
    outline: 0
  }

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button, select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

  select:disabled {
    opacity: 1
  }

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}

  [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer
  }

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit
}

@media (min-width:1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend + * {
  clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

.lead {
  font-size: 1.125rem;
  font-weight: 300
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.1
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.1
}

@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.1
}

@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.1
}

@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.1
}

@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.1
}

@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

  .list-inline-item:not(:last-child) {
    margin-right: .5rem
  }

.initialism {
  font-size: .75rem;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1.5rem;
  font-size: 1.125rem
}

  .blockquote > :last-child {
    margin-bottom: 0
  }

.blockquote-footer {
  margin-top: -1.5rem;
  margin-bottom: 1.5rem;
  font-size: .75rem;
  color: var(--ct-secondary-color)
}

  .blockquote-footer::before {
    content: "— "
  }

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

.img-thumbnail {
  padding: .25rem;
  background-color: var(--ct-body-bg);
  border: var(--ct-border-width) solid var(--ct-border-color);
  border-radius: var(--ct-border-radius);
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .75rem;
  line-height: 1
}

.figure-caption {
  font-size: .75rem;
  color: var(--ct-secondary-color)
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --ct-gutter-x: 0;
  --ct-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--ct-gutter-x) * .5);
  padding-left: calc(var(--ct-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {
  .container, .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {
  .container, .container-md, .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px
  }
}

:root {
  --ct-breakpoint-xs: 0;
  --ct-breakpoint-sm: 576px;
  --ct-breakpoint-md: 768px;
  --ct-breakpoint-lg: 992px;
  --ct-breakpoint-xl: 1200px;
  --ct-breakpoint-xxl: 1400px
}

.row {
  --ct-gutter-x: 1.5rem;
  --ct-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--ct-gutter-y));
  margin-right: calc(-.5 * var(--ct-gutter-x));
  margin-left: calc(-.5 * var(--ct-gutter-x))
}

  .row > * {
    flex-shrink: 0;
    width: 98%;
    max-width: 100%;
    padding-right: calc(var(--ct-gutter-x) * .5);
    padding-left: calc(var(--ct-gutter-x) * .5);
    margin-top: var(--ct-gutter-y)
  }

.col {
  flex: 1 0 0%
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}

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

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

.g-0, .gx-0 {
  --ct-gutter-x: 0
}

.g-0, .gy-0 {
  --ct-gutter-y: 0
}

.g-1, .gx-1 {
  --ct-gutter-x: 0.375rem
}

.g-1, .gy-1 {
  --ct-gutter-y: 0.375rem
}

.g-2, .gx-2 {
  --ct-gutter-x: 0.75rem
}

.g-2, .gy-2 {
  --ct-gutter-y: 0.75rem
}

.g-3, .gx-3 {
  --ct-gutter-x: 1.5rem
}

.g-3, .gy-3 {
  --ct-gutter-y: 1.5rem
}

.g-4, .gx-4 {
  --ct-gutter-x: 2.25rem
}

.g-4, .gy-4 {
  --ct-gutter-y: 2.25rem
}

.g-5, .gx-5 {
  --ct-gutter-x: 4.5rem
}

.g-5, .gy-5 {
  --ct-gutter-y: 4.5rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }

  .g-sm-0, .gx-sm-0 {
    --ct-gutter-x: 0
  }

  .g-sm-0, .gy-sm-0 {
    --ct-gutter-y: 0
  }

  .g-sm-1, .gx-sm-1 {
    --ct-gutter-x: 0.375rem
  }

  .g-sm-1, .gy-sm-1 {
    --ct-gutter-y: 0.375rem
  }

  .g-sm-2, .gx-sm-2 {
    --ct-gutter-x: 0.75rem
  }

  .g-sm-2, .gy-sm-2 {
    --ct-gutter-y: 0.75rem
  }

  .g-sm-3, .gx-sm-3 {
    --ct-gutter-x: 1.5rem
  }

  .g-sm-3, .gy-sm-3 {
    --ct-gutter-y: 1.5rem
  }

  .g-sm-4, .gx-sm-4 {
    --ct-gutter-x: 2.25rem
  }

  .g-sm-4, .gy-sm-4 {
    --ct-gutter-y: 2.25rem
  }

  .g-sm-5, .gx-sm-5 {
    --ct-gutter-x: 4.5rem
  }

  .g-sm-5, .gy-sm-5 {
    --ct-gutter-y: 4.5rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .g-md-0, .gx-md-0 {
    --ct-gutter-x: 0
  }

  .g-md-0, .gy-md-0 {
    --ct-gutter-y: 0
  }

  .g-md-1, .gx-md-1 {
    --ct-gutter-x: 0.375rem
  }

  .g-md-1, .gy-md-1 {
    --ct-gutter-y: 0.375rem
  }

  .g-md-2, .gx-md-2 {
    --ct-gutter-x: 0.75rem
  }

  .g-md-2, .gy-md-2 {
    --ct-gutter-y: 0.75rem
  }

  .g-md-3, .gx-md-3 {
    --ct-gutter-x: 1.5rem
  }

  .g-md-3, .gy-md-3 {
    --ct-gutter-y: 1.5rem
  }

  .g-md-4, .gx-md-4 {
    --ct-gutter-x: 2.25rem
  }

  .g-md-4, .gy-md-4 {
    --ct-gutter-y: 2.25rem
  }

  .g-md-5, .gx-md-5 {
    --ct-gutter-x: 4.5rem
  }

  .g-md-5, .gy-md-5 {
    --ct-gutter-y: 4.5rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .g-lg-0, .gx-lg-0 {
    --ct-gutter-x: 0
  }

  .g-lg-0, .gy-lg-0 {
    --ct-gutter-y: 0
  }

  .g-lg-1, .gx-lg-1 {
    --ct-gutter-x: 0.375rem
  }

  .g-lg-1, .gy-lg-1 {
    --ct-gutter-y: 0.375rem
  }

  .g-lg-2, .gx-lg-2 {
    --ct-gutter-x: 0.75rem
  }

  .g-lg-2, .gy-lg-2 {
    --ct-gutter-y: 0.75rem
  }

  .g-lg-3, .gx-lg-3 {
    --ct-gutter-x: 1.5rem
  }

  .g-lg-3, .gy-lg-3 {
    --ct-gutter-y: 1.5rem
  }

  .g-lg-4, .gx-lg-4 {
    --ct-gutter-x: 2.25rem
  }

  .g-lg-4, .gy-lg-4 {
    --ct-gutter-y: 2.25rem
  }

  .g-lg-5, .gx-lg-5 {
    --ct-gutter-x: 4.5rem
  }

  .g-lg-5, .gy-lg-5 {
    --ct-gutter-y: 4.5rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }

  .g-xl-0, .gx-xl-0 {
    --ct-gutter-x: 0
  }

  .g-xl-0, .gy-xl-0 {
    --ct-gutter-y: 0
  }

  .g-xl-1, .gx-xl-1 {
    --ct-gutter-x: 0.375rem
  }

  .g-xl-1, .gy-xl-1 {
    --ct-gutter-y: 0.375rem
  }

  .g-xl-2, .gx-xl-2 {
    --ct-gutter-x: 0.75rem
  }

  .g-xl-2, .gy-xl-2 {
    --ct-gutter-y: 0.75rem
  }

  .g-xl-3, .gx-xl-3 {
    --ct-gutter-x: 1.5rem
  }

  .g-xl-3, .gy-xl-3 {
    --ct-gutter-y: 1.5rem
  }

  .g-xl-4, .gx-xl-4 {
    --ct-gutter-x: 2.25rem
  }

  .g-xl-4, .gy-xl-4 {
    --ct-gutter-y: 2.25rem
  }

  .g-xl-5, .gx-xl-5 {
    --ct-gutter-x: 4.5rem
  }

  .g-xl-5, .gy-xl-5 {
    --ct-gutter-y: 4.5rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

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

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

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

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

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

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

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

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%
  }

  .g-xxl-0, .gx-xxl-0 {
    --ct-gutter-x: 0
  }

  .g-xxl-0, .gy-xxl-0 {
    --ct-gutter-y: 0
  }

  .g-xxl-1, .gx-xxl-1 {
    --ct-gutter-x: 0.375rem
  }

  .g-xxl-1, .gy-xxl-1 {
    --ct-gutter-y: 0.375rem
  }

  .g-xxl-2, .gx-xxl-2 {
    --ct-gutter-x: 0.75rem
  }

  .g-xxl-2, .gy-xxl-2 {
    --ct-gutter-y: 0.75rem
  }

  .g-xxl-3, .gx-xxl-3 {
    --ct-gutter-x: 1.5rem
  }

  .g-xxl-3, .gy-xxl-3 {
    --ct-gutter-y: 1.5rem
  }

  .g-xxl-4, .gx-xxl-4 {
    --ct-gutter-x: 2.25rem
  }

  .g-xxl-4, .gy-xxl-4 {
    --ct-gutter-y: 2.25rem
  }

  .g-xxl-5, .gx-xxl-5 {
    --ct-gutter-x: 4.5rem
  }

  .g-xxl-5, .gy-xxl-5 {
    --ct-gutter-y: 4.5rem
  }
}

.table {
  --ct-table-color-type: initial;
  --ct-table-bg-type: initial;
  --ct-table-color-state: initial;
  --ct-table-bg-state: initial;
  --ct-table-color: var(--ct-body-color-table);
  --ct-table-bg: var(--ct-tab-bg);
  --ct-table-border-color: var(--ct-border-color);
  --ct-table-accent-bg: transparent;
  --ct-table-striped-color: var(--ct-body-color-table);
  --ct-table-striped-bg: rgba(var(--ct-tertiary-bg-rgb), 1);
  --ct-table-active-color: var(--ct-body-color-table);
  --ct-table-active-bg: rgba(var(--ct-tertiary-bg-rgb), 1);
  --ct-table-hover-color: var(--ct-body-color-table);
  --ct-table-hover-bg: rgba(var(--ct-tertiary-bg-rgb), 1);
  width: 100%;
  /* margin-bottom: 1.5rem;*/
  vertical-align: top;
  border-color: var(--ct-table-border-color)
}

  .table > :not(caption) > * > * {
    padding: 0.625rem 0.5rem;
    color: var(--ct-table-color-state,var(--ct-table-color-type,var(--ct-table-color)));
    background-color: var(--ct-table-bg);
    box-shadow: inset 0 0 0 9999px var(--ct-table-bg-state,var(--ct-table-bg-type,var(--ct-table-accent-bg)))
  }

table thead, tbody th, td input {
  border-bottom-width: var(--ct-border-width);
}

.table > tbody {
  vertical-align: inherit
}

.table > thead {
  vertical-align: bottom
}

.table-group-divider {
  border-top: calc(var(--ct-border-width) * 2) solid currentcolor
}

.caption-top {
  caption-side: top
}

.table-sm > :not(caption) > * > * {
  padding: .5rem .5rem
}

.table-bordered > :not(caption) > * {
  border-width: var(--ct-border-width) 0
}

  .table-bordered > :not(caption) > * > * {
    border-width: 0 var(--ct-border-width)
  }

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
  border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --ct-table-color-type: var(--ct-table-striped-color);
  --ct-table-bg-type: var(--ct-table-striped-bg)
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --ct-table-color-type: var(--ct-table-striped-color);
  --ct-table-bg-type: var(--ct-table-striped-bg)
}

.table-active {
  --ct-table-color-state: var(--ct-table-active-color);
  --ct-table-bg-state: var(--ct-table-active-bg)
}

.table-hover > tbody > tr:hover > * {
  --ct-table-color-state: var(--ct-table-hover-color);
  --ct-table-bg-state: var(--ct-table-hover-bg)
}

.table-primary {
  --ct-table-color: #313a46;
  --ct-table-bg: #e3e5fd;
  --ct-table-border-color: #d1d4eb;
  --ct-table-striped-bg: #313a46;
  --ct-table-striped-color: #fff;
  --ct-table-active-bg: #313a46;
  --ct-table-active-color: #fff;
  --ct-table-hover-bg: #313a46;
  --ct-table-hover-color: #fff;
  color: var(--ct-table-color);
  border-color: var(--ct-table-border-color)
}

.table-secondary {
  --ct-table-color: #313a46;
  --ct-table-bg: #e2e3e5;
  --ct-table-border-color: #d0d2d5;
  --ct-table-striped-bg: #313a46;
  --ct-table-striped-color: #fff;
  --ct-table-active-bg: #313a46;
  --ct-table-active-color: #fff;
  --ct-table-hover-bg: #313a46;
  --ct-table-hover-color: #fff;
  color: var(--ct-table-color);
  border-color: var(--ct-table-border-color)
}

.table-success {
  --ct-table-color: #313a46;
  --ct-table-bg: #cef5ea;
  --ct-table-border-color: #bee2da;
  --ct-table-striped-bg: #313a46;
  --ct-table-striped-color: #fff;
  --ct-table-active-bg: #313a46;
  --ct-table-active-color: #fff;
  --ct-table-hover-bg: #313a46;
  --ct-table-hover-color: #fff;
  color: var(--ct-table-color);
  border-color: var(--ct-table-border-color)
}

.table-info {
  --ct-table-color: #313a46;
  --ct-table-bg: #d7eff6;
  --ct-table-border-color: #c6dde4;
  --ct-table-striped-bg: #313a46;
  --ct-table-striped-color: #fff;
  --ct-table-active-bg: #313a46;
  --ct-table-active-color: #fff;
  --ct-table-hover-bg: #313a46;
  --ct-table-hover-color: #fff;
  color: var(--ct-table-color);
  border-color: var(--ct-table-border-color)
}

.table-warning {
  --ct-table-color: #313a46;
  --ct-table-bg: #fff3de;
  --ct-table-border-color: #eae1cf;
  --ct-table-striped-bg: #313a46;
  --ct-table-striped-color: #fff;
  --ct-table-active-bg: #313a46;
  --ct-table-active-color: #fff;
  --ct-table-hover-bg: #313a46;
  --ct-table-hover-color: #fff;
  color: var(--ct-table-color);
  border-color: var(--ct-table-border-color)
}

.table-danger {
  --ct-table-color: #313a46;
  --ct-table-bg: #fedee5;
  --ct-table-border-color: #eaced5;
  --ct-table-striped-bg: #313a46;
  --ct-table-striped-color: #fff;
  --ct-table-active-bg: #313a46;
  --ct-table-active-color: #fff;
  --ct-table-hover-bg: #313a46;
  --ct-table-hover-color: #fff;
  color: var(--ct-table-color);
  border-color: var(--ct-table-border-color)
}

.table-light {
  --ct-table-color: rgba(128, 128, 128, 1);
  --ct-table-bg: #f5f5f5;
  --ct-table-border-color: #dbe0e5;
  --ct-table-striped-bg: #313a46;
  --ct-table-striped-color: #fff;
  --ct-table-active-bg: #313a46;
  --ct-table-active-color: #fff;
  --ct-table-hover-bg: #313a46;
  --ct-table-hover-color: #fff;
  color: var(--ct-table-color);
  border-color: var(--ct-table-border-color)
}

.table-dark {
  --ct-table-color: #fff;
  --ct-table-bg: #313a46;
  --ct-table-border-color: #464e59;
  --ct-table-striped-bg: white;
  --ct-table-striped-color: #313a46;
  --ct-table-active-bg: white;
  --ct-table-active-color: #313a46;
  --ct-table-hover-bg: white;
  --ct-table-hover-color: #313a46;
  color: var(--ct-table-color);
  border-color: var(--ct-table-border-color)
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: 0.25rem;
  font-size: 14px;
  font-weight: 400;
}

.col-form-label {
  padding-top: calc(.45rem + var(--ct-border-width));
  padding-bottom: calc(.45rem + var(--ct-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.col-form-label-lg {
  padding-top: calc(.5rem + var(--ct-border-width));
  padding-bottom: calc(.5rem + var(--ct-border-width));
  font-size: calc(1.2501rem + .0012vw)
}

@media (min-width:1200px) {
  .col-form-label-lg {
    font-size: 1.251rem
  }
}

.col-form-label-sm {
  padding-top: calc(.28rem + var(--ct-border-width));
  padding-bottom: calc(.28rem + var(--ct-border-width));
  font-size: .875rem
}

.form-text {
  margin-top: .25rem;
  font-size: .75rem;
  color: var(--ct-secondary-color)
}

.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: .45rem .9rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--ct-body-color);
  background-color: var(--ct-input-bg);
  background-clip: padding-box;
  border: var(--ct-border-width) solid var(--ct-border-color);
  appearance: none;
  border-radius: 8px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type=file] {
  overflow: hidden
}

  .form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
  }

.form-control:focus {
  color: var(--ct-body-color);
  background-color: var(--ct-input-bg);
  border-color: var(--ct-border-color);
  outline: 0;
  box-shadow: none
}

.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0
}

.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0
}

.form-control::placeholder {
  color: var(--ct-secondary-color);
  opacity: 1
}

.form-control:disabled {
  --ct-form-disabled-bg: var(--ct-formSelect-disabled-bg-theme);
  --ct-form-disabled-color: var(--ct-formSelect-disabled-color-theme);
  background-color: var(--ct-form-disabled-bg);
  color: var(--ct-form-disabled-color);
  border: 0;
  opacity: 1
}

.form-control::file-selector-button {
  padding: .45rem .9rem;
  margin: -.45rem -.9rem;
  margin-inline-end: .9rem;
  color: var(--ct-body-color);
  background-color: var(--ct-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--ct-border-width);
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {

  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--ct-secondary-bg)
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .45rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--ct-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--ct-border-width) 0
}

  .form-control-plaintext:focus {
    outline: 0
  }

  .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
  }

.form-control-sm {
  min-height: calc(1.5em + .56rem + calc(var(--ct-border-width) * 2));
  padding: .28rem .8rem;
  font-size: .875rem;
  border-radius: .2rem
}

  .form-control-sm::file-selector-button {
    padding: .28rem .8rem;
    margin: -.28rem -.8rem;
    margin-inline-end: .8rem
  }

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--ct-border-width) * 2));
  padding: .5rem 1rem;
  font-size: calc(1.2501rem + .0012vw);
  border-radius: .3rem
}

@media (min-width:1200px) {
  .form-control-lg {
    font-size: 1.251rem
  }
}

.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  margin-inline-end: 1rem
}

textarea.form-control {
  min-height: calc(1.5em + .9rem + calc(var(--ct-border-width) * 2))
}

textarea.form-control-sm {
  min-height: calc(1.5em + .56rem + calc(var(--ct-border-width) * 2))
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--ct-border-width) * 2))
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + .9rem + calc(var(--ct-border-width) * 2));
  padding: .45rem
}

  .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
  }

  .form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: .25rem
  }

  .form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: .25rem
  }

  .form-control-color.form-control-sm {
    height: calc(1.5em + .56rem + calc(var(--ct-border-width) * 2))
  }

  .form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + calc(var(--ct-border-width) * 2))
  }

.form-select {
  --ct-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  height: 40px;
  padding: .45rem 2.7rem .45rem .9rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--ct-select-color);
  background-color: var(--ct-input-bg);
  background-image: var(--ct-form-select-bg-img),var(--ct-form-select-bg-icon,none);
  background-repeat: no-repeat;
  background-position: right .9rem center;
  background-size: 14px 10px;
  border: var(--ct-border-width) solid var(--ct-border-color);
  border-radius: 0.5rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .form-select {
    transition: none
  }
}

.form-select:focus {
  border-color: var(--ct-border-color);
  outline: 0;
  box-shadow: 0 0 0 0 rgba(114,124,245,.25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: .9rem;
  background-image: none
}

.form-select:disabled {
  --ct-form-disabled-bg: var(--ct-formSelect-disabled-bg-theme);
  --ct-form-disabled-color: var(--ct-formSelect-disabled-color-theme);
  background-color: var(--ct-form-disabled-bg);
  color: var(--ct-form-disabled-color);
  border: 0;
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--ct-body-color)
}

.form-select-sm {
  padding-top: .28rem;
  padding-bottom: .28rem;
  padding-left: .8rem;
  font-size: .875rem;
  border-radius: .2rem
}

.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: calc(1.2501rem + .0012vw);
  border-radius: .3rem
}

@media (min-width:1200px) {
  .form-select-lg {
    font-size: 1.251rem
  }
}

[data-bs-theme=dark] .form-select {
  --ct-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aab8c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
  display: block;
  min-height: 1.35rem;
  padding-left: 1.612em;
  margin-bottom: 0
}

  .form-check .form-check-input {
    float: left;
    margin-left: -1.612em
  }

.form-check-reverse {
  padding-right: 1.612em;
  padding-left: 0;
  text-align: right
}

  .form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.612em;
    margin-left: 0
  }

.form-check-input {
  --ct-form-check-bg: var(--ct-secondary-bg);
  width: 1.112em;
  height: 1.112em;
  margin-top: .194em;
  vertical-align: top;
  background-color: var(--ct-form-check-bg);
  background-image: var(--ct-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--ct-border-width) solid var(--ct-border-color-translucent);
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact
}

  .form-check-input[type=checkbox] {
    border-radius: .25em
  }

  .form-check-input[type=radio] {
    border-radius: 50%
  }

  .form-check-input:active {
    filter: brightness(90%)
  }

  .form-check-input:focus {
    border-color: var(--ct-border-color);
    outline: 0;
    box-shadow: 0 0 0 .15rem rgba(114,124,245,.25)
  }

  .form-check-input:checked {
    background-color: var(--ct-checkbox-bg-custom);
    border-color: var(--ct-checkbox-color-custom);
    accent-color: var(--ct-checkbox-center-color);
  }

    .form-check-input:checked[type=checkbox] {
      --ct-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
    }

    .form-check-input:checked[type=radio] {
      --ct-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
    }

  .form-check-input[type=checkbox]:indeterminate {
    background-color: #727cf5;
    border-color: #727cf5;
    --ct-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
  }

  .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5;
    background-color: #f0f0f0;
    border-color: #d1d1d1;
  }

    .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
      cursor: default;
      opacity: .5
    }

.form-switch {
  padding-left: 2.5em
}

  .form-switch .form-check-input {
    --ct-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--ct-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
  }

@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  --ct-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='var%28--ct-border-color%29'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
  background-position: right center;
  --ct-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0
}

  .form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
  }

.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.btn-check {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none
}

  .btn-check:disabled + .btn, .btn-check[disabled] + .btn {
    pointer-events: none;
    filter: none;
    opacity: .65
  }

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --ct-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-range {
  width: 100%;
  height: 1.3rem;
  padding: 0;
  background-color: transparent;
  appearance: none
}

  .form-range:focus {
    outline: 0
  }

    .form-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fafbfe,none
    }

    .form-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fafbfe,none
    }

  .form-range::-moz-focus-outer {
    border: 0
  }

  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #727cf5;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
  }

@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #d5d8fc
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--ct-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #727cf5;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #d5d8fc
}

.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--ct-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem
}

.form-range:disabled {
  pointer-events: none
}

  .form-range:disabled::-webkit-slider-thumb {
    background-color: var(--ct-secondary-color)
  }

  .form-range:disabled::-moz-range-thumb {
    background-color: var(--ct-secondary-color)
  }

.form-floating {
  position: relative
}

  .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    height: calc(3.5rem + calc(var(--ct-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--ct-border-width) * 2));
    line-height: 1.25
  }

  .form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .9rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--ct-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
  }

@media (prefers-reduced-motion:reduce) {
  .form-floating > label {
    transition: none
  }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem .9rem
}

  .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: transparent
  }

  .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
  }

  .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
  }

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  color: rgba(var(--ct-body-color-rgb),.65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem .45rem;
  z-index: -1;
  height: 1.875em;
  content: "";
  background-color: var(--ct-input-bg);
  border-radius: .25rem
}

.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--ct-body-color-rgb),.65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
  border-width: var(--ct-border-width) 0
}

.form-floating > :disabled ~ label {
  color: #8a969c
}

  .form-floating > :disabled ~ label::after {
    background-color: var(--ct-tertiary-bg)
  }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

  .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
  }

    .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
      z-index: 5
    }

  .input-group .btn {
    position: relative;
    z-index: 2
  }

    .input-group .btn:focus {
      z-index: 5
    }

.input-group-text {
  display: flex;
  align-items: center;
  padding: .45rem .9rem;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--ct-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--ct-tertiary-bg);
  border: var(--ct-border-width) solid var(--ct-border-color);
  border-radius: .25rem
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
  padding: .5rem 1rem;
  font-size: calc(1.2501rem + .0012vw);
  border-radius: .3rem
}

@media (min-width:1200px) {
  .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
    font-size: 1.251rem
  }
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  padding: .28rem .8rem;
  font-size: .875rem;
  border-radius: .2rem
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3.6rem
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--ct-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .75rem;
  color: var(--ct-form-valid-color)
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .375rem .75rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--ct-success);
  border-radius: var(--ct-border-radius)
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
  display: block
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: var(--ct-form-valid-border-color);
  padding-right: calc(1.5em + .9rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230acf97' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .225rem) center;
  background-size: calc(.75em + .45rem) calc(.75em + .45rem)
}

  .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: var(--ct-form-valid-border-color);
    box-shadow: 0 0 0 .15rem rgba(var(--ct-success-rgb),.25)
  }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + .9rem);
  background-position: top calc(.375em + .225rem) right calc(.375em + .225rem)
}

.form-select.is-valid, .was-validated .form-select:valid {
  border-color: var(--ct-form-valid-border-color)
}

  .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    --ct-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230acf97' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    padding-right: 4.95rem;
    background-position: right .9rem center,center right 2.7rem;
    background-size: 14px 10px,calc(.75em + .45rem) calc(.75em + .45rem)
  }

  .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: var(--ct-form-valid-border-color);
    box-shadow: 0 0 0 .15rem rgba(var(--ct-success-rgb),.25)
  }

.form-control-color.is-valid, .was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .9rem))
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
  border-color: var(--ct-form-valid-border-color)
}

  .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: var(--ct-form-valid-color)
  }

  .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .15rem rgba(var(--ct-success-rgb),.25)
  }

  .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: var(--ct-form-valid-color)
  }

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .75rem;
  color: var(--ct-form-invalid-color)
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .375rem .75rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--ct-danger);
  border-radius: var(--ct-border-radius)
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--ct-form-invalid-border-color);
  padding-right: calc(1.5em + .9rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa5c7c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa5c7c' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .225rem) center;
  background-size: calc(.75em + .45rem) calc(.75em + .45rem)
}

  .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: var(--ct-form-invalid-border-color);
    box-shadow: 0 0 0 .15rem rgba(var(--ct-danger-rgb),.25)
  }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .9rem);
  background-position: top calc(.375em + .225rem) right calc(.375em + .225rem)
}

.form-select.is-invalid, .was-validated .form-select:invalid {
  border-color: var(--ct-form-invalid-border-color)
}

  .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
    --ct-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa5c7c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa5c7c' stroke='none'/%3e%3c/svg%3e");
    padding-right: 4.95rem;
    background-position: right .9rem center,center right 2.7rem;
    background-size: 14px 10px,calc(.75em + .45rem) calc(.75em + .45rem)
  }

  .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
    border-color: var(--ct-form-invalid-border-color);
    box-shadow: 0 0 0 .15rem rgba(var(--ct-danger-rgb),.25)
  }

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .9rem))
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
  border-color: var(--ct-form-invalid-border-color)
}

  .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
    background-color: var(--ct-form-invalid-color)
  }

  .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .15rem rgba(var(--ct-danger-rgb),.25)
  }

  .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: var(--ct-form-invalid-color)
  }

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4
}

.btn {
  --ct-btn-padding-x: 0.9rem;
  --ct-btn-padding-y: 0.45rem;
  --ct-btn-font-size: 0.9rem;
  --ct-btn-font-weight: 400;
  --ct-btn-line-height: 1.5;
  --ct-btn-color: var(--ct-body-color);
  --ct-btn-bg: transparent;
  --ct-btn-border-width: var(--ct-border-width);
  --ct-btn-border-color: transparent;
  --ct-btn-border-radius: 0.15rem;
  --ct-btn-hover-border-color: transparent;
  --ct-btn-box-shadow: 0px 2px 6px 0px;
  --ct-btn-disabled-opacity: 1;
  --ct-btn-focus-box-shadow: 0 0 0 0.15rem rgba(var(--ct-btn-focus-shadow-rgb), .5);
  --ct-btn-font-family: 'Inter', sans-serif !important;
  display: inline-block;
  padding: var(--ct-btn-padding-y) var(--ct-btn-padding-x);
  font-family: var(--ct-btn-font-family);
  font-size: var(--ct-btn-font-size);
  font-weight: var(--ct-btn-font-weight);
  line-height: var(--ct-btn-line-height);
  color: var(--ct-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--ct-btn-border-width) solid var(--ct-btn-border-color);
  border-radius: var(--ct-btn-border-radius);
  background-color: var(--ct-btn-bg);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: var(--ct-btn-hover-color);
  background-color: var(--ct-btn-hover-bg);
  border-color: var(--ct-btn-hover-border-color)
}

.btn-check + .btn:hover {
  color: var(--ct-btn-color);
  background-color: var(--ct-btn-bg);
  border-color: var(--ct-btn-border-color)
}

.btn:focus-visible {
  color: var(--ct-btn-hover-color);
  background-color: var(--ct-btn-hover-bg);
  border-color: var(--ct-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--ct-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
  border-color: var(--ct-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--ct-btn-focus-box-shadow)
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  /*color: var(--ct-btn-hover-color);
    background-color: var(--ct-btn-active-bg);
  border-color: var(--ct-btn-active-border-color)*/
}

  .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
    box-shadow: var(--ct-btn-focus-box-shadow)
  }

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: var(--ct-btn-disabled-color-theme);
  pointer-events: none;
  background-color: var(--ct-btn-disabled-bg-theme);
  border-color: var(--ct-btn-disabled-bg-theme) !important;
  opacity: var(--ct-btn-disabled-opacity);
}

.btn-primary {
  --ct-btn-color: #fff;
  --ct-btn-bg: var(--ct-btn-light);
  --ct-btn-border-color: var(--ct-btn-light);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #46428d;
  --ct-btn-hover-border-color: #6973e3;
  --ct-btn-focus-shadow-rgb: 135,144,247;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #6973e3;
  --ct-btn-active-border-color: #6973e3;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: var(--ct-btn-disabled-color-theme);
  --ct-btn-disabled-bg: var(--ct-btn-disabled-bg-theme);
  --ct-btn-disabled-border-color: var(--ct-btn-disabled-bg-theme);
}

.btn-primary {
  height: 40px;
  width: 90px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

  .btn-secondary {
    --ct-btn-color: rgba(0, 0, 0, 1);
    --ct-btn-bg: rgba(223, 223, 223, 1);
    --ct-btn-border-color: rgba(223, 223, 223, 1);
    --ct-btn-hover-color: #fff;
    --ct-btn-hover-bg: #646c74;
    --ct-btn-hover-border-color: #646c74;
   /* --ct-btn-focus-shadow-rgb: 130,138,145;*/
    --ct-btn-active-color: rgba(0, 0, 0, 1);
    --ct-btn-active-bg: rgba(248, 151, 33, 1);
    --ct-btn-active-border-color: rgba(248, 151, 33, 1);
    /*--ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
    --ct-btn-disabled-color: #fff;
    --ct-btn-disabled-bg: #6c757d;
    --ct-btn-disabled-border-color: #6c757d
  }

.btn-success {
  --ct-btn-color: #fff;
  --ct-btn-bg: rgba(5, 164, 79, 1);
  --ct-btn-border-color: rgba(5, 164, 79, 1);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: rgb(4 132 64);
  --ct-btn-hover-border-color: rgb(4 132 64);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #09bf8c;
  --ct-btn-active-border-color: #09bf8c;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #0acf97;
  --ct-btn-disabled-border-color: #0acf97;
  width: 120px;
  height: 32px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin: auto;
}

.btn-note {
  --ct-btn-color: var(--ct-primary-border-btn-color);
  --ct-btn-bg: #ffffff00;
  --ct-btn-border-color: var(--ct-primary-border-btn-color);
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-primary-border-btn-color);
  --ct-btn-hover-border-color: var(--ct-primary-border-btn-color);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-primary-border-btn-color);
  --ct-btn-active-border-color: #fff;
  --ct-btn-disabled-color: #e6e3e3;
  --ct-btn-disabled-bg: #848484;
  --ct-btn-disabled-border-color: #848484;
  width: 120px;
  height: 32px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin: auto;
}

.btn-info {
  --ct-btn-color: #fff;
  --ct-btn-bg: #39afd1;
  --ct-btn-border-color: #39afd1;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #35a2c1;
  --ct-btn-hover-border-color: #35a2c1;
  --ct-btn-focus-shadow-rgb: 87,187,216;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #35a2c1;
  --ct-btn-active-border-color: #35a2c1;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #39afd1;
  --ct-btn-disabled-border-color: #39afd1
}

.btn-warning {
  --ct-btn-color: rgba(0, 0, 0, 1);
  --ct-btn-bg: rgba(248, 151, 33, 1);
  --ct-btn-border-color: #ffc35a;
  --ct-btn-hover-color: rgba(0, 0, 0, 1);
  --ct-btn-hover-bg: rgba(249, 170, 73, 1);
  --ct-btn-hover-border-color: rgba(249, 170, 73, 1);
  --ct-btn-focus-shadow-rgb: 255,204,115;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #ecb453;
  --ct-btn-active-border-color: #ecb453;
  /*--ct-btn-active-shadow: inset 0 3px 5px rgba(248, 151, 33, 1);*/
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #ffc35a;
  --ct-btn-disabled-border-color: #ffc35a
}

.btn-danger {
  --ct-btn-color: #fff;
  --ct-btn-bg: #E81F2C;
  --ct-btn-border-color: #E81F2C;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #981F2C;
  --ct-btn-hover-border-color: #981F2C;
  --ct-btn-focus-shadow-rgb: 251,116,144;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #E81F2C;
  --ct-btn-active-border-color: #E81F2C;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #E81F2C;
  --ct-btn-disabled-border-color: #E81F2C
}

.btn-light {
  --ct-btn-color: #313a46;
  --ct-btn-bg: #eef2f7;
  --ct-btn-border-color: #eef2f7;
  --ct-btn-hover-color: #313a46;
  --ct-btn-hover-bg: #dce0e4;
  --ct-btn-hover-border-color: #dce0e4;
  --ct-btn-focus-shadow-rgb: 210,214,220;
  --ct-btn-active-color: #313a46;
  --ct-btn-active-bg: #dce0e4;
  --ct-btn-active-border-color: #dce0e4;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #313a46;
  --ct-btn-disabled-bg: #eef2f7;
  --ct-btn-disabled-border-color: #eef2f7
}

.btn-dark {
  --ct-btn-color: #fff;
  --ct-btn-bg: #313a46;
  --ct-btn-border-color: #313a46;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #505862;
  --ct-btn-hover-border-color: #464e59;
  --ct-btn-focus-shadow-rgb: 80,88,98;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #505862;
  --ct-btn-active-border-color: #464e59;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fff;
  --ct-btn-disabled-bg: #313a46;
  --ct-btn-disabled-border-color: #313a46
}

.btn-outline-primary {
  --ct-btn-color: #262262;
  --ct-btn-border-color: #262262;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #262262;
  --ct-btn-hover-border-color: #262262;
  --ct-btn-focus-shadow-rgb: 114,124,245;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #262262;
  --ct-btn-active-border-color: #262262;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #262262;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #262262;
  --ct-gradient: none
}

.btn-outline-secondary {
  --ct-btn-color: var(--ct-btn-color-sc);
  --ct-btn-border-color: #6c757d;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #6c757d;
  --ct-btn-hover-border-color: #6c757d;
  --ct-btn-focus-shadow-rgb: 108,117,125;
  --ct-btn-active-color: #262262;
  --ct-btn-active-bg: #DCE3FF;
  --ct-btn-active-border-color: #DCE3FF;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #6c757d;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #6c757d;
  --ct-gradient: none
}

.btn-outline-success {
  --ct-btn-color: #0acf97;
  --ct-btn-border-color: #0acf97;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #0acf97;
  --ct-btn-hover-border-color: #0acf97;
  --ct-btn-focus-shadow-rgb: 10,207,151;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #0acf97;
  --ct-btn-active-border-color: #0acf97;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #0acf97;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #0acf97;
  --ct-gradient: none
}

.btn-outline-info {
  --ct-btn-color: #39afd1;
  --ct-btn-border-color: #39afd1;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #39afd1;
  --ct-btn-hover-border-color: #39afd1;
  --ct-btn-focus-shadow-rgb: 57,175,209;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #39afd1;
  --ct-btn-active-border-color: #39afd1;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #39afd1;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #39afd1;
  --ct-gradient: none
}

.btn-outline-warning {
  --ct-btn-color: #ffc35a;
  --ct-btn-border-color: #ffc35a;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #ffc35a;
  --ct-btn-hover-border-color: #ffc35a;
  --ct-btn-focus-shadow-rgb: 255,195,90;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #ffc35a;
  --ct-btn-active-border-color: #ffc35a;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #ffc35a;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #ffc35a;
  --ct-gradient: none
}

.btn-outline-danger {
  --ct-btn-color: #fa5c7c;
  --ct-btn-border-color: #fa5c7c;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #fa5c7c;
  --ct-btn-hover-border-color: #fa5c7c;
  --ct-btn-focus-shadow-rgb: 250,92,124;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #fa5c7c;
  --ct-btn-active-border-color: #fa5c7c;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #fa5c7c;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #fa5c7c;
  --ct-gradient: none
}

.btn-outline-light {
  --ct-btn-color: #eef2f7;
  --ct-btn-border-color: #eef2f7;
  --ct-btn-hover-color: #313a46;
  --ct-btn-hover-bg: #eef2f7;
  --ct-btn-hover-border-color: #eef2f7;
  --ct-btn-focus-shadow-rgb: 238,242,247;
  --ct-btn-active-color: #313a46;
  --ct-btn-active-bg: #eef2f7;
  --ct-btn-active-border-color: #eef2f7;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #eef2f7;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #eef2f7;
  --ct-gradient: none
}

.btn-outline-dark {
  --ct-btn-color: #313a46;
  --ct-btn-border-color: #313a46;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: #313a46;
  --ct-btn-hover-border-color: #313a46;
  --ct-btn-focus-shadow-rgb: 49,58,70;
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: #313a46;
  --ct-btn-active-border-color: #313a46;
  --ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --ct-btn-disabled-color: #313a46;
  --ct-btn-disabled-bg: transparent;
  --ct-btn-disabled-border-color: #313a46;
  --ct-gradient: none
}

.btn-link {
  --ct-btn-font-weight: 400;
  --ct-btn-color: var(--ct-link-color);
  --ct-btn-bg: transparent;
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: var(--ct-link-hover-color);
  --ct-btn-hover-border-color: transparent;
  --ct-btn-active-color: var(--ct-link-hover-color);
  --ct-btn-active-border-color: transparent;
  --ct-btn-disabled-color: #8a969c;
  --ct-btn-disabled-border-color: transparent;
  --ct-btn-box-shadow: 0 0 0 #000;
  --ct-btn-focus-shadow-rgb: 135,144,247;
  text-decoration: none
}

  .btn-link:focus-visible {
    color: var(--ct-btn-color)
  }

  .btn-link:hover {
    color: var(--ct-btn-hover-color)
  }

.btn-group-lg > .btn, .btn-lg {
  --ct-btn-padding-y: 0.5rem;
  --ct-btn-padding-x: 1rem;
  --ct-btn-font-size: calc(1.2501rem + 0.0012vw);
  --ct-btn-border-radius: 0.3rem
}

@media (min-width:1200px) {
  .btn-group-lg > .btn, .btn-lg {
    --ct-btn-font-size: 1.251rem
  }
}

.btn-group-sm > .btn, .btn-sm {
  --ct-btn-padding-y: 0.28rem;
  --ct-btn-padding-x: 0.8rem;
  --ct-btn-font-size: 0.875rem;
  --ct-btn-border-radius: 0.2rem
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

  .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .15em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
  }

  .dropdown-toggle:empty::after {
    margin-left: 0
  }

.dropdown-menu {
  --ct-dropdown-zindex: 1000;
  --ct-dropdown-min-width: 10rem;
  --ct-dropdown-padding-x: 0;
  --ct-dropdown-padding-y: 0.25rem;
  --ct-dropdown-spacer: 0.125rem;
  --ct-dropdown-font-size: 0.9rem;
  --ct-dropdown-color: var(--ct-body-color);
  --ct-dropdown-bg: var(--ct-secondary-bg);
  --ct-dropdown-border-color: var(--ct-border-color);
  --ct-dropdown-border-radius: 0.25rem;
  --ct-dropdown-border-width: var(--ct-border-width);
  --ct-dropdown-inner-border-radius: calc(0.25rem - var(--ct-border-width));
  --ct-dropdown-divider-bg: var(--ct-border-color);
  --ct-dropdown-divider-margin-y: 0.75rem;
  --ct-dropdown-box-shadow: var(--ct-box-shadow);
  --ct-dropdown-link-color: var(--ct-body-color);
  --ct-dropdown-link-hover-color: var(--ct-tertiary-color);
  --ct-dropdown-link-hover-bg: var(--ct-tertiary-bg);
  --ct-dropdown-link-active-color: var(--ct-tertiary-color);
  --ct-dropdown-link-active-bg: var(--ct-tertiary-bg);
  --ct-dropdown-link-disabled-color: var(--ct-tertiary-color);
  --ct-dropdown-item-padding-x: 1.5rem;
  --ct-dropdown-item-padding-y: 0.375rem;
  --ct-dropdown-header-color: inherit;
  --ct-dropdown-header-padding-x: 1.125rem;
  --ct-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--ct-dropdown-zindex);
  display: none;
  min-width: var(--ct-dropdown-min-width);
  padding: var(--ct-dropdown-padding-y) var(--ct-dropdown-padding-x);
  margin: 0;
  font-size: var(--ct-dropdown-font-size);
  color: var(--ct-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--ct-dropdown-bg);
  background-clip: padding-box;
  border: var(--ct-dropdown-border-width) solid var(--ct-dropdown-border-color);
  border-radius: var(--ct-dropdown-border-radius)
}

  .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--ct-dropdown-spacer)
  }

.dropdown-menu-start {
  --bs-position: start
}

  .dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
  }

.dropdown-menu-end {
  --bs-position: end
}

  .dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
  }

@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

    .dropdown-menu-sm-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

    .dropdown-menu-sm-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

    .dropdown-menu-md-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-md-end {
    --bs-position: end
  }

    .dropdown-menu-md-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

    .dropdown-menu-lg-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

    .dropdown-menu-lg-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

    .dropdown-menu-xl-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

    .dropdown-menu-xl-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

    .dropdown-menu-xxl-start[data-bs-popper] {
      right: auto;
      left: 0
    }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

    .dropdown-menu-xxl-end[data-bs-popper] {
      right: 0;
      left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--ct-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .15em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--ct-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .15em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-toggle::after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--ct-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .15em;
  content: ""
}

.dropstart .dropdown-toggle::after {
  display: none
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .15em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-divider {
  height: 0;
  margin: var(--ct-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--ct-dropdown-divider-bg);
  opacity: 1
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--ct-dropdown-item-padding-y) var(--ct-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--ct-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--ct-dropdown-item-border-radius,0)
}

  .dropdown-item:focus, .dropdown-item:hover {
    color: var(--ct-dropdown-link-hover-color);
    background-color: var(--ct-dropdown-link-hover-bg)
  }

  .dropdown-item.active, .dropdown-item:active {
    color: var(--ct-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--ct-dropdown-link-active-bg)
  }

  .dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--ct-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
  }

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: var(--ct-dropdown-header-padding-y) var(--ct-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--ct-dropdown-header-color);
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--ct-dropdown-item-padding-y) var(--ct-dropdown-item-padding-x);
  color: var(--ct-dropdown-link-color)
}

.dropdown-menu-dark {
  --ct-dropdown-color: #dee2e6;
  --ct-dropdown-bg: #343a40;
  --ct-dropdown-border-color: var(--ct-border-color);
  --ct-dropdown-link-color: #dee2e6;
  --ct-dropdown-link-hover-color: #fff;
  --ct-dropdown-divider-bg: var(--ct-border-color);
  --ct-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --ct-dropdown-link-active-color: var(--ct-tertiary-color);
  --ct-dropdown-link-active-bg: var(--ct-tertiary-bg);
  --ct-dropdown-link-disabled-color: #a1a9b1;
  --ct-dropdown-header-color: #a1a9b1
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

  .btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    flex: 1 1 auto
  }

    .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
      z-index: 1
    }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

  .btn-toolbar .input-group {
    width: auto
  }

.btn-group {
  border-radius: .15rem
}

  .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
    margin-left: calc(var(--ct-border-width) * -1)
  }

  .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

.dropdown-toggle-split {
  padding-right: .675rem;
  padding-left: .675rem
}

  .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: 0
  }

.dropstart .dropdown-toggle-split::before {
  margin-right: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: .6rem;
  padding-left: .6rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

  .btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    width: 100%
  }

    .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
      margin-top: calc(var(--ct-border-width) * -1)
    }

    .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
      border-top-left-radius: 0;
      border-top-right-radius: 0
    }

.nav {
  --ct-nav-link-padding-x: 0.75rem;
  --ct-nav-link-padding-y: 0.5rem 1rem;
  --ct-nav-link-color: var(--ct-link-color);
  --ct-nav-link-hover-color: var(--ct-link-hover-color);
  --ct-nav-link-disabled-color: var(--ct-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: var(--ct-nav-link-padding-y) var(--ct-nav-link-padding-x);
  font-size: var(--ct-nav-link-font-size);
  font-weight: var(--ct-nav-link-font-weight);
  color: var(--ct-nav-link-color);
  background: 0 0;
  border: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  --ct-nav-link-font-size: 14px;
}

@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:focus, .nav-link:hover {
  color: var(--ct-nav-link-hover-color)
}

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .15rem rgba(114,124,245,.25)
}

.nav-link.disabled {
  color: var(--ct-nav-link-disabled-color);
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  --ct-nav-tabs-border-width: var(--ct-border-width);
  --ct-nav-tabs-border-color: var(--ct-border-color);
  --ct-nav-tabs-border-radius: var(--ct-border-radius);
  --ct-nav-tabs-link-hover-border-color: var(--ct-secondary-bg) var(--ct-secondary-bg) var(--ct-border-color);
  --ct-nav-tabs-link-active-color: var(--ct-emphasis-color);
  --ct-nav-tabs-link-active-bg: var(--ct-secondary-bg);
  --ct-nav-tabs-link-active-border-color: var(--ct-border-color) var(--ct-border-color) var(--ct-secondary-bg);
  border-bottom: var(--ct-nav-tabs-border-width) solid var(--ct-nav-tabs-border-color)
}

  .nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--ct-nav-tabs-border-width));
    border: 0;
    border-top-left-radius: var(--ct-nav-tabs-border-radius);
    border-top-right-radius: var(--ct-nav-tabs-border-radius)
  }

    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
      isolation: isolate;
      border-color: var(--ct-nav-tabs-link-hover-border-color)
    }

    .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
      color: var(--ct-nav-link-disabled-color);
      background-color: transparent;
      border-color: transparent
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
      color: var(--ct-nav-tabs-link-active-color);
      /*background-color: var(--ct-nav-tabs-link-active-bg);*/
      background-color: transparent;
      border-color: var(--ct-nav-tabs-link-active-border-color)
    }

  .nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--ct-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

.nav-pills {
  --ct-nav-pills-border-radius: 0.25rem;
  --ct-nav-pills-link-active-color: #fff;
  --ct-nav-pills-link-active-bg: #727cf5
}

  .nav-pills .nav-link {
    border-radius: var(--ct-nav-pills-border-radius)
  }

    .nav-pills .nav-link:disabled {
      color: var(--ct-nav-link-disabled-color);
      background-color: transparent;
      border-color: transparent
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
      color: var(--ct-nav-pills-link-active-color);
      background-color: var(--ct-nav-pills-link-active-bg)
    }

.nav-underline {
  --ct-nav-underline-gap: 1rem;
  --ct-nav-underline-border-width: 0.125rem;
  --ct-nav-underline-link-active-color: var(--ct-emphasis-color);
  gap: var(--ct-nav-underline-gap)
}

  .nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--ct-nav-underline-border-width) solid transparent
  }

    .nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
      border-bottom-color: currentcolor
    }

    .nav-underline .nav-link.active, .nav-underline .show > .nav-link {
      font-weight: 700;
      color: var(--ct-nav-underline-link-active-color);
      border-bottom-color: currentcolor
    }

.nav-fill .nav-item, .nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

  .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%
  }

.tab-content > .tab-pane {
  display: none
}

.tab-content > .active {
  display: block
}

.navbar {
  --ct-navbar-padding-x: 0;
  --ct-navbar-padding-y: 0.75rem;
  --ct-navbar-color: rgba(var(--ct-emphasis-color-rgb), 0.65);
  --ct-navbar-hover-color: rgba(var(--ct-emphasis-color-rgb), 0.8);
  --ct-navbar-disabled-color: rgba(var(--ct-emphasis-color-rgb), 0.3);
  --ct-navbar-active-color: rgba(var(--ct-emphasis-color-rgb), 1);
  --ct-navbar-brand-padding-y: 0.23675rem;
  --ct-navbar-brand-margin-end: 1rem;
  --ct-navbar-brand-font-size: 1.251rem;
  --ct-navbar-brand-color: rgba(var(--ct-emphasis-color-rgb), 1);
  --ct-navbar-brand-hover-color: rgba(var(--ct-emphasis-color-rgb), 1);
  --ct-navbar-nav-link-padding-x: 0.5rem;
  --ct-navbar-toggler-padding-y: 0.25rem;
  --ct-navbar-toggler-padding-x: 0.75rem;
  --ct-navbar-toggler-font-size: 1.251rem;
  --ct-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28108, 117, 125, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --ct-navbar-toggler-border-color: rgba(var(--ct-emphasis-color-rgb), 0.15);
  --ct-navbar-toggler-border-radius: 0.15rem;
  --ct-navbar-toggler-focus-width: 0.15rem;
  --ct-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--ct-navbar-padding-y) var(--ct-navbar-padding-x)
}

  .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
  }

.navbar-brand {
  padding-top: var(--ct-navbar-brand-padding-y);
  padding-bottom: var(--ct-navbar-brand-padding-y);
  margin-right: var(--ct-navbar-brand-margin-end);
  font-size: var(--ct-navbar-brand-font-size);
  color: var(--ct-navbar-brand-color);
  white-space: nowrap
}

  .navbar-brand:focus, .navbar-brand:hover {
    color: var(--ct-navbar-brand-hover-color)
  }

.navbar-nav {
  --ct-nav-link-padding-x: 0;
  --ct-nav-link-padding-y: 0.5rem;
  --ct-nav-link-color: var(--ct-navbar-color);
  --ct-nav-link-hover-color: var(--ct-navbar-hover-color);
  --ct-nav-link-disabled-color: var(--ct-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--ct-navbar-active-color)
  }

  .navbar-nav .dropdown-menu {
    position: static
  }

.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--ct-navbar-color)
}

  .navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
    color: var(--ct-navbar-active-color)
  }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.navbar-toggler {
  padding: var(--ct-navbar-toggler-padding-y) var(--ct-navbar-toggler-padding-x);
  font-size: var(--ct-navbar-toggler-font-size);
  line-height: 1;
  color: var(--ct-navbar-color);
  background-color: transparent;
  border: var(--ct-border-width) solid var(--ct-navbar-toggler-border-color);
  border-radius: var(--ct-navbar-toggler-border-radius);
  transition: var(--ct-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--ct-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--ct-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}

.navbar-nav-scroll {
  max-height: var(--ct-scroll-height,75vh);
  overflow-y: auto
}

@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-sm .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--ct-navbar-nav-link-padding-x);
        padding-left: var(--ct-navbar-nav-link-padding-x)
      }

    .navbar-expand-sm .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
      display: none
    }

    .navbar-expand-sm .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-md .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--ct-navbar-nav-link-padding-x);
        padding-left: var(--ct-navbar-nav-link-padding-x)
      }

    .navbar-expand-md .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
      display: none
    }

    .navbar-expand-md .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-lg .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--ct-navbar-nav-link-padding-x);
        padding-left: var(--ct-navbar-nav-link-padding-x)
      }

    .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
      display: none
    }

    .navbar-expand-lg .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-xl .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--ct-navbar-nav-link-padding-x);
        padding-left: var(--ct-navbar-nav-link-padding-x)
      }

    .navbar-expand-xl .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
      display: none
    }

    .navbar-expand-xl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

    .navbar-expand-xxl .navbar-nav {
      flex-direction: row
    }

      .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
      }

      .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--ct-navbar-nav-link-padding-x);
        padding-left: var(--ct-navbar-nav-link-padding-x)
      }

    .navbar-expand-xxl .navbar-nav-scroll {
      overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
      display: flex !important;
      flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
      display: none
    }

    .navbar-expand-xxl .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none
    }

      .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
      }

      .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
      }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}

  .navbar-expand .navbar-nav {
    flex-direction: row
  }

    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute
    }

    .navbar-expand .navbar-nav .nav-link {
      padding-right: var(--ct-navbar-nav-link-padding-x);
      padding-left: var(--ct-navbar-nav-link-padding-x)
    }

  .navbar-expand .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand .navbar-toggler {
    display: none
  }

  .navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

    .navbar-expand .offcanvas .offcanvas-header {
      display: none
    }

    .navbar-expand .offcanvas .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible
    }

.navbar-dark, .navbar[data-bs-theme=dark] {
  --ct-navbar-color: rgba(255, 255, 255, 0.55);
  --ct-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --ct-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --ct-navbar-active-color: #fff;
  --ct-navbar-brand-color: #fff;
  --ct-navbar-brand-hover-color: #fff;
  --ct-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --ct-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --ct-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
  --ct-card-spacer-y: 1.5rem;
  --ct-card-spacer-x: 1.5rem;
  --ct-card-spacer-y-dash: 1.000rem;
  --ct-card-spacer-x-dash: 1.250rem;
  --ct-card-title-spacer-y: 0.75rem;
  --ct-card-border-width: var(--ct-theme-card-border-width);
  --ct-card-border-color: var(--ct-border-color);
  --ct-card-border-radius: var(--ct-border-radius);
  --ct-card-box-shadow: var(--ct-box-shadow);
  --ct-card-inner-border-radius: calc(var(--ct-border-radius) - (var(--ct-theme-card-border-width)));
  --ct-card-cap-padding-y: 1.125rem;
  --ct-card-cap-padding-x: 1.5rem;
  --ct-card-cap-bg: transparent;
  --ct-card-bg: var(--ct-secondary-bg);
  --ct-card-img-overlay-padding: 1.5rem;
  --ct-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--ct-card-height);
  color: var(--ct-body-color);
  word-wrap: break-word;
  background-color: var(--ct-card-bg);
  background-clip: border-box;
  border: var(--ct-card-border-width) solid var(--ct-card-border-color);
  border-radius: var(--ct-card-border-radius)
}

  .card > hr {
    margin-right: 0;
    margin-left: 0
  }

  .card > .list-group {
    border-top: inherit;
    border-bottom: inherit
  }

    .card > .list-group:first-child {
      border-top-width: 0;
      border-top-left-radius: var(--ct-card-inner-border-radius);
      border-top-right-radius: var(--ct-card-inner-border-radius)
    }

    .card > .list-group:last-child {
      border-bottom-width: 0;
      border-bottom-right-radius: var(--ct-card-inner-border-radius);
      border-bottom-left-radius: var(--ct-card-inner-border-radius)
    }

    .card > .card-header + .list-group, .card > .list-group + .card-footer {
      border-top: 0
    }

.card-body {
  flex: 1 1 auto;
  padding: var(--ct-card-spacer-y) var(--ct-card-spacer-x);
  color: var(--ct-card-color)
}

.card-title {
  margin-bottom: var(--ct-card-title-spacer-y);
  color: var(--ct-card-title-color)
}

.card-subtitle {
  margin-top: calc(-.5 * var(--ct-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--ct-card-subtitle-color)
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link + .card-link {
  margin-left: var(--ct-card-spacer-x)
}

.card-header {
  padding: var(--ct-card-cap-padding-y) var(--ct-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--ct-card-cap-color);
  background-color: var(--ct-card-cap-bg);
  border-bottom: var(--ct-card-border-width) solid var(--ct-card-border-color)
}

  .card-header:first-child {
    border-radius: var(--ct-card-inner-border-radius) var(--ct-card-inner-border-radius) 0 0
  }

.card-footer {
  padding: var(--ct-card-cap-padding-y) var(--ct-card-cap-padding-x);
  color: var(--ct-card-cap-color);
  background-color: var(--ct-card-cap-bg);
  border-top: var(--ct-card-border-width) solid var(--ct-card-border-color)
}

  .card-footer:last-child {
    border-radius: 0 0 var(--ct-card-inner-border-radius) var(--ct-card-inner-border-radius)
  }

.card-header-tabs {
  margin-right: calc(-.5 * var(--ct-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--ct-card-cap-padding-y));
  margin-left: calc(-.5 * var(--ct-card-cap-padding-x));
  border-bottom: 0
}

  .card-header-tabs .nav-link.active {
    background-color: var(--ct-card-bg);
    border-bottom-color: var(--ct-card-bg)
  }

.card-header-pills {
  margin-right: calc(-.5 * var(--ct-card-cap-padding-x));
  margin-left: calc(-.5 * var(--ct-card-cap-padding-x))
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--ct-card-img-overlay-padding);
  border-radius: var(--ct-card-inner-border-radius)
}

.card-img, .card-img-bottom, .card-img-top {
  width: 100%
}

.card-img, .card-img-top {
  border-top-left-radius: var(--ct-card-inner-border-radius);
  border-top-right-radius: var(--ct-card-inner-border-radius)
}

.card-img, .card-img-bottom {
  border-bottom-right-radius: var(--ct-card-inner-border-radius);
  border-bottom-left-radius: var(--ct-card-inner-border-radius)
}

.card-group > .card {
  margin-bottom: var(--ct-card-group-margin)
}

@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0
    }

      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0
      }

      .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
      }

        .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
          border-top-right-radius: 0
        }

        .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
          border-bottom-right-radius: 0
        }

      .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
      }

        .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
          border-top-left-radius: 0
        }

        .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
          border-bottom-left-radius: 0
        }
}

.accordion {
  --ct-accordion-color: var(--ct-text-color);
  --ct-accordion-bg: var(--ct-secondary-bg);
  --ct-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --ct-accordion-border-color: var(--ct-border-color);
  --ct-accordion-border-width: var(--ct-border-width);
  --ct-accordion-border-radius: var(--ct-border-radius);
  --ct-accordion-inner-border-radius: calc(var(--ct-border-radius) - (var(--ct-border-width)));
  --ct-accordion-btn-padding-x: 1.25rem;
  --ct-accordion-btn-padding-y: 1rem;
  --ct-accordion-btn-color: var(--ct-body-color);
  --ct-accordion-btn-bg: var(--ct-accordion-bg);
  --ct-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c757d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --ct-accordion-btn-icon-width: 0.75rem;
  --ct-accordion-btn-icon-transform: rotate(-180deg);
  --ct-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --ct-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232e3262'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --ct-accordion-btn-focus-border-color: var(--ct-border-color);
  --ct-accordion-btn-focus-box-shadow: none;
  --ct-accordion-body-padding-x: 1.25rem;
  --ct-accordion-body-padding-y: 1rem;
  --ct-accordion-active-color: var(--ct-primary-active);
  --ct-accordion-active-bg: var(--ct-primary-bg-active)
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--ct-accordion-btn-padding-y) var(--ct-accordion-btn-padding-x);
  font-size: .9rem;
  color: var(--ct-accordion-btn-color);
  text-align: left;
  background-color: var(--ct-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--ct-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  color: var(--ct-accordion-active-color);
  background-color: var(--ct-accordion-active-bg);
  /*-webkit-box-shadow: inset 0 calc(-1 * var(--ct-accordion-border-width)) 0 var(--ct-accordion-border-color);
  box-shadow: inset 0 calc(-1 * var(--ct-accordion-border-width)) 0 var(--ct-accordion-border-color)*/
}

  .accordion-button:not(.collapsed)::after {
    background-image: var(--ct-accordion-btn-active-icon);
    transform: var(--ct-accordion-btn-icon-transform)
  }

.accordion-button::after {
  flex-shrink: 0;
  width: var(--ct-accordion-btn-icon-width);
  height: var(--ct-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--ct-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--ct-accordion-btn-icon-width);
  transition: var(--ct-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--ct-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--ct-accordion-btn-focus-box-shadow)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  color: var(--ct-accordion-color);
  background-color: var(--ct-accordion-bg);
  border: var(--ct-accordion-border-width) solid var(--ct-accordion-border-color)
}

  .accordion-item:first-of-type {
    border-top-left-radius: var(--ct-accordion-border-radius);
    border-top-right-radius: var(--ct-accordion-border-radius)
  }

    .accordion-item:first-of-type .accordion-button {
      border-top-left-radius: var(--ct-accordion-inner-border-radius);
      border-top-right-radius: var(--ct-accordion-inner-border-radius)
    }

  .accordion-item:not(:first-of-type) {
    border-top: 0
  }

  .accordion-item:last-of-type {
    border-bottom-right-radius: var(--ct-accordion-border-radius);
    border-bottom-left-radius: var(--ct-accordion-border-radius)
  }

    .accordion-item:last-of-type .accordion-button.collapsed {
      border-bottom-right-radius: var(--ct-accordion-inner-border-radius);
      border-bottom-left-radius: var(--ct-accordion-inner-border-radius)
    }

    .accordion-item:last-of-type .accordion-collapse {
      border-bottom-right-radius: var(--ct-accordion-border-radius);
      border-bottom-left-radius: var(--ct-accordion-border-radius)
    }

.accordion-body {
  padding: var(--ct-accordion-body-padding-y) var(--ct-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

  .accordion-flush .accordion-item:first-child {
    border-top: 0
  }

  .accordion-flush .accordion-item:last-child {
    border-bottom: 0
  }

  .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
  }

[data-bs-theme=dark] .accordion-button::after {
  --ct-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aab0f9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --ct-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aab0f9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.breadcrumb {
  --ct-breadcrumb-padding-x: 0;
  --ct-breadcrumb-padding-y: 1.5rem;
  --ct-breadcrumb-margin-bottom: 1rem;
  --ct-breadcrumb-divider-color: var(--ct-secondary-color);
  --ct-breadcrumb-item-padding-x: 0.5rem;
  --ct-breadcrumb-item-active-color: var(--ct-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--ct-breadcrumb-padding-y) var(--ct-breadcrumb-padding-x);
  margin-bottom: var(--ct-breadcrumb-margin-bottom);
  font-size: var(--ct-breadcrumb-font-size);
  list-style: none;
  background-color: var(--ct-breadcrumb-bg);
  border-radius: var(--ct-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--ct-breadcrumb-item-padding-x)
}

  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--ct-breadcrumb-item-padding-x);
    color: var(--ct-breadcrumb-divider-color);
    content: var(--ct-breadcrumb-divider, "\f0142")
  }

.breadcrumb-item.active {
  color: var(--ct-breadcrumb-item-active-color)
}

.pagination {
  --ct-pagination-padding-x: 0.75rem;
  --ct-pagination-padding-y: 0.375rem;
  --ct-pagination-font-size: 0.9rem;
  --ct-pagination-color: var(--ct-tertiary-color);
  --ct-pagination-bg: var(--ct-secondary-bg);
  --ct-pagination-border-width: var(--ct-border-width);
  --ct-pagination-border-color: var(--ct-border-color);
  --ct-pagination-border-radius: var(--ct-border-radius);
  --ct-pagination-hover-color: var(--ct-link-hover-color);
  --ct-pagination-hover-bg: var(--ct-tertiary-bg);
  --ct-pagination-hover-border-color: var(--ct-border-color);
  --ct-pagination-focus-color: var(--ct-link-hover-color);
  --ct-pagination-focus-bg: var(--ct-secondary-bg);
  --ct-pagination-focus-box-shadow: none;
  --ct-pagination-active-color: #fff;
  --ct-pagination-active-bg: #727cf5;
  --ct-pagination-active-border-color: #727cf5;
  --ct-pagination-disabled-color: var(--ct-secondary-color);
  --ct-pagination-disabled-bg: var(--ct-secondary-bg);
  --ct-pagination-disabled-border-color: var(--ct-border-color);
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  padding: var(--ct-pagination-padding-y) var(--ct-pagination-padding-x);
  font-size: var(--ct-pagination-font-size);
  color: var(--ct-pagination-color);
  background-color: var(--ct-pagination-bg);
  border: var(--ct-pagination-border-width) solid var(--ct-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--ct-pagination-hover-color);
  background-color: var(--ct-pagination-hover-bg);
  border-color: var(--ct-pagination-hover-border-color)
}

.page-link:focus {
  z-index: 3;
  color: var(--ct-pagination-focus-color);
  background-color: var(--ct-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--ct-pagination-focus-box-shadow)
}

.active > .page-link, .page-link.active {
  z-index: 3;
  color: var(--ct-pagination-active-color);
  background-color: var(--ct-pagination-active-bg);
  border-color: var(--ct-pagination-active-border-color)
}

.disabled > .page-link, .page-link.disabled {
  color: var(--ct-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--ct-pagination-disabled-bg);
  border-color: var(--ct-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--ct-border-width) * -1)
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--ct-pagination-border-radius);
  border-bottom-left-radius: var(--ct-pagination-border-radius)
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--ct-pagination-border-radius);
  border-bottom-right-radius: var(--ct-pagination-border-radius)
}

.pagination-lg {
  --ct-pagination-padding-x: 1.5rem;
  --ct-pagination-padding-y: 0.75rem;
  --ct-pagination-font-size: calc(1.2501rem + 0.0012vw);
  --ct-pagination-border-radius: 0.3rem
}

@media (min-width:1200px) {
  .pagination-lg {
    --ct-pagination-font-size: 1.251rem
  }
}

.pagination-sm {
  --ct-pagination-padding-x: 0.5rem;
  --ct-pagination-padding-y: 0.25rem;
  --ct-pagination-font-size: 0.875rem;
  --ct-pagination-border-radius: 0.2rem
}

.badge {
  --ct-badge-padding-x: 0.4em;
  --ct-badge-padding-y: 0.25em;
  --ct-badge-font-size: 0.75em;
  --ct-badge-font-weight: 700;
  --ct-badge-color: #fff;
  --ct-badge-border-radius: 0.25rem;
  display: inline-block;
  padding: var(--ct-badge-padding-y) var(--ct-badge-padding-x);
  font-size: var(--ct-badge-font-size);
  font-weight: var(--ct-badge-font-weight);
  line-height: 1;
  color: var(--ct-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--ct-badge-border-radius)
}

  .badge:empty {
    display: none
  }

.btn .badge {
  position: relative;
  top: -1px
}

.alert {
  --ct-alert-bg: transparent;
  --ct-alert-padding-x: 1.25rem;
  --ct-alert-padding-y: 0.8rem;
  --ct-alert-margin-bottom: 1rem;
  --ct-alert-color: inherit;
  --ct-alert-border-color: transparent;
  --ct-alert-border: var(--ct-border-width) solid var(--ct-alert-border-color);
  --ct-alert-border-radius: 8px;
  --ct-alert-link-color: inherit;
  position: relative;
  padding: var(--ct-alert-padding-y) var(--ct-alert-padding-x);
  margin-bottom: var(--ct-alert-margin-bottom);
  color: var(--ct-alert-color);
  background-color: var(--ct-alert-bg);
  border: var(--ct-alert-border);
  border-radius: var(--ct-alert-border-radius)
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700;
  color: var(--ct-alert-link-color)
}

.alert-dismissible {
  padding-right: 3.75rem
}

  .alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.8rem 1.25rem
  }

.alert-primary {
  --ct-alert-color: var(--ct-primary-text-emphasis);
  --ct-alert-bg: var(--ct-primary-bg-subtle);
  --ct-alert-border-color: var(--ct-primary-border-subtle);
  --ct-alert-link-color: var(--ct-primary-text-emphasis)
}

.alert-secondary {
  --ct-alert-color: var(--ct-secondary-text-emphasis);
  --ct-alert-bg: var(--ct-secondary-bg-subtle);
  --ct-alert-border-color: var(--ct-secondary-border-subtle);
  --ct-alert-link-color: var(--ct-secondary-text-emphasis)
}

.alert-success {
  --ct-alert-color: var(--ct-success-text-emphasis);
  --ct-alert-bg: var(--ct-success-bg-subtle);
  --ct-alert-border-color: var(--ct-success-border-subtle);
  --ct-alert-link-color: var(--ct-success-text-emphasis)
}

.alert-info {
  --ct-alert-color: var(--ct-info-text-emphasis);
  --ct-alert-bg: var(--ct-info-bg-subtle);
  --ct-alert-border-color: var(--ct-info-border-subtle);
  --ct-alert-link-color: var(--ct-info-text-emphasis)
}

.alert-warning {
  --ct-alert-color: var(--ct-warning-text-emphasis);
  --ct-alert-bg: var(--ct-warning-bg-subtle);
  --ct-alert-border-color: var(--ct-warning-border-subtle);
  --ct-alert-link-color: var(--ct-warning-text-emphasis)
}

.alert-danger {
  --ct-alert-color: var(--ct-danger-text-emphasis);
  --ct-alert-bg: var(--ct-danger-bg-subtle);
  --ct-alert-border-color: var(--ct-danger-border-subtle);
  --ct-alert-link-color: var(--ct-danger-text-emphasis)
}

.alert-light {
  --ct-alert-color: var(--ct-light-text-emphasis);
  --ct-alert-bg: var(--ct-light-bg-subtle);
  --ct-alert-border-color: var(--ct-light-border-subtle);
  --ct-alert-link-color: var(--ct-light-text-emphasis)
}

.alert-dark {
  --ct-alert-color: var(--ct-dark-text-emphasis);
  --ct-alert-bg: var(--ct-dark-bg-subtle);
  --ct-alert-border-color: var(--ct-dark-border-subtle);
  --ct-alert-link-color: var(--ct-dark-text-emphasis)
}

.alert-idcb {
  position: fixed;
  top: 77px;
  z-index: 0;
  display: block;
  width: 100%;
}

.alert-main {
  width: 382px;
  height: 40px;
  margin: auto;
  padding: 8px 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgb(0 0 0 / 10%);
}

  .alert-main button, span {
    font-size: 12px;
  }

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress, .progress-stacked {
  --ct-progress-height: 1rem;
  --ct-progress-font-size: 0.675rem;
  --ct-progress-bg: var(--ct-tertiary-bg);
  --ct-progress-border-radius: var(--ct-border-radius);
  --ct-progress-box-shadow: var(--ct-box-shadow-inset);
  --ct-progress-bar-color: #fff;
  --ct-progress-bar-bg: #727cf5;
  --ct-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--ct-progress-height);
  overflow: hidden;
  font-size: var(--ct-progress-font-size);
  background-color: var(--ct-progress-bg);
  border-radius: var(--ct-progress-border-radius)
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--ct-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--ct-progress-bar-bg);
  transition: var(--ct-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: var(--ct-progress-height) var(--ct-progress-height)
}

.progress-stacked > .progress {
  overflow: visible
}

  .progress-stacked > .progress > .progress-bar {
    width: 100%
  }

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none
  }
}

.list-group {
  --ct-list-group-color: var(--ct-tertiary-color);
  --ct-list-group-bg: var(--ct-secondary-bg);
  --ct-list-group-border-color: var(--ct-border-color);
  --ct-list-group-border-width: var(--ct-border-width);
  --ct-list-group-border-radius: var(--ct-border-radius);
  --ct-list-group-item-padding-x: 1.2rem;
  --ct-list-group-item-padding-y: 0.75rem;
  --ct-list-group-action-color: var(--ct-secondary-color);
  --ct-list-group-action-hover-color: var(--ct-tertiary-color);
  --ct-list-group-action-hover-bg: var(--ct-tertiary-bg);
  --ct-list-group-action-active-color: var(--ct-body-color);
  --ct-list-group-action-active-bg: var(--ct-secondary-bg);
  --ct-list-group-disabled-color: var(--ct-secondary-color);
  --ct-list-group-disabled-bg: var(--ct-tertiary-bg);
  --ct-list-group-active-color: #fff;
  --ct-list-group-active-bg: #727cf5;
  --ct-list-group-active-border-color: #727cf5;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--ct-list-group-border-radius)
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section
}

  .list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section
  }

.list-group-item-action {
  width: 100%;
  color: var(--ct-list-group-action-color);
  text-align: inherit
}

  .list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: var(--ct-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--ct-list-group-action-hover-bg)
  }

  .list-group-item-action:active {
    color: var(--ct-list-group-action-active-color);
    background-color: var(--ct-list-group-action-active-bg)
  }

.list-group-item {
  position: relative;
  display: block;
  padding: var(--ct-list-group-item-padding-y) var(--ct-list-group-item-padding-x);
  color: var(--ct-list-group-color);
  background-color: var(--ct-list-group-bg);
  border: var(--ct-list-group-border-width) solid var(--ct-list-group-border-color)
}

  .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
  }

  .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
  }

  .list-group-item.disabled, .list-group-item:disabled {
    color: var(--ct-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--ct-list-group-disabled-bg)
  }

  .list-group-item.active {
    z-index: 2;
    color: var(--ct-list-group-active-color);
    background-color: var(--ct-list-group-active-bg);
    border-color: var(--ct-list-group-active-border-color)
  }

  .list-group-item + .list-group-item {
    border-top-width: 0
  }

    .list-group-item + .list-group-item.active {
      margin-top: calc(-1 * var(--ct-list-group-border-width));
      border-top-width: var(--ct-list-group-border-width)
    }

.list-group-horizontal {
  flex-direction: row
}

  .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--ct-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--ct-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal > .list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: var(--ct-list-group-border-width);
    border-left-width: 0
  }

    .list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-left: calc(-1 * var(--ct-list-group-border-width));
      border-left-width: var(--ct-list-group-border-width)
    }

@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

    .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--ct-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--ct-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: var(--ct-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--ct-list-group-border-width));
        border-left-width: var(--ct-list-group-border-width)
      }
}

@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

    .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--ct-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--ct-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-md > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: var(--ct-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--ct-list-group-border-width));
        border-left-width: var(--ct-list-group-border-width)
      }
}

@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

    .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--ct-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--ct-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: var(--ct-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--ct-list-group-border-width));
        border-left-width: var(--ct-list-group-border-width)
      }
}

@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

    .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--ct-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--ct-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: var(--ct-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--ct-list-group-border-width));
        border-left-width: var(--ct-list-group-border-width)
      }
}

@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

    .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--ct-list-group-border-radius);
      border-top-right-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
      border-top-right-radius: var(--ct-list-group-border-radius);
      border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item.active {
      margin-top: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
      border-top-width: var(--ct-list-group-border-width);
      border-left-width: 0
    }

      .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--ct-list-group-border-width));
        border-left-width: var(--ct-list-group-border-width)
      }
}

.list-group-flush {
  border-radius: 0
}

  .list-group-flush > .list-group-item {
    border-width: 0 0 var(--ct-list-group-border-width)
  }

    .list-group-flush > .list-group-item:last-child {
      border-bottom-width: 0
    }

.list-group-item-primary {
  --ct-list-group-color: var(--ct-primary-text-emphasis);
  --ct-list-group-bg: var(--ct-primary-bg-subtle);
  --ct-list-group-border-color: var(--ct-primary-border-subtle);
  --ct-list-group-action-hover-color: var(--ct-emphasis-color);
  --ct-list-group-action-hover-bg: var(--ct-primary-border-subtle);
  --ct-list-group-action-active-color: var(--ct-emphasis-color);
  --ct-list-group-action-active-bg: var(--ct-primary-border-subtle);
  --ct-list-group-active-color: var(--ct-primary-bg-subtle);
  --ct-list-group-active-bg: var(--ct-primary-text-emphasis);
  --ct-list-group-active-border-color: var(--ct-primary-text-emphasis)
}

.list-group-item-secondary {
  --ct-list-group-color: var(--ct-secondary-text-emphasis);
  --ct-list-group-bg: var(--ct-secondary-bg-subtle);
  --ct-list-group-border-color: var(--ct-secondary-border-subtle);
  --ct-list-group-action-hover-color: var(--ct-emphasis-color);
  --ct-list-group-action-hover-bg: var(--ct-secondary-border-subtle);
  --ct-list-group-action-active-color: var(--ct-emphasis-color);
  --ct-list-group-action-active-bg: var(--ct-secondary-border-subtle);
  --ct-list-group-active-color: var(--ct-secondary-bg-subtle);
  --ct-list-group-active-bg: var(--ct-secondary-text-emphasis);
  --ct-list-group-active-border-color: var(--ct-secondary-text-emphasis)
}

.list-group-item-success {
  --ct-list-group-color: var(--ct-success-text-emphasis);
  --ct-list-group-bg: var(--ct-success-bg-subtle);
  --ct-list-group-border-color: var(--ct-success-border-subtle);
  --ct-list-group-action-hover-color: var(--ct-emphasis-color);
  --ct-list-group-action-hover-bg: var(--ct-success-border-subtle);
  --ct-list-group-action-active-color: var(--ct-emphasis-color);
  --ct-list-group-action-active-bg: var(--ct-success-border-subtle);
  --ct-list-group-active-color: var(--ct-success-bg-subtle);
  --ct-list-group-active-bg: var(--ct-success-text-emphasis);
  --ct-list-group-active-border-color: var(--ct-success-text-emphasis)
}

.list-group-item-info {
  --ct-list-group-color: var(--ct-info-text-emphasis);
  --ct-list-group-bg: var(--ct-info-bg-subtle);
  --ct-list-group-border-color: var(--ct-info-border-subtle);
  --ct-list-group-action-hover-color: var(--ct-emphasis-color);
  --ct-list-group-action-hover-bg: var(--ct-info-border-subtle);
  --ct-list-group-action-active-color: var(--ct-emphasis-color);
  --ct-list-group-action-active-bg: var(--ct-info-border-subtle);
  --ct-list-group-active-color: var(--ct-info-bg-subtle);
  --ct-list-group-active-bg: var(--ct-info-text-emphasis);
  --ct-list-group-active-border-color: var(--ct-info-text-emphasis)
}

.list-group-item-warning {
  --ct-list-group-color: var(--ct-warning-text-emphasis);
  --ct-list-group-bg: var(--ct-warning-bg-subtle);
  --ct-list-group-border-color: var(--ct-warning-border-subtle);
  --ct-list-group-action-hover-color: var(--ct-emphasis-color);
  --ct-list-group-action-hover-bg: var(--ct-warning-border-subtle);
  --ct-list-group-action-active-color: var(--ct-emphasis-color);
  --ct-list-group-action-active-bg: var(--ct-warning-border-subtle);
  --ct-list-group-active-color: var(--ct-warning-bg-subtle);
  --ct-list-group-active-bg: var(--ct-warning-text-emphasis);
  --ct-list-group-active-border-color: var(--ct-warning-text-emphasis)
}

.list-group-item-danger {
  --ct-list-group-color: var(--ct-danger-text-emphasis);
  --ct-list-group-bg: var(--ct-danger-bg-subtle);
  --ct-list-group-border-color: var(--ct-danger-border-subtle);
  --ct-list-group-action-hover-color: var(--ct-emphasis-color);
  --ct-list-group-action-hover-bg: var(--ct-danger-border-subtle);
  --ct-list-group-action-active-color: var(--ct-emphasis-color);
  --ct-list-group-action-active-bg: var(--ct-danger-border-subtle);
  --ct-list-group-active-color: var(--ct-danger-bg-subtle);
  --ct-list-group-active-bg: var(--ct-danger-text-emphasis);
  --ct-list-group-active-border-color: var(--ct-danger-text-emphasis)
}

.list-group-item-light {
  --ct-list-group-color: var(--ct-light-text-emphasis);
  --ct-list-group-bg: var(--ct-light-bg-subtle);
  --ct-list-group-border-color: var(--ct-light-border-subtle);
  --ct-list-group-action-hover-color: var(--ct-emphasis-color);
  --ct-list-group-action-hover-bg: var(--ct-light-border-subtle);
  --ct-list-group-action-active-color: var(--ct-emphasis-color);
  --ct-list-group-action-active-bg: var(--ct-light-border-subtle);
  --ct-list-group-active-color: var(--ct-light-bg-subtle);
  --ct-list-group-active-bg: var(--ct-light-text-emphasis);
  --ct-list-group-active-border-color: var(--ct-light-text-emphasis)
}

.list-group-item-dark {
  --ct-list-group-color: var(--ct-dark-text-emphasis);
  --ct-list-group-bg: var(--ct-dark-bg-subtle);
  --ct-list-group-border-color: var(--ct-dark-border-subtle);
  --ct-list-group-action-hover-color: var(--ct-emphasis-color);
  --ct-list-group-action-hover-bg: var(--ct-dark-border-subtle);
  --ct-list-group-action-active-color: var(--ct-emphasis-color);
  --ct-list-group-action-active-bg: var(--ct-dark-border-subtle);
  --ct-list-group-active-color: var(--ct-dark-bg-subtle);
  --ct-list-group-active-bg: var(--ct-dark-text-emphasis);
  --ct-list-group-active-border-color: var(--ct-dark-text-emphasis)
}

.btn-close {
  --ct-btn-close-color: var(--ct-alert-secondary-color);
  --ct-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--ct-secondary-color%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --ct-btn-close-opacity: 1;
  --ct-alert-secondary-color: #ffffff;
  --ct-btn-close-hover-opacity: 0.8;
  --ct-btn-close-focus-shadow: none;
  --ct-btn-close-focus-opacity: 1;
  --ct-btn-close-disabled-opacity: 0.25;
  --ct-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: var(--ct-btn-close-color);
  background: transparent var(--ct-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: var(--ct-btn-close-opacity)
}

  .btn-close:hover {
    color: var(--ct-btn-close-color);
    text-decoration: none;
    opacity: var(--ct-btn-close-hover-opacity)
  }

  .btn-close:focus {
    outline: 0;
    box-shadow: var(--ct-btn-close-focus-shadow);
    opacity: var(--ct-btn-close-focus-opacity)
  }

  .btn-close.disabled, .btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: var(--ct-btn-close-disabled-opacity)
  }

.btn-close-white {
  filter: var(--ct-btn-close-white-filter)
}

[data-bs-theme=dark] .btn-close {
  filter: var(--ct-btn-close-white-filter)
}

.toast {
  --ct-toast-zindex: 1090;
  --ct-toast-padding-x: 0.75rem;
  --ct-toast-padding-y: 0.5rem;
  --ct-toast-spacing: 1.5rem;
  --ct-toast-max-width: 350px;
  --ct-toast-font-size: 0.875rem;
  --ct-toast-bg: rgba(var(--ct-body-bg-rgb), 0.85);
  --ct-toast-border-width: var(--ct-border-width);
  --ct-toast-border-color: var(--ct-border-color);
  --ct-toast-border-radius: var(--ct-border-radius);
  --ct-toast-box-shadow: var(--ct-box-shadow);
  --ct-toast-header-color: var(--ct-secondary-color);
  --ct-toast-header-bg: rgba(var(--ct-body-bg-rgb), 0.85);
  --ct-toast-header-border-color: var(--ct-border-color);
  width: var(--ct-toast-max-width);
  max-width: 100%;
  font-size: var(--ct-toast-font-size);
  color: var(--ct-toast-color);
  pointer-events: auto;
  background-color: var(--ct-toast-bg);
  background-clip: padding-box;
  border: var(--ct-toast-border-width) solid var(--ct-toast-border-color);
  box-shadow: var(--ct-toast-box-shadow);
  border-radius: var(--ct-toast-border-radius)
}

  .toast.showing {
    opacity: 0
  }

  .toast:not(.show) {
    display: none
  }

.toast-container {
  --ct-toast-zindex: 1090;
  position: absolute;
  z-index: var(--ct-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none
}

  .toast-container > :not(:last-child) {
    margin-bottom: var(--ct-toast-spacing)
  }

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--ct-toast-padding-y) var(--ct-toast-padding-x);
  color: var(--ct-toast-header-color);
  background-color: var(--ct-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--ct-toast-border-width) solid var(--ct-toast-header-border-color);
  border-top-left-radius: calc(var(--ct-toast-border-radius) - var(--ct-toast-border-width));
  border-top-right-radius: calc(var(--ct-toast-border-radius) - var(--ct-toast-border-width))
}

  .toast-header .btn-close {
    margin-right: calc(-.5 * var(--ct-toast-padding-x));
    margin-left: var(--ct-toast-padding-x)
  }

.toast-body {
  padding: var(--ct-toast-padding-x);
  word-wrap: break-word
}

.modal {
  --ct-modal-zindex: 1055;
  --ct-modal-width: 500px;
  --ct-modal-padding: 1.75rem;
  --ct-modal-margin: 0.5rem;
  --ct-modal-bg: var(--ct-secondary-bg);
  --ct-modal-border-color: transparent;
  --ct-modal-border-width: var(--ct-border-width);
  --ct-modal-border-radius: var(--ct-border-radius-lg);
  --ct-modal-box-shadow: 0 0.125rem 0.25rem rgba(var(--ct-body-color-rgb), 0.15);
  --ct-modal-inner-border-radius: calc(var(--ct-border-radius-lg) - (var(--ct-border-width)));
  --ct-modal-header-padding-x: 1.25rem;
  --ct-modal-header-padding-y: 1.75rem;
  --ct-modal-header-padding: 1.25rem 1.75rem;
  --ct-modal-header-border-color: var(--ct-border-color);
  --ct-modal-header-border-width: var(--ct-border-width);
  --ct-modal-title-line-height: 1.5;
  --ct-modal-footer-gap: 0.5rem;
  --ct-modal-footer-border-color: var(--ct-border-color);
  --ct-modal-footer-border-width: var(--ct-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--ct-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: 450px;
  max-width: 600px;
  margin: var(--ct-modal-margin);
  pointer-events: all;
}

@media screen and (max-width:450px) {
  .modal-dialog {
    width: 300px;
  }
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - var(--ct-modal-margin) * 2)
}

  .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
  }

  .modal-dialog-scrollable .modal-body {
    overflow-y: auto
  }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--ct-modal-margin) * 2)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--ct-modal-label-color);
  pointer-events: auto;
  background-color: var(--ct-modal-bg);
  background-clip: padding-box;
  border: var(--ct-modal-border-width) solid var(--ct-modal-border-color);
  border-radius: var(--ct-modal-border-radius);
  outline: 0
}

.modal-backdrop {
  --ct-backdrop-zindex: 1050;
  --ct-backdrop-bg: var(--ct-emphasis-color);
  --ct-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--ct-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--ct-backdrop-bg)
}

  .modal-backdrop.fade {
    opacity: 0
  }

  .modal-backdrop.show {
    opacity: var(--ct-backdrop-opacity)
  }

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--ct-modal-header-padding);
  border-bottom: var(--ct-modal-header-border-width) solid var(--ct-modal-header-border-color);
  border-top-left-radius: var(--ct-modal-inner-border-radius);
  border-top-right-radius: var(--ct-modal-inner-border-radius)
}

  .modal-header .btn-close {
    padding: calc(var(--ct-modal-header-padding-y) * .5) calc(var(--ct-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--ct-modal-header-padding-y)) calc(-.5 * var(--ct-modal-header-padding-x)) calc(-.5 * var(--ct-modal-header-padding-y)) auto
  }

.modal-title {
  margin-bottom: 0;
  line-height: var(--ct-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0 28px;
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0.75rem 1.75rem;
  background-color: var(--ct-modal-footer-bg);
  border-top: var(--ct-modal-footer-border-width) solid var(--ct-modal-footer-border-color);
  border-bottom-right-radius: var(--ct-modal-inner-border-radius);
  border-bottom-left-radius: var(--ct-modal-inner-border-radius);
  /*--ct-modal-footer-bg: #ffffff;*/
}

  .modal-footer > * {
    margin: calc(var(--ct-modal-footer-gap) * .5)
  }

@media (min-width:576px) {
  .modal {
    --ct-modal-margin: 1.75rem;
    --ct-modal-box-shadow: var(--ct-box-shadow)
  }

  .modal-dialog {
    max-width: var(--ct-modal-width);
    margin-right: auto;
    margin-left: auto
  }

  .modal-sm {
    --ct-modal-width: 300px
  }
}

@media (min-width:992px) {
  .modal-lg, .modal-xl {
    --ct-modal-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    --ct-modal-width: 1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
    border-radius: 0
  }

  .modal-fullscreen .modal-body {
    overflow-y: auto
  }

@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto
    }
}

@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto
    }
}

@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto
    }
}

@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto
    }
}

@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

    .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
      border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto
    }
}

.tooltip {
  --ct-tooltip-zindex: 1080;
  --ct-tooltip-max-width: 200px;
  --ct-tooltip-padding-x: 0.75rem;
  --ct-tooltip-padding-y: 0.375rem;
  --ct-tooltip-font-size: 0.875rem;
  --ct-tooltip-color: var(--ct-tooltip-bgcolor-theme);
  --ct-tooltip-bg: var(--ct-tooltip-bg-theme);
  --ct-tooltip-border-radius: var(--ct-border-radius);
  --ct-tooltip-opacity: 1;
  --ct-tooltip-arrow-width: 0.8rem;
  --ct-tooltip-arrow-height: 0.4rem;
  z-index: var(--ct-tooltip-zindex);
  display: block;
  margin: var(--ct-tooltip-margin);
  font-family: var(--ct-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--ct-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0
}

  .tooltip.show {
    opacity: var(--ct-tooltip-opacity)
  }

  .tooltip .tooltip-arrow {
    display: block;
    width: var(--ct-tooltip-arrow-width);
    height: var(--ct-tooltip-arrow-height)
  }

    .tooltip .tooltip-arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid
    }

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--ct-tooltip-arrow-height))
}

  .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: var(--ct-tooltip-arrow-height) calc(var(--ct-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--ct-tooltip-bg)
  }

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--ct-tooltip-arrow-height));
  width: var(--ct-tooltip-arrow-height);
  height: var(--ct-tooltip-arrow-width)
}

  .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--ct-tooltip-arrow-width) * .5) var(--ct-tooltip-arrow-height) calc(var(--ct-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--ct-tooltip-bg)
  }

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--ct-tooltip-arrow-height))
}

  .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--ct-tooltip-arrow-width) * .5) var(--ct-tooltip-arrow-height);
    border-bottom-color: var(--ct-tooltip-bg)
  }

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--ct-tooltip-arrow-height));
  width: var(--ct-tooltip-arrow-height);
  height: var(--ct-tooltip-arrow-width)
}

  .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--ct-tooltip-arrow-width) * .5) 0 calc(var(--ct-tooltip-arrow-width) * .5) var(--ct-tooltip-arrow-height);
    border-left-color: var(--ct-tooltip-bg)
  }

.tooltip-inner {
  max-width: var(--ct-tooltip-max-width);
  padding: var(--ct-tooltip-padding-y) var(--ct-tooltip-padding-x);
  color: var(--ct-tooltip-color);
  text-align: center;
  background-color: var(--ct-tooltip-bg);
  border-radius: var(--ct-tooltip-border-radius)
}

.popover {
  --ct-popover-zindex: 1070;
  --ct-popover-max-width: 276px;
  --ct-popover-font-size: 0.875rem;
  --ct-popover-bg: var(--ct-secondary-bg);
  --ct-popover-border-width: var(--ct-border-width);
  --ct-popover-border-color: var(--ct-border-color);
  --ct-popover-border-radius: var(--ct-border-radius-lg);
  --ct-popover-inner-border-radius: calc(var(--ct-border-radius-lg) - var(--ct-border-width));
  --ct-popover-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
  --ct-popover-header-padding-x: 0.8rem;
  --ct-popover-header-padding-y: 0.7rem;
  --ct-popover-header-font-size: 0.9rem;
  --ct-popover-header-color: inherit;
  --ct-popover-header-bg: var(--ct-tertiary-bg);
  --ct-popover-body-padding-x: 0.75rem;
  --ct-popover-body-padding-y: 0.5rem;
  --ct-popover-body-color: var(--ct-body-color);
  --ct-popover-arrow-width: 1rem;
  --ct-popover-arrow-height: 0.5rem;
  --ct-popover-arrow-border: var(--ct-popover-border-color);
  z-index: var(--ct-popover-zindex);
  display: block;
  max-width: var(--ct-popover-max-width);
  font-family: var(--ct-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--ct-popover-font-size);
  word-wrap: break-word;
  background-color: var(--ct-popover-bg);
  background-clip: padding-box;
  border: var(--ct-popover-border-width) solid var(--ct-popover-border-color);
  border-radius: var(--ct-popover-border-radius)
}

  .popover .popover-arrow {
    display: block;
    width: var(--ct-popover-arrow-width);
    height: var(--ct-popover-arrow-height)
  }

    .popover .popover-arrow::after, .popover .popover-arrow::before {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid;
      border-width: 0
    }

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (var(--ct-popover-arrow-height)) - var(--ct-popover-border-width))
}

  .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
    border-width: var(--ct-popover-arrow-height) calc(var(--ct-popover-arrow-width) * .5) 0
  }

  .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
    bottom: 0;
    border-top-color: var(--ct-popover-arrow-border)
  }

  .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
    bottom: var(--ct-popover-border-width);
    border-top-color: var(--ct-popover-bg)
  }

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
  left: calc(-1 * (var(--ct-popover-arrow-height)) - var(--ct-popover-border-width));
  width: var(--ct-popover-arrow-height);
  height: var(--ct-popover-arrow-width)
}

  .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
    border-width: calc(var(--ct-popover-arrow-width) * .5) var(--ct-popover-arrow-height) calc(var(--ct-popover-arrow-width) * .5) 0
  }

  .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
    left: 0;
    border-right-color: var(--ct-popover-arrow-border)
  }

  .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
    left: var(--ct-popover-border-width);
    border-right-color: var(--ct-popover-bg)
  }

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (var(--ct-popover-arrow-height)) - var(--ct-popover-border-width))
}

  .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
    border-width: 0 calc(var(--ct-popover-arrow-width) * .5) var(--ct-popover-arrow-height)
  }

  .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
    top: 0;
    border-bottom-color: var(--ct-popover-arrow-border)
  }

  .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
    top: var(--ct-popover-border-width);
    border-bottom-color: var(--ct-popover-bg)
  }

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--ct-popover-arrow-width);
  margin-left: calc(-.5 * var(--ct-popover-arrow-width));
  content: "";
  border-bottom: var(--ct-popover-border-width) solid var(--ct-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
  right: calc(-1 * (var(--ct-popover-arrow-height)) - var(--ct-popover-border-width));
  width: var(--ct-popover-arrow-height);
  height: var(--ct-popover-arrow-width)
}

  .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
    border-width: calc(var(--ct-popover-arrow-width) * .5) 0 calc(var(--ct-popover-arrow-width) * .5) var(--ct-popover-arrow-height)
  }

  .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
    right: 0;
    border-left-color: var(--ct-popover-arrow-border)
  }

  .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
    right: var(--ct-popover-border-width);
    border-left-color: var(--ct-popover-bg)
  }

.popover-header {
  padding: var(--ct-popover-header-padding-y) var(--ct-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--ct-popover-header-font-size);
  color: var(--ct-popover-header-color);
  background-color: var(--ct-popover-header-bg);
  border-bottom: var(--ct-popover-border-width) solid var(--ct-popover-border-color);
  border-top-left-radius: var(--ct-popover-inner-border-radius);
  border-top-right-radius: var(--ct-popover-inner-border-radius)
}

  .popover-header:empty {
    display: none
  }

.popover-body {
  padding: var(--ct-popover-body-padding-y) var(--ct-popover-body-padding-x);
  color: var(--ct-popover-body-color)
}

.carousel {
  position: relative
}

  .carousel.pointer-event {
    touch-action: pan-y
  }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""
  }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block
}

  .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
  }

  .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
  }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}

  .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
  }

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    transition: none
  }
}

.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%
}

  .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
  }

@media (prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000
}

.spinner-border, .spinner-grow {
  display: inline-block;
  width: var(--ct-spinner-width);
  height: var(--ct-spinner-height);
  vertical-align: var(--ct-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--ct-spinner-animation-speed) linear infinite var(--ct-spinner-animation-name)
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

.spinner-border {
  --ct-spinner-width: 2rem;
  --ct-spinner-height: 2rem;
  --ct-spinner-vertical-align: -0.25em;
  --ct-spinner-border-width: 0.25em;
  --ct-spinner-animation-speed: 0.75s;
  --ct-spinner-animation-name: spinner-border;
  border: var(--ct-spinner-border-width) solid currentcolor;
  border-right-color: transparent
}

.spinner-border-sm {
  --ct-spinner-width: 1rem;
  --ct-spinner-height: 1rem;
  --ct-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  --ct-spinner-width: 2rem;
  --ct-spinner-height: 2rem;
  --ct-spinner-vertical-align: -0.25em;
  --ct-spinner-animation-speed: 0.75s;
  --ct-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0
}

.spinner-grow-sm {
  --ct-spinner-width: 1rem;
  --ct-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
  .spinner-border, .spinner-grow {
    --ct-spinner-animation-speed: 1.5s
  }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --ct-offcanvas-zindex: 1045;
  --ct-offcanvas-width: 400px;
  --ct-offcanvas-height: 30vh;
  --ct-offcanvas-padding-x: 1rem;
  --ct-offcanvas-padding-y: 1rem;
  --ct-offcanvas-color: var(--ct-body-color);
  --ct-offcanvas-bg: var(--ct-secondary-bg);
  --ct-offcanvas-border-width: var(--ct-border-width);
  --ct-offcanvas-border-color: transparent;
  --ct-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(var(--ct-body-color-rgb), 0.15);
  --ct-offcanvas-transition: transform 0.3s ease-in-out;
  --ct-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--ct-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ct-offcanvas-color);
    visibility: hidden;
    background-color: var(--ct-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--ct-offcanvas-transition)
  }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ct-offcanvas-width);
    border-right: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ct-offcanvas-width);
    border-left: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-top: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
    transform: none
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
    visibility: visible
  }
}

@media (min-width:576px) {
  .offcanvas-sm {
    --ct-offcanvas-height: auto;
    --ct-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-sm .offcanvas-header {
      display: none
    }

    .offcanvas-sm .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

@media (max-width:767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--ct-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ct-offcanvas-color);
    visibility: hidden;
    background-color: var(--ct-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--ct-offcanvas-transition)
  }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ct-offcanvas-width);
    border-right: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ct-offcanvas-width);
    border-left: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-top: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
    transform: none
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
    visibility: visible
  }
}

@media (min-width:768px) {
  .offcanvas-md {
    --ct-offcanvas-height: auto;
    --ct-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-md .offcanvas-header {
      display: none
    }

    .offcanvas-md .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

@media (max-width:991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--ct-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ct-offcanvas-color);
    visibility: hidden;
    background-color: var(--ct-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--ct-offcanvas-transition)
  }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ct-offcanvas-width);
    border-right: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ct-offcanvas-width);
    border-left: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-top: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
    transform: none
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
    visibility: visible
  }
}

@media (min-width:992px) {
  .offcanvas-lg {
    --ct-offcanvas-height: auto;
    --ct-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-lg .offcanvas-header {
      display: none
    }

    .offcanvas-lg .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

@media (max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--ct-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ct-offcanvas-color);
    visibility: hidden;
    background-color: var(--ct-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--ct-offcanvas-transition)
  }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ct-offcanvas-width);
    border-right: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ct-offcanvas-width);
    border-left: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-top: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
    transform: none
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
    visibility: visible
  }
}

@media (min-width:1200px) {
  .offcanvas-xl {
    --ct-offcanvas-height: auto;
    --ct-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-xl .offcanvas-header {
      display: none
    }

    .offcanvas-xl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--ct-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--ct-offcanvas-color);
    visibility: hidden;
    background-color: var(--ct-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--ct-offcanvas-transition)
  }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--ct-offcanvas-width);
    border-right: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(-100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--ct-offcanvas-width);
    border-left: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateX(100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(-100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--ct-offcanvas-height);
    max-height: 100%;
    border-top: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
    transform: translateY(100%)
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
    transform: none
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
    visibility: visible
  }
}

@media (min-width:1400px) {
  .offcanvas-xxl {
    --ct-offcanvas-height: auto;
    --ct-offcanvas-border-width: 0;
    background-color: transparent !important
  }

    .offcanvas-xxl .offcanvas-header {
      display: none
    }

    .offcanvas-xxl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important
    }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--ct-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--ct-offcanvas-color);
  visibility: hidden;
  background-color: var(--ct-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--ct-offcanvas-transition)
}

@media (prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none
  }
}

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--ct-offcanvas-width);
  border-right: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
  transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--ct-offcanvas-width);
  border-left: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
  transform: translateX(100%)
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--ct-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
  transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--ct-offcanvas-height);
  max-height: 100%;
  border-top: var(--ct-offcanvas-border-width) solid var(--ct-offcanvas-border-color);
  transform: translateY(100%)
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: var(--ct-emphasis-color)
}

  .offcanvas-backdrop.fade {
    opacity: 0
  }

  .offcanvas-backdrop.show {
    opacity: .5
  }

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--ct-offcanvas-padding-y) var(--ct-offcanvas-padding-x)
}

  .offcanvas-header .btn-close {
    padding: calc(var(--ct-offcanvas-padding-y) * .5) calc(var(--ct-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--ct-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--ct-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--ct-offcanvas-padding-y))
  }

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--ct-offcanvas-title-line-height)
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--ct-offcanvas-padding-y) var(--ct-offcanvas-padding-x);
  overflow-y: auto
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5
}

  .placeholder.btn::before {
    display: inline-block;
    content: ""
  }

.placeholder-xs {
  min-height: .6em
}

.placeholder-sm {
  min-height: .8em
}

.placeholder-lg {
  min-height: 1.2em
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

.placeholder-wave {
  mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(114,124,245,var(--ct-bg-opacity,1)) !important
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108,117,125,var(--ct-bg-opacity,1)) !important
}

.text-bg-success {
  color: rgba(5, 164, 79, 1) !important;
  background-color: rgba(5, 164, 79, 0.05) !important
}

.text-bg-info {
  color: #fff !important;
  background-color: #404040 !important
}

.text-bg-warning {
  color: #fff !important;
  background-color: #CE7D00 !important
}

.text-bg-danger {
  color: rgba(232, 31, 44, 1) !important;
  background-color: rgba(232, 31, 44, 0.05) !important
}

.text-bg-light {
  color: #313a46 !important;
  background-color: RGBA(238,242,247,var(--ct-bg-opacity,1)) !important
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(49,58,70,var(--ct-bg-opacity,1)) !important
}

.text-bg-danger-alert {
  color: #ffffff;
  background-color: rgba(232, 31, 44, 1);
}

.btn-bg-danger {
  color: #fff !important;
  background-color: rgba(232, 31, 44, 1) !important;
}

.link-primary {
  color: RGBA(var(--ct-primary-rgb),var(--ct-link-opacity,1)) !important;
  text-decoration-color: RGBA(var(--ct-primary-rgb),var(--ct-link-underline-opacity,1)) !important
}

  .link-primary:focus, .link-primary:hover {
    color: RGBA(97,105,208,var(--ct-link-opacity,1)) !important;
    text-decoration-color: RGBA(97,105,208,var(--ct-link-underline-opacity,1)) !important
  }

.link-secondary {
  color: RGBA(var(--ct-secondary-rgb),var(--ct-link-opacity,1)) !important;
  text-decoration-color: RGBA(var(--ct-secondary-rgb),var(--ct-link-underline-opacity,1)) !important
}

  .link-secondary:focus, .link-secondary:hover {
    color: RGBA(92,99,106,var(--ct-link-opacity,1)) !important;
    text-decoration-color: RGBA(92,99,106,var(--ct-link-underline-opacity,1)) !important
  }

.link-success {
  color: RGBA(var(--ct-success-rgb),var(--ct-link-opacity,1)) !important;
  text-decoration-color: RGBA(var(--ct-success-rgb),var(--ct-link-underline-opacity,1)) !important
}

  .link-success:focus, .link-success:hover {
    color: RGBA(9,176,128,var(--ct-link-opacity,1)) !important;
    text-decoration-color: RGBA(9,176,128,var(--ct-link-underline-opacity,1)) !important
  }

.link-info {
  color: RGBA(var(--ct-info-rgb),var(--ct-link-opacity,1)) !important;
  text-decoration-color: RGBA(var(--ct-info-rgb),var(--ct-link-underline-opacity,1)) !important
}

  .link-info:focus, .link-info:hover {
    color: RGBA(48,149,178,var(--ct-link-opacity,1)) !important;
    text-decoration-color: RGBA(48,149,178,var(--ct-link-underline-opacity,1)) !important
  }

.link-warning {
  color: RGBA(var(--ct-warning-rgb),var(--ct-link-opacity,1)) !important;
  text-decoration-color: RGBA(var(--ct-warning-rgb),var(--ct-link-underline-opacity,1)) !important
}

  .link-warning:focus, .link-warning:hover {
    color: RGBA(217,166,77,var(--ct-link-opacity,1)) !important;
    text-decoration-color: RGBA(217,166,77,var(--ct-link-underline-opacity,1)) !important
  }

.link-danger {
  color: RGBA(var(--ct-danger-rgb),var(--ct-link-opacity,1)) !important;
  text-decoration-color: RGBA(var(--ct-danger-rgb),var(--ct-link-underline-opacity,1)) !important
}

  .link-danger:focus, .link-danger:hover {
    color: RGBA(213,78,105,var(--ct-link-opacity,1)) !important;
    text-decoration-color: RGBA(213,78,105,var(--ct-link-underline-opacity,1)) !important
  }

.link-light {
  color: RGBA(var(--ct-light-rgb),var(--ct-link-opacity,1)) !important;
  text-decoration-color: RGBA(var(--ct-light-rgb),var(--ct-link-underline-opacity,1)) !important
}

  .link-light:focus, .link-light:hover {
    color: RGBA(241,244,248,var(--ct-link-opacity,1)) !important;
    text-decoration-color: RGBA(241,244,248,var(--ct-link-underline-opacity,1)) !important
  }

.link-dark {
  color: RGBA(var(--ct-dark-rgb),var(--ct-link-opacity,1)) !important;
  text-decoration-color: RGBA(var(--ct-dark-rgb),var(--ct-link-underline-opacity,1)) !important
}

  .link-dark:focus, .link-dark:hover {
    color: RGBA(42,49,60,var(--ct-link-opacity,1)) !important;
    text-decoration-color: RGBA(42,49,60,var(--ct-link-underline-opacity,1)) !important
  }

.link-body-emphasis {
  color: RGBA(var(--ct-emphasis-color-rgb),var(--ct-link-opacity,1)) !important;
  text-decoration-color: RGBA(var(--ct-emphasis-color-rgb),var(--ct-link-underline-opacity,1)) !important
}

  .link-body-emphasis:focus, .link-body-emphasis:hover {
    color: RGBA(var(--ct-emphasis-color-rgb),var(--ct-link-opacity,.75)) !important;
    text-decoration-color: RGBA(var(--ct-emphasis-color-rgb),var(--ct-link-underline-opacity,.75)) !important
  }

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--ct-focus-ring-x,0) var(--ct-focus-ring-y,0) var(--ct-focus-ring-blur,0) var(--ct-focus-ring-width) var(--ct-focus-ring-color)
}

.icon-link {
  display: inline-flex;
  gap: .375rem;
  align-items: center;
  text-decoration-color: rgba(var(--ct-link-color-rgb),var(--ct-link-opacity,.5));
  text-underline-offset: .25em;
  backface-visibility: hidden
}

  .icon-link > .bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: .2s ease-in-out transform
  }

@media (prefers-reduced-motion:reduce) {
  .icon-link > .bi {
    transition: none
  }
}

.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi {
  transform: var(--ct-icon-link-transform,translate3d(.25em,0,0))
}

.ratio {
  position: relative;
  width: 100%
}

  .ratio::before {
    display: block;
    padding-top: var(--ct-aspect-ratio);
    content: ""
  }

  .ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

.ratio-1x1 {
  --ct-aspect-ratio: 100%
}

.ratio-4x3 {
  --ct-aspect-ratio: 75%
}

.ratio-16x9 {
  --ct-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --ct-aspect-ratio: 42.8571428571%
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020
}

@media (min-width:576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

  .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: absolute !important
  }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 1
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.object-fit-contain {
  object-fit: contain !important
}

.object-fit-cover {
  object-fit: cover !important
}

.object-fit-fill {
  object-fit: fill !important
}

.object-fit-scale {
  object-fit: scale-down !important
}

.object-fit-none {
  object-fit: none !important
}

.opacity-0 {
  opacity: 0 !important
}

.opacity-25 {
  opacity: .25 !important
}

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.overflow-x-auto {
  overflow-x: auto !important
}

.overflow-x-hidden {
  overflow-x: hidden !important
}

.overflow-x-visible {
  overflow-x: visible !important
}

.overflow-x-scroll {
  overflow-x: scroll !important
}

.overflow-y-auto {
  overflow-y: auto !important
}

.overflow-y-hidden {
  overflow-y: hidden !important
}

.overflow-y-visible {
  overflow-y: visible !important
}

.overflow-y-scroll {
  overflow-y: scroll !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-inline-grid {
  display: inline-grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 0 35px 0 rgba(154,161,171,.15) !important
}

.shadow-0 {
  box-shadow: none !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(var(--ct-body-color-rgb),.15) !important
}

.shadow-lg {
  box-shadow: 0 0 45px 0 rgba(var(--ct-body-color-rgb),.2) !important
}

.shadow-none {
  box-shadow: none !important
}

.focus-ring-primary {
  --ct-focus-ring-color: rgba(var(--ct-primary-rgb), var(--ct-focus-ring-opacity))
}

.focus-ring-secondary {
  --ct-focus-ring-color: rgba(var(--ct-secondary-rgb), var(--ct-focus-ring-opacity))
}

.focus-ring-success {
  --ct-focus-ring-color: rgba(var(--ct-success-rgb), var(--ct-focus-ring-opacity))
}

.focus-ring-info {
  --ct-focus-ring-color: rgba(var(--ct-info-rgb), var(--ct-focus-ring-opacity))
}

.focus-ring-warning {
  --ct-focus-ring-color: rgba(var(--ct-warning-rgb), var(--ct-focus-ring-opacity))
}

.focus-ring-danger {
  --ct-focus-ring-color: rgba(var(--ct-danger-rgb), var(--ct-focus-ring-opacity))
}

.focus-ring-light {
  --ct-focus-ring-color: rgba(var(--ct-light-rgb), var(--ct-focus-ring-opacity))
}

.focus-ring-dark {
  --ct-focus-ring-color: rgba(var(--ct-dark-rgb), var(--ct-focus-ring-opacity))
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}

.translate-middle {
  transform: translate(-50%,-50%) !important
}

.translate-middle-x {
  transform: translateX(-50%) !important
}

.translate-middle-y {
  transform: translateY(-50%) !important
}

.border {
  border: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-end {
  border-right: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important
}

.border-end-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-primary {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-primary-rgb),var(--ct-border-opacity)) !important
}

.border-secondary {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-secondary-rgb),var(--ct-border-opacity)) !important
}

.border-success {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-success-rgb),var(--ct-border-opacity)) !important
}

.border-info {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-info-rgb),var(--ct-border-opacity)) !important
}

.border-warning {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-warning-rgb),var(--ct-border-opacity)) !important
}

.border-danger {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-danger-rgb),var(--ct-border-opacity)) !important
}

.border-light {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-light-rgb),var(--ct-border-opacity)) !important
}

.border-dark {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-dark-rgb),var(--ct-border-opacity)) !important
}

.border-black {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-black-rgb),var(--ct-border-opacity)) !important
}

.border-white {
  --ct-border-opacity: 1;
  border-color: rgba(var(--ct-white-rgb),var(--ct-border-opacity)) !important
}

.border-primary-subtle {
  border-color: var(--ct-primary-border-subtle) !important
}

.border-secondary-subtle {
  border-color: var(--ct-secondary-border-subtle) !important
}

.border-success-subtle {
  border-color: var(--ct-success-border-subtle) !important
}

.border-info-subtle {
  border-color: var(--ct-info-border-subtle) !important
}

.border-warning-subtle {
  border-color: var(--ct-warning-border-subtle) !important
}

.border-danger-subtle {
  border-color: var(--ct-danger-border-subtle) !important
}

.border-light-subtle {
  border-color: var(--ct-light-border-subtle) !important
}

.border-dark-subtle {
  border-color: var(--ct-dark-border-subtle) !important
}

.border-1 {
  border-width: 1px !important
}

.border-2 {
  border-width: 2px !important
}

.border-3 {
  border-width: 3px !important
}

.border-4 {
  border-width: 4px !important
}

.border-5 {
  border-width: 5px !important
}

.border-opacity-10 {
  --ct-border-opacity: 0.1
}

.border-opacity-25 {
  --ct-border-opacity: 0.25
}

.border-opacity-50 {
  --ct-border-opacity: 0.5
}

.border-opacity-75 {
  --ct-border-opacity: 0.75
}

.border-opacity-100 {
  --ct-border-opacity: 1
}

.w-10{
    width: 10% !important;
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.vw-100 {
  width: 100vw !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.min-vw-120 {
  min-width: 120px !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mh-100 {
  max-height: 100% !important
}

.vh-100 {
  height: 100vh !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .375rem !important
}

.m-2 {
  margin: .75rem !important
}

.m-3 {
  margin: 1.5rem !important
}

.m-4 {
  margin: 2.25rem !important
}

.m-5 {
  margin: 4.5rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.mx-1 {
  margin-right: .375rem !important;
  margin-left: .375rem !important
}

.mx-2 {
  margin-right: .75rem !important;
  margin-left: .75rem !important
}

.mx-3 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-4 {
  margin-right: 2.25rem !important;
  margin-left: 2.25rem !important
}

.mx-5 {
  margin-right: 4.5rem !important;
  margin-left: 4.5rem !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .375rem !important;
  margin-bottom: .375rem !important
}

.my-2 {
  margin-top: .75rem !important;
  margin-bottom: .75rem !important
}

.my-3 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-4 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important
}

.my-5 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .375rem !important
}

.mt-2 {
  margin-top: .75rem !important
}

.mt-3 {
  margin-top: 1.875rem !important
}

.mt-4 {
  margin-top: 2.25rem !important
}

.mt-5 {
  margin-top: 4.5rem !important
}

.mt-6 {
  margin-top: 1.5rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .375rem !important
}

.me-2 {
  margin-right: 8px !important
}

.me-3 {
  margin-right: 1.5rem !important
}

.me-4 {
  margin-right: 2.25rem !important
}

.me-5 {
  margin-right: 4.5rem !important
}

me-6 {
  margin-right: 1.25rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .375rem !important
}

.mb-2 {
  margin-bottom: .75rem !important
}

.mb-3 {
  margin-bottom: 1.5rem !important
}

.mb-4 {
  margin-bottom: 2.25rem !important
}

.mb-5 {
  margin-bottom: 4.5rem !important
}

.mb-6 {
  margin-bottom: 1rem !important
}

.mb-7 {
  margin-bottom: 1.25rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .375rem !important
}

.ms-2 {
  margin-left: 8px !important
}

.ms-3 {
  margin-left: 1.5rem !important
}

.ms-4 {
  margin-left: 2.25rem !important
}

.ms-5 {
  margin-left: 4.5rem !important
}

.ms-auto {
  margin-left: auto !important
}

.m-n1 {
  margin: -.375rem !important
}

.m-n2 {
  margin: -.75rem !important
}

.m-n3 {
  margin: -1.5rem !important
}

.m-n4 {
  margin: -2.25rem !important
}

.m-n5 {
  margin: -4.5rem !important
}

.mx-n1 {
  margin-right: -.375rem !important;
  margin-left: -.375rem !important
}

.mx-n2 {
  margin-right: -.75rem !important;
  margin-left: -.75rem !important
}

.mx-n3 {
  margin-right: -1.5rem !important;
  margin-left: -1.5rem !important
}

.mx-n4 {
  margin-right: -2.25rem !important;
  margin-left: -2.25rem !important
}

.mx-n5 {
  margin-right: -4.5rem !important;
  margin-left: -4.5rem !important
}

.my-n1 {
  margin-top: -.375rem !important;
  margin-bottom: -.375rem !important
}

.my-n2 {
  margin-top: -.75rem !important;
  margin-bottom: -.75rem !important
}

.my-n3 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important
}

.my-n4 {
  margin-top: -2.25rem !important;
  margin-bottom: -2.25rem !important
}

.my-n5 {
  margin-top: -4.5rem !important;
  margin-bottom: -4.5rem !important
}

.mt-n1 {
  margin-top: -.375rem !important
}

.mt-n2 {
  margin-top: -.75rem !important
}

.mt-n3 {
  margin-top: -1.5rem !important
}

.mt-n4 {
  margin-top: -2.25rem !important
}

.mt-n5 {
  margin-top: -4.5rem !important
}

.me-n1 {
  margin-right: -.375rem !important
}

.me-n2 {
  margin-right: -.75rem !important
}

.me-n3 {
  margin-right: -1.5rem !important
}

.me-n4 {
  margin-right: -2.25rem !important
}

.me-n5 {
  margin-right: -4.5rem !important
}

.mb-n1 {
  margin-bottom: -.375rem !important
}

.mb-n2 {
  margin-bottom: -.75rem !important
}

.mb-n3 {
  margin-bottom: -1.5rem !important
}

.mb-n4 {
  margin-bottom: -2.25rem !important
}

.mb-n5 {
  margin-bottom: -4.5rem !important
}

.ms-n1 {
  margin-left: -.375rem !important
}

.ms-n2 {
  margin-left: -.75rem !important
}

.ms-n3 {
  margin-left: -1.5rem !important
}

.ms-n4 {
  margin-left: -2.25rem !important
}

.ms-n5 {
  margin-left: -4.5rem !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .375rem !important
}

.p-2 {
  padding: .75rem !important
}

.p-3 {
  padding: 1.5rem !important
}

.p-4 {
  padding: 2.25rem !important
}

.p-5 {
  padding: 4.5rem !important
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.px-1 {
  padding-right: .375rem !important;
  padding-left: .375rem !important
}

.px-2 {
  padding-right: .75rem !important;
  padding-left: .75rem !important
}

.px-3 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-4 {
  padding-right: 2.25rem !important;
  padding-left: 2.25rem !important
}

.px-5 {
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .375rem !important;
  padding-bottom: .375rem !important
}

.py-2 {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-4 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important
}

.py-5 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .375rem !important
}

.pt-2 {
  padding-top: .75rem !important
}

.pt-3 {
  padding-top: 1.5rem !important
}

.pt-4 {
  padding-top: 2.25rem !important
}

.pt-5 {
  padding-top: 4.5rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .375rem !important
}

.pe-2 {
  padding-right: .75rem !important
}

.pe-3 {
  padding-right: 1.5rem !important
}

.pe-4 {
  padding-right: 2.25rem !important
}

.pe-5 {
  padding-right: 4.5rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .375rem !important
}

.pb-2 {
  padding-bottom: .75rem !important
}

.pb-3 {
  padding-bottom: 1.5rem !important
}

.pb-4 {
  padding-bottom: 2.25rem !important
}

.pb-5 {
  padding-bottom: 4.5rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .375rem !important
}

.ps-2 {
  padding-left: .75rem !important
}

.ps-3 {
  padding-left: 1.5rem !important
}

.ps-4 {
  padding-left: 2.25rem !important
}

.ps-5 {
  padding-left: 4.5rem !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .375rem !important
}

.gap-2 {
  gap: .75rem !important
}

.gap-3 {
  gap: 1.5rem !important
}

.gap-4 {
  gap: 2.25rem !important
}

.gap-5 {
  gap: 4.5rem !important
}

.row-gap-0 {
  row-gap: 0 !important
}

.row-gap-1 {
  row-gap: .375rem !important
}

.row-gap-2 {
  row-gap: .75rem !important
}

.row-gap-3 {
  row-gap: 1.5rem !important
}

.row-gap-4 {
  row-gap: 2.25rem !important
}

.row-gap-5 {
  row-gap: 4.5rem !important
}

.column-gap-0 {
  column-gap: 0 !important
}

.column-gap-1 {
  column-gap: .375rem !important
}

.column-gap-2 {
  column-gap: .75rem !important
}

.column-gap-3 {
  column-gap: 1.5rem !important
}

.column-gap-4 {
  column-gap: 2.25rem !important
}

.column-gap-5 {
  column-gap: 4.5rem !important
}

.font-monospace {
  font-family: var(--ct-font-monospace) !important
}

.fs-1 {
  font-size: calc(1.35rem + 1.2vw) !important
}

.fs-2 {
  font-size: calc(1.3122rem + .7464vw) !important
}

.fs-3 {
  font-size: calc(1.2753rem + .3036vw) !important
}

.fs-4 {
  font-size: 1.125rem !important
}

.fs-5 {
  font-size: .936rem !important
}

.fs-6 {
  font-size: .765rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-medium {
  font-weight: 500 !important
}

.fw-semibold {
  font-weight: 600 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-bolder {
  font-weight: bolder !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

.text-start {
  text-align: left !important
}

.text-end {
  text-align: right !important
}

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

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

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

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-primary {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-primary-rgb),var(--ct-text-opacity)) !important
}

.text-secondary {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-secondary-rgb),var(--ct-text-opacity)) !important
}

.text-success {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-success-rgb),var(--ct-text-opacity)) !important
}

.text-info {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-info-rgb),var(--ct-text-opacity)) !important
}

.text-warning {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-warning-rgb),var(--ct-text-opacity)) !important
}

.text-danger {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-danger-rgb),var(--ct-text-opacity)) !important
}

.text-light {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-light-rgb),var(--ct-text-opacity)) !important
}

.text-dark {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-dark-rgb),var(--ct-text-opacity)) !important
}

.text-black {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-black-rgb),var(--ct-text-opacity)) !important
}

.text-white {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-white-rgb),var(--ct-text-opacity)) !important
}

.text-body {
  --ct-text-opacity: 1;
  color: rgba(var(--ct-body-color-rgb),var(--ct-text-opacity)) !important
}

.text-muted {
  --ct-text-opacity: 1;
  color: var(--ct-secondary-color) !important
}

.text-grey {
  --ct-text-opacity: 1;
  color: var(--ct-grey-color) !important
}

.text-black-50 {
  --ct-text-opacity: 1;
  color: rgba(0,0,0,.5) !important
}

.text-white-50 {
  --ct-text-opacity: 1;
  color: rgba(255,255,255,.5) !important
}

.text-body-secondary {
  --ct-text-opacity: 1;
  color: var(--ct-secondary-color) !important
}

.text-body-tertiary {
  --ct-text-opacity: 1;
  color: var(--ct-tertiary-color) !important
}

.text-body-emphasis {
  --ct-text-opacity: 1;
  color: var(--ct-emphasis-color) !important
}

.text-reset {
  --ct-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --ct-text-opacity: 0.25
}

.text-opacity-50 {
  --ct-text-opacity: 0.5
}

.text-opacity-75 {
  --ct-text-opacity: 0.75
}

.text-opacity-100 {
  --ct-text-opacity: 1
}

.text-primary-emphasis {
  color: var(--ct-primary-text-emphasis) !important
}

.text-secondary-emphasis {
  color: var(--ct-secondary-text-emphasis) !important
}

.text-success-emphasis {
  color: var(--ct-success-text-emphasis) !important
}

.text-info-emphasis {
  color: var(--ct-info-text-emphasis) !important
}

.text-warning-emphasis {
  color: var(--ct-warning-text-emphasis) !important
}

.text-danger-emphasis {
  color: var(--ct-danger-text-emphasis) !important
}

.text-light-emphasis {
  color: var(--ct-light-text-emphasis) !important
}

.text-dark-emphasis {
  color: var(--ct-dark-text-emphasis) !important
}

.link-opacity-10 {
  --ct-link-opacity: 0.1
}

.link-opacity-10-hover:hover {
  --ct-link-opacity: 0.1
}

.link-opacity-25 {
  --ct-link-opacity: 0.25
}

.link-opacity-25-hover:hover {
  --ct-link-opacity: 0.25
}

.link-opacity-50 {
  --ct-link-opacity: 0.5
}

.link-opacity-50-hover:hover {
  --ct-link-opacity: 0.5
}

.link-opacity-75 {
  --ct-link-opacity: 0.75
}

.link-opacity-75-hover:hover {
  --ct-link-opacity: 0.75
}

.link-opacity-100 {
  --ct-link-opacity: 1
}

.link-opacity-100-hover:hover {
  --ct-link-opacity: 1
}

.link-offset-1 {
  text-underline-offset: .125em !important
}

.link-offset-1-hover:hover {
  text-underline-offset: .125em !important
}

.link-offset-2 {
  text-underline-offset: .25em !important
}

.link-offset-2-hover:hover {
  text-underline-offset: .25em !important
}

.link-offset-3 {
  text-underline-offset: .375em !important
}

.link-offset-3-hover:hover {
  text-underline-offset: .375em !important
}

.link-underline-primary {
  --ct-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--ct-primary-rgb),var(--ct-link-underline-opacity)) !important
}

.link-underline-secondary {
  --ct-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--ct-secondary-rgb),var(--ct-link-underline-opacity)) !important
}

.link-underline-success {
  --ct-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--ct-success-rgb),var(--ct-link-underline-opacity)) !important
}

.link-underline-info {
  --ct-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--ct-info-rgb),var(--ct-link-underline-opacity)) !important
}

.link-underline-warning {
  --ct-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--ct-warning-rgb),var(--ct-link-underline-opacity)) !important
}

.link-underline-danger {
  --ct-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--ct-danger-rgb),var(--ct-link-underline-opacity)) !important
}

.link-underline-light {
  --ct-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--ct-light-rgb),var(--ct-link-underline-opacity)) !important
}

.link-underline-dark {
  --ct-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--ct-dark-rgb),var(--ct-link-underline-opacity)) !important
}

.link-underline {
  --ct-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--ct-link-color-rgb),var(--ct-link-underline-opacity,1)) !important
}

.link-underline-opacity-0 {
  --ct-link-underline-opacity: 0
}

.link-underline-opacity-0-hover:hover {
  --ct-link-underline-opacity: 0
}

.link-underline-opacity-10 {
  --ct-link-underline-opacity: 0.1
}

.link-underline-opacity-10-hover:hover {
  --ct-link-underline-opacity: 0.1
}

.link-underline-opacity-25 {
  --ct-link-underline-opacity: 0.25
}

.link-underline-opacity-25-hover:hover {
  --ct-link-underline-opacity: 0.25
}

.link-underline-opacity-50 {
  --ct-link-underline-opacity: 0.5
}

.link-underline-opacity-50-hover:hover {
  --ct-link-underline-opacity: 0.5
}

.link-underline-opacity-75 {
  --ct-link-underline-opacity: 0.75
}

.link-underline-opacity-75-hover:hover {
  --ct-link-underline-opacity: 0.75
}

.link-underline-opacity-100 {
  --ct-link-underline-opacity: 1
}

.link-underline-opacity-100-hover:hover {
  --ct-link-underline-opacity: 1
}

.bg-primary {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-primary-rgb),var(--ct-bg-opacity)) !important
}

.bg-secondary {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-secondary-rgb),var(--ct-bg-opacity)) !important
}

.bg-success {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-success-rgb),var(--ct-bg-opacity)) !important
}

.bg-info {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-info-rgb),var(--ct-bg-opacity)) !important
}

.bg-warning {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-warning-rgb),var(--ct-bg-opacity)) !important
}

.bg-danger {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-danger-rgb),var(--ct-bg-opacity)) !important
}

.bg-light {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-light-rgb),var(--ct-bg-opacity)) !important
}

.bg-dark {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-dark-rgb),var(--ct-bg-opacity)) !important
}

.bg-black {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-black-rgb),var(--ct-bg-opacity)) !important
}

.bg-white {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-white-rgb),var(--ct-bg-opacity)) !important
}

.bg-body {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-body-bg-rgb),var(--ct-bg-opacity)) !important
}

.bg-transparent {
  --ct-bg-opacity: 1;
  background-color: transparent !important
}

.bg-body-secondary {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-secondary-bg-rgb),var(--ct-bg-opacity)) !important
}

.bg-body-tertiary {
  --ct-bg-opacity: 1;
  background-color: rgba(var(--ct-tertiary-bg-rgb),var(--ct-bg-opacity)) !important
}

.bg-opacity-10 {
  --ct-bg-opacity: 0.1
}

.bg-opacity-25 {
  --ct-bg-opacity: 0.25
}

.bg-opacity-50 {
  --ct-bg-opacity: 0.5
}

.bg-opacity-75 {
  --ct-bg-opacity: 0.75
}

.bg-opacity-100 {
  --ct-bg-opacity: 1
}

.bg-primary-subtle {
  background-color: var(--ct-primary-bg-subtle) !important
}

.bg-secondary-subtle {
  background-color: var(--ct-secondary-bg-subtle) !important
}

.bg-success-subtle {
  background-color: var(--ct-success-bg-subtle) !important
}

.bg-info-subtle {
  background-color: var(--ct-info-bg-subtle) !important
}

.bg-warning-subtle {
  background-color: var(--ct-warning-bg-subtle) !important
}

.bg-danger-subtle {
  background-color: var(--ct-danger-bg-subtle) !important
}

.bg-light-subtle {
  background-color: var(--ct-light-bg-subtle) !important
}

.bg-dark-subtle {
  background-color: var(--ct-dark-bg-subtle) !important
}

.bg-gradient {
  background-image: var(--ct-gradient) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: var(--ct-border-radius) !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: var(--ct-border-radius-sm) !important
}

.rounded-2 {
  border-radius: var(--ct-border-radius) !important
}

.rounded-3 {
  border-radius: var(--ct-border-radius-lg) !important
}

.rounded-4 {
  border-radius: var(--ct-border-radius-xl) !important
}

.rounded-5 {
  border-radius: var(--ct-border-radius-xxl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: var(--ct-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius: var(--ct-border-radius) !important;
  border-top-right-radius: var(--ct-border-radius) !important
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.rounded-top-1 {
  border-top-left-radius: var(--ct-border-radius-sm) !important;
  border-top-right-radius: var(--ct-border-radius-sm) !important
}

.rounded-top-2 {
  border-top-left-radius: var(--ct-border-radius) !important;
  border-top-right-radius: var(--ct-border-radius) !important
}

.rounded-top-3 {
  border-top-left-radius: var(--ct-border-radius-lg) !important;
  border-top-right-radius: var(--ct-border-radius-lg) !important
}

.rounded-top-4 {
  border-top-left-radius: var(--ct-border-radius-xl) !important;
  border-top-right-radius: var(--ct-border-radius-xl) !important
}

.rounded-top-5 {
  border-top-left-radius: var(--ct-border-radius-xxl) !important;
  border-top-right-radius: var(--ct-border-radius-xxl) !important
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important
}

.rounded-top-pill {
  border-top-left-radius: var(--ct-border-radius-pill) !important;
  border-top-right-radius: var(--ct-border-radius-pill) !important
}

.rounded-end {
  border-top-right-radius: var(--ct-border-radius) !important;
  border-bottom-right-radius: var(--ct-border-radius) !important
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
  border-top-right-radius: var(--ct-border-radius-sm) !important;
  border-bottom-right-radius: var(--ct-border-radius-sm) !important
}

.rounded-end-2 {
  border-top-right-radius: var(--ct-border-radius) !important;
  border-bottom-right-radius: var(--ct-border-radius) !important
}

.rounded-end-3 {
  border-top-right-radius: var(--ct-border-radius-lg) !important;
  border-bottom-right-radius: var(--ct-border-radius-lg) !important
}

.rounded-end-4 {
  border-top-right-radius: var(--ct-border-radius-xl) !important;
  border-bottom-right-radius: var(--ct-border-radius-xl) !important
}

.rounded-end-5 {
  border-top-right-radius: var(--ct-border-radius-xxl) !important;
  border-bottom-right-radius: var(--ct-border-radius-xxl) !important
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
  border-top-right-radius: var(--ct-border-radius-pill) !important;
  border-bottom-right-radius: var(--ct-border-radius-pill) !important
}

.rounded-bottom {
  border-bottom-right-radius: var(--ct-border-radius) !important;
  border-bottom-left-radius: var(--ct-border-radius) !important
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--ct-border-radius-sm) !important;
  border-bottom-left-radius: var(--ct-border-radius-sm) !important
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--ct-border-radius) !important;
  border-bottom-left-radius: var(--ct-border-radius) !important
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--ct-border-radius-lg) !important;
  border-bottom-left-radius: var(--ct-border-radius-lg) !important
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--ct-border-radius-xl) !important;
  border-bottom-left-radius: var(--ct-border-radius-xl) !important
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--ct-border-radius-xxl) !important;
  border-bottom-left-radius: var(--ct-border-radius-xxl) !important
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--ct-border-radius-pill) !important;
  border-bottom-left-radius: var(--ct-border-radius-pill) !important
}

.rounded-start {
  border-bottom-left-radius: var(--ct-border-radius) !important;
  border-top-left-radius: var(--ct-border-radius) !important
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

.rounded-start-1 {
  border-bottom-left-radius: var(--ct-border-radius-sm) !important;
  border-top-left-radius: var(--ct-border-radius-sm) !important
}

.rounded-start-2 {
  border-bottom-left-radius: var(--ct-border-radius) !important;
  border-top-left-radius: var(--ct-border-radius) !important
}

.rounded-start-3 {
  border-bottom-left-radius: var(--ct-border-radius-lg) !important;
  border-top-left-radius: var(--ct-border-radius-lg) !important
}

.rounded-start-4 {
  border-bottom-left-radius: var(--ct-border-radius-xl) !important;
  border-top-left-radius: var(--ct-border-radius-xl) !important
}

.rounded-start-5 {
  border-bottom-left-radius: var(--ct-border-radius-xxl) !important;
  border-top-left-radius: var(--ct-border-radius-xxl) !important
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important
}

.rounded-start-pill {
  border-bottom-left-radius: var(--ct-border-radius-pill) !important;
  border-top-left-radius: var(--ct-border-radius-pill) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

.z-n1 {
  z-index: -1 !important
}

.z-0 {
  z-index: 0 !important
}

.z-1 {
  z-index: 1 !important
}

.z-2 {
  z-index: 2 !important
}

.z-3 {
  z-index: 3 !important
}

.font-10 {
  font-size: 10px !important
}

.font-11 {
  font-size: 11px !important
}

.font-12 {
  font-size: 12px !important
}

.font-13 {
  font-size: 13px !important
}

.font-14 {
  font-size: 14px !important
}

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

.font-16 {
  font-size: 16px !important
}

.font-17 {
  font-size: 17px !important
}

.font-18 {
  font-size: 18px !important
}

.font-19 {
  font-size: 19px !important
}

.font-20 {
  font-size: 20px !important
}

.font-21 {
  font-size: 21px !important
}

.font-22 {
  font-size: 22px !important
}

.font-23 {
  font-size: 23px !important
}

.font-24 {
  font-size: 24px !important
}

.font-25 {
  font-size: 25px !important
}

.font-26 {
  font-size: 26px !important
}

.font-27 {
  font-size: 27px !important
}

.font-28 {
  font-size: 28px !important
}

.font-32 {
  font-size: 32px !important
}

.font-36 {
  font-size: 36px !important
}

.font-48 {
  font-size: 48px !important
}

.font-100 {
  font-size: 100px !important
}

@media (min-width:576px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .object-fit-sm-contain {
    object-fit: contain !important
  }

  .object-fit-sm-cover {
    object-fit: cover !important
  }

  .object-fit-sm-fill {
    object-fit: fill !important
  }

  .object-fit-sm-scale {
    object-fit: scale-down !important
  }

  .object-fit-sm-none {
    object-fit: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !important
  }

  .d-sm-inline-grid {
    display: inline-grid !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .375rem !important
  }

  .m-sm-2 {
    margin: .75rem !important
  }

  .m-sm-3 {
    margin: 1.5rem !important
  }

  .m-sm-4 {
    margin: 2.25rem !important
  }

  .m-sm-5 {
    margin: 4.5rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-sm-1 {
    margin-right: .375rem !important;
    margin-left: .375rem !important
  }

  .mx-sm-2 {
    margin-right: .75rem !important;
    margin-left: .75rem !important
  }

  .mx-sm-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-sm-4 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important
  }

  .mx-sm-5 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: .375rem !important;
    margin-bottom: .375rem !important
  }

  .my-sm-2 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
  }

  .my-sm-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-4 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important
  }

  .my-sm-5 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .375rem !important
  }

  .mt-sm-2 {
    margin-top: .75rem !important
  }

  .mt-sm-3 {
    margin-top: 1.5rem !important
  }

  .mt-sm-4 {
    margin-top: 2.25rem !important
  }

  .mt-sm-5 {
    margin-top: 4.5rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .375rem !important
  }

  .me-sm-2 {
    margin-right: .75rem !important
  }

  .me-sm-3 {
    margin-right: 1.5rem !important
  }

  .me-sm-4 {
    margin-right: 2.25rem !important
  }

  .me-sm-5 {
    margin-right: 4.5rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .375rem !important
  }

  .mb-sm-2 {
    margin-bottom: .75rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-4 {
    margin-bottom: 2.25rem !important
  }

  .mb-sm-5 {
    margin-bottom: 4.5rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .375rem !important
  }

  .ms-sm-2 {
    margin-left: .75rem !important
  }

  .ms-sm-3 {
    margin-left: 1.5rem !important
  }

  .ms-sm-4 {
    margin-left: 2.25rem !important
  }

  .ms-sm-5 {
    margin-left: 4.5rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .m-sm-n1 {
    margin: -.375rem !important
  }

  .m-sm-n2 {
    margin: -.75rem !important
  }

  .m-sm-n3 {
    margin: -1.5rem !important
  }

  .m-sm-n4 {
    margin: -2.25rem !important
  }

  .m-sm-n5 {
    margin: -4.5rem !important
  }

  .mx-sm-n1 {
    margin-right: -.375rem !important;
    margin-left: -.375rem !important
  }

  .mx-sm-n2 {
    margin-right: -.75rem !important;
    margin-left: -.75rem !important
  }

  .mx-sm-n3 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
  }

  .mx-sm-n4 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important
  }

  .mx-sm-n5 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important
  }

  .my-sm-n1 {
    margin-top: -.375rem !important;
    margin-bottom: -.375rem !important
  }

  .my-sm-n2 {
    margin-top: -.75rem !important;
    margin-bottom: -.75rem !important
  }

  .my-sm-n3 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-sm-n4 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important
  }

  .my-sm-n5 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important
  }

  .mt-sm-n1 {
    margin-top: -.375rem !important
  }

  .mt-sm-n2 {
    margin-top: -.75rem !important
  }

  .mt-sm-n3 {
    margin-top: -1.5rem !important
  }

  .mt-sm-n4 {
    margin-top: -2.25rem !important
  }

  .mt-sm-n5 {
    margin-top: -4.5rem !important
  }

  .me-sm-n1 {
    margin-right: -.375rem !important
  }

  .me-sm-n2 {
    margin-right: -.75rem !important
  }

  .me-sm-n3 {
    margin-right: -1.5rem !important
  }

  .me-sm-n4 {
    margin-right: -2.25rem !important
  }

  .me-sm-n5 {
    margin-right: -4.5rem !important
  }

  .mb-sm-n1 {
    margin-bottom: -.375rem !important
  }

  .mb-sm-n2 {
    margin-bottom: -.75rem !important
  }

  .mb-sm-n3 {
    margin-bottom: -1.5rem !important
  }

  .mb-sm-n4 {
    margin-bottom: -2.25rem !important
  }

  .mb-sm-n5 {
    margin-bottom: -4.5rem !important
  }

  .ms-sm-n1 {
    margin-left: -.375rem !important
  }

  .ms-sm-n2 {
    margin-left: -.75rem !important
  }

  .ms-sm-n3 {
    margin-left: -1.5rem !important
  }

  .ms-sm-n4 {
    margin-left: -2.25rem !important
  }

  .ms-sm-n5 {
    margin-left: -4.5rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .375rem !important
  }

  .p-sm-2 {
    padding: .75rem !important
  }

  .p-sm-3 {
    padding: 1.5rem !important
  }

  .p-sm-4 {
    padding: 2.25rem !important
  }

  .p-sm-5 {
    padding: 4.5rem !important
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-sm-1 {
    padding-right: .375rem !important;
    padding-left: .375rem !important
  }

  .px-sm-2 {
    padding-right: .75rem !important;
    padding-left: .75rem !important
  }

  .px-sm-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-4 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important
  }

  .px-sm-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
  }

  .py-sm-2 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
  }

  .py-sm-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-4 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important
  }

  .py-sm-5 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .375rem !important
  }

  .pt-sm-2 {
    padding-top: .75rem !important
  }

  .pt-sm-3 {
    padding-top: 1.5rem !important
  }

  .pt-sm-4 {
    padding-top: 2.25rem !important
  }

  .pt-sm-5 {
    padding-top: 4.5rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .375rem !important
  }

  .pe-sm-2 {
    padding-right: .75rem !important
  }

  .pe-sm-3 {
    padding-right: 1.5rem !important
  }

  .pe-sm-4 {
    padding-right: 2.25rem !important
  }

  .pe-sm-5 {
    padding-right: 4.5rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .375rem !important
  }

  .pb-sm-2 {
    padding-bottom: .75rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-4 {
    padding-bottom: 2.25rem !important
  }

  .pb-sm-5 {
    padding-bottom: 4.5rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .375rem !important
  }

  .ps-sm-2 {
    padding-left: .75rem !important
  }

  .ps-sm-3 {
    padding-left: 1.5rem !important
  }

  .ps-sm-4 {
    padding-left: 2.25rem !important
  }

  .ps-sm-5 {
    padding-left: 4.5rem !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .375rem !important
  }

  .gap-sm-2 {
    gap: .75rem !important
  }

  .gap-sm-3 {
    gap: 1.5rem !important
  }

  .gap-sm-4 {
    gap: 2.25rem !important
  }

  .gap-sm-5 {
    gap: 4.5rem !important
  }

  .row-gap-sm-0 {
    row-gap: 0 !important
  }

  .row-gap-sm-1 {
    row-gap: .375rem !important
  }

  .row-gap-sm-2 {
    row-gap: .75rem !important
  }

  .row-gap-sm-3 {
    row-gap: 1.5rem !important
  }

  .row-gap-sm-4 {
    row-gap: 2.25rem !important
  }

  .row-gap-sm-5 {
    row-gap: 4.5rem !important
  }

  .column-gap-sm-0 {
    column-gap: 0 !important
  }

  .column-gap-sm-1 {
    column-gap: .375rem !important
  }

  .column-gap-sm-2 {
    column-gap: .75rem !important
  }

  .column-gap-sm-3 {
    column-gap: 1.5rem !important
  }

  .column-gap-sm-4 {
    column-gap: 2.25rem !important
  }

  .column-gap-sm-5 {
    column-gap: 4.5rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .object-fit-md-contain {
    object-fit: contain !important
  }

  .object-fit-md-cover {
    object-fit: cover !important
  }

  .object-fit-md-fill {
    object-fit: fill !important
  }

  .object-fit-md-scale {
    object-fit: scale-down !important
  }

  .object-fit-md-none {
    object-fit: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !important
  }

  .d-md-inline-grid {
    display: inline-grid !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .375rem !important
  }

  .m-md-2 {
    margin: .75rem !important
  }

  .m-md-3 {
    margin: 1.5rem !important
  }

  .m-md-4 {
    margin: 2.25rem !important
  }

  .m-md-5 {
    margin: 4.5rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-md-1 {
    margin-right: .375rem !important;
    margin-left: .375rem !important
  }

  .mx-md-2 {
    margin-right: .75rem !important;
    margin-left: .75rem !important
  }

  .mx-md-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-md-4 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important
  }

  .mx-md-5 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: .375rem !important;
    margin-bottom: .375rem !important
  }

  .my-md-2 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
  }

  .my-md-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-4 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important
  }

  .my-md-5 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .375rem !important
  }

  .mt-md-2 {
    margin-top: .75rem !important
  }

  .mt-md-3 {
    margin-top: 1.5rem !important
  }

  .mt-md-4 {
    margin-top: 2.25rem !important
  }

  .mt-md-5 {
    margin-top: 4.5rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .375rem !important
  }

  .me-md-2 {
    margin-right: .75rem !important
  }

  .me-md-3 {
    margin-right: 1.5rem !important
  }

  .me-md-4 {
    margin-right: 2.25rem !important
  }

  .me-md-5 {
    margin-right: 4.5rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .375rem !important
  }

  .mb-md-2 {
    margin-bottom: .75rem !important
  }

  .mb-md-3 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-4 {
    margin-bottom: 2.25rem !important
  }

  .mb-md-5 {
    margin-bottom: 4.5rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .375rem !important
  }

  .ms-md-2 {
    margin-left: .75rem !important
  }

  .ms-md-3 {
    margin-left: 1.5rem !important
  }

  .ms-md-4 {
    margin-left: 2.25rem !important
  }

  .ms-md-5 {
    margin-left: 4.5rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .m-md-n1 {
    margin: -.375rem !important
  }

  .m-md-n2 {
    margin: -.75rem !important
  }

  .m-md-n3 {
    margin: -1.5rem !important
  }

  .m-md-n4 {
    margin: -2.25rem !important
  }

  .m-md-n5 {
    margin: -4.5rem !important
  }

  .mx-md-n1 {
    margin-right: -.375rem !important;
    margin-left: -.375rem !important
  }

  .mx-md-n2 {
    margin-right: -.75rem !important;
    margin-left: -.75rem !important
  }

  .mx-md-n3 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
  }

  .mx-md-n4 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important
  }

  .mx-md-n5 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important
  }

  .my-md-n1 {
    margin-top: -.375rem !important;
    margin-bottom: -.375rem !important
  }

  .my-md-n2 {
    margin-top: -.75rem !important;
    margin-bottom: -.75rem !important
  }

  .my-md-n3 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-md-n4 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important
  }

  .my-md-n5 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important
  }

  .mt-md-n1 {
    margin-top: -.375rem !important
  }

  .mt-md-n2 {
    margin-top: -.75rem !important
  }

  .mt-md-n3 {
    margin-top: -1.5rem !important
  }

  .mt-md-n4 {
    margin-top: -2.25rem !important
  }

  .mt-md-n5 {
    margin-top: -4.5rem !important
  }

  .me-md-n1 {
    margin-right: -.375rem !important
  }

  .me-md-n2 {
    margin-right: -.75rem !important
  }

  .me-md-n3 {
    margin-right: -1.5rem !important
  }

  .me-md-n4 {
    margin-right: -2.25rem !important
  }

  .me-md-n5 {
    margin-right: -4.5rem !important
  }

  .mb-md-n1 {
    margin-bottom: -.375rem !important
  }

  .mb-md-n2 {
    margin-bottom: -.75rem !important
  }

  .mb-md-n3 {
    margin-bottom: -1.5rem !important
  }

  .mb-md-n4 {
    margin-bottom: -2.25rem !important
  }

  .mb-md-n5 {
    margin-bottom: -4.5rem !important
  }

  .ms-md-n1 {
    margin-left: -.375rem !important
  }

  .ms-md-n2 {
    margin-left: -.75rem !important
  }

  .ms-md-n3 {
    margin-left: -1.5rem !important
  }

  .ms-md-n4 {
    margin-left: -2.25rem !important
  }

  .ms-md-n5 {
    margin-left: -4.5rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .375rem !important
  }

  .p-md-2 {
    padding: .75rem !important
  }

  .p-md-3 {
    padding: 1.5rem !important
  }

  .p-md-4 {
    padding: 2.25rem !important
  }

  .p-md-5 {
    padding: 4.5rem !important
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-md-1 {
    padding-right: .375rem !important;
    padding-left: .375rem !important
  }

  .px-md-2 {
    padding-right: .75rem !important;
    padding-left: .75rem !important
  }

  .px-md-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-4 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important
  }

  .px-md-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
  }

  .py-md-2 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
  }

  .py-md-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-4 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important
  }

  .py-md-5 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .375rem !important
  }

  .pt-md-2 {
    padding-top: .75rem !important
  }

  .pt-md-3 {
    padding-top: 1.5rem !important
  }

  .pt-md-4 {
    padding-top: 2.25rem !important
  }

  .pt-md-5 {
    padding-top: 4.5rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .375rem !important
  }

  .pe-md-2 {
    padding-right: .75rem !important
  }

  .pe-md-3 {
    padding-right: 1.5rem !important
  }

  .pe-md-4 {
    padding-right: 2.25rem !important
  }

  .pe-md-5 {
    padding-right: 4.5rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .375rem !important
  }

  .pb-md-2 {
    padding-bottom: .75rem !important
  }

  .pb-md-3 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-4 {
    padding-bottom: 2.25rem !important
  }

  .pb-md-5 {
    padding-bottom: 4.5rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .375rem !important
  }

  .ps-md-2 {
    padding-left: .75rem !important
  }

  .ps-md-3 {
    padding-left: 1.5rem !important
  }

  .ps-md-4 {
    padding-left: 2.25rem !important
  }

  .ps-md-5 {
    padding-left: 4.5rem !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .375rem !important
  }

  .gap-md-2 {
    gap: .75rem !important
  }

  .gap-md-3 {
    gap: 1.5rem !important
  }

  .gap-md-4 {
    gap: 2.25rem !important
  }

  .gap-md-5 {
    gap: 4.5rem !important
  }

  .row-gap-md-0 {
    row-gap: 0 !important
  }

  .row-gap-md-1 {
    row-gap: .375rem !important
  }

  .row-gap-md-2 {
    row-gap: .75rem !important
  }

  .row-gap-md-3 {
    row-gap: 1.5rem !important
  }

  .row-gap-md-4 {
    row-gap: 2.25rem !important
  }

  .row-gap-md-5 {
    row-gap: 4.5rem !important
  }

  .column-gap-md-0 {
    column-gap: 0 !important
  }

  .column-gap-md-1 {
    column-gap: .375rem !important
  }

  .column-gap-md-2 {
    column-gap: .75rem !important
  }

  .column-gap-md-3 {
    column-gap: 1.5rem !important
  }

  .column-gap-md-4 {
    column-gap: 2.25rem !important
  }

  .column-gap-md-5 {
    column-gap: 4.5rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .object-fit-lg-contain {
    object-fit: contain !important
  }

  .object-fit-lg-cover {
    object-fit: cover !important
  }

  .object-fit-lg-fill {
    object-fit: fill !important
  }

  .object-fit-lg-scale {
    object-fit: scale-down !important
  }

  .object-fit-lg-none {
    object-fit: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !important
  }

  .d-lg-inline-grid {
    display: inline-grid !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .375rem !important
  }

  .m-lg-2 {
    margin: .75rem !important
  }

  .m-lg-3 {
    margin: 1.5rem !important
  }

  .m-lg-4 {
    margin: 2.25rem !important
  }

  .m-lg-5 {
    margin: 4.5rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-lg-1 {
    margin-right: .375rem !important;
    margin-left: .375rem !important
  }

  .mx-lg-2 {
    margin-right: .75rem !important;
    margin-left: .75rem !important
  }

  .mx-lg-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-lg-4 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important
  }

  .mx-lg-5 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: .375rem !important;
    margin-bottom: .375rem !important
  }

  .my-lg-2 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
  }

  .my-lg-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-4 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important
  }

  .my-lg-5 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .375rem !important
  }

  .mt-lg-2 {
    margin-top: .75rem !important
  }

  .mt-lg-3 {
    margin-top: 1.5rem !important
  }

  .mt-lg-4 {
    margin-top: 2.25rem !important
  }

  .mt-lg-5 {
    margin-top: 4.5rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .375rem !important
  }

  .me-lg-2 {
    margin-right: .75rem !important
  }

  .me-lg-3 {
    margin-right: 1.5rem !important
  }

  .me-lg-4 {
    margin-right: 2.25rem !important
  }

  .me-lg-5 {
    margin-right: 4.5rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .375rem !important
  }

  .mb-lg-2 {
    margin-bottom: .75rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-4 {
    margin-bottom: 2.25rem !important
  }

  .mb-lg-5 {
    margin-bottom: 4.5rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .375rem !important
  }

  .ms-lg-2 {
    margin-left: .75rem !important
  }

  .ms-lg-3 {
    margin-left: 1.5rem !important
  }

  .ms-lg-4 {
    margin-left: 2.25rem !important
  }

  .ms-lg-5 {
    margin-left: 4.5rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .m-lg-n1 {
    margin: -.375rem !important
  }

  .m-lg-n2 {
    margin: -.75rem !important
  }

  .m-lg-n3 {
    margin: -1.5rem !important
  }

  .m-lg-n4 {
    margin: -2.25rem !important
  }

  .m-lg-n5 {
    margin: -4.5rem !important
  }

  .mx-lg-n1 {
    margin-right: -.375rem !important;
    margin-left: -.375rem !important
  }

  .mx-lg-n2 {
    margin-right: -.75rem !important;
    margin-left: -.75rem !important
  }

  .mx-lg-n3 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
  }

  .mx-lg-n4 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important
  }

  .mx-lg-n5 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important
  }

  .my-lg-n1 {
    margin-top: -.375rem !important;
    margin-bottom: -.375rem !important
  }

  .my-lg-n2 {
    margin-top: -.75rem !important;
    margin-bottom: -.75rem !important
  }

  .my-lg-n3 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-lg-n4 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important
  }

  .my-lg-n5 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important
  }

  .mt-lg-n1 {
    margin-top: -.375rem !important
  }

  .mt-lg-n2 {
    margin-top: -.75rem !important
  }

  .mt-lg-n3 {
    margin-top: -1.5rem !important
  }

  .mt-lg-n4 {
    margin-top: -2.25rem !important
  }

  .mt-lg-n5 {
    margin-top: -4.5rem !important
  }

  .me-lg-n1 {
    margin-right: -.375rem !important
  }

  .me-lg-n2 {
    margin-right: -.75rem !important
  }

  .me-lg-n3 {
    margin-right: -1.5rem !important
  }

  .me-lg-n4 {
    margin-right: -2.25rem !important
  }

  .me-lg-n5 {
    margin-right: -4.5rem !important
  }

  .mb-lg-n1 {
    margin-bottom: -.375rem !important
  }

  .mb-lg-n2 {
    margin-bottom: -.75rem !important
  }

  .mb-lg-n3 {
    margin-bottom: -1.5rem !important
  }

  .mb-lg-n4 {
    margin-bottom: -2.25rem !important
  }

  .mb-lg-n5 {
    margin-bottom: -4.5rem !important
  }

  .ms-lg-n1 {
    margin-left: -.375rem !important
  }

  .ms-lg-n2 {
    margin-left: -.75rem !important
  }

  .ms-lg-n3 {
    margin-left: -1.5rem !important
  }

  .ms-lg-n4 {
    margin-left: -2.25rem !important
  }

  .ms-lg-n5 {
    margin-left: -4.5rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .375rem !important
  }

  .p-lg-2 {
    padding: .75rem !important
  }

  .p-lg-3 {
    padding: 1.5rem !important
  }

  .p-lg-4 {
    padding: 2.25rem !important
  }

  .p-lg-5 {
    padding: 4.5rem !important
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: .375rem !important;
    padding-left: .375rem !important
  }

  .px-lg-2 {
    padding-right: .75rem !important;
    padding-left: .75rem !important
  }

  .px-lg-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-4 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important
  }

  .px-lg-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
  }

  .py-lg-2 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
  }

  .py-lg-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-4 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important
  }

  .py-lg-5 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .375rem !important
  }

  .pt-lg-2 {
    padding-top: .75rem !important
  }

  .pt-lg-3 {
    padding-top: 1.5rem !important
  }

  .pt-lg-4 {
    padding-top: 2.25rem !important
  }

  .pt-lg-5 {
    padding-top: 4.5rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .375rem !important
  }

  .pe-lg-2 {
    padding-right: .75rem !important
  }

  .pe-lg-3 {
    padding-right: 1.5rem !important
  }

  .pe-lg-4 {
    padding-right: 2.25rem !important
  }

  .pe-lg-5 {
    padding-right: 4.5rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .375rem !important
  }

  .pb-lg-2 {
    padding-bottom: .75rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-4 {
    padding-bottom: 2.25rem !important
  }

  .pb-lg-5 {
    padding-bottom: 4.5rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .375rem !important
  }

  .ps-lg-2 {
    padding-left: .75rem !important
  }

  .ps-lg-3 {
    padding-left: 1.5rem !important
  }

  .ps-lg-4 {
    padding-left: 2.25rem !important
  }

  .ps-lg-5 {
    padding-left: 4.5rem !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .375rem !important
  }

  .gap-lg-2 {
    gap: .75rem !important
  }

  .gap-lg-3 {
    gap: 1.5rem !important
  }

  .gap-lg-4 {
    gap: 2.25rem !important
  }

  .gap-lg-5 {
    gap: 4.5rem !important
  }

  .row-gap-lg-0 {
    row-gap: 0 !important
  }

  .row-gap-lg-1 {
    row-gap: .375rem !important
  }

  .row-gap-lg-2 {
    row-gap: .75rem !important
  }

  .row-gap-lg-3 {
    row-gap: 1.5rem !important
  }

  .row-gap-lg-4 {
    row-gap: 2.25rem !important
  }

  .row-gap-lg-5 {
    row-gap: 4.5rem !important
  }

  .column-gap-lg-0 {
    column-gap: 0 !important
  }

  .column-gap-lg-1 {
    column-gap: .375rem !important
  }

  .column-gap-lg-2 {
    column-gap: .75rem !important
  }

  .column-gap-lg-3 {
    column-gap: 1.5rem !important
  }

  .column-gap-lg-4 {
    column-gap: 2.25rem !important
  }

  .column-gap-lg-5 {
    column-gap: 4.5rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .float-xl-start {
    float: left !important
  }

  .float-xl-end {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }

  .object-fit-xl-contain {
    object-fit: contain !important
  }

  .object-fit-xl-cover {
    object-fit: cover !important
  }

  .object-fit-xl-fill {
    object-fit: fill !important
  }

  .object-fit-xl-scale {
    object-fit: scale-down !important
  }

  .object-fit-xl-none {
    object-fit: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !important
  }

  .d-xl-inline-grid {
    display: inline-grid !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .375rem !important
  }

  .m-xl-2 {
    margin: .75rem !important
  }

  .m-xl-3 {
    margin: 1.5rem !important
  }

  .m-xl-4 {
    margin: 2.25rem !important
  }

  .m-xl-5 {
    margin: 4.5rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xl-1 {
    margin-right: .375rem !important;
    margin-left: .375rem !important
  }

  .mx-xl-2 {
    margin-right: .75rem !important;
    margin-left: .75rem !important
  }

  .mx-xl-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xl-4 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important
  }

  .mx-xl-5 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xl-1 {
    margin-top: .375rem !important;
    margin-bottom: .375rem !important
  }

  .my-xl-2 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
  }

  .my-xl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-4 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important
  }

  .my-xl-5 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .375rem !important
  }

  .mt-xl-2 {
    margin-top: .75rem !important
  }

  .mt-xl-3 {
    margin-top: 1.5rem !important
  }

  .mt-xl-4 {
    margin-top: 2.25rem !important
  }

  .mt-xl-5 {
    margin-top: 4.5rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .375rem !important
  }

  .me-xl-2 {
    margin-right: .75rem !important
  }

  .me-xl-3 {
    margin-right: 1.5rem !important
  }

  .me-xl-4 {
    margin-right: 2.25rem !important
  }

  .me-xl-5 {
    margin-right: 4.5rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .375rem !important
  }

  .mb-xl-2 {
    margin-bottom: .75rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-4 {
    margin-bottom: 2.25rem !important
  }

  .mb-xl-5 {
    margin-bottom: 4.5rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .375rem !important
  }

  .ms-xl-2 {
    margin-left: .75rem !important
  }

  .ms-xl-3 {
    margin-left: 1.5rem !important
  }

  .ms-xl-4 {
    margin-left: 2.25rem !important
  }

  .ms-xl-5 {
    margin-left: 4.5rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .m-xl-n1 {
    margin: -.375rem !important
  }

  .m-xl-n2 {
    margin: -.75rem !important
  }

  .m-xl-n3 {
    margin: -1.5rem !important
  }

  .m-xl-n4 {
    margin: -2.25rem !important
  }

  .m-xl-n5 {
    margin: -4.5rem !important
  }

  .mx-xl-n1 {
    margin-right: -.375rem !important;
    margin-left: -.375rem !important
  }

  .mx-xl-n2 {
    margin-right: -.75rem !important;
    margin-left: -.75rem !important
  }

  .mx-xl-n3 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
  }

  .mx-xl-n4 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important
  }

  .mx-xl-n5 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important
  }

  .my-xl-n1 {
    margin-top: -.375rem !important;
    margin-bottom: -.375rem !important
  }

  .my-xl-n2 {
    margin-top: -.75rem !important;
    margin-bottom: -.75rem !important
  }

  .my-xl-n3 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-xl-n4 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important
  }

  .my-xl-n5 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important
  }

  .mt-xl-n1 {
    margin-top: -.375rem !important
  }

  .mt-xl-n2 {
    margin-top: -.75rem !important
  }

  .mt-xl-n3 {
    margin-top: -1.5rem !important
  }

  .mt-xl-n4 {
    margin-top: -2.25rem !important
  }

  .mt-xl-n5 {
    margin-top: -4.5rem !important
  }

  .me-xl-n1 {
    margin-right: -.375rem !important
  }

  .me-xl-n2 {
    margin-right: -.75rem !important
  }

  .me-xl-n3 {
    margin-right: -1.5rem !important
  }

  .me-xl-n4 {
    margin-right: -2.25rem !important
  }

  .me-xl-n5 {
    margin-right: -4.5rem !important
  }

  .mb-xl-n1 {
    margin-bottom: -.375rem !important
  }

  .mb-xl-n2 {
    margin-bottom: -.75rem !important
  }

  .mb-xl-n3 {
    margin-bottom: -1.5rem !important
  }

  .mb-xl-n4 {
    margin-bottom: -2.25rem !important
  }

  .mb-xl-n5 {
    margin-bottom: -4.5rem !important
  }

  .ms-xl-n1 {
    margin-left: -.375rem !important
  }

  .ms-xl-n2 {
    margin-left: -.75rem !important
  }

  .ms-xl-n3 {
    margin-left: -1.5rem !important
  }

  .ms-xl-n4 {
    margin-left: -2.25rem !important
  }

  .ms-xl-n5 {
    margin-left: -4.5rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .375rem !important
  }

  .p-xl-2 {
    padding: .75rem !important
  }

  .p-xl-3 {
    padding: 1.5rem !important
  }

  .p-xl-4 {
    padding: 2.25rem !important
  }

  .p-xl-5 {
    padding: 4.5rem !important
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xl-1 {
    padding-right: .375rem !important;
    padding-left: .375rem !important
  }

  .px-xl-2 {
    padding-right: .75rem !important;
    padding-left: .75rem !important
  }

  .px-xl-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-4 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important
  }

  .px-xl-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xl-1 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
  }

  .py-xl-2 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
  }

  .py-xl-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-4 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important
  }

  .py-xl-5 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .375rem !important
  }

  .pt-xl-2 {
    padding-top: .75rem !important
  }

  .pt-xl-3 {
    padding-top: 1.5rem !important
  }

  .pt-xl-4 {
    padding-top: 2.25rem !important
  }

  .pt-xl-5 {
    padding-top: 4.5rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .375rem !important
  }

  .pe-xl-2 {
    padding-right: .75rem !important
  }

  .pe-xl-3 {
    padding-right: 1.5rem !important
  }

  .pe-xl-4 {
    padding-right: 2.25rem !important
  }

  .pe-xl-5 {
    padding-right: 4.5rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .375rem !important
  }

  .pb-xl-2 {
    padding-bottom: .75rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-4 {
    padding-bottom: 2.25rem !important
  }

  .pb-xl-5 {
    padding-bottom: 4.5rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .375rem !important
  }

  .ps-xl-2 {
    padding-left: .75rem !important
  }

  .ps-xl-3 {
    padding-left: 1.5rem !important
  }

  .ps-xl-4 {
    padding-left: 2.25rem !important
  }

  .ps-xl-5 {
    padding-left: 4.5rem !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .375rem !important
  }

  .gap-xl-2 {
    gap: .75rem !important
  }

  .gap-xl-3 {
    gap: 1.5rem !important
  }

  .gap-xl-4 {
    gap: 2.25rem !important
  }

  .gap-xl-5 {
    gap: 4.5rem !important
  }

  .row-gap-xl-0 {
    row-gap: 0 !important
  }

  .row-gap-xl-1 {
    row-gap: .375rem !important
  }

  .row-gap-xl-2 {
    row-gap: .75rem !important
  }

  .row-gap-xl-3 {
    row-gap: 1.5rem !important
  }

  .row-gap-xl-4 {
    row-gap: 2.25rem !important
  }

  .row-gap-xl-5 {
    row-gap: 4.5rem !important
  }

  .column-gap-xl-0 {
    column-gap: 0 !important
  }

  .column-gap-xl-1 {
    column-gap: .375rem !important
  }

  .column-gap-xl-2 {
    column-gap: .75rem !important
  }

  .column-gap-xl-3 {
    column-gap: 1.5rem !important
  }

  .column-gap-xl-4 {
    column-gap: 2.25rem !important
  }

  .column-gap-xl-5 {
    column-gap: 4.5rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .object-fit-xxl-contain {
    object-fit: contain !important
  }

  .object-fit-xxl-cover {
    object-fit: cover !important
  }

  .object-fit-xxl-fill {
    object-fit: fill !important
  }

  .object-fit-xxl-scale {
    object-fit: scale-down !important
  }

  .object-fit-xxl-none {
    object-fit: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-inline-grid {
    display: inline-grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .375rem !important
  }

  .m-xxl-2 {
    margin: .75rem !important
  }

  .m-xxl-3 {
    margin: 1.5rem !important
  }

  .m-xxl-4 {
    margin: 2.25rem !important
  }

  .m-xxl-5 {
    margin: 4.5rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xxl-1 {
    margin-right: .375rem !important;
    margin-left: .375rem !important
  }

  .mx-xxl-2 {
    margin-right: .75rem !important;
    margin-left: .75rem !important
  }

  .mx-xxl-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xxl-4 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important
  }

  .mx-xxl-5 {
    margin-right: 4.5rem !important;
    margin-left: 4.5rem !important
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xxl-1 {
    margin-top: .375rem !important;
    margin-bottom: .375rem !important
  }

  .my-xxl-2 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
  }

  .my-xxl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-4 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important
  }

  .my-xxl-5 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .375rem !important
  }

  .mt-xxl-2 {
    margin-top: .75rem !important
  }

  .mt-xxl-3 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-4 {
    margin-top: 2.25rem !important
  }

  .mt-xxl-5 {
    margin-top: 4.5rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .375rem !important
  }

  .me-xxl-2 {
    margin-right: .75rem !important
  }

  .me-xxl-3 {
    margin-right: 1.5rem !important
  }

  .me-xxl-4 {
    margin-right: 2.25rem !important
  }

  .me-xxl-5 {
    margin-right: 4.5rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .375rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .75rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 2.25rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 4.5rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .375rem !important
  }

  .ms-xxl-2 {
    margin-left: .75rem !important
  }

  .ms-xxl-3 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-4 {
    margin-left: 2.25rem !important
  }

  .ms-xxl-5 {
    margin-left: 4.5rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .m-xxl-n1 {
    margin: -.375rem !important
  }

  .m-xxl-n2 {
    margin: -.75rem !important
  }

  .m-xxl-n3 {
    margin: -1.5rem !important
  }

  .m-xxl-n4 {
    margin: -2.25rem !important
  }

  .m-xxl-n5 {
    margin: -4.5rem !important
  }

  .mx-xxl-n1 {
    margin-right: -.375rem !important;
    margin-left: -.375rem !important
  }

  .mx-xxl-n2 {
    margin-right: -.75rem !important;
    margin-left: -.75rem !important
  }

  .mx-xxl-n3 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important
  }

  .mx-xxl-n4 {
    margin-right: -2.25rem !important;
    margin-left: -2.25rem !important
  }

  .mx-xxl-n5 {
    margin-right: -4.5rem !important;
    margin-left: -4.5rem !important
  }

  .my-xxl-n1 {
    margin-top: -.375rem !important;
    margin-bottom: -.375rem !important
  }

  .my-xxl-n2 {
    margin-top: -.75rem !important;
    margin-bottom: -.75rem !important
  }

  .my-xxl-n3 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-xxl-n4 {
    margin-top: -2.25rem !important;
    margin-bottom: -2.25rem !important
  }

  .my-xxl-n5 {
    margin-top: -4.5rem !important;
    margin-bottom: -4.5rem !important
  }

  .mt-xxl-n1 {
    margin-top: -.375rem !important
  }

  .mt-xxl-n2 {
    margin-top: -.75rem !important
  }

  .mt-xxl-n3 {
    margin-top: -1.5rem !important
  }

  .mt-xxl-n4 {
    margin-top: -2.25rem !important
  }

  .mt-xxl-n5 {
    margin-top: -4.5rem !important
  }

  .me-xxl-n1 {
    margin-right: -.375rem !important
  }

  .me-xxl-n2 {
    margin-right: -.75rem !important
  }

  .me-xxl-n3 {
    margin-right: -1.5rem !important
  }

  .me-xxl-n4 {
    margin-right: -2.25rem !important
  }

  .me-xxl-n5 {
    margin-right: -4.5rem !important
  }

  .mb-xxl-n1 {
    margin-bottom: -.375rem !important
  }

  .mb-xxl-n2 {
    margin-bottom: -.75rem !important
  }

  .mb-xxl-n3 {
    margin-bottom: -1.5rem !important
  }

  .mb-xxl-n4 {
    margin-bottom: -2.25rem !important
  }

  .mb-xxl-n5 {
    margin-bottom: -4.5rem !important
  }

  .ms-xxl-n1 {
    margin-left: -.375rem !important
  }

  .ms-xxl-n2 {
    margin-left: -.75rem !important
  }

  .ms-xxl-n3 {
    margin-left: -1.5rem !important
  }

  .ms-xxl-n4 {
    margin-left: -2.25rem !important
  }

  .ms-xxl-n5 {
    margin-left: -4.5rem !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .375rem !important
  }

  .p-xxl-2 {
    padding: .75rem !important
  }

  .p-xxl-3 {
    padding: 1.5rem !important
  }

  .p-xxl-4 {
    padding: 2.25rem !important
  }

  .p-xxl-5 {
    padding: 4.5rem !important
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xxl-1 {
    padding-right: .375rem !important;
    padding-left: .375rem !important
  }

  .px-xxl-2 {
    padding-right: .75rem !important;
    padding-left: .75rem !important
  }

  .px-xxl-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xxl-4 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important
  }

  .px-xxl-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xxl-1 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
  }

  .py-xxl-2 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
  }

  .py-xxl-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-4 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important
  }

  .py-xxl-5 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .375rem !important
  }

  .pt-xxl-2 {
    padding-top: .75rem !important
  }

  .pt-xxl-3 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-4 {
    padding-top: 2.25rem !important
  }

  .pt-xxl-5 {
    padding-top: 4.5rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .375rem !important
  }

  .pe-xxl-2 {
    padding-right: .75rem !important
  }

  .pe-xxl-3 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-4 {
    padding-right: 2.25rem !important
  }

  .pe-xxl-5 {
    padding-right: 4.5rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .375rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .75rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 2.25rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 4.5rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .375rem !important
  }

  .ps-xxl-2 {
    padding-left: .75rem !important
  }

  .ps-xxl-3 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-4 {
    padding-left: 2.25rem !important
  }

  .ps-xxl-5 {
    padding-left: 4.5rem !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .375rem !important
  }

  .gap-xxl-2 {
    gap: .75rem !important
  }

  .gap-xxl-3 {
    gap: 1.5rem !important
  }

  .gap-xxl-4 {
    gap: 2.25rem !important
  }

  .gap-xxl-5 {
    gap: 4.5rem !important
  }

  .row-gap-xxl-0 {
    row-gap: 0 !important
  }

  .row-gap-xxl-1 {
    row-gap: .375rem !important
  }

  .row-gap-xxl-2 {
    row-gap: .75rem !important
  }

  .row-gap-xxl-3 {
    row-gap: 1.5rem !important
  }

  .row-gap-xxl-4 {
    row-gap: 2.25rem !important
  }

  .row-gap-xxl-5 {
    row-gap: 4.5rem !important
  }

  .column-gap-xxl-0 {
    column-gap: 0 !important
  }

  .column-gap-xxl-1 {
    column-gap: .375rem !important
  }

  .column-gap-xxl-2 {
    column-gap: .75rem !important
  }

  .column-gap-xxl-3 {
    column-gap: 1.5rem !important
  }

  .column-gap-xxl-4 {
    column-gap: 2.25rem !important
  }

  .column-gap-xxl-5 {
    column-gap: 4.5rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

  .text-xxl-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.25rem !important
  }

  .fs-2 {
    font-size: 1.872rem !important
  }

  .fs-3 {
    font-size: 1.503rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-inline-grid {
    display: inline-grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

.logo-lg img {
  height: var(--ct-logo-lg-height)
}

.logo-sm img {
  height: var(--ct-logo-sm-height)
}

.logo {
  display: block;
  top: 0;
  position: sticky;
  text-align: center;
  line-height: var(--ct-topbar-height);
  padding: 0 calc(var(--ct-leftbar-width-sm) * .5 - var(--ct-logo-sm-height) * .7);
  transition: all .25s ease-in-out
}

  .logo span.logo-lg {
    display: block
  }

  .logo span.logo-sm {
    display: none
  }

  .logo.logo-light {
    display: none
  }

  .logo.logo-dark {
    display: block
  }

html[data-bs-theme=dark] .logo.logo-light, html[data-menu-color=brand] .logo.logo-light, html[data-menu-color=dark] .logo.logo-light {
  display: block
}

html[data-bs-theme=dark] .logo.logo-dark, html[data-menu-color=brand] .logo.logo-dark, html[data-menu-color=dark] .logo.logo-dark {
  display: none
}

.help-box {
  border-radius: 5px;
  padding: 20px;
  margin: 65px 25px 25px;
  position: relative;
  background-color: var(--ct-help-box-bg)
}

  .help-box .close-btn {
    right: 10px;
    top: 10px;
    position: absolute
  }

.wrapper {
  height: 100%;
  width: 100%
}

.content-page {
  position: relative;
  margin-left: var(--ct-leftbar-width);
  min-height: calc(100vh - var(--ct-topbar-height) - 2px);
  padding: 0 1.75rem var(--ct-footer-height);
  transition: all .25s ease-in-out
}

.leftside-menu {
  z-index: 1000;
  bottom: 0;
  top: 0;
  position: fixed;
  width: var(--ct-leftbar-width);
  min-width: var(--ct-leftbar-width);
  padding-bottom: calc(var(--ct-footer-height) + .75rem);
  background: var(--ct-menu-bg);
  box-shadow: var(--ct-box-shadow);
  border-right: var(--ct-theme-card-border-width) solid var(--ct-border-color);
  transition: all .25s ease-in-out
}

.leftbar-user {
  padding: 20px;
  text-align: center;
  display: none
}

  .leftbar-user .leftbar-user-name {
    font-weight: 700;
    color: var(--ct-menu-item-color);
    white-space: nowrap;
    display: block
  }

html[data-sidenav-user=true] .leftbar-user {
  display: block
}

.side-nav {
  padding-left: 0;
  list-style-type: none
}

  .side-nav ul {
    list-style-type: none;
    cursor: pointer;
  }

  .side-nav .side-nav-link {
    display: block;
    list-style: none;
    position: relative;
    white-space: nowrap;
    color: var(--ct-menu-item-color);
    transition: all .25s ease-in-out;
    font-size: var(--ct-menu-item-font-size);
    padding: var(--ct-menu-item-padding-y) var(--ct-menu-item-padding-x);
    font-weight: 400;
  }

    .side-nav .side-nav-link:active,
    .side-nav .side-nav-link:focus,
    .side-nav .side-nav-link:hover,
    .side-nav .side-nav-link.active {
      color: var(--ct-menu-item-hover-color);
      text-decoration: none;
      background-color: var(--ct-menu-item-hover-bg);
      font-weight: 500;
    }

    .side-nav .side-nav-link span {
      vertical-align: middle
    }

    .side-nav .side-nav-link i {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      font-size: var(--ct-menu-item-icon-size);
      line-height: var(--ct-menu-item-icon-size);
      width: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2);
      min-width: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2)
    }

  .side-nav .menu-arrow {
    display: inline-block;
    text-rendering: auto;
    position: absolute;
    top: 50%;
    right: calc(var(--ct-menu-item-padding-x) * 1.5);
    transition: transform .15s;
    transform: translate(-50%,-50%);
    line-height: var(--ct-menu-item-icon-size);
    font-size: calc(var(--ct-menu-item-font-size) * 1.18)
  }

    .side-nav .menu-arrow:before {
      content: "\e9bf";
      font-family: "icomoon";
      font-size: 1.25rem;
    }

  .side-nav .badge {
    margin-top: calc(var(--ct-menu-item-font-size) * .25);
    position: absolute;
    right: 0;
    margin-right: calc(var(--ct-menu-item-padding-x) * 3)
  }

  .side-nav .side-nav-title {
    letter-spacing: .05em;
    pointer-events: none;
    cursor: default;
    white-space: nowrap;
    text-transform: uppercase;
    color: var(--ct-menu-item-color);
    font-weight: 700;
    font-size: calc(var(--ct-menu-item-font-size) * .74);
    padding: var(--ct-menu-item-padding-y) calc(var(--ct-menu-item-padding-x) * 2)
  }

  .side-nav .side-nav-item > a[aria-expanded=true] > span.menu-arrow {
    transform: translate(-50%,-50%) rotate(90deg)
  }

  .side-nav .side-nav-item.menuitem-selected > a:not(.collapsed) > span.menu-arrow {
    transform: translate(-50%,-50%) rotate(90deg)
  }

  .side-nav .menuitem-active > a {
    color: var(--ct-menu-item-active-color);
    font-weight: 500
  }

    .side-nav .menuitem-active > a:active, .side-nav .menuitem-active > a:focus, .side-nav .menuitem-active > a:hover {
      color: var(--ct-menu-item-active-color)
    }

  .side-nav .menuitem-active .menuitem-active .active {
    color: var(--ct-menu-item-active-color);
    font-weight: 500
  }

  .side-nav.bottom {
    bottom: 0;
    width: 100%;
    position: absolute
  }

/*[dir=ltr] .side-nav .side-nav-item .menu-arrow:before {
  content: "\f0141" !important
}
*/
  .side-nav-bar-active:hover {
    border-left: 4px solid #f89833 !important;
  }

  html[data-sidenav-size=condensed] .side-nav-bar-active:hover {
    border-left: none !important;
  }

  html[data-sidenav-size=condensed] .side-nav-bar-active.js-hover {
    border-left: 4px solid #f89833 !important;
  }

.side-nav-forth-level .side-nav-item, .side-nav-forth-level li, .side-nav-second-level .side-nav-item, .side-nav-second-level li, .side-nav-third-level .side-nav-item, .side-nav-third-level li {
  padding: 0
}


  .side-nav-forth-level .side-nav-item, .side-nav-forth-level li, .side-nav-second-level .side-nav-item, .side-nav-second-level li:hover, .side-nav-third-level .side-nav-item, .side-nav-third-level li {
    background-color: var(--menu-sub-item-hover-bg);
    color: var(--ct-menu-item-hover-color);
  }

  .side-nav-forth-level .side-nav-item, .side-nav-forth-level li, .side-nav-second-level .side-nav-item, .side-nav-second-level li:active, .side-nav-third-level .side-nav-item, .side-nav-third-level li {
    background-color: var(--menu-sub-item-hover-bg);
    color: var(--ct-menu-item-hover-color);
    font-weight: bold;
  }
    .side-nav-forth-level .side-nav-item .side-nav-link, .side-nav-forth-level .side-nav-item a, .side-nav-forth-level li .side-nav-link, .side-nav-forth-level li a, .side-nav-second-level .side-nav-item .side-nav-link, .side-nav-second-level .side-nav-item a, .side-nav-second-level li .side-nav-link, .side-nav-second-level li a, .side-nav-third-level .side-nav-item .side-nav-link, .side-nav-third-level .side-nav-item a, .side-nav-third-level li .side-nav-link, .side-nav-third-level li a {
      color: var(--ct-menu-item-color);
      display: block;
      position: relative;
      transition: all .25s ease-in-out;
      font-size: calc(var(--ct-menu-item-font-size) * .98);
      padding: calc(var(--ct-menu-item-padding-y) * .6) calc(var(--ct-menu-item-padding-x) * 1.5)
    }

      .side-nav-forth-level .side-nav-item .side-nav-link:active, .side-nav-forth-level .side-nav-item .side-nav-link:focus, .side-nav-forth-level .side-nav-item .side-nav-link:hover, .side-nav-forth-level .side-nav-item a:active, .side-nav-forth-level .side-nav-item a:focus, .side-nav-forth-level .side-nav-item a:hover, .side-nav-forth-level li .side-nav-link:active, .side-nav-forth-level li .side-nav-link:focus, .side-nav-forth-level li .side-nav-link:hover, .side-nav-forth-level li a:active, .side-nav-forth-level li a:focus, .side-nav-forth-level li a:hover, .side-nav-second-level .side-nav-item .side-nav-link:active, .side-nav-second-level .side-nav-item .side-nav-link:focus, .side-nav-second-level .side-nav-item .side-nav-link:hover, .side-nav-second-level .side-nav-item a:active, .side-nav-second-level .side-nav-item a:focus, .side-nav-second-level .side-nav-item a:hover, .side-nav-second-level li .side-nav-link:active, .side-nav-second-level li .side-nav-link:focus, .side-nav-second-level li .side-nav-link:hover, .side-nav-second-level li a:active, .side-nav-second-level li a:focus, .side-nav-second-level li a:hover, .side-nav-third-level .side-nav-item .side-nav-link:active, .side-nav-third-level .side-nav-item .side-nav-link:focus, .side-nav-third-level .side-nav-item .side-nav-link:hover, .side-nav-third-level .side-nav-item a:active, .side-nav-third-level .side-nav-item a:focus, .side-nav-third-level .side-nav-item a:hover, .side-nav-third-level li .side-nav-link:active, .side-nav-third-level li .side-nav-link:focus, .side-nav-third-level li .side-nav-link:hover, .side-nav-third-level li a:active, .side-nav-third-level li a:focus, .side-nav-third-level li a:hover {
        color: var(--ct-menu-item-hover-color);
      }

    .side-nav-forth-level .side-nav-item.active > a, .side-nav-forth-level li.active > a, .side-nav-second-level .side-nav-item.active > a, .side-nav-second-level li.active > a, .side-nav-third-level .side-nav-item.active > a, .side-nav-third-level li.active > a {
      color: var(--ct-menu-item-active-color)
    }

      .side-nav-forth-level .side-nav-item.active > a:active, .side-nav-forth-level .side-nav-item.active > a:focus, .side-nav-forth-level .side-nav-item.active > a:hover, .side-nav-forth-level li.active > a:active, .side-nav-forth-level li.active > a:focus, .side-nav-forth-level li.active > a:hover, .side-nav-second-level .side-nav-item.active > a:active, .side-nav-second-level .side-nav-item.active > a:focus, .side-nav-second-level .side-nav-item.active > a:hover, .side-nav-second-level li.active > a:active, .side-nav-second-level li.active > a:focus, .side-nav-second-level li.active > a:hover, .side-nav-third-level .side-nav-item.active > a:active, .side-nav-third-level .side-nav-item.active > a:focus, .side-nav-third-level .side-nav-item.active > a:hover, .side-nav-third-level li.active > a:active, .side-nav-third-level li.active > a:focus, .side-nav-third-level li.active > a:hover {
        color: var(--ct-menu-item-active-color)
      }

.side-nav-second-level {
  margin-top: calc(var(--ct-menu-item-padding-y) * -.5);
  padding-left: calc(var(--ct-leftbar-width-sm) - var(--ct-menu-item-padding-x) * 2)
}

.side-nav-third-level {
  padding-left: calc(var(--ct-menu-item-padding-x) * 2)
}

.side-nav-forth-level {
  padding-left: calc(var(--ct-menu-item-padding-x) * 2)
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .navbar-custom {
  z-index: 1005;
  margin-left: var(--ct-leftbar-width-sm)
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu {
  position: fixed;
  width: var(--ct-leftbar-width-sm);
  min-width: var(--ct-leftbar-width-sm);
  z-index: 1006;
}

  html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .simplebar-content-wrapper, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .simplebar-mask {
    overflow: visible !important
  }

  html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .simplebar-scrollbar {
    display: none !important
  }

  html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .simplebar-offset {
    bottom: 0 !important
  }

  html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .logo {
    z-index: 1;
    background: var(--ct-menu-bg)
  }

    html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .logo span.logo-lg {
      display: none
    }

    html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .logo span.logo-sm {
      display: block
    }

  html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing {
    display: none;
    height: inherit !important;
    transition: none !important
  }

    html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-forth-level, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-second-level, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-third-level, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-forth-level, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-second-level, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-third-level {
      display: none !important;
      padding: 0;
      margin-top: 0
    }

      html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-forth-level li .side-nav-link::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-forth-level li a::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-second-level li .side-nav-link::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-second-level li a::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-third-level li .side-nav-link::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-third-level li a::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-forth-level li .side-nav-link::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-forth-level li a::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-second-level li .side-nav-link::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-second-level li a::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-third-level li .side-nav-link::before, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-third-level li a::before {
        display: none
      }

      html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-forth-level .menu-arrow, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-second-level .menu-arrow, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapse .side-nav-third-level .menu-arrow, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-forth-level .menu-arrow, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-second-level .menu-arrow, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .collapsing .side-nav-third-level .menu-arrow {
        right: var(--ct-menu-item-padding-x);
        transform: translate(-50%,-50%)
      }

  html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item {
    position: relative;
    padding-left: 12px;
  }

    html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link {
      transition: none
    }

      html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link:active, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link:focus, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link:hover {
        color: var(--ct-menu-item-hover-color)
      }

      html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link span {
        visibility: hidden
      }

      html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link .menu-arrow {
        transform: translate(-50%,-50%) rotate(90deg);
        padding-left: 0 !important
      }

      html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.open-upward.js-hover .side-nav-link .menu-arrow {
        transform: translate(-50%,-50%) rotate(-90deg) !important;
      }

    html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover .side-nav-link {
      position: relative;
      color: var(--ct-menu-condensed-link-color);
      background: var(--ct-menu-condensed-link-bg);
      width: var(--ct-leftbar-width);
      border-radius: 4px;
    }

      html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover .side-nav-link span {
        visibility: visible
      }

        html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover .side-nav-link span:not(.badge) {
          margin-left: var(--ct-menu-item-padding-x)
        }

    html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapse, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapsing {
      display: block !important;
      transition: none !important
    }

      html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapse > ul, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapsing > ul {
        display: block !important;
        left: var(--ct-leftbar-width-sm);
        position: absolute;
        background: var(--ct-menu-bg);
        box-shadow: 0 0 45px 0 rgba(var(--ct-body-color-rgb),.2);
        width: 202px;
        border-radius: 0px 0px 8px 8px;
        padding-top: 8px;
        z-index: 1006;
      }

        html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.open-upward.js-hover > .collapse > ul,
        html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.open-upward.js-hover > .collapsing > ul {
          top: auto !important;
          bottom: 100% !important;
          border-radius: 8px 8px 0px 0px !important;
          padding-top: 0 !important;
          padding-bottom: 8px;
        }

      html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapse > ul a, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapsing > ul a {
          box-shadow: none;
          position: relative;
          width: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm));
          padding: calc(var(--ct-menu-item-padding-y) * .6) calc(var(--ct-menu-item-padding-x) * 2);
          font-weight: 500;
        }

          html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapse > ul a:hover, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapsing > ul a:hover {
            color: var(--ct-menu-item-hover-color)
          }

.side-nav-second-level li:last-child a:hover {
  border-radius: 0px 0px 8px 8px;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapse > ul li:hover > .collapse, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapse > ul li:hover > .collapsing, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapsing > ul li:hover > .collapse, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapsing > ul li:hover > .collapsing {
  display: block !important;
  height: auto !important;
  transition: none !important
}

  html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapse > ul li:hover > .collapse > ul, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapse > ul li:hover > .collapsing > ul, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapsing > ul li:hover > .collapse > ul, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapsing > ul li:hover > .collapsing > ul {
    display: block !important;
    position: absolute !important;
    top: 0;
    left: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm));
    width: calc(var(--ct-leftbar-width) - var(--ct-leftbar-width-sm))
  }

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper :is(.help-box,.leftbar-user,.side-nav-title) {
  display: none
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .content-page {
  margin-left: var(--ct-leftbar-width-sm);
  min-height: var(--ct-leftbar-condensed-height)
}

html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .navbar-custom {
  margin-left: var(--ct-leftbar-width-md)
}

html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu {
  width: var(--ct-leftbar-width-md);
  min-width: var(--ct-leftbar-width-md)
}

  html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-title {
    text-align: center;
    padding: var(--ct-menu-item-padding-y) calc(var(--ct-menu-item-padding-x))
  }

  html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item {
    text-align: center
  }

  html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-link {
    padding: var(--ct-menu-item-padding-y) var(--ct-menu-item-padding-x);
    text-align: center
  }

    html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-link i {
      display: block;
      text-align: center;
      margin: 0 0 calc(var(--ct-menu-item-padding-y) * 1 / 3);
      width: auto
    }

    html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-link span {
      margin-left: 0
    }

    html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-link .badge {
      display: none
    }

  html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-forth-level, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-second-level, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-third-level {
    padding: 0
  }

    html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-forth-level .menu-arrow, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-second-level .menu-arrow, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-third-level .menu-arrow {
      display: inline-block;
      right: var(--ct-menu-item-padding-x)
    }

    html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-forth-level li .side-nav-link, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-forth-level li a, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-second-level li .side-nav-link, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-second-level li a, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-third-level li .side-nav-link, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-third-level li a {
      padding: calc(var(--ct-menu-item-padding-y) * .8) calc(var(--ct-menu-item-padding-x));
      text-align: center
    }

html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .help-box, html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .menu-arrow {
  display: none
}

html[data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .content-page {
  margin-left: var(--ct-leftbar-width-md)
}

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .content-page {
  margin-left: var(--ct-leftbar-width-sm)
}

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .navbar-custom {
  margin-left: var(--ct-leftbar-width-sm)
}

  html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .navbar-custom .button-toggle-menu {
    display: none
  }

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) {
  width: var(--ct-leftbar-width-sm);
  min-width: var(--ct-leftbar-width-sm)
}

  html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .simplebar-scrollbar:before {
    background: 0 0
  }

  html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .logo .logo-sm {
    display: block
  }

  html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .logo .logo-lg {
    display: none
  }

  html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .side-nav-item .side-nav-link span {
    visibility: hidden
  }

  html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .button-sm-hover, html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .help-box {
    visibility: hidden
  }

  html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .leftbar-user, html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .side-nav-title {
    display: none
  }

  html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .side-nav-forth-level, html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .side-nav-second-level, html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:not(:hover) .side-nav-third-level {
    height: 0;
    opacity: 0
  }

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu .simplebar-horizontal .simplebar-scrollbar:before {
  background: 0 0
}

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu .logo {
  text-align: left
}

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu:hover {
  z-index: 1045
}

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu .button-sm-hover {
  display: block
}

html[data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .leftside-menu .help-box {
  display: none
}

.button-sm-hover {
  cursor: pointer;
  display: none;
  right: calc(var(--ct-leftbar-width-sm) * .5 - var(--ct-logo-sm-height) * .7);
  top: 0;
  position: absolute;
  font-size: var(--ct-menu-item-icon-size);
  line-height: var(--ct-topbar-height);
  z-index: 1;
  color: var(--ct-menu-item-color)
}

  .button-sm-hover:active, .button-sm-hover:focus, .button-sm-hover:hover {
    color: var(--ct-menu-item-hover-color)
  }

html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .button-toggle-menu {
  display: none
}

html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .leftside-menu .logo {
  text-align: left
}

html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .leftside-menu .button-sm-hover {
  display: block
}

  html[data-sidenav-size=sm-hover-active]:not([data-layout=topnav]) .leftside-menu .button-sm-hover .ri-checkbox-blank-circle-line:before {
    content: "\f05a"
  }

.button-close-fullsidebar {
  cursor: pointer;
  display: none;
  right: calc(var(--ct-leftbar-width-sm) * .5 - var(--ct-logo-sm-height) * .7);
  top: 0;
  position: absolute;
  font-size: var(--ct-menu-item-icon-size);
  line-height: var(--ct-topbar-height);
  z-index: 1;
  color: var(--ct-menu-item-color)
}

  .button-close-fullsidebar:active, .button-close-fullsidebar:focus, .button-close-fullsidebar:hover {
    color: var(--ct-menu-item-hover-color)
  }

html[data-sidenav-size=full]:not([data-layout=topnav]) .navbar-custom {
  margin-left: 0
}

  html[data-sidenav-size=full]:not([data-layout=topnav]) .navbar-custom .logo-topbar {
    display: inline-block
  }

html[data-sidenav-size=full]:not([data-layout=topnav]) .button-close-fullsidebar {
  display: block
}

html[data-sidenav-size=full]:not([data-layout=topnav]) .leftside-menu {
  margin-left: calc(var(--ct-leftbar-width) * -1);
  border-color: transparent;
  opacity: 0
}

  html[data-sidenav-size=full]:not([data-layout=topnav]) .leftside-menu .logo {
    text-align: left
  }

html[data-sidenav-size=full]:not([data-layout=topnav]) .content-page {
  margin-left: 0
}

html[data-sidenav-size=full]:not([data-layout=topnav]).sidebar-enable .leftside-menu {
  opacity: 1;
  z-index: 1055;
  margin-left: 0
}

html[data-sidenav-size=fullscreen]:not([data-layout=topnav]) .navbar-custom {
  margin-left: 0
}

html[data-sidenav-size=fullscreen]:not([data-layout=topnav]) .leftside-menu {
  margin-left: calc(var(--ct-leftbar-width) * -1);
  opacity: 0
}

html[data-sidenav-size=fullscreen]:not([data-layout=topnav]) .content-page {
  margin-left: 0
}

html[data-layout-mode=detached]:not([data-layout=topnav]) .wrapper {
  max-width: 95%;
  margin: 0 auto
}

  html[data-layout-mode=detached]:not([data-layout=topnav]) .wrapper .navbar-custom {
    z-index: 1005;
    margin: 0 -2.65%
  }

    html[data-layout-mode=detached]:not([data-layout=topnav]) .wrapper .navbar-custom .topbar {
      max-width: 95%
    }

  html[data-layout-mode=detached]:not([data-layout=topnav]) .wrapper .leftside-menu {
    bottom: .75rem;
    top: calc(var(--ct-topbar-height) + 1.5rem * .5);
    border-radius: .3rem;
    border: var(--ct-theme-card-border-width) solid var(--ct-border-color);
    padding-bottom: 0
  }

    html[data-layout-mode=detached]:not([data-layout=topnav]) .wrapper .leftside-menu .button-sm-hover {
      top: var(--ct-menu-item-padding-y);
      line-height: 1
    }

  html[data-layout-mode=detached]:not([data-layout=topnav]) .wrapper .footer {
    right: .75rem;
    left: .75rem;
    bottom: .75rem;
    border-radius: .3rem;
    border: none
  }

html[data-layout-mode=detached]:not([data-layout=topnav]) .logo {
  visibility: hidden;
  height: 0
}

html[data-layout-mode=detached]:not([data-layout=topnav]) .logo-topbar {
  display: block
}

/*html[data-layout-mode=detached]:not([data-layout=topnav]) .leftbar-user {
  background: url(../images/waves.png) no-repeat
}*/

html[data-layout-mode=detached]:not([data-layout=topnav])[data-sidenav-size=full] .wrapper .leftside-menu {
  padding-bottom: calc(var(--ct-footer-height) + .75rem);
  top: .75rem;
  left: .75rem
}

  html[data-layout-mode=detached]:not([data-layout=topnav])[data-sidenav-size=full] .wrapper .leftside-menu .logo {
    top: .75rem;
    visibility: visible;
    height: auto
  }

    html[data-layout-mode=detached]:not([data-layout=topnav])[data-sidenav-size=full] .wrapper .leftside-menu .logo span.logo-lg {
      display: block
    }

@media (min-width:1400px) {
  html[data-layout-mode=boxed] body {
    background-color: var(--ct-tertiary-bg)
  }

  html[data-layout-mode=boxed] .wrapper {
    margin: 0 auto;
    box-shadow: var(--ct-box-shadow);
    max-width: 1300px;
    background-color: var(--ct-body-bg)
  }
}

@media (min-width:992px) {
  html[data-layout-position=scrollable] .wrapper {
    display: block
  }

    html[data-layout-position=scrollable] .wrapper .leftside-menu {
      position: absolute;
      padding-top: 0 !important
    }

      html[data-layout-position=scrollable] .wrapper .leftside-menu .logo {
        position: relative
      }

      html[data-layout-position=scrollable] .wrapper .leftside-menu #leftside-menu-container {
        height: calc(100% - var(--ct-topbar-height)) !important
      }

  html[data-layout-position=scrollable] .navbar-custom {
    position: static !important
  }

  html[data-layout-position=scrollable][data-layout=topnav] .topnav {
    position: static
  }
}

@media (max-width:767.98px) {
  html[data-layout-mode=detached]:not([data-layout=topnav]) .wrapper {
    max-width: 100% !important
  }

    html[data-layout-mode=detached]:not([data-layout=topnav]) .wrapper .navbar-custom {
      margin: 0;
      padding: 0
    }
}

.navbar-custom {
  background: var(--ct-topbar-bg);
  box-shadow: var(--ct-box-shadow);
  min-height: var(--ct-topbar-height);
  margin-left: var(--ct-leftbar-width);
  position: sticky;
  top: 0;
  transition: all .25s ease-in-out;
  z-index: 1000;
  border-bottom: var(--ct-theme-card-border-width) solid var(--ct-border-color)
}

  .navbar-custom .topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto
  }

    .navbar-custom .topbar .app-search form {
      height: var(--ct-topbar-height);
      max-width: 320px
    }

      .navbar-custom .topbar .app-search form .form-control {
        color: var(--ct-topbar-item-color);
        background-color: var(--ct-topbar-search-bg)
      }

        .navbar-custom .topbar .app-search form .form-control::placeholder {
          color: var(--ct-topbar-item-color);
          opacity: .5
        }

      .navbar-custom .topbar .app-search form span.search-icon {
        color: var(--ct-topbar-item-color)
      }

  .navbar-custom .topbar-menu {
    position: relative;
    list-style-type: none;
    margin-bottom: 0
  }

    .navbar-custom .topbar-menu li {
      max-height: var(--ct-topbar-height)
    }

      .navbar-custom .topbar-menu li .nav-link.show {
        color: var(--ct-topbar-item-hover-color)
      }

    .navbar-custom .topbar-menu .nav-link {
      padding: 0;
      position: relative;
      color: var(--ct-topbar-item-color);
      display: flex;
      align-items: center;
      height: var(--ct-topbar-height);
      cursor: pointer
    }

      .navbar-custom .topbar-menu .nav-link:hover {
        color: var(--ct-topbar-item-hover-color)
      }

.logo-topbar {
  float: left;
  display: none;
  line-height: var(--ct-topbar-height);
  padding: 0 .75rem
}

  .logo-topbar .logo-sm {
    display: none
  }

  .logo-topbar .logo-light {
    display: none
  }

  .logo-topbar .logo-dark {
    display: block
  }

html[data-bs-theme=dark] .logo-topbar .logo-light, html[data-topbar-color=brand] .logo-topbar .logo-light, html[data-topbar-color=dark] .logo-topbar .logo-light {
  display: block
}

html[data-bs-theme=dark] .logo-topbar .logo-dark, html[data-topbar-color=brand] .logo-topbar .logo-dark, html[data-topbar-color=dark] .logo-topbar .logo-dark {
  display: none
}

html[data-bs-theme=dark] #light-dark-mode .ri-moon-line::before {
  content: "\f1bf"
}

.button-toggle-menu {
  border: none;
  color: var(--ct-topbar-item-color);
  width: 60px;
  background-color: transparent;
  font-size: 24px;
  cursor: pointer;
  z-index: 1;
  position: relative
}

.app-search {
  position: static;
  overflow-y: hidden
}

  .app-search form {
    display: flex;
    overflow: hidden;
    align-items: center
  }

    .app-search form .form-control {
      border: none;
      height: calc(1.5em + .9rem + calc(var(--ct-border-width) * 2));
      padding-left: 20px;
      padding-right: 20px;
      background-color: var(--ct-light);
      box-shadow: none
    }

    .app-search form span.search-icon {
      position: absolute;
      z-index: 4;
      font-size: 20px;
      line-height: 38px;
      left: 10px;
      top: 0;
      z-index: 5;
      color: var(--ct-secondary)
    }

    .app-search form .input-group-text {
      margin-left: 0;
      z-index: 4
    }

    .app-search form .dropdown-menu {
      z-index: 1060
    }

.notification-list {
  margin-left: 0
}

  .notification-list .noti-title {
    background-color: transparent;
    padding: 15px 20px
  }

  .notification-list .noti-icon-badge {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0px;
    border-radius: 50%;
    height: 7px;
    width: 7px;
    background-color: #F89721;
    color: #000000;
    font-size: 12px;
    height: 16px;
    width: 16px;
    text-align: center;
  }

  .notification-list .notify-item {
    padding: 10px 20px
  }

    .notification-list .notify-item.unread-noti {
      background-color: var(--ct-tertiary-bg)
    }

    .notification-list .notify-item.read-noti {
      background-color: transparent;
      border: 1px solid var(--ct-border-color-custom);
      transition: all .2s ease-in-out
    }

      .notification-list .notify-item.read-noti:hover {
        background-color: var(--ct-tertiary-bg)
      }

    .notification-list .notify-item .card-body {
      padding: 14px
    }

      .notification-list .notify-item .card-body .noti-close-btn {
        position: absolute;
        top: 3px;
        right: 5px
      }

      .notification-list .notify-item .card-body .noti-item-title {
        margin: 0 0 2px
      }

      .notification-list .notify-item .card-body .noti-item-subtitle, .notification-list .notify-item .card-body .noti-item-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
      }

    .notification-list .notify-item .notify-icon {
      float: left;
      height: 36px;
      width: 36px;
      line-height: 36px;
      text-align: center;
      border-radius: 50%;
      color: #fff
    }

    .notification-list .notify-item .notify-details {
      margin-bottom: 0;
      overflow: hidden;
      margin-left: 45px
    }

      .notification-list .notify-item .notify-details b {
        font-weight: 500
      }

      .notification-list .notify-item .notify-details .small, .notification-list .notify-item .notify-details small {
        display: block
      }

  .noti-icon-badge-adv {
    top: 10px;
    left: 14px;
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    background-color: #F89721;
    color: #000000;
    font-size: 12px;
    text-align: center;
  }

  .profile-dropdown {
    min-width: 170px
  }

  .profile-dropdown i, .profile-dropdown span {
    vertical-align: middle
  }

.nav-user {
  display: flex;
  align-items: center;
  gap: 10px;
  border-width: 0 1px;
  border-style: solid;
  border-color: var(--ct-topbar-user-border);
  background-color: var(--ct-topbar-user-bg);
  min-height: var(--ct-topbar-height);
  transition: none
}

.fullscreen-enable .ri-fullscreen-line::before {
  content: "\ed9a"
}

@media (max-width:375px) {
  .navbar-custom .button-toggle-menu {
    width: auto
  }

  .logo-topbar {
    display: none !important
  }
}

@media (max-width:575.98px) {
  .navbar-custom .topbar-menu {
    position: initial
  }

  .navbar-custom .dropdown {
    position: static
  }

    .navbar-custom .dropdown .dropdown-menu {
      left: 10px !important;
      right: 10px !important
    }
}

@media (max-width:767.98px) {
  .navbar-custom {
    padding: 0 .75rem
  }

  .logo-topbar {
    display: none !important
  }

    .logo-topbar span.logo-lg {
      display: none
    }

    .logo-topbar span.logo-sm {
      display: block
    }
}

.page-title-box .page-title {
  font-size: 18px;
  margin-bottom: 1.75rem;
  margin-top: 1.5rem;
  line-height: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: 'Inter', sans-serif !important;
  font-style: normal;
  font-weight: 700; 
}

.page-title-box .page-title-right {
  float: right;
  margin-top: 20px;
  font-family: 'Inter', sans-serif !important;
}

.page-title-box .breadcrumb {
  padding-top: 8px
}

.page-title-box-sm .page-title {
  line-height: 1 !important;
  margin-bottom: 25px
}

.page-title-box-sm .page-title-right {
  float: right;
  margin-top: 0
}

.page-title-box-sm .breadcrumb {
  padding-top: 0;
  margin-top: -3px !important
}

.text-title {
  color: var(--ct-secondary-color)
}

  .text-title:hover {
    color: var(--ct-tertiary-color)
  }

@media (max-width:767.98px) {
  .page-title-box .page-title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: normal;
  }

  .page-title-box .breadcrumb {
    display: none
  }

  .page-title-box .page-title-right {
    display: none
  }
}

@media (max-width:419px) {
  .page-title-box .breadcrumb {
    display: none
  }
}

.footer {
  position: absolute;
  /* right: 0;
  left: 0;*/
  bottom: 0;
  height: var(--ct-footer-height);
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  color: var(--ct-emphasis-color);
  transition: all .25s ease-in-out;
  /*border-top: 1px solid var(--ct-border-color)*/
}

  .footer .footer-links a {
    color: var(--ct-emphasis-color);
    margin-left: 1.5rem;
    transition: all .4s
  }

    .footer .footer-links a:hover {
      color: var(--ct-emphasis-color)
    }

    .footer .footer-links a:first-of-type {
      margin-left: 0
    }

.footer-alt {
  border: none;
  text-align: center;
  justify-content: center
}

html[data-layout-mode=detached]:not([data-layout=topnav]) .footer .container-fluid, html[data-layout-mode=detached]:not([data-layout=topnav]) .footer .container-lg, html[data-layout-mode=detached]:not([data-layout=topnav]) .footer .container-md, html[data-layout-mode=detached]:not([data-layout=topnav]) .footer .container-sm, html[data-layout-mode=detached]:not([data-layout=topnav]) .footer .container-xl, html[data-layout-mode=detached]:not([data-layout=topnav]) .footer .container-xxl {
  max-width: 100%;
  padding: 0
}

@media (max-width:767.98px) {
  .footer {
    text-align: center
  }
}

html[data-layout=topnav] .navbar-custom {
  margin: 0;
  padding: 0;
  z-index: 1005;
  box-shadow: none
}

  html[data-layout=topnav] .navbar-custom .logo-topbar {
    display: block
  }

  html[data-layout=topnav] .navbar-custom .button-toggle-menu {
    display: none
  }

html[data-layout=topnav] .content-page {
  margin-left: 0;
  padding: 0 0 var(--ct-topbar-height)
}

html[data-layout=topnav] .container-fluid, html[data-layout=topnav] .container-lg, html[data-layout=topnav] .container-md, html[data-layout=topnav] .container-sm, html[data-layout=topnav] .container-xl, html[data-layout=topnav] .container-xxl {
  padding-right: 1.5rem;
  padding-left: 1.5rem
}

html[data-layout=topnav] .topnav {
  width: 100%;
  z-index: 1000;
  position: sticky;
  top: var(--ct-topbar-height);
  background: var(--ct-menu-bg);
  box-shadow: var(--ct-box-shadow);
  border-top: 1px solid var(--ct-topbar-user-border)
}

  html[data-layout=topnav] .topnav .navbar {
    margin: 0;
    padding: 0
  }

  html[data-layout=topnav] .topnav .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    position: relative;
    font-size: var(--ct-menu-item-font-size);
    padding: var(--ct-menu-item-padding-y) calc(var(--ct-menu-item-padding-x) * 2)
  }

    html[data-layout=topnav] .topnav .navbar-nav .nav-link i {
      font-size: var(--ct-menu-item-icon-size);
      margin-right: calc(var(--ct-menu-item-icon-size) * .75)
    }

  html[data-layout=topnav] .topnav .navbar-nav .dropdown .dropdown-menu {
    font-size: calc(.9rem - .01rem)
  }

    html[data-layout=topnav] .topnav .navbar-nav .dropdown .dropdown-menu .dropdown-item {
      padding: calc(var(--ct-menu-item-padding-y) * .5) calc(var(--ct-menu-item-padding-x) * 2.4)
    }

  html[data-layout=topnav] .topnav .nav-item .nav-link, html[data-layout=topnav] .topnav .nav-item > a {
    color: var(--ct-menu-item-color)
  }

    html[data-layout=topnav] .topnav .nav-item .nav-link:hover, html[data-layout=topnav] .topnav .nav-item > a:hover {
      color: var(--ct-menu-item-hover-color)
    }

  html[data-layout=topnav] .topnav .nav-item.active > a {
    color: var(--ct-menu-item-active-color)
  }

html[data-layout=topnav] .arrow-down {
  display: inline-block;
  display: inline-block;
  text-rendering: auto;
  margin-left: calc(var(--ct-menu-item-padding-x) * 1.5);
  font-size: calc(var(--ct-menu-item-font-size) * 1.18)
}

  html[data-layout=topnav] .arrow-down:before {
    content: "\f0140";
    font-family: "Material Design Icons"
  }

html[data-layout=topnav] #layout-detached, html[data-layout=topnav] #sidebar-size, html[data-layout=topnav] #sidebar-user {
  display: none
}

html[data-layout=topnav] #topnav-color {
  display: block
}

#topnav-color {
  display: none
}

.navbar-toggle {
  display: none;
  position: relative;
  cursor: pointer;
  float: left;
  padding: 0;
  background-color: transparent;
  color: var(--ct-topbar-item-color);
  border: none
}

  .navbar-toggle .lines {
    width: 25px;
    display: block;
    position: relative;
    height: 16px;
    transition: all .5s ease
  }

  .navbar-toggle span {
    height: 2px;
    width: 100%;
    background-color: var(--ct-topbar-item-color);
    display: block;
    margin-bottom: 5px;
    transition: transform .5s ease
  }

  .navbar-toggle.open span {
    position: absolute
  }

    .navbar-toggle.open span:first-child {
      top: 7px;
      transform: rotate(45deg)
    }

    .navbar-toggle.open span:nth-child(2) {
      visibility: hidden
    }

    .navbar-toggle.open span:last-child {
      width: 100%;
      top: 7px;
      transform: rotate(-45deg)
    }

@media (min-width:992px) {
  html[data-layout=topnav] .container-fluid, html[data-layout=topnav] .container-lg, html[data-layout=topnav] .container-md, html[data-layout=topnav] .container-sm, html[data-layout=topnav] .container-xl, html[data-layout=topnav] .container-xxl {
    max-width: 95%
  }

  html[data-layout=topnav][data-layout-mode=boxed] .container-fluid, html[data-layout=topnav][data-layout-mode=boxed] .container-lg, html[data-layout=topnav][data-layout-mode=boxed] .container-md, html[data-layout=topnav][data-layout-mode=boxed] .container-sm, html[data-layout=topnav][data-layout-mode=boxed] .container-xl, html[data-layout=topnav][data-layout-mode=boxed] .container-xxl {
    max-width: 97%
  }

  .topnav .navbar-nav .nav-item:first-of-type .nav-link {
    padding-left: 0
  }

  .topnav .dropdown .dropdown-menu {
    margin-top: 0;
    border-radius: 0 0 .25rem .25rem;
    min-width: calc(var(--ct-dropdown-min-width) + var(--ct-menu-item-font-size) * 1.5);
    font-size: calc(.9rem - .01rem)
  }

    .topnav .dropdown .dropdown-menu .arrow-down {
      font-size: var(--ct-menu-item-font-size);
      transform: rotate(270deg);
      position: absolute;
      right: var(--ct-menu-item-padding-x)
    }

    .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {
      position: absolute;
      top: 0;
      left: 100%;
      display: none
    }

  .topnav .dropdown:hover > .dropdown-menu {
    display: block
  }

    .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {
      display: block
    }

  .topnav .dropdown.active > a.dropdown-item {
    color: var(--ct-tertiary-color);
    background-color: var(--ct-tertiary-bg)
  }
}

@media (max-width:991.98px) {
  html[data-layout=topnav] .topnav {
    max-height: 360px;
    overflow-y: auto
  }

    html[data-layout=topnav] .topnav .navbar-nav .nav-link {
      padding: calc(var(--ct-menu-item-padding-y) * .8) calc(var(--ct-menu-item-padding-x) * 2)
    }

    html[data-layout=topnav] .topnav .dropdown .dropdown-menu {
      background-color: transparent;
      border: none;
      box-shadow: none;
      padding-left: calc(var(--ct-menu-item-padding-x) * 3);
      margin-top: calc(var(--ct-menu-item-padding-y) * -.75)
    }

      html[data-layout=topnav] .topnav .dropdown .dropdown-menu .dropdown-menu {
        margin-top: calc(var(--ct-menu-item-padding-y) * -.5);
        padding-left: calc(var(--ct-menu-item-padding-x) * 1.5)
      }

    html[data-layout=topnav] .topnav .dropdown .dropdown-item {
      position: relative;
      background-color: transparent
    }

    html[data-layout=topnav] .topnav .dropdown .dropdown-item {
      color: var(--ct-menu-item-color)
    }

      html[data-layout=topnav] .topnav .dropdown .dropdown-item.hover {
        color: var(--ct-menu-item-hover-color)
      }

      html[data-layout=topnav] .topnav .dropdown .dropdown-item.active, html[data-layout=topnav] .topnav .dropdown .dropdown-item:active {
        color: var(--ct-menu-item-active-color)
      }

    html[data-layout=topnav] .topnav .dropdown.active > a.dropdown-item {
      color: var(--ct-menu-item-active-color)
    }

    html[data-layout=topnav] .topnav .arrow-down {
      font-size: var(--ct-menu-item-font-size);
      transform: rotate(270deg);
      position: absolute;
      right: var(--ct-menu-item-padding-x)
    }

  html[data-layout=topnav] .navbar-toggle {
    display: block
  }
}

@media (min-width:1400px) {
  html[data-layout=topnav] .container-fluid, html[data-layout=topnav] .container-lg, html[data-layout=topnav] .container-md, html[data-layout=topnav] .container-sm, html[data-layout=topnav] .container-xl, html[data-layout=topnav] .container-xxl {
    max-width: 85%
  }
}

@font-face {
  font-family: unicons;
  src: url('unicons8adf.9a8a343a4edfb247.eot?34404611');
  src: url('unicons8adf.6972ac526bf24dd5.woff2?34404611') format("woff2"), url('unicons8adf.37091d780b35eb1f.woff?34404611') format("woff"), url('unicons8adf.282f805d3ec5a1bd.ttf?34404611') format("truetype"), url('unicons8adf.17bc560af0f202a2.svg?34404611#unicons') format("svg");
  font-weight: 400;
  font-style: normal;
}

.icon {
  font-family: unicons;
}

@font-face {
  font-family: Nunito;
  src: url('Nunito-Light.bf480a4eed6f2478.eot');
  src: local("Nunito Light"),local("Nunito-Light"),url('Nunito-Lightd41d.bf480a4eed6f2478.eot?#iefix') format("embedded-opentype"),url('Nunito-Light.dcf2aec738a6951a.woff') format("woff"),url('Nunito-Light.c603faaf70e1e4bd.ttf') format("truetype"),url('Nunito-Light.672c3ea5b866bc69.svg#Roboto') format("svg");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: Nunito;
  src: url('Nunito-Regular.9a5a857fc8dfb30a.eot');
  src: local("Nunito Regular"),local("Nunito-Regular"),url('Nunito-Regulard41d.9a5a857fc8dfb30a.eot?#iefix') format("embedded-opentype"),url('Nunito-Regular.24855966e43ff4c9.woff') format("woff"),url('Nunito-Regular.79009bdf8d857945.ttf') format("truetype"),url('Nunito-Regular.387d2d505cf38de9.svg#Roboto') format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Nunito;
  src: url('Nunito-Medium.0d145269b1ca488f.eot');
  src: local("Nunito Medium"),local("Nunito-Medium"),url('Nunito-Mediumd41d.0d145269b1ca488f.eot?#iefix') format("embedded-opentype"),url('Nunito-Medium.61d89c22a6365753.woff') format("woff"),url('Nunito-Medium.0695e9e3bdd3f010.ttf') format("truetype"),url('Nunito-Medium.e07221a2769c5dd2.svg#Roboto') format("svg");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Nunito;
  src: url('Nunito-SemiBold.69e0dcbccd670e9d.eot');
  src: local("Nunito SemiBold"),local("Nunito-SemiBold"),url('Nunito-SemiBoldd41d.69e0dcbccd670e9d.eot?#iefix') format("embedded-opentype"),url('Nunito-SemiBold.0643b4c035727f5f.woff') format("woff"),url('Nunito-SemiBold.10a9cc99a5653bb7.ttf') format("truetype"),url('Nunito-SemiBold.68334e3444b7306f.svg#Roboto') format("svg");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: Nunito;
  src: url('Nunito-Bold.cd499a38755cb0d3.eot');
  src: local("Nunito Bold"),local("Nunito-Bold"),url('Nunito-Boldd41d.cd499a38755cb0d3.eot?#iefix') format("embedded-opentype"),url('Nunito-Bold.23d95e0529bb75e3.woff') format("woff"),url('Nunito-Bold.44c49f94cc1238a6.ttf') format("truetype"),url('Nunito-Bold.2a81f8f2f64a0c5d.svg#Roboto') format("svg");
  font-weight: 700;
  font-style: normal
}

:root, [data-bs-theme=light] {
  --ct-input-bg: #fff;
  --ct-border-color-custom: #f6f7fb
}

[data-bs-theme=dark] {
  --ct-light: rgb(48 48 48);
  --ct-light-rgb: 51,51,51;
  --ct-dark: #f1f1f1;
  --ct-dark-rgb: 241,241,241;
  --ct-secondary: #6c757d;
  --ct-secondary-rgb: 108,117,125;
  --ct-box-shadow: 0px 0px 35px 0px rgba(49, 57, 66, 0.5);
  --ct-input-bg: #202020;
  --ct-border-color-custom: #404954
}

.bg-primary-lighten {
  background-color: var(--ct-primary-bg-subtle) !important
}

.bg-secondary-lighten {
  background-color: var(--ct-secondary-bg-subtle) !important
}

.bg-success-lighten {
  background-color: var(--ct-success-bg-subtle) !important
}

.bg-info-lighten {
  background-color: var(--ct-info-bg-subtle) !important
}

.bg-warning-lighten {
  background-color: var(--ct-warning-bg-subtle) !important
}

.bg-danger-lighten {
  background-color: var(--ct-danger-bg-subtle) !important
}

.bg-light-lighten {
  background-color: var(--ct-light-bg-subtle) !important
}

.bg-dark-lighten {
  background-color: var(--ct-dark-bg-subtle) !important
}

.accordion-header {
  margin: 0
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px
}

.accordion-button {
  font-weight: 700
}

.custom-accordion .card {
  box-shadow: none
}

.custom-accordion .card-header {
  background-color: var(--ct-tertiary-bg)
}

.custom-accordion .accordion-arrow {
  font-size: 1.2rem;
  position: absolute;
  right: 0
}

.custom-accordion a.collapsed i.accordion-arrow:before {
  content: "\f0142"
}

.custom-accordion-title {
  position: relative;
  color: var(--ct-secondary-color)
}

  .custom-accordion-title:hover {
    color: var(--ct-tertiary-color)
  }

.avatar-xs {
  height: 1.5rem;
  width: 1.5rem
}

.avatar-sm {
  height: 3rem;
  width: 3rem
}

.avatar-md {
  height: 4.5rem;
  width: 4.5rem
}

.avatar-lg {
  height: 6rem;
  width: 6rem
}

.avatar-xl {
  height: 7.5rem;
  width: 7.5rem
}

.avatar-title {
  align-items: center;
  background-color: var(--ct-primary);
  color: #fff;
  display: flex;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  width: 100%
}

.breadcrumb-item + .breadcrumb-item::before {
  font-family: "Material Design Icons";
  font-size: 16px;
  line-height: 1.3
}

.btn .mdi:before {
  line-height: initial
}

/*.btn-primary {
  -webkit-box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-primary-rgb),.5);
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-primary-rgb),.5)
}*/

.btn-soft-primary {
  --ct-btn-color: var(--ct-primary);
  --ct-btn-bg: var(--ct-primary-bg-subtle);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-primary);
  --ct-btn-hover-border-color: var(--ct-primary);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-primary);
  --ct-btn-active-border-color: var(--ct-primary);
  --ct-btn-disabled-color: var(--ct-primary);
  --ct-btn-disabled-bg: var(--ct-primary);
  --ct-btn-disabled-border-color: var(--ct-primary);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-primary)-rgb, 0.5)
}

.btn-secondary {
  /*-webkit-box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-secondary-rgb),.5);*/
  /*box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-secondary-rgb),.5)*/
  height: 40px;
  width: 90px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.btn-soft-secondary {
  --ct-btn-color: var(--ct-secondary);
  --ct-btn-bg: var(--ct-secondary-bg-subtle);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-secondary);
  --ct-btn-hover-border-color: var(--ct-secondary);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-secondary);
  --ct-btn-active-border-color: var(--ct-secondary);
  --ct-btn-disabled-color: var(--ct-secondary);
  --ct-btn-disabled-bg: var(--ct-secondary);
  --ct-btn-disabled-border-color: var(--ct-secondary);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-secondary)-rgb, 0.5)
}

.btn-success {
/*  -webkit-box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-success-rgb),.5);
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-success-rgb),.5)*/
}

.btn-soft-success {
  --ct-btn-color: var(--ct-success);
  --ct-btn-bg: var(--ct-success-bg-subtle);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-success);
  --ct-btn-hover-border-color: var(--ct-success);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-success);
  --ct-btn-active-border-color: var(--ct-success);
  --ct-btn-disabled-color: var(--ct-success);
  --ct-btn-disabled-bg: var(--ct-success);
  --ct-btn-disabled-border-color: var(--ct-success);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-success)-rgb, 0.5)
}

.btn-info {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-info-rgb),.5)
}

.btn-soft-info {
  --ct-btn-color: var(--ct-info);
  --ct-btn-bg: var(--ct-info-bg-subtle);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-info);
  --ct-btn-hover-border-color: var(--ct-info);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-info);
  --ct-btn-active-border-color: var(--ct-info);
  --ct-btn-disabled-color: var(--ct-info);
  --ct-btn-disabled-bg: var(--ct-info);
  --ct-btn-disabled-border-color: var(--ct-info);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-info)-rgb, 0.5)
}

.btn-warning {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-warning-rgb),.5)
}

.btn-soft-warning {
  --ct-btn-color: var(--ct-warning);
  --ct-btn-bg: var(--ct-warning-bg-subtle);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-warning);
  --ct-btn-hover-border-color: var(--ct-warning);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-warning);
  --ct-btn-active-border-color: var(--ct-warning);
  --ct-btn-disabled-color: var(--ct-warning);
  --ct-btn-disabled-bg: var(--ct-warning);
  --ct-btn-disabled-border-color: var(--ct-warning);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-warning)-rgb, 0.5)
}

/*.btn-danger {
  -webkit-box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-danger-rgb),.5);
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-danger-rgb),.5)
}*/

.btn-soft-danger {
  --ct-btn-color: var(--ct-danger);
  --ct-btn-bg: var(--ct-danger-bg-subtle);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-danger);
  --ct-btn-hover-border-color: var(--ct-danger);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-danger);
  --ct-btn-active-border-color: var(--ct-danger);
  --ct-btn-disabled-color: var(--ct-danger);
  --ct-btn-disabled-bg: var(--ct-danger);
  --ct-btn-disabled-border-color: var(--ct-danger);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-danger)-rgb, 0.5)
}

.btn-light {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-light-rgb),.5)
}

.btn-soft-light {
  --ct-btn-color: var(--ct-light);
  --ct-btn-bg: var(--ct-light-bg-subtle);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-light);
  --ct-btn-hover-border-color: var(--ct-light);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-light);
  --ct-btn-active-border-color: var(--ct-light);
  --ct-btn-disabled-color: var(--ct-light);
  --ct-btn-disabled-bg: var(--ct-light);
  --ct-btn-disabled-border-color: var(--ct-light);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-light)-rgb, 0.5)
}

.btn-dark {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-dark-rgb),.5)
}

.btn-soft-dark {
  --ct-btn-color: var(--ct-dark);
  --ct-btn-bg: var(--ct-dark-bg-subtle);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: #fff;
  --ct-btn-hover-bg: var(--ct-dark);
  --ct-btn-hover-border-color: var(--ct-dark);
  --ct-btn-active-color: #fff;
  --ct-btn-active-bg: var(--ct-dark);
  --ct-btn-active-border-color: var(--ct-dark);
  --ct-btn-disabled-color: var(--ct-dark);
  --ct-btn-disabled-bg: var(--ct-dark);
  --ct-btn-disabled-border-color: var(--ct-dark);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-dark)-rgb, 0.5)
}

.btn-light {
  --ct-btn-color: var(--ct-dark);
  --ct-btn-bg: var(--ct-light);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: var(--ct-tertiary-color);
  --ct-btn-hover-bg: var(--ct-tertiary-bg);
  --ct-btn-hover-border-color: var(--ct-tertiary-bg);
  --ct-btn-active-bg: var(--ct-tertiary-bg);
  --ct-btn-active-color: var(--ct-tertiary-color);
  --ct-btn-active-border-color: var(--ct-tertiary-bg);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-light-rgb), 0.5)
}

.btn-dark {
  --ct-btn-color: var(--ct-light);
  --ct-btn-bg: var(--ct-dark);
  --ct-btn-border-color: transparent;
  --ct-btn-hover-color: var(--ct-light);
  --ct-btn-hover-bg: var(--ct-dark);
  --ct-btn-hover-border-color: var(--ct-dark);
  --ct-btn-active-bg: var(--ct-dark);
  --ct-btn-active-color: var(--ct-light);
  --ct-btn-active-border-color: var(--ct-dark);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-dark-rgb), 0.5)
}

.btn-outline-light {
  --ct-btn-color: var(--ct-dark);
  --ct-btn-bg: transparent;
  --ct-btn-border-color: var(--ct-light);
  --ct-btn-hover-color: var(--ct-tertiary-color);
  --ct-btn-hover-bg: var(--ct-tertiary-bg);
  --ct-btn-hover-border-color: var(--ct-tertiary-bg);
  --ct-btn-active-bg: var(--ct-tertiary-bg);
  --ct-btn-active-color: var(--ct-tertiary-color);
  --ct-btn-active-border-color: var(--ct-tertiary-bg);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-light-rgb), 0.5)
}

.btn-outline-dark {
  --ct-btn-color: var(--ct-dark);
  --ct-btn-bg: transparent;
  --ct-btn-border-color: var(--ct-dark);
  --ct-btn-hover-color: var(--ct-light);
  --ct-btn-hover-bg: var(--ct-dark);
  --ct-btn-hover-border-color: var(--ct-dark);
  --ct-btn-active-bg: var(--ct-dark);
  --ct-btn-active-color: var(--ct-light);
  --ct-btn-active-border-color: var(--ct-dark);
  --ct-btn-focus-shadow-rgb: 0 0 0 $btn-focus-width rgba(var(--ct-dark-rgb), 0.5)
}

.btn-soft-dark {
  --ct-btn-hover-color: var(--ct-light);
  --ct-btn-active-color: var(--ct-light)
}

[data-bs-theme=dark] .btn-secondary {
  box-shadow: var(--ct-btn-box-shadow) rgba(var(--ct-light-rgb),.5)
}

.badge-primary-lighten {
  --ct-badge-color: var(--ct-primary);
  background-color: var(--ct-primary-bg-subtle)
}

  .badge-primary-lighten[href] {
    color: var(--ct-primary);
    text-decoration: none;
    background-color: var(--ct-primary-bg-subtle)
  }

    .badge-primary-lighten[href]:is(:hover,:focus) {
      color: var(--ct-primary);
      text-decoration: none;
      background-color: var(--ct-primary-bg-subtle)
    }

.badge-secondary-lighten {
  --ct-badge-color: var(--ct-secondary);
  background-color: var(--ct-secondary-bg-subtle)
}

  .badge-secondary-lighten[href] {
    color: var(--ct-secondary);
    text-decoration: none;
    background-color: var(--ct-secondary-bg-subtle)
  }

    .badge-secondary-lighten[href]:is(:hover,:focus) {
      color: var(--ct-secondary);
      text-decoration: none;
      background-color: var(--ct-secondary-bg-subtle)
    }

.badge-success-lighten {
  --ct-badge-color: var(--ct-success);
  background-color: var(--ct-success-bg-subtle)
}

  .badge-success-lighten[href] {
    color: var(--ct-success);
    text-decoration: none;
    background-color: var(--ct-success-bg-subtle)
  }

    .badge-success-lighten[href]:is(:hover,:focus) {
      color: var(--ct-success);
      text-decoration: none;
      background-color: var(--ct-success-bg-subtle)
    }

.badge-info-lighten {
  --ct-badge-color: var(--ct-info);
  background-color: var(--ct-info-bg-subtle)
}

  .badge-info-lighten[href] {
    color: var(--ct-info);
    text-decoration: none;
    background-color: var(--ct-info-bg-subtle)
  }

    .badge-info-lighten[href]:is(:hover,:focus) {
      color: var(--ct-info);
      text-decoration: none;
      background-color: var(--ct-info-bg-subtle)
    }

.badge-warning-lighten {
  --ct-badge-color: var(--ct-warning);
  background-color: var(--ct-warning-bg-subtle)
}

  .badge-warning-lighten[href] {
    color: var(--ct-warning);
    text-decoration: none;
    background-color: var(--ct-warning-bg-subtle)
  }

    .badge-warning-lighten[href]:is(:hover,:focus) {
      color: var(--ct-warning);
      text-decoration: none;
      background-color: var(--ct-warning-bg-subtle)
    }

.badge-danger-lighten {
  --ct-badge-color: var(--ct-danger);
  background-color: var(--ct-danger-bg-subtle)
}

  .badge-danger-lighten[href] {
    color: var(--ct-danger);
    text-decoration: none;
    background-color: var(--ct-danger-bg-subtle)
  }

    .badge-danger-lighten[href]:is(:hover,:focus) {
      color: var(--ct-danger);
      text-decoration: none;
      background-color: var(--ct-danger-bg-subtle)
    }

.badge-light-lighten {
  --ct-badge-color: var(--ct-light);
  background-color: var(--ct-light-bg-subtle)
}

  .badge-light-lighten[href] {
    color: var(--ct-light);
    text-decoration: none;
    background-color: var(--ct-light-bg-subtle)
  }

    .badge-light-lighten[href]:is(:hover,:focus) {
      color: var(--ct-light);
      text-decoration: none;
      background-color: var(--ct-light-bg-subtle)
    }

.badge-dark-lighten {
  --ct-badge-color: var(--ct-dark);
  background-color: var(--ct-dark-bg-subtle)
}

  .badge-dark-lighten[href] {
    color: var(--ct-dark);
    text-decoration: none;
    background-color: var(--ct-dark-bg-subtle)
  }

    .badge-dark-lighten[href]:is(:hover,:focus) {
      color: var(--ct-dark);
      text-decoration: none;
      background-color: var(--ct-dark-bg-subtle)
    }

.badge-outline-primary {
  --ct-badge-color: var(--ct-primary);
  border: 1px solid var(--ct-primary);
  background-color: transparent
}

  .badge-outline-primary[href] {
    color: var(--ct-primary);
    text-decoration: none;
    background-color: var(--ct-primary-bg-subtle)
  }

    .badge-outline-primary[href]:is(:hover,:focus) {
      color: var(--ct-primary);
      text-decoration: none;
      background-color: var(--ct-primary-bg-subtle)
    }

.badge-outline-secondary {
  --ct-badge-color: var(--ct-secondary);
  border: 1px solid var(--ct-secondary);
  background-color: transparent
}

  .badge-outline-secondary[href] {
    color: var(--ct-secondary);
    text-decoration: none;
    background-color: var(--ct-secondary-bg-subtle)
  }

    .badge-outline-secondary[href]:is(:hover,:focus) {
      color: var(--ct-secondary);
      text-decoration: none;
      background-color: var(--ct-secondary-bg-subtle)
    }

.badge-outline-success {
  --ct-badge-color: var(--ct-success);
  border: 1px solid var(--ct-success);
  background-color: transparent
}

  .badge-outline-success[href] {
    color: var(--ct-success);
    text-decoration: none;
    background-color: var(--ct-success-bg-subtle)
  }

    .badge-outline-success[href]:is(:hover,:focus) {
      color: var(--ct-success);
      text-decoration: none;
      background-color: var(--ct-success-bg-subtle)
    }

.badge-outline-info {
  --ct-badge-color: var(--ct-info);
  border: 1px solid var(--ct-info);
  background-color: transparent
}

  .badge-outline-info[href] {
    color: var(--ct-info);
    text-decoration: none;
    background-color: var(--ct-info-bg-subtle)
  }

    .badge-outline-info[href]:is(:hover,:focus) {
      color: var(--ct-info);
      text-decoration: none;
      background-color: var(--ct-info-bg-subtle)
    }

.badge-outline-warning {
  --ct-badge-color: var(--ct-warning);
  border: 1px solid var(--ct-warning);
  background-color: transparent
}

  .badge-outline-warning[href] {
    color: var(--ct-warning);
    text-decoration: none;
    background-color: var(--ct-warning-bg-subtle)
  }

    .badge-outline-warning[href]:is(:hover,:focus) {
      color: var(--ct-warning);
      text-decoration: none;
      background-color: var(--ct-warning-bg-subtle)
    }

.badge-outline-danger {
  --ct-badge-color: var(--ct-danger);
  border: 1px solid var(--ct-danger);
  background-color: transparent
}

  .badge-outline-danger[href] {
    color: var(--ct-danger);
    text-decoration: none;
    background-color: var(--ct-danger-bg-subtle)
  }

    .badge-outline-danger[href]:is(:hover,:focus) {
      color: var(--ct-danger);
      text-decoration: none;
      background-color: var(--ct-danger-bg-subtle)
    }

.badge-outline-light {
  --ct-badge-color: var(--ct-light);
  border: 1px solid var(--ct-light);
  background-color: transparent
}

  .badge-outline-light[href] {
    color: var(--ct-light);
    text-decoration: none;
    background-color: var(--ct-light-bg-subtle)
  }

    .badge-outline-light[href]:is(:hover,:focus) {
      color: var(--ct-light);
      text-decoration: none;
      background-color: var(--ct-light-bg-subtle)
    }

.badge-outline-dark {
  --ct-badge-color: var(--ct-dark);
  border: 1px solid var(--ct-dark);
  background-color: transparent
}

  .badge-outline-dark[href] {
    color: var(--ct-dark);
    text-decoration: none;
    background-color: var(--ct-dark-bg-subtle)
  }

    .badge-outline-dark[href]:is(:hover,:focus) {
      color: var(--ct-dark);
      text-decoration: none;
      background-color: var(--ct-dark-bg-subtle)
    }

.badge {
  vertical-align: middle
}

  .badge.badge-lg {
    padding: .5em 1em;
    font-size: .85em
  }

.card {
  box-shadow: var(--ct-box-shadow);
  margin-bottom: 1.5rem
}

  .card .header-title {
    margin-bottom: .5rem;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: .9rem;
    margin-top: 0
  }

  .card .card-drop {
    font-size: 20px;
    color: inherit
  }

  .card .card-widgets {
    float: right;
    height: 16px
  }

    .card .card-widgets > a {
      color: inherit;
      font-size: 18px;
      display: inline-block;
      line-height: 1
    }

      .card .card-widgets > a.collapsed i:before {
        content: "\f0415"
      }

.card-header, .card-title {
  margin-top: 0
}

  .card-header .header-title, .card-title .header-title {
    margin-bottom: 0
  }

.card-disabled {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: var(--ct-border-radius);
  background: var(--ct-tertiary-bg);
  opacity: .8;
  cursor: progress
}

  .card-disabled .card-portlets-loader {
    background-color: var(--ct-dark);
    animation: rotatebox 1.2s infinite ease-in-out;
    height: 30px;
    width: 30px;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.75rem;
    margin-top: -.75rem
  }

@keyframes rotatebox {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0)
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
  }
}

.card-pricing {
  position: relative
}

  .card-pricing .card-pricing-plan-name {
    padding-bottom: 20px
  }

  .card-pricing .card-pricing-icon {
    font-size: 22px;
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    height: 60px;
    display: inline-block;
    width: 60px;
    line-height: 60px;
    border-radius: 50%
  }

  .card-pricing .card-pricing-price {
    padding: 30px 0 0
  }

    .card-pricing .card-pricing-price span {
      font-size: 40%;
      color: var(--ct-gray-600);
      letter-spacing: 2px;
      text-transform: uppercase
    }

  .card-pricing .card-pricing-features {
    color: var(--ct-gray-600);
    list-style: none;
    margin: 0;
    padding: 20px 0 0 0
  }

    .card-pricing .card-pricing-features li {
      padding: 15px
    }

@media (min-width:992px) {
  .card-pricing-recommended {
    margin-top: -1.9375rem
  }
}

.card-pricing-recommended .card-pricing-plan-tag {
  background-color: rgba(250,92,124,.2);
  color: #fa5c7c;
  padding: 5px 0;
  font-weight: 700;
  border-radius: .25rem .25rem 0 0;
  margin: -1.5rem -1.5rem 1.5rem -1.5rem
}

.card-h-100 {
  height: calc(100% - 1.5rem)
}

.form-checkbox-primary .form-check-input:checked, .form-radio-primary .form-check-input:checked {
  background-color: var(--ct-primary);
  border-color: var(--ct-primary)
}

.form-checkbox-secondary .form-check-input:checked, .form-radio-secondary .form-check-input:checked {
  background-color: var(--ct-secondary);
  border-color: var(--ct-secondary)
}

.form-checkbox-success .form-check-input:checked, .form-radio-success .form-check-input:checked {
  background-color: var(--ct-success);
  border-color: var(--ct-success)
}

.form-checkbox-info .form-check-input:checked, .form-radio-info .form-check-input:checked {
  background-color: var(--ct-info);
  border-color: var(--ct-info)
}

.form-checkbox-warning .form-check-input:checked, .form-radio-warning .form-check-input:checked {
  background-color: var(--ct-warning);
  border-color: var(--ct-warning)
}

.form-checkbox-danger .form-check-input:checked, .form-radio-danger .form-check-input:checked {
  background-color: var(--ct-danger);
  border-color: var(--ct-danger)
}

.form-checkbox-light .form-check-input:checked, .form-radio-light .form-check-input:checked {
  background-color: var(--ct-light);
  border-color: var(--ct-light)
}

.form-checkbox-dark .form-check-input:checked, .form-radio-dark .form-check-input:checked {
  background-color: var(--ct-dark);
  border-color: var(--ct-dark)
}

.card-radio {
  padding: 0
}

  .card-radio .form-check-label {
    background-color: var(--ct-secondary-bg);
    border: 1px solid var(--ct-border-color);
    border-radius: .25rem;
    padding: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    padding-right: 32px
  }

    .card-radio .form-check-label:hover {
      cursor: pointer
    }

  .card-radio .form-check-input {
    display: none
  }

    .card-radio .form-check-input:checked + .form-check-label:before {
      content: "\f05e0";
      font-family: "Material Design Icons";
      position: absolute;
      bottom: 2px;
      right: 6px;
      font-size: 16px;
      color: var(--ct-primary)
    }

  .card-radio.dark .form-check-input:checked + .form-check-label:before {
    color: #fff
  }

.dropdown-menu {
  box-shadow: var(--ct-dropdown-box-shadow)
}

.dropdown-header {
  margin-top: 0
}

.dropdown-menu-animated.dropdown-menu-end[style] {
  left: auto;
  right: 0
}

.dropdown-menu-animated {
  animation-name: DropDownSlide;
  animation-duration: .3s;
  animation-fill-mode: both;
  position: absolute;
  margin: 0;
  z-index: 1000
}

  .dropdown-menu-animated.show {
    top: 100% !important
  }

  .dropdown-menu-animated i {
    display: inline-block
  }

  .dropdown-menu-animated.dropdown-menu[data-popper-placement^=left], .dropdown-menu-animated.dropdown-menu[data-popper-placement^=right], .dropdown-menu-animated.dropdown-menu[data-popper-placement^=top] {
    top: auto !important;
    animation: none !important
  }

@keyframes DropDownSlide {
  100% {
    transform: translateY(0)
  }

  0% {
    transform: translateY(10px)
  }
}

@media (min-width:576px) {
  .dropdown-lg {
    width: 300px
  }
}

.dropdown-icon-item {
  display: block;
  border-radius: 3px;
  line-height: 34px;
  text-align: center;
  padding: 15px 0 9px;
  display: block;
  border: 1px solid transparent;
  color: var(--ct-body-color)
}

  .dropdown-icon-item img {
    height: 24px
  }

  .dropdown-icon-item span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .dropdown-icon-item:hover {
    background-color: var(--ct-tertiary-bg);
    color: var(--ct-tertiary-color)
  }

.arrow-none:after {
  display: none
}

.dropdown-toggle-split::before {
  content: "";
  position: absolute;
  background-color: rgba(49,58,70,.08);
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: 0;
  border-radius: 0 .15rem .15rem 0
}

.dropstart .dropdown-toggle-split::before {
  inset: auto;
  border-radius: 0;
  position: relative;
  z-index: 1
}

.dropstart .dropdown-toggle-split::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: rgba(49,58,70,.1);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-radius: .15rem 0 0 .15rem;
  border: none;
  margin-left: 0
}

.hljs {
  display: block;
  padding: 0 1em;
  color: var(--ct-body-color);
  max-height: 420px;
  margin: -10px 0 -30px
}

.hljs-keyword, .hljs-selector-tag, .hljs-subst {
  color: var(--ct-body-color);
  font-weight: 700
}

.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable {
  color: #02a8b5
}

.hljs-doctag, .hljs-string {
  color: #fa5c7c
}

.hljs-section, .hljs-selector-id, .hljs-title {
  color: #fa5c7c;
  font-weight: 700
}

.hljs-subst {
  font-weight: 400
}

.hljs-attribute, .hljs-name, .hljs-tag {
  color: var(--ct-primary);
  font-weight: 400
}

.hljs-link, .hljs-regexp {
  color: #0acf97
}

.hljs-bullet, .hljs-symbol {
  color: #ff679b
}

.hljs-built_in, .hljs-builtin-name {
  color: #39afd1
}

.hljs-meta {
  color: var(--ct-gray-800);
  font-weight: 700
}

.hljs-deletion {
  background: #fdd
}

.hljs-addition {
  background: #dfd
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: 700
}

.hljs-comment {
  color: var(--ct-gray-400)
}

.tab-pane.code {
  border: 1px solid var(--ct-border-color);
  border-radius: .25rem;
  position: relative
}

  .tab-pane.code pre::-webkit-scrollbar {
    -webkit-appearance: none
  }

    .tab-pane.code pre::-webkit-scrollbar:vertical {
      width: 5px;
      margin-right: 5px
    }

    .tab-pane.code pre::-webkit-scrollbar:horizontal {
      height: 5px
    }

  .tab-pane.code pre::-webkit-scrollbar-thumb {
    background-color: rgba(var(--ct-dark-rgb),.2);
    border-radius: 10px;
    margin-right: 5px;
    border: none
  }

  .tab-pane.code pre::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent
  }

  .tab-pane.code pre::-webkit-scrollbar-corner {
    background-color: transparent
  }

  .tab-pane.code .btn-copy-clipboard {
    position: absolute;
    right: 8px;
    top: 10px;
    background-color: var(--ct-secondary-bg);
    border: 1px solid #0acf97;
    color: #0acf97;
    padding: .28rem .8rem;
    font-size: .875rem;
    border-radius: .15rem;
    font-weight: 400;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
  }

    .tab-pane.code .btn-copy-clipboard:active, .tab-pane.code .btn-copy-clipboard:focus, .tab-pane.code .btn-copy-clipboard:hover {
      background-color: #0acf97;
      color: #fff
    }

.form-control-light {
  background-color: var(--ct-light) !important;
  border-color: var(--ct-border-color) !important;
  border-width: var(--ct-theme-card-border-width);
  border-style: solid;
  border-color: var(--ct-border-color)
}

input.form-control[type=color], input.form-control[type=range] {
  min-height: 39px
}

.custom-select.is-invalid:focus, .custom-select.is-valid:focus, .custom-select:invalid:focus, .custom-select:valid:focus, .form-control.is-invalid:focus, .form-control.is-valid:focus, .form-control:invalid:focus, .form-control:valid:focus {
  box-shadow: none !important
}

select.form-control:not([size]):not([multiple]) {
  height: calc(1.5em + .9rem + calc(var(--ct-border-width) * 2))
}

select.form-control-sm:not([size]):not([multiple]) {
  height: calc(1.5em + .56rem + calc(var(--ct-border-width) * 2))
}

.password-eye {
  cursor: pointer
}

  .password-eye:before {
    font-family: "Material Design Icons";
    content: "\f06d0";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 16px
  }

.show-password .password-eye:before {
  content: "\f06d1"
}

.modal-title {
  margin-top: 0;
  color: var(--ct-modal-heading-color)
}

.modal-full-width {
  width: 95%;
  max-width: none
}

.modal-top {
  margin: 0 auto
}

.modal-right {
  position: absolute;
  right: 0;
  display: -ms-flexbox;
  display: inline;
  flex-flow: column nowrap;
  justify-content: center;
  height: 100%;
  margin: 0;
  background-color: var(--ct-secondary-bg);
  align-content: center;
  transform: translate(25%,0) !important
}

  .modal-right button.btn-close {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1
  }

.modal.show .modal-left, .modal.show .modal-right {
  transform: translate(0,0) !important
}

.modal-bottom {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  height: 100%;
  margin: 0 auto;
  align-content: center
}

.modal-filled {
  color: #fff
}

  .modal-filled .modal-header {
    background-color: rgba(255,255,255,.07)
  }

  .modal-filled .modal-title {
    color: #fff
  }

  .modal-filled .modal-footer, .modal-filled .modal-header {
    border: none
  }

.nav-pills > li > a, .nav-tabs > li > a {
  color: var(--ct-secondary-color);
  font-weight: 600
}

.nav-pills > a {
  color: var(--ct-gray-700);
  font-weight: 600
}

.bg-nav-pills {
  background-color: var(--ct-tertiary-bg)
}

.nav-tabs.nav-bordered {
  border-bottom: 2px solid var(--ct-border-color)
}

  .nav-tabs.nav-bordered .nav-item {
    margin-bottom: -1px
  }

  .nav-tabs.nav-bordered li a {
    border: 0;
    padding: .625rem 1.25rem
  }

    .nav-tabs.nav-bordered li a.active {
      border-bottom: 2px solid var(--ct-primary)
    }

.pagination-rounded .page-link {
  border-radius: 30px !important;
  margin: 0 3px !important;
  border: none
}

.popover-header {
  margin-top: 0
}

.primary-popover {
  --ct-popover-max-width: 200px !important;
  --ct-popover-border-color: var(--ct-primary) !important;
  --ct-popover-header-bg: var(--ct-primary) !important;
  --ct-popover-header-color: var(--ct-white) !important;
  --ct-popover-body-padding-x: 1rem !important;
  --ct-popover-body-padding-y: .5rem !important
}

.secondary-popover {
  --ct-popover-max-width: 200px !important;
  --ct-popover-border-color: var(--ct-secondary) !important;
  --ct-popover-header-bg: var(--ct-secondary) !important;
  --ct-popover-header-color: var(--ct-white) !important;
  --ct-popover-body-padding-x: 1rem !important;
  --ct-popover-body-padding-y: .5rem !important
}

.success-popover {
  --ct-popover-max-width: 200px !important;
  --ct-popover-border-color: var(--ct-success) !important;
  --ct-popover-header-bg: var(--ct-success) !important;
  --ct-popover-header-color: var(--ct-white) !important;
  --ct-popover-body-padding-x: 1rem !important;
  --ct-popover-body-padding-y: .5rem !important
}

.info-popover {
  --ct-popover-max-width: 200px !important;
  --ct-popover-border-color: var(--ct-info) !important;
  --ct-popover-header-bg: var(--ct-info) !important;
  --ct-popover-header-color: var(--ct-white) !important;
  --ct-popover-body-padding-x: 1rem !important;
  --ct-popover-body-padding-y: .5rem !important
}

.warning-popover {
  --ct-popover-max-width: 200px !important;
  --ct-popover-border-color: var(--ct-warning) !important;
  --ct-popover-header-bg: var(--ct-warning) !important;
  --ct-popover-header-color: var(--ct-white) !important;
  --ct-popover-body-padding-x: 1rem !important;
  --ct-popover-body-padding-y: .5rem !important
}

.danger-popover {
  --ct-popover-max-width: 200px !important;
  --ct-popover-border-color: var(--ct-danger) !important;
  --ct-popover-header-bg: var(--ct-danger) !important;
  --ct-popover-header-color: var(--ct-white) !important;
  --ct-popover-body-padding-x: 1rem !important;
  --ct-popover-body-padding-y: .5rem !important
}

.light-popover {
  --ct-popover-max-width: 200px !important;
  --ct-popover-border-color: var(--ct-light) !important;
  --ct-popover-header-bg: var(--ct-light) !important;
  --ct-popover-header-color: var(--ct-white) !important;
  --ct-popover-body-padding-x: 1rem !important;
  --ct-popover-body-padding-y: .5rem !important
}

.dark-popover {
  --ct-popover-max-width: 200px !important;
  --ct-popover-border-color: var(--ct-dark) !important;
  --ct-popover-header-bg: var(--ct-dark) !important;
  --ct-popover-header-color: var(--ct-white) !important;
  --ct-popover-body-padding-x: 1rem !important;
  --ct-popover-body-padding-y: .5rem !important
}

@media print {
  .end-bar, .footer, .leftside-menu, .navbar-custom, .page-title-box {
    display: none
  }

  .card-body, .content, .content-page, .end-bar, body {
    padding: 0;
    margin: 0
  }

  .card {
    box-shadow: none
  }
}

.progress-sm {
  height: 5px
}

.progress-md {
  height: 8px
}

.progress-lg {
  height: 12px
}

.progress-xl {
  height: 15px
}

html {
  position: relative;
  min-height: 100%
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 10px
}

@supports (-webkit-overflow-scrolling:touch) {
  body {
    cursor: pointer
  }
}

body {
  overflow-x: hidden
}

a, button {
  outline: 0 !important
}

label {
  font-weight: 600
}

address.address-lg {
  line-height: 24px
}

b, strong {
  font-weight: 700;
  color: var(--ct-modal-heading-color);
  font-size: 20px;
}

.ribbon-box {
  position: relative
}

  .ribbon-box .ribbon {
    position: relative;
    clear: both;
    padding: 5px 12px;
    margin-bottom: 15px;
    box-shadow: 2px 5px 10px rgba(49,58,70,.15);
    color: #fff;
    font-size: 13px;
    font-weight: 600
  }

    .ribbon-box .ribbon:before {
      content: " ";
      border-style: solid;
      border-width: 10px;
      display: block;
      position: absolute;
      bottom: -10px;
      left: 0;
      margin-bottom: -10px;
      z-index: -1
    }

    .ribbon-box .ribbon.float-start {
      margin-left: -30px;
      border-radius: 0 3px 3px 0
    }

    .ribbon-box .ribbon.float-end {
      margin-right: -30px;
      border-radius: 3px 0 0 3px
    }

      .ribbon-box .ribbon.float-end:before {
        right: 0
      }

    .ribbon-box .ribbon.float-center span {
      margin: 0 auto 20px auto
    }

  .ribbon-box .ribbon-content {
    clear: both
  }

  .ribbon-box .ribbon-primary {
    background: var(--ct-primary)
  }

    .ribbon-box .ribbon-primary:before {
      border-color: var(--ct-primary-text) transparent transparent
    }

  .ribbon-box .ribbon-secondary {
    background: var(--ct-secondary)
  }

    .ribbon-box .ribbon-secondary:before {
      border-color: var(--ct-secondary-text) transparent transparent
    }

  .ribbon-box .ribbon-success {
    background: var(--ct-success)
  }

    .ribbon-box .ribbon-success:before {
      border-color: var(--ct-success-text) transparent transparent
    }

  .ribbon-box .ribbon-info {
    background: var(--ct-info)
  }

    .ribbon-box .ribbon-info:before {
      border-color: var(--ct-info-text) transparent transparent
    }

  .ribbon-box .ribbon-warning {
    background: var(--ct-warning)
  }

    .ribbon-box .ribbon-warning:before {
      border-color: var(--ct-warning-text) transparent transparent
    }

  .ribbon-box .ribbon-danger {
    background: var(--ct-danger)
  }

    .ribbon-box .ribbon-danger:before {
      border-color: var(--ct-danger-text) transparent transparent
    }

  .ribbon-box .ribbon-light {
    background: var(--ct-light)
  }

    .ribbon-box .ribbon-light:before {
      border-color: var(--ct-light-text) transparent transparent
    }

  .ribbon-box .ribbon-dark {
    background: var(--ct-dark)
  }

    .ribbon-box .ribbon-dark:before {
      border-color: var(--ct-dark-text) transparent transparent
    }

  .ribbon-box .ribbon-two {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right
  }

    .ribbon-box .ribbon-two span {
      font-size: 13px;
      color: #fff;
      text-align: center;
      line-height: 20px;
      transform: rotate(-45deg);
      width: 100px;
      display: block;
      box-shadow: 0 0 8px 0 rgba(var(--ct-dark-rgb),.08),0 1px 0 0 rgba(var(--ct-dark-rgb),.03);
      position: absolute;
      top: 19px;
      left: -21px;
      font-weight: 600
    }

      .ribbon-box .ribbon-two span:before {
        content: "";
        position: absolute;
        left: 0;
        top: 100%;
        z-index: -1;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent
      }

      .ribbon-box .ribbon-two span:after {
        content: "";
        position: absolute;
        right: 0;
        top: 100%;
        z-index: -1;
        border-left: 3px solid transparent;
        border-bottom: 3px solid transparent
      }

  .ribbon-box .ribbon-two-primary span {
    background: var(--ct-primary)
  }

    .ribbon-box .ribbon-two-primary span:before {
      border-left: 3px solid var(--ct-primary-text);
      border-top: 3px solid var(--ct-primary-text)
    }

    .ribbon-box .ribbon-two-primary span:after {
      border-right: 3px solid var(--ct-primary-text);
      border-top: 3px solid var(--ct-primary-text)
    }

  .ribbon-box .ribbon-two-secondary span {
    background: var(--ct-secondary)
  }

    .ribbon-box .ribbon-two-secondary span:before {
      border-left: 3px solid var(--ct-secondary-text);
      border-top: 3px solid var(--ct-secondary-text)
    }

    .ribbon-box .ribbon-two-secondary span:after {
      border-right: 3px solid var(--ct-secondary-text);
      border-top: 3px solid var(--ct-secondary-text)
    }

  .ribbon-box .ribbon-two-success span {
    background: var(--ct-success)
  }

    .ribbon-box .ribbon-two-success span:before {
      border-left: 3px solid var(--ct-success-text);
      border-top: 3px solid var(--ct-success-text)
    }

    .ribbon-box .ribbon-two-success span:after {
      border-right: 3px solid var(--ct-success-text);
      border-top: 3px solid var(--ct-success-text)
    }

  .ribbon-box .ribbon-two-info span {
    background: var(--ct-info)
  }

    .ribbon-box .ribbon-two-info span:before {
      border-left: 3px solid var(--ct-info-text);
      border-top: 3px solid var(--ct-info-text)
    }

    .ribbon-box .ribbon-two-info span:after {
      border-right: 3px solid var(--ct-info-text);
      border-top: 3px solid var(--ct-info-text)
    }

  .ribbon-box .ribbon-two-warning span {
    background: var(--ct-warning)
  }

    .ribbon-box .ribbon-two-warning span:before {
      border-left: 3px solid var(--ct-warning-text);
      border-top: 3px solid var(--ct-warning-text)
    }

    .ribbon-box .ribbon-two-warning span:after {
      border-right: 3px solid var(--ct-warning-text);
      border-top: 3px solid var(--ct-warning-text)
    }

  .ribbon-box .ribbon-two-danger span {
    background: var(--ct-danger)
  }

    .ribbon-box .ribbon-two-danger span:before {
      border-left: 3px solid var(--ct-danger-text);
      border-top: 3px solid var(--ct-danger-text)
    }

    .ribbon-box .ribbon-two-danger span:after {
      border-right: 3px solid var(--ct-danger-text);
      border-top: 3px solid var(--ct-danger-text)
    }

  .ribbon-box .ribbon-two-light span {
    background: var(--ct-light)
  }

    .ribbon-box .ribbon-two-light span:before {
      border-left: 3px solid var(--ct-light-text);
      border-top: 3px solid var(--ct-light-text)
    }

    .ribbon-box .ribbon-two-light span:after {
      border-right: 3px solid var(--ct-light-text);
      border-top: 3px solid var(--ct-light-text)
    }

  .ribbon-box .ribbon-two-dark span {
    background: var(--ct-dark)
  }

    .ribbon-box .ribbon-two-dark span:before {
      border-left: 3px solid var(--ct-dark-text);
      border-top: 3px solid var(--ct-dark-text)
    }

    .ribbon-box .ribbon-two-dark span:after {
      border-right: 3px solid var(--ct-dark-text);
      border-top: 3px solid var(--ct-dark-text)
    }

input[data-switch] {
  display: none
}

  input[data-switch] + label {
    width: 40px;
    height: 24px;
    background-color: #bfbfbf;
    background-image: none;
    border-radius: 2rem;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    transition: all .1s ease-in-out
  }

    input[data-switch] + label:before {
      color: var(--ct-emphasis-color);
      content: attr(data-off-label);
      display: block;
      font-family: inherit;
      font-weight: 600;
      font-size: .75rem;
      line-height: 24px;
      position: absolute;
      right: 3px;
      margin: 0 .21667rem;
      top: 0;
      text-align: center;
      min-width: 1.66667rem;
      overflow: hidden;
      transition: all .1s ease-in-out
    }

    input[data-switch] + label:after {
      content: "";
      position: absolute;
      left: 2px;
      background-color: var(--ct-toggle-bg);
      box-shadow: none;
      border-radius: 2rem;
      height: 18px;
      width: 18px;
      top: 3px;
      transition: all .1s ease-in-out
    }

  input[data-switch]:checked + label {
    background-color: var(--ct-bg-toggle-active);
  }

    input[data-switch]:checked + label:before {
      color: #fff;
      content: attr(data-on-label);
      right: auto;
      left: 4px
    }

    input[data-switch]:checked + label:after {
      left: 20px;
      background-color: var(--ct-toggle-bg-active);
    }

input[data-switch=bool] + label {
  background-color: #fa5c7c
}

input:disabled + label {
  opacity: .5;
  cursor: default
}

input[data-switch=bool] + label:before, input[data-switch=bool]:checked + label:before {
  color: #fff !important
}

input[data-switch=bool] + label:after {
  background-color: var(--ct-tertiary-bg)
}

input[data-switch=primary]:checked + label {
  background-color: #727cf5
}

input[data-switch=secondary]:checked + label {
  background-color: #6c757d
}

input[data-switch=success]:checked + label {
  background-color: #0acf97
}

input[data-switch=info]:checked + label {
  background-color: #39afd1
}

input[data-switch=warning]:checked + label {
  background-color: #ffc35a
}

input[data-switch=danger]:checked + label {
  background-color: #fa5c7c
}

input[data-switch=light]:checked + label {
  background-color: #eef2f7
}

input[data-switch=dark]:checked + label {
  background-color: #313a46
}

.table-centered td, .table-centered th {
  vertical-align: middle !important
}

.table .table-user img {
  height: 30px;
  width: 30px
}

.table .action-icon {
  color: var(--ct-secondary-color);
  font-size: 1.2rem;
  display: inline-block;
  padding: 0 3px
}

  .table .action-icon:hover {
    color: var(--ct-emphasis-color)
  }

.table > :not(caption) > * > * {
  background-color: var(--ct-table-bg) !important;
  font-weight: 500;
}

.table.table-bordered tbody {
  border-top: 1px solid;
  border-top-color: inherit
}

.table-sm .action-icon {
  font-size: 1rem
}

.table-nowrap td, .table-nowrap th {
  white-space: nowrap
}

[data-bs-theme=dark] .table-light {
  --ct-table-color: var(--ct-body-color);
  --ct-table-bg: var(--ct-tab-light);
  --ct-table-border-color: var(--ct-border-color-table)
}

.border-dashed {
  border-style: dashed !important
}

.primary-tooltip {
  --ct-tooltip-bg: var(--ct-primary) !important
}

.custom-tooltip {
  --ct-tooltip-bg: var(--ct-custom) !important
}

.secondary-tooltip {
  --ct-tooltip-bg: var(--ct-secondary) !important
}

.success-tooltip {
  --ct-tooltip-bg: var(--ct-success) !important
}

.info-tooltip {
  --ct-tooltip-bg: var(--ct-info) !important
}

.warning-tooltip {
  --ct-tooltip-bg: var(--ct-warning) !important
}

.danger-tooltip {
  --ct-tooltip-bg: var(--ct-danger) !important
}

.light-tooltip {
  --ct-tooltip-bg: var(--ct-light) !important
}

.dark-tooltip {
  --ct-tooltip-bg: var(--ct-tooltip-bg-theme) !important
}

.progress-w-percent {
  min-height: 20px;
  margin-bottom: 20px
}

  .progress-w-percent .progress {
    width: calc(100% - 50px);
    float: left;
    margin-top: 8px
  }

  .progress-w-percent .progress-value {
    width: 40px;
    float: right;
    text-align: right;
    line-height: 20px
  }

.widget-flat {
  position: relative;
  overflow: hidden
}

@media (min-width:1200px) and (max-width:1500px) {
  .widget-flat i.widget-icon {
    display: none
  }
}

.widget-icon {
  color: var(--ct-primary);
  font-size: 20px;
  background-color: rgba(var(--ct-primary-rgb),.25);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 3px;
  display: inline-block
}

.dash-item-overlay {
  position: absolute;
  text-align: left;
  left: 8%;
  max-width: 350px;
  padding: 20px;
  z-index: 1
}

.chart-content-bg {
  background-color: var(--ct-tertiary-bg)
}

.chart-content-border {
  border: 1px solid var(--ct-gray-200)
}

.chart-widget-list p {
  border-bottom: 1px solid var(--ct-border-color-custom);
  margin-bottom: .5rem;
  padding-bottom: .5rem
}

.timeline-alt {
  padding: 20px 0;
  position: relative
}

  .timeline-alt .timeline-item {
    position: relative
  }

    .timeline-alt .timeline-item:before {
      background-color: var(--ct-tertiary-bg);
      bottom: 0;
      content: "";
      left: 9px;
      position: absolute;
      top: 20px;
      width: 2px;
      z-index: 0
    }

    .timeline-alt .timeline-item .timeline-icon {
      float: left;
      height: 20px;
      width: 20px;
      border-radius: 50%;
      border: 2px solid transparent;
      font-size: 12px;
      text-align: center;
      line-height: 16px;
      background-color: #fff
    }

    .timeline-alt .timeline-item .timeline-item-info {
      margin-left: 30px
    }

    .timeline-alt .timeline-item:last-of-type::before {
      display: none
    }

.inbox-widget .inbox-item {
  border-bottom: 1px solid var(--ct-border-color);
  overflow: hidden;
  padding: .625rem 0;
  position: relative
}

  .inbox-widget .inbox-item:last-of-type {
    border-bottom: none
  }

  .inbox-widget .inbox-item .inbox-item-img {
    display: block;
    float: left;
    margin-right: 15px;
    width: 40px
  }

    .inbox-widget .inbox-item .inbox-item-img img {
      width: 40px
    }

  .inbox-widget .inbox-item .inbox-item-author {
    color: var(--ct-tertiary-color);
    display: block;
    margin-bottom: 3px
  }

  .inbox-widget .inbox-item .inbox-item-text {
    color: var(--ct-gray-500);
    display: block;
    font-size: .8125rem;
    margin: 0
  }

  .inbox-widget .inbox-item .inbox-item-date {
    color: var(--ct-gray-600);
    font-size: .6875rem;
    position: absolute;
    right: 5px;
    top: 10px
  }

.tilebox-one i {
  position: absolute;
  right: 1.5rem;
  font-size: 2rem;
  opacity: .3
}

.toll-free-box i {
  position: absolute;
  left: 0;
  bottom: -15px;
  font-size: 4rem;
  opacity: .4;
  transform: rotate(30deg)
}

/*.cta-box {
  background-image: url(../images/bg-pattern.png);
  background-size: cover
}*/

.cta-box .cta-box-title {
  font-size: 20px;
  line-height: 30px
}

.conversation-list {
  list-style: none;
  padding: 0 15px
}

  .conversation-list li {
    margin-bottom: 20px
  }

    .conversation-list li .conversation-actions {
      float: right;
      display: none
    }

    .conversation-list li:hover .conversation-actions {
      display: block
    }

  .conversation-list .chat-avatar {
    float: left;
    text-align: center;
    width: 42px
  }

    .conversation-list .chat-avatar img {
      border-radius: 100%;
      width: 100%
    }

    .conversation-list .chat-avatar i {
      font-size: 12px;
      font-style: normal
    }

  .conversation-list .ctext-wrap {
    background: var(--ct-light);
    border-radius: 3px;
    display: inline-block;
    padding: 12px;
    position: relative
  }

    .conversation-list .ctext-wrap i {
      display: block;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      position: relative
    }

    .conversation-list .ctext-wrap p {
      margin: 0;
      padding-top: 3px
    }

    .conversation-list .ctext-wrap:after {
      left: -11px;
      top: 0;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-top-color: var(--ct-light);
      border-width: 6px;
      margin-right: -1px;
      border-right-color: var(--ct-light)
    }

  .conversation-list .conversation-text {
    float: left;
    font-size: 13px;
    margin-left: 12px;
    width: 70%
  }

  .conversation-list .odd .chat-avatar {
    float: right !important
  }

  .conversation-list .odd .conversation-text {
    float: right !important;
    margin-right: 12px;
    text-align: right;
    width: 70% !important
  }

  .conversation-list .odd .ctext-wrap {
    background-color: var(--ct-light)
  }

    .conversation-list .odd .ctext-wrap:after {
      border-color: transparent;
      border-left-color: var(--ct-light);
      border-top-color: var(--ct-light);
      right: -10px;
      left: auto
    }

  .conversation-list .odd .conversation-actions {
    float: left
  }

.calendar-widget .datepicker-inline, .calendar-widget table {
  width: 100%
}

  .calendar-widget .datepicker-inline tr td, .calendar-widget .datepicker-inline tr td.active.day, .calendar-widget .datepicker-inline tr td.today.day, .calendar-widget .datepicker-inline tr th, .calendar-widget table tr td, .calendar-widget table tr td.active.day, .calendar-widget table tr td.today.day, .calendar-widget table tr th {
    background-color: transparent !important
  }

    .calendar-widget .datepicker-inline tr td.active.day, .calendar-widget .datepicker-inline tr td.today.day, .calendar-widget table tr td.active.day, .calendar-widget table tr td.today.day {
      color: #fa5c7c !important;
      text-shadow: none;
      font-weight: 700
    }

      .calendar-widget .datepicker-inline tr td.active.day:hover, .calendar-widget .datepicker-inline tr td.today.day:hover, .calendar-widget table tr td.active.day:hover, .calendar-widget table tr td.today.day:hover {
        background-color: transparent !important
      }

  .calendar-widget .datepicker-inline td, .calendar-widget .datepicker-inline th, .calendar-widget table td, .calendar-widget table th {
    height: 45px
  }

  .calendar-widget .datepicker-inline .datepicker-switch, .calendar-widget .datepicker-inline .next, .calendar-widget .datepicker-inline .prev, .calendar-widget table .datepicker-switch, .calendar-widget table .next, .calendar-widget table .prev {
    font-size: 1.1rem;
    background-color: rgba(var(--ct-primary-rgb),.1) !important;
    border-radius: 0;
    color: var(--ct-primary)
  }

.multi-user a {
  margin-left: -15px;
  border: 3px solid var(--ct-border-color);
  border-radius: 50px
}

  .multi-user a:first-child {
    margin-left: 0
  }

.card-bg-img {
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat
}

.social-list-item {
  height: 2rem;
  width: 2rem;
  line-height: calc(2rem - 2px);
  display: block;
  border: 2px solid var(--ct-gray-500);
  border-radius: 50%;
  color: var(--ct-gray-500)
}

  .social-list-item:hover {
    color: var(--ct-gray-600);
    border-color: var(--ct-gray-600)
  }

.horizontal-steps {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

  .horizontal-steps:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: .2em;
    background-color: var(--ct-border-color)
  }

  .horizontal-steps .process-line {
    display: block;
    position: absolute;
    width: 50%;
    height: .2em;
    background-color: var(--ct-primary)
  }

  .horizontal-steps .horizontal-steps-content {
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%
  }

    .horizontal-steps .horizontal-steps-content .step-item {
      display: block;
      position: relative;
      bottom: calc(100% + 1em);
      height: 8px;
      width: 8px;
      margin: 0 2em;
      box-sizing: content-box;
      color: var(--ct-primary);
      background-color: currentColor;
      border: .25em solid var(--ct-body-bg);
      border-radius: 50%;
      z-index: 5
    }

      .horizontal-steps .horizontal-steps-content .step-item:first-child {
        margin-left: 0
      }

      .horizontal-steps .horizontal-steps-content .step-item:last-child {
        margin-right: 0;
        color: #0acf97
      }

      .horizontal-steps .horizontal-steps-content .step-item span {
        position: absolute;
        top: calc(100% + 1em);
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
        color: var(--ct-gray-500)
      }

      .horizontal-steps .horizontal-steps-content .step-item.current:before {
        content: "";
        display: block;
        position: absolute;
        top: 48%;
        left: 48%;
        padding: 1em;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        z-index: -1;
        animation-name: animation-steps-current;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-out
      }

      .horizontal-steps .horizontal-steps-content .step-item.current span {
        color: var(--ct-primary) !important
      }

@keyframes animation-steps-current {
  from {
    transform: translate(-50%,-50%) scale(0);
    opacity: 1
  }

  to {
    transform: translate(-50%,-50%) scale(1);
    opacity: 0
  }
}

@media (max-width:767.98px) {
  .horizontal-steps .horizontal-steps-content .step-item span {
    white-space: inherit
  }
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ct-tertiary-bg);
  z-index: 9999
}

#status {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px
}

@keyframes bouncing-loader {
  to {
    opacity: .1;
    transform: translate3d(0,-16px,0)
  }
}

.bouncing-loader {
  display: flex;
  justify-content: center
}

  .bouncing-loader > div {
    width: 13px;
    height: 13px;
    margin: 32px 3px;
    background: var(--ct-primary);
    border-radius: 50%;
    animation: bouncing-loader .6s infinite alternate
  }

    .bouncing-loader > div:nth-child(2) {
      animation-delay: .2s;
      background: #fa5c7c
    }

    .bouncing-loader > div:nth-child(3) {
      animation-delay: .4s;
      background: #0acf97
    }

.hero-section {
  position: relative;
  padding: 80px 0 120px 0
}

  .hero-section:after {
    content: " ";
    background-image: linear-gradient(to bottom,#6379c3,#546ee5);
    position: absolute;
    top: -400px;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    border-radius: 0;
    transform: skewY(-3deg)
  }

.auth-brand {
  margin-bottom: 2rem
}

  .auth-brand .logo-dark {
    display: block
  }

  .auth-brand .logo-light {
    display: none
  }

html[data-theme=dark] .auth-brand .logo-dark {
  display: none
}

html[data-theme=dark] .auth-brand .logo-light {
  display: block
}

body.authentication-bg .account-pages {
  align-items: center;
  display: flex;
  min-height: 100vh
}

.auth-fluid-pages.enlarged, .authentication-bg.enlarged, body.auth-fluid-pages[data-sidenav-size=condensed] {
  min-height: 100px
}

.logout-icon {
  width: 140px
}

.auth-fluid {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 100vh;
  flex-direction: row;
  align-items: stretch;
  /*background: url(../images/bg-auth.jpg) center;*/
  background-size: cover
}

  .auth-fluid .auth-fluid-form-box {
    max-width: 480px;
    border-radius: 0;
    z-index: 2;
    padding: 3rem;
    background-color: var(--ct-secondary-bg);
    position: relative;
    width: 100%
  }

  .auth-fluid .auth-fluid-left, .auth-fluid .auth-fluid-right {
    padding: 6rem 3rem;
    flex: 1;
    position: relative;
    color: #fff;
    background-color: rgba(0,0,0,.3)
  }

.auth-user-testimonial {
  position: absolute;
  margin: 0 auto;
  padding: 0 1.75rem;
  bottom: 3rem;
  left: 0;
  right: 0
}

  .auth-user-testimonial p.lead {
    font-size: 1.125rem;
    margin: 0 auto 20px auto;
    max-width: 700px
  }

@media (max-width:991.98px) {
  .auth-fluid {
    display: block
  }

    .auth-fluid .auth-fluid-form-box {
      max-width: 100%;
      min-height: 100vh
    }

    .auth-fluid .auth-fluid-right {
      display: none
    }
}

html[data-theme=dark] .auth-brand .logo-light {
  display: block
}

html[data-theme=dark] .auth-brand .logo-dark {
  display: none
}

.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: .5rem;
  overflow: auto
}

.grid-structure .grid-container {
  background-color: var(--ct-tertiary-bg);
  margin-bottom: 10px;
  font-size: .8rem;
  font-weight: 600;
  padding: 10px 20px
}

.icons-list-demo div {
  cursor: pointer;
  line-height: 45px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden
}

  .icons-list-demo div p {
    margin-bottom: 0;
    line-height: inherit
  }

  .icons-list-demo div:hover, .icons-list-demo div:hover i {
    color: var(--ct-primary)
  }

.icons-list-demo i {
  text-align: center;
  vertical-align: middle;
  font-size: 24px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-right: 12px;
  border-radius: 3px;
  display: inline-block;
  transition: all .2s
}

.text-error {
  color: var(--ct-btn-light);
  /*text-shadow: rgba(var(--ct-primary-rgb),.3) 5px 1px,rgba(var(--ct-primary-rgb),.2) 10px 3px;
  font-size: 5.25rem;
  line-height: 5.625rem*/
}

.faq-question-q-box {
  height: 30px;
  width: 30px;
  color: var(--ct-primary);
  background-color: rgba(var(--ct-primary-rgb),.25);
  box-shadow: 0 0 45px 0 rgba(var(--ct-body-color-rgb),.2);
  text-align: center;
  border-radius: 50%;
  float: left;
  font-weight: 700;
  line-height: 30px
}

.faq-question {
  margin-top: 0;
  margin-left: 50px;
  font-weight: 600;
  font-size: 16px;
  color: var(--ct-tertiary-color)
}

.faq-answer {
  margin-left: 50px
}

.maintenance-icon {
  font-size: 22px;
  box-shadow: 0 0 45px 0 rgba(var(--ct-body-color-rgb),.2);
  height: 60px;
  display: inline-block;
  width: 60px;
  line-height: 58px;
  border-radius: 50%
}

.board {
  display: block;
  white-space: nowrap;
  overflow-x: auto
}

.tasks {
  display: inline-block;
  width: 22rem;
  padding: 0 1rem 1rem 1rem;
  border: 1px solid var(--ct-border-color);
  vertical-align: top;
  margin-bottom: 1.5rem;
  border-radius: var(--ct-border-radius)
}

  .tasks.tasks:not(:last-child) {
    margin-right: 1.25rem
  }

  .tasks .card {
    white-space: normal;
    margin-top: 1rem
  }

  .tasks .task-header {
    background-color: var(--ct-tertiary-bg);
    padding: 1rem;
    margin: 0 -1rem
  }

.task-list-items {
  min-height: 100px;
  position: relative
}

  .task-list-items:before {
    content: "No Tasks";
    position: absolute;
    line-height: 110px;
    width: 100%;
    text-align: center;
    font-weight: 600
  }

.task-modal-content .form-control-light {
  background-color: var(--ct-light) !important;
  border-color: var(--ct-border-color) !important
}

.gantt-task-details {
  min-width: 220px
}

.page-aside-left {
  width: 240px;
  float: left;
  padding: 0 20px 20px 10px;
  position: relative
}

  .page-aside-left:before {
    content: "";
    background-color: var(--ct-body-bg);
    width: 5px;
    position: absolute;
    right: -15px;
    height: 100%;
    bottom: -1.5rem
  }

.page-aside-right {
  margin: -1.5rem 0 -1.5rem 250px;
  border-left: 5px solid var(--ct-body-bg);
  padding: 1.5rem 0 1.5rem 25px
}

.email-list {
  display: block;
  padding-left: 0;
  overflow: hidden
}

  .email-list > li {
    position: relative;
    display: block;
    height: 51px;
    line-height: 50px;
    cursor: default;
    transition-duration: .3s
  }

    .email-list > li a {
      color: var(--ct-body-color)
    }

      .email-list > li a:hover {
        color: var(--ct-tertiary-color)
      }

    .email-list > li .col-mail {
      float: left;
      position: relative
    }

    .email-list > li .email-sender-info {
      width: 320px
    }

      .email-list > li .email-sender-info .checkbox-wrapper-mail, .email-list > li .email-sender-info .star-toggle {
        display: block;
        float: left
      }

      .email-list > li .email-sender-info .checkbox-wrapper-mail {
        margin: 15px 10px 0 20px;
        cursor: pointer;
        height: 20px;
        width: 20px
      }

      .email-list > li .email-sender-info .star-toggle {
        color: var(--ct-gray-500);
        margin-left: 10px;
        font-size: 18px
      }

      .email-list > li .email-sender-info .email-title {
        position: absolute;
        top: 0;
        left: 100px;
        right: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 0;
        line-height: 50px
      }

    .email-list > li .email-content {
      position: absolute;
      top: 0;
      left: 320px;
      right: 0;
      bottom: 0
    }

      .email-list > li .email-content .email-date, .email-list > li .email-content .email-subject {
        position: absolute;
        top: 0
      }

      .email-list > li .email-content .email-subject {
        left: 0;
        right: 110px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
      }

      .email-list > li .email-content .email-date {
        right: 0;
        width: 100px;
        text-align: right;
        padding-left: 10px
      }

    .email-list > li.active, .email-list > li.mail-selected {
      background: var(--ct-tertiary-bg);
      transition-duration: 50ms
    }

    .email-list > li.unread a {
      font-weight: 600;
      color: var(--ct-dark)
    }

    .email-list > li .email-action-icons {
      opacity: 0
    }

      .email-list > li .email-action-icons ul {
        display: flex;
        position: absolute;
        transition: all .5s;
        right: -180px
      }

        .email-list > li .email-action-icons ul li {
          margin: 0 10px
        }

        .email-list > li .email-action-icons ul .email-action-icons-item {
          font-size: 20px;
          transition: all .5s
        }

          .email-list > li .email-action-icons ul .email-action-icons-item:hover {
            color: #fa5c7c
          }

    .email-list > li:hover {
      background: var(--ct-tertiary-bg);
      transition-duration: 50ms
    }

      .email-list > li:hover .email-action-icons {
        opacity: 1
      }

        .email-list > li:hover .email-action-icons ul {
          transition: all .5s;
          right: 10px
        }

      .email-list > li:hover .email-content .email-date {
        opacity: 0
      }

      .email-list > li:hover .email-content .email-subject {
        right: 180px;
        transition: all .5s
      }

.email-menu-list a {
  color: var(--ct-secondary-color);
  padding: 12px 5px;
  display: block;
  font-size: 15px
}

  .email-menu-list a:hover {
    color: var(--ct-tertiary-color)
  }

  .email-menu-list a .badge {
    margin-top: 3px
  }

.labels-list a {
  padding: 7px 5px
}

.write-mdg-box .CodeMirror {
  height: 150px
}

@media (max-width:648px) {
  .page-aside-left {
    width: 100%;
    float: none;
    padding: 0 10px 20px 10px
  }

    .page-aside-left:before {
      width: 0
    }

  .page-aside-right {
    margin-left: 0;
    border: 0;
    padding-left: 0
  }

  .email-list li .email-sender-info .checkbox-wrapper-mail {
    margin-left: 0
  }
}

@media (max-width:520px) {
  .page-aside-right > .btn-group {
    margin-bottom: 10px
  }

  .email-list li .email-sender-info {
    width: 150px
  }

    .email-list li .email-sender-info .email-title {
      left: 80px
    }

  .email-list li .email-content {
    display: none
  }
}

.timeline {
  margin-bottom: 50px;
  position: relative
}

  .timeline:before {
    background-color: var(--ct-border-color);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 30px;
    width: 2px;
    z-index: 0
  }

.timeline-show {
  position: relative
}

  .timeline-show .time-show-name {
    display: inline-block;
    border-radius: 4px;
    background-color: var(--ct-border-color);
    padding: 7px 15px
  }

.timeline-box {
  background-color: var(--ct-secondary-bg);
  box-shadow: var(--ct-box-shadow);
  display: block;
  margin: 15px 0;
  padding: 1.5rem;
  border-radius: var(--ct-border-radius)
}

.timeline-album {
  margin-top: 12px
}

  .timeline-album a {
    display: inline-block;
    margin-right: 5px
  }

  .timeline-album img {
    height: 36px;
    width: auto;
    border-radius: 3px
  }

@media (min-width:768px) {
  .timeline .timeline-box {
    margin-left: 65px
  }

  .timeline .timeline-icon {
    background: var(--ct-border-color);
    border-radius: 50%;
    display: block;
    height: 24px;
    left: -11px;
    margin-top: -12px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 24px
  }

    .timeline .timeline-icon i {
      color: var(--ct-secondary-color);
      font-size: 1rem;
      vertical-align: middle
    }

  .timeline .timeline-desk {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 50%
  }

  .timeline-lg-item {
    display: flex
  }

    .timeline-lg-item:before {
      content: "";
      display: block;
      width: 50%
    }

    .timeline-lg-item .timeline-desk .arrow {
      border-bottom: 12px solid transparent;
      border-right: 12px solid var(--ct-secondary-bg) !important;
      border-top: 12px solid transparent;
      display: block;
      height: 0;
      left: 53px;
      margin-top: -12px;
      position: absolute;
      top: 50%;
      width: 0;
      box-shadow: var(--ct-box-shadow)
    }

    .timeline-lg-item.timeline-item-left:after {
      content: "";
      display: block;
      width: 50%
    }

    .timeline-lg-item.timeline-item-left .timeline-desk .arrow-alt {
      border-bottom: 12px solid transparent;
      border-left: 12px solid var(--ct-secondary-bg) !important;
      border-top: 12px solid transparent;
      display: block;
      height: 0;
      left: auto;
      margin-top: -12px;
      position: absolute;
      right: 53px;
      top: 50%;
      width: 0;
      box-shadow: var(--ct-box-shadow)
    }

    .timeline-lg-item.timeline-item-left .timeline-desk .album {
      float: right;
      margin-top: 20px
    }

      .timeline-lg-item.timeline-item-left .timeline-desk .album a {
        float: right;
        margin-left: 5px
      }

    .timeline-lg-item.timeline-item-left .timeline-icon {
      left: auto;
      right: -13px
    }

    .timeline-lg-item.timeline-item-left:before {
      display: none
    }

    .timeline-lg-item.timeline-item-left .timeline-box {
      margin-right: 65px;
      margin-left: 0
    }
}

@media (max-width:767.98px) {
  .timeline .timeline-icon {
    display: none
  }
}

.apex-charts {
  min-height: 10px !important
}

  .apex-charts text {
    font-family: var(--ct-font-sans-serif) !important
  }

  .apex-charts .apexcharts-canvas {
    margin: 0 auto
  }

.apexcharts-datalabels text, .apexcharts-tooltip-text, .apexcharts-tooltip-title, .apexcharts-xaxistooltip-text {
  font-family: var(--ct-font-sans-serif) !important
}

.apexcharts-tooltip {
  border: 1px solid var(--ct-border-color) !important;
  background-color: var(--ct-secondary-bg) !important;
  box-shadow: var(--ct-box-shadow) !important
}

  .apexcharts-tooltip * {
    font-family: var(--ct-font-sans-serif) !important;
    color: var(--ct-tertiary-color) !important
  }

  .apexcharts-tooltip .apexcharts-tooltip-title {
    background-color: rgba(var(--ct-light-rgb),.75) !important;
    border-bottom: 1px solid var(--ct-border-color) !important
  }

  .apexcharts-tooltip.apexcharts-theme-dark * {
    color: #fff !important
  }

.apexcharts-legend-series {
  font-weight: 600
}

.apexcharts-gridline {
  pointer-events: none;
  stroke: var(--ct-border-color-custom)
}

.apexcharts-xaxis-tick {
  stroke: var(--ct-border-color)
}

.apexcharts-legend-text {
  color: var(--ct-tertiary-color) !important;
  font-family: var(--ct-font-sans-serif) !important;
  font-size: 13px !important;
  vertical-align: middle
}

.apexcharts-legend-marker {
  vertical-align: middle;
  margin-right: 5px !important;
  top: -1px !important
}

.apexcharts-pie-label {
  fill: #fff !important
}

.apexcharts-subtitle-text, .apexcharts-title-text {
  fill: var(--ct-secondary-color);
  font-family: var(--ct-font-sans-serif) !important
}

.apexcharts-xaxis text, .apexcharts-yaxis text {
  font-family: var(--ct-font-sans-serif) !important;
  fill: var(--ct-secondary-color)
}

.apexcharts-yaxis-title {
  font-weight: 500
}

.apexcharts-annotation-rect {
  fill: var(--ct-tertiary-bg) !important
}

.apexcharts-xaxis-annotations rect, .apexcharts-yaxis-annotations rect {
  stroke: none
}

.apexcharts-grid-borders .apexcharts-gridline + line {
  stroke: var(--ct-border-color)
}

.apex-toolbar .btn-light.active {
  background-color: var(--ct-primary);
  border-color: var(--ct-primary);
  color: #fff;
  box-shadow: 0 2px 6px 0 rgba(var(--ct-primary-rgb),.5)
}

.apexcharts-xaxistooltip {
  background-color: var(--ct-secondary-bg) !important;
  border: var(--ct-border-width) solid var(--ct-border-color) !important;
  box-shadow: var(--ct-box-shadow) !important;
  color: var(--ct-body-color) !important
}

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: var(--ct-border-color) !important
}

.apexcharts-datalabel-value {
  fill: var(--ct-body-color) !important
}

.apexcharts-menu {
  background: var(--ct-secondary-bg) !important;
  padding: .25rem 0 !important;
  box-shadow: var(--ct-box-shadow) !important;
  border: var(--ct-border-width) solid var(--ct-border-color) !important;
  text-align: center !important
}

  .apexcharts-menu .apexcharts-menu-item:hover {
    color: var(--ct-tertiary-color) !important;
    background-color: var(--ct-tertiary-bg) !important
  }

.apexcharts-radar-series polygon {
  fill: transparent;
  stroke: var(--ct-border-color)
}

.apexcharts-radar-series line {
  stroke: var(--ct-border-color)
}

.apexcharts-track path {
  stroke: var(--ct-tertiary-bg)
}

.apexcharts-marker {
  stroke: var(--ct-body-bg)
}

.apexcharts-grid rect {
  fill: none
}

.apex-charts .apexcharts-bar-series path, .apex-charts .apexcharts-heatmap-series rect, .apex-charts .apexcharts-pie-series path, .apex-charts .apexcharts-treemap rect {
  stroke: var(--ct-body-bg)
}

.apexcharts-pie circle, .apexcharts-pie line {
  stroke: var(--ct-border-color)
}

.britechart, .tick text {
  font-family: var(--ct-font-sans-serif);
  font-size: .75rem
}

.extended-x-line, .extended-y-line, .horizontal-grid-line, .vertical-grid-line {
  stroke: var(--ct-border-color)
}

.bar-chart .percentage-label, .donut-text, .legend-entry-name, .legend-entry-value, .tick text {
  fill: var(--ct-secondary-color)
}

.calendar {
  float: left;
  margin-bottom: 0
}

.fc-view {
  margin-top: 30px
}

.none-border .modal-footer {
  border-top: none
}

.fc-toolbar {
  margin: 6px 0 5px 0 !important
}

  .fc-toolbar .h2, .fc-toolbar h2 {
    font-size: 1.25rem !important;
    line-height: 1.875rem;
    text-transform: uppercase
  }

.fc-day-grid-event .fc-time {
  font-weight: 600
}

th.fc-day-header {
  padding: .5rem 0
}

.fc-day {
  background: 0 0
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:focus, .fc-toolbar button:hover {
  z-index: 0
}

.fc th.fc-widget-header {
  background: var(--ct-tertiary-bg);
  font-size: 13px;
  line-height: 20px;
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: 600
}

.fc .fc-daygrid-body, .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {
  width: 100% !important
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: var(--ct-border-color)
}

  .fc-unthemed .fc-divider, .fc-unthemed td.fc-today {
    background: var(--ct-tertiary-bg)
  }

.fc-button {
  background: var(--ct-tertiary-bg);
  border: none;
  color: var(--ct-tertiary-color);
  text-transform: capitalize;
  box-shadow: none;
  border-radius: 3px;
  margin: 0 3px;
  padding: 6px 12px;
  height: auto
}

.fc-text-arrow {
  font-family: inherit;
  font-size: 1rem
}

.fc-cell-overlay, .fc-state-highlight, .fc-state-hover {
  background: var(--ct-tertiary-bg)
}

.fc-state-active, .fc-state-disabled, .fc-state-down {
  background-color: var(--ct-primary);
  color: #fff;
  text-shadow: none
}

.fc-unthemed .fc-today {
  background: #fff
}

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: .8125rem;
  margin: 5px 7px;
  padding: 5px 5px;
  text-align: center;
  color: #fff
}

  .fc-event.bg-dark .fc-event-time, .fc-event.bg-dark .fc-event-title {
    color: var(--ct-emphasis-color)
  }

  .fc-event.bg-dark .fc-daygrid-event-dot {
    border-color: var(--ct-border-color)
  }

.external-event {
  cursor: move;
  margin: 10px 0;
  padding: 8px 10px;
  color: #fff;
  border-radius: 4px
}

.fc-basic-view td.fc-week-number span {
  padding-right: 8px
}

.fc-basic-view td.fc-day-number {
  padding-right: 8px
}

.fc-basic-view .fc-content {
  color: #fff
}

.fc-time-grid-event .fc-content {
  color: #fff
}

.fc-daygrid-day-number {
  float: right;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  background-color: var(--ct-tertiary-bg);
  border-radius: 50%;
  margin: 5px;
  font-size: 11px;
  padding: 0 !important
}

.fc-daygrid-event-dot {
  border-color: #fff
}

.fc-event-time, .fc-event-title {
  color: #fff
}

.fc .fc-list-sticky .fc-list-day > *, .table-active, .table-active > td, .table-active > th {
  background-color: transparent
}

.fc .fc-list-event:hover td {
  background-color: inherit
}

@media (max-width:767.98px) {
  .fc-toolbar {
    display: block !important
  }

    .fc-toolbar .fc-toolbar-chunk {
      margin: 6px 0
    }

    .fc-toolbar .fc-center, .fc-toolbar .fc-left, .fc-toolbar .fc-right {
      float: none;
      display: block;
      clear: both;
      margin: 10px 0
    }

  .fc .fc-toolbar > * > * {
    float: none
  }

  .fc-today-button {
    display: none
  }
}

.fc-toolbar .btn {
  --ct-btn-padding-y: 0.28rem;
  --ct-btn-padding-x: 0.8rem;
  --ct-btn-font-size: 0.875rem;
  --ct-btn-border-radius: 0.2rem
}

.fc-list-item-time, .fc-list-item-title {
  color: #fff
}

#calendar .table-bordered td, #calendar .table-bordered th {
  border: var(--ct-border-width) solid var(--ct-border-color)
}

[dir=rtl] .fc-toolbar-chunk .btn-group .btn:first-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-radius: .2rem
}

[dir=rtl] .fc-toolbar-chunk .btn-group .btn:last-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: .2rem
}

.chartjs-chart {
  margin: auto;
  position: relative;
  width: 100%
}

.dataTables_wrapper.container-fluid, .dataTables_wrapper.container-lg, .dataTables_wrapper.container-md, .dataTables_wrapper.container-sm, .dataTables_wrapper.container-xl, .dataTables_wrapper.container-xxl {
  padding: 0
}

table.dataTable {
  border-collapse: collapse !important;
  margin-bottom: 15px !important
}

  table.dataTable.dtr-inline.collapsed > tbody > tr th.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    background-color: var(--ct-primary);
    box-shadow: 0 0 2px 0 var(--ct-primary)
  }

  table.dataTable thead:not.table-light th {
    background-color: transparent;
    border-bottom-color: var(--ct-gray-300)
  }

  table.dataTable tbody tr.even td, table.dataTable tbody tr.odd td {
    background-color: transparent
  }

  table.dataTable tbody > tr.selected td {
    background-color: var(--ct-primary)
  }

  table.dataTable.table-striped > tbody > tr.selected:nth-of-type(odd) > * {
    --ct-table-accent-bg: $primary !important
  }

  table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc_disabled:before {
    right: .5rem;
    left: auto;
    content: "\f0360";
    font-family: "Material Design Icons";
    font-size: 1rem;
    top: 12px
  }

  table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc_disabled:after {
    right: .5em;
    left: auto;
    content: "\f035d";
    font-family: "Material Design Icons";
    top: 18px;
    font-size: 1rem
  }

  table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc {
    padding-right: 30px;
    padding-left: .95rem
  }

  table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: var(--ct-primary)
  }

    table.dataTable tbody > tr.selected td, table.dataTable tbody > tr > .selected td {
      border-color: var(--ct-primary)
    }

  table.dataTable tbody td:focus {
    outline: 0 !important
  }

  table.dataTable tbody td.focus, table.dataTable tbody th.focus {
    outline: 2px solid #727cf5 !important;
    outline-offset: -1px;
    background-color: rgba(var(--ct-primary-rgb),.15)
  }

.dataTables_info {
  font-weight: 600
}

.dtfh-floatingparent {
  top: var(--ct-topbar-height) !important
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
  box-shadow: 0 0 45px 0 rgba(var(--ct-body-color-rgb),.2);
  background-color: #0acf97;
  top: auto;
  bottom: auto
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #fa5c7c
}

div.dt-button-info {
  background-color: var(--ct-primary);
  border: none;
  color: #fff;
  box-shadow: none;
  border-radius: 3px;
  text-align: center;
  z-index: 21
}

  div.dt-button-info .h2, div.dt-button-info h2 {
    border-bottom: none;
    background-color: rgba(255,255,255,.2);
    color: #fff
  }

@media (max-width:767.98px) {
  li.paginate_button.next, li.paginate_button.previous {
    display: inline-block;
    font-size: 1.5rem
  }

  li.paginate_button {
    display: none
  }

  .dataTables_paginate ul {
    text-align: center;
    display: block;
    margin: 1.5rem 0 0 !important
  }

  div.dt-buttons {
    display: inline-table;
    margin-bottom: 1.5rem
  }
}

.activate-select .sorting_1 {
  background-color: var(--ct-tertiary-bg) !important
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right
}

@media (max-width:576px) {
  div.dataTables_wrapper div.dataTables_filter {
    text-align: center
  }
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: .5em;
  margin-right: 0
}

div.dataTables_wrapper div.dataTables_length {
  text-align: left
}

@media (max-width:576px) {
  div.dataTables_wrapper div.dataTables_length {
    text-align: center
  }
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-right: 0
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-left: 0
}

div.dataTables_scrollBody {
  border-left: none !important
}

  div.dataTables_scrollBody > table {
    margin-bottom: 15px !important
  }

    div.dataTables_scrollBody > table > :not(:first-child) {
      border-top: none !important
    }

.daterangepicker {
  font-family: var(--ct-font-sans-serif);
  border: var(--ct-border-width) solid var(--ct-border-color);
  box-shadow: var(--ct-box-shadow);
  background-color: var(--ct-secondary-bg)
}

  .daterangepicker .calendar-table {
    border: 1px solid var(--ct-secondary-bg);
    background-color: var(--ct-secondary-bg)
  }

    .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
      color: var(--ct-gray-600)
    }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
      border-color: var(--ct-border-color)
    }

  .daterangepicker .ranges li:hover {
    background-color: var(--ct-tertiary-bg)
  }

  .daterangepicker .ranges li.active {
    background-color: var(--ct-primary)
  }

  .daterangepicker td.in-range {
    background: var(--ct-tertiary-bg);
    color: var(--ct-tertiary-color)
  }

  .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
    background-color: var(--ct-secondary-bg);
    color: var(--ct-body-color);
    opacity: .5
  }

  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--ct-primary);
    color: #fff
  }

    .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background-color: var(--ct-primary);
      color: #fff
    }

      .daterangepicker td.active span, .daterangepicker td.active:hover span, .daterangepicker td.available:hover span, .daterangepicker th.available:hover span {
        border-color: #fff
      }

  .daterangepicker:after {
    border-bottom: 6px solid var(--ct-secondary-bg)
  }

  .daterangepicker:before {
    border-bottom: 7px solid var(--ct-border-color)
  }

  .daterangepicker .drp-buttons {
    border-top: 1px solid var(--ct-border-color)
  }

  .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
    background: var(--ct-tertiary-bg);
    border: 1px solid var(--ct-border-color);
    color: var(--ct-body-color)
  }

  .daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid var(--ct-border-color) !important
  }

.datepicker {
  padding: 10px !important
}

  .datepicker td, .datepicker th {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 13px;
    line-height: 28px
  }

  .datepicker table tr td .active.disabled:hover[disabled], .datepicker table tr td .active.disabled[disabled], .datepicker table tr td .active:active, .datepicker table tr td .active:hover, .datepicker table tr td .active:hover.active, .datepicker table tr td .active:hover.disabled, .datepicker table tr td .active:hover:active, .datepicker table tr td .active:hover:hover, .datepicker table tr td .active:hover[disabled], .datepicker table tr td .active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #727cf5 !important;
    background-image: none !important;
    color: #fff
  }

  .datepicker table tr td span.focused, .datepicker table tr td span:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: var(--ct-tertiary-bg)
  }

  .datepicker table tr td span.new, .datepicker table tr td span.old, .datepicker table tr td.new, .datepicker table tr td.old {
    color: var(--ct-tertiary-color);
    opacity: .4
  }

  .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: var(--ct-gray-200)
  }

  .datepicker .datepicker-switch:hover {
    background: 0 0
  }

.datepicker-dropdown:after {
  border-bottom: 6px solid var(--ct-secondary-bg)
}

.datepicker-dropdown:before {
  border-bottom-color: var(--ct-border-color)
}

.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid var(--ct-border-color)
}

.datepicker-dropdown.datepicker-orient-top:after {
  border-top: 6px solid var(--ct-secondary-bg)
}

.daterangepicker {
  z-index: 1000
}

[dir=rtl] .daterangepicker.opensright:after {
  right: 10px;
  left: auto
}

[dir=rtl] .daterangepicker.opensright:before {
  right: 9px;
  left: auto
}

.flatpickr-calendar {
  background: var(--ct-secondary-bg);
  box-shadow: var(--ct-box-shadow);
  border: 1px solid var(--ct-border-color)
}

  .flatpickr-calendar.arrowTop:before {
    border-bottom-color: var(--ct-secondary-bg)
  }

  .flatpickr-calendar.arrowTop:after {
    border-bottom-color: var(--ct-secondary-bg)
  }

  .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
    border-top-color: var(--ct-secondary-bg)
  }

.flatpickr-current-month {
  font-size: 110%
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
  background: var(--ct-primary);
  border-color: var(--ct-primary)
}

  .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 var(--ct-primary)
  }

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
  background: var(--ct-input-bg);
  color: var(--ct-tertiary-color)
}

.flatpickr-months .flatpickr-month {
  height: 36px
}

.flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
  color: var(--ct-gray-500);
  fill: var(--ct-gray-500)
}

.flatpickr-weekdays {
  background-color: var(--ct-tertiary-bg)
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover, .flatpickr-day, .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator, .flatpickr-time input, span.flatpickr-weekday {
  color: var(--ct-body-color);
  fill: var(--ct-body-color)
}

  .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
    color: var(--ct-tertiary-color)
  }

    .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
      background: var(--ct-tertiary-bg);
      border-color: var(--ct-tertiary-bg)
    }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  border-top: 1px solid var(--ct-secondary-bg)
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover, .numInputWrapper:hover {
  background-color: transparent;
  color: var(--ct-tertiary-color)
}

.flatpickr-day.inRange {
  box-shadow: -5px 0 0 var(--ct-tertiary-bg),5px 0 0 var(--ct-tertiary-bg)
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  color: var(--ct-tertiary-color)
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: var(--ct-border-color)
}

.bg-dragula {
  background-color: var(--ct-tertiary-bg)
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: .8
}

.gu-hide {
  display: none !important
}

.gu-unselectable {
  -webkit-user-select: none !important;
  user-select: none !important
}

.gu-transit {
  opacity: .2
}

.dragula-handle {
  position: relative;
  width: 36px;
  height: 36px;
  font-size: 24px;
  text-align: center;
  cursor: move
}

  .dragula-handle:before {
    content: "\f01db";
    font-family: "Material Design Icons";
    position: absolute
  }

.dropzone {
  border: 2px dashed var(--ct-border-color);
  background: var(--ct-input-bg);
  border-radius: 6px;
  cursor: pointer;
  min-height: 150px;
  padding: 20px
}

  .dropzone .dz-message {
    text-align: center;
    margin: 2rem 0
  }

  .dropzone.dz-started .dz-message {
    display: none
  }

.form-wizard-header {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  background-color: var(--ct-tertiary-bg)
}

.gmaps, .gmaps-panaroma {
  height: 300px;
  background: var(--ct-tertiary-bg);
  border-radius: 3px
}

.jvectormap-label {
  border: none;
  background: var(--ct-tertiary-bg);
  color: var(--ct-tertiary-color);
  font-family: var(--ct-font-sans-serif);
  font-size: .9rem;
  padding: 5px 8px
}

.jvectormap-container .jvectormap-zoomin, .jvectormap-container .jvectormap-zoomout {
  background-color: var(--ct-tertiary-bg);
  color: var(--ct-tertiary-color)
}

.ql-editor {
  text-align: left
}

  .ql-editor ol, .ql-editor ul {
    padding-left: 1.5em;
    padding-right: 0
  }

  .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
  }

.ql-container {
  font-family: var(--ct-font-sans-serif)
}

  .ql-container.ql-snow {
    border-color: var(--ct-border-color);
    border-radius: 0 0 .25rem .25rem
  }

.ql-bubble {
  border: var(--ct-border-width) solid var(--ct-border-color);
  border-radius: .25rem
}

.ql-toolbar {
  font-family: var(--ct-font-sans-serif) !important
}

  .ql-toolbar span {
    outline: 0 !important;
    color: var(--ct-body-color)
  }

    .ql-toolbar span:hover {
      color: #727cf5 !important
    }

  .ql-toolbar.ql-snow {
    border-radius: .25rem .25rem 0 0;
    border-color: var(--ct-border-color)
  }

    .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
      border-color: transparent
    }

    .ql-toolbar.ql-snow .ql-picker-options {
      box-shadow: var(--ct-box-shadow);
      border-radius: .25rem
    }

.ql-snow .ql-script, .ql-snow .ql-strike svg, .ql-snow .ql-stroke {
  stroke: var(--ct-body-color)
}

.ql-snow .ql-fill {
  fill: var(--ct-body-color)
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right: 0;
  left: auto
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: var(--ct-body-color)
}

.ql-snow .ql-picker-options {
  background-color: var(--ct-secondary-bg);
  border-color: var(--ct-border-color) !important
}

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

  .select2-container .select2-selection--single {
    border: var(--ct-border-width) solid var(--ct-border-color);
    height: calc(1.5em + .9rem + calc(var(--ct-border-width) * 2));
    background-color: var(--ct-input-bg);
    outline: 0
  }

    .select2-container .select2-selection--single .select2-selection__rendered {
      line-height: 36px;
      padding-left: 12px;
      color: var(--ct-body-color)
    }

    .select2-container .select2-selection--single .select2-selection__arrow {
      height: 34px;
      width: 34px;
      right: 3px
    }

      .select2-container .select2-selection--single .select2-selection__arrow b {
        border-color: var(--ct-gray-500) transparent transparent transparent;
        border-width: 5px 5px 0 5px
      }

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--ct-gray-500) transparent !important;
  border-width: 0 5px 5px 5px !important
}

.select2-results__option {
  padding: 6px 12px
}

.select2-dropdown {
  border: var(--ct-border-width) solid var(--ct-border-color);
  box-shadow: var(--ct-box-shadow);
  background-color: var(--ct-secondary-bg);
  z-index: 1056
}

.select2-results__options::-webkit-scrollbar {
  -webkit-appearance: none
}

  .select2-results__options::-webkit-scrollbar:vertical {
    width: 5px;
    margin-right: 5px
  }

  .select2-results__options::-webkit-scrollbar:horizontal {
    height: 5px
  }

.select2-results__options::-webkit-scrollbar-thumb {
  background-color: rgba(var(--ct-dark-rgb),.2);
  border-radius: 10px;
  margin-right: 5px;
  border: none
}

.select2-results__options::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent
}

.select2-results__options::-webkit-scrollbar-corner {
  background-color: transparent
}

.select2-container--default .select2-results__option--selected {
  background-color: var(--ct-tertiary-bg)
}

.select2-container--default .select2-search--dropdown {
  padding: 10px;
  background-color: var(--ct-secondary-bg)
}

  .select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0;
    border: 1px solid var(--ct-border-color);
    background-color: var(--ct-input-bg);
    color: var(--ct-body-color);
    border-radius: .25rem
  }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--ct-primary)
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--ct-secondary-bg);
  color: var(--ct-tertiary-color)
}

  .select2-container--default .select2-results__option[aria-selected=true]:hover {
    background-color: var(--ct-primary);
    color: #fff
  }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 36px;
  padding-right: 5px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 1px;
  left: auto
}

.select2-container .select2-selection--multiple {
  min-height: calc(1.5em + .9rem + calc(var(--ct-border-width) * 2));
  border: var(--ct-border-width) solid var(--ct-border-color) !important;
  background-color: var(--ct-input-bg)
}

  .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 1px 4px
  }

  .select2-container .select2-selection--multiple .select2-search__field {
    border: 0;
    color: var(--ct-body-color)
  }

  .select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--ct-primary);
    border: none;
    color: #fff;
    border-radius: 3px;
    padding: 0 7px 0 0;
    margin-top: 6px
  }

  .select2-container .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    margin-right: 7px;
    border-color: #8089f6;
    padding: 0 8px
  }

    .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #fff;
      background-color: var(--ct-primary)
    }

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 7px;
  font-family: var(--ct-font-sans-serif)
}

.select2-container .select2-search textarea::placeholder {
  color: var(--ct-secondary-color)
}

[dir=rtl] .select2-container--open .select2-dropdown {
  left: auto;
  right: 0
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  overflow: auto;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none
}

  .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none
  }

.simplebar-content:after, .simplebar-content:before {
  content: " ";
  display: table
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 5px;
  min-height: 10px
}

  .simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #a2adb7;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s linear
  }

  .simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
  }

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px
}

  .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
  }

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px
}

  .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
  }

    .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
      height: 100%;
      left: 2px;
      right: 2px
    }

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none
}

.custom-scroll {
  height: 100%
}

[data-simplebar-lg] .simplebar-scrollbar {
  right: 1px;
  width: 10px
}

[data-simplebar-primary] .simplebar-scrollbar:before {
  background: var(--ct-primary)
}

.jq-toast-single {
  text-align: left !important;
  padding: 15px;
  font-family: var(--ct-font-sans-serif);
  background-color: var(--ct-primary);
  font-size: 13px;
  line-height: 22px
}

  .jq-toast-single .h2, .jq-toast-single h2 {
    font-family: var(--ct-font-sans-serif)
  }

  .jq-toast-single a {
    font-size: .9rem
  }

    .jq-toast-single a:hover {
      color: #fff
    }

.jq-has-icon {
  padding: 10px
}

.close-jq-toast-single {
  position: absolute;
  top: -12px;
  right: -12px;
  font-size: 20px;
  cursor: pointer;
  height: 32px;
  width: 32px;
  background: var(--ct-gray-800);
  color: var(--ct-gray-300);
  border-radius: 50%;
  text-align: center;
  line-height: 32px
}

.jq-toast-loader {
  height: 3px;
  top: 0;
  border-radius: 0
}

.jq-icon-primary {
  background-color: #727cf5;
  color: #fff;
  border-color: #727cf5
}

.jq-icon-secondary {
  background-color: #6c757d;
  color: #fff;
  border-color: #6c757d
}

.jq-icon-success {
  background-color: #0acf97;
  color: #fff;
  border-color: #0acf97
}

.jq-icon-info {
  background-color: #39afd1;
  color: #fff;
  border-color: #39afd1
}

.jq-icon-warning {
  background-color: #ffc35a;
  color: #fff;
  border-color: #ffc35a
}

.jq-icon-danger {
  background-color: #fa5c7c;
  color: #fff;
  border-color: #fa5c7c
}

.jq-icon-light {
  background-color: #eef2f7;
  color: #fff;
  border-color: #eef2f7
}

.jq-icon-dark {
  background-color: #313a46;
  color: #fff;
  border-color: #313a46
}

.jq-icon-error {
  background-color: #fa5c7c;
  color: #fff;
  border-color: #fa5c7c
}

.jq-icon-error, .jq-icon-info, .jq-icon-success, .jq-icon-warning {
  background-image: none
}

.bootstrap-touchspin .btn .input-group-text {
  padding: 0;
  border: none;
  background-color: transparent;
  color: inherit
}

.bootstrap-timepicker-widget table td input {
  height: 32px;
  width: 32px;
  color: #fff;
  background-color: var(--ct-primary);
  border-radius: 50%;
  border: 0;
  outline: 0 !important
}

.bootstrap-timepicker-widget table td a {
  color: var(--ct-gray-700)
}

  .bootstrap-timepicker-widget table td a:hover {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--ct-primary)
  }

.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid var(--ct-border-color);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent
}

.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid var(--ct-secondary-bg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid var(--ct-secondary-bg)
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid var(--ct-border-color)
}

.CodeMirror-fullscreen, .editor-toolbar.fullscreen {
  z-index: 1000
}

.editor-preview, .editor-preview-side {
  background: var(--ct-gray-300)
}

.editor-toolbar {
  border: 1px solid var(--ct-border-color);
  border-bottom: 0;
  opacity: 1
}

  .editor-toolbar a {
    color: var(--ct-gray-700) !important
  }

    .editor-toolbar a.active, .editor-toolbar a:hover {
      background-color: transparent;
      color: var(--ct-primary) !important;
      border-color: transparent
    }

  .editor-toolbar i.separator {
    display: none
  }

  .editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: 0 0
  }

.CodeMirror {
  border: 1px solid var(--ct-border-color);
  background: var(--ct-input-bg);
  color: var(--ct-body-color);
  min-height: 100px
}

.CodeMirror-cursor {
  border-left: 1px solid var(--ct-gray-600)
}

.editor-statusbar {
  color: var(--ct-gray-800)
}

.twitter-typeahead {
  display: inherit !important
}

.tt-hint, .tt-query {
  outline: 0
}

.tt-query {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.tt-hint {
  color: var(--ct-body-color);
  background: var(--ct-input-bg) !important
}

.tt-menu {
  width: 100%;
  padding: 8px 0;
  max-height: 200px;
  overflow-y: auto;
  background-color: var(--ct-secondary-bg);
  box-shadow: var(--ct-box-shadow);
  border: 1px solid var(--ct-border-color)
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px
}

  .tt-suggestion.tt-cursor, .tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: var(--ct-primary)
  }

  .tt-suggestion p {
    margin: 0
  }

.tt-highlight {
  font-family: var(--ct-font-sans-serif)
}

.typeahead-empty-message {
  padding: 5px 10px;
  color: #fa5c7c
}

.league-name {
  padding: 3px 20px
}

.jqstooltip {
  box-sizing: content-box;
  width: auto !important;
  height: auto !important;
  background-color: #fff !important;
  box-shadow: 0 0 45px 0 rgba(var(--ct-body-color-rgb),.2);
  padding: 5px 10px !important;
  border-radius: 3px;
  border-color: #fff !important
}

.jqsfield {
  color: #000 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-family: var(--ct-font-sans-serif) !important;
  font-weight: 700 !important
}

.timepicker-orient-bottom {
  top: auto !important;
  bottom: calc(1.5em + .9rem + calc(var(--ct-border-width) * 2)) !important
}

.bootstrap-timepicker-widget {
  left: 0 !important;
  right: auto !important
}

  .bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px;
    right: auto
  }

  .bootstrap-timepicker-widget.timepicker-orient-left::after {
    left: 7px;
    right: auto
  }

.rateit {
  display: -moz-inline-box;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none
}

  .rateit .rateit-range * {
    display: block
  }

  .rateit .rateit-hover, .rateit .rateit-selected {
    position: absolute;
    left: 0;
    top: 0;
    width: 0
  }

  .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
    left: auto;
    right: 0
  }

  .rateit .rateit-hover {
    color: #ffc35a
  }

  .rateit .rateit-hover-rtl {
    background-position: right -32px
  }

  .rateit .rateit-selected {
    color: #fa5c7c
  }

  .rateit .rateit-selected-rtl {
    background-position: right -16px
  }

  .rateit .rateit-preset {
    color: #fd7e14
  }

  .rateit button.rateit-reset {
    width: 16px;
    height: 16px;
    float: left;
    outline: 0;
    border: none;
    padding: 0
  }

  .rateit .rateit-reset span {
    display: none
  }

  .rateit .rateit-range {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    height: 16px;
    outline: 0
  }

  .rateit.rateit-font .rateit-reset {
    width: .6em;
    height: .6em;
    margin-right: 5px;
    margin-top: 5px;
    background: var(--ct-tertiary-bg);
    border-radius: 50%;
    position: relative
  }

    .rateit.rateit-font .rateit-reset span {
      display: block;
      height: calc(50% - .045em);
      top: 2px;
      position: absolute;
      border-bottom: 2px solid var(--ct-emphasis-color);
      width: 50%;
      margin-left: 25%;
      margin-right: 25%
    }

    .rateit.rateit-font .rateit-reset:hover, .rateit.rateit-font button.rateit-reset:focus {
      background: #fa5c7c
    }

      .rateit.rateit-font .rateit-reset:hover span, .rateit.rateit-font button.rateit-reset:focus span {
        border-color: #fff
      }

.rateit-mdi {
  font-family: "Material Design Icons"
}

.rateit-font {
  font-size: 24px;
  line-height: 1em
}

  .rateit-font .rateit-range {
    background: 0 0;
    height: auto
  }

    .rateit-font .rateit-range > div {
      background: 0 0;
      overflow: hidden;
      cursor: default;
      white-space: nowrap
    }

  .rateit-font .rateit-empty {
    color: var(--ct-border-color)
  }

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
  right: auto
}

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  font-size: 12px
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0 !important
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0
}

.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1
}

  .irs-handle.type_last {
    z-index: 2
  }

.irs-max, .irs-min {
  position: absolute;
  display: block;
  cursor: default
}

.irs-min {
  left: 0;
  right: auto
}

.irs-max {
  right: 0;
  left: auto
}

[dir=rtl] .irs-min {
  right: 0;
  left: auto
}

[dir=rtl] .irs-max {
  left: 0;
  right: auto
}

.irs-from, .irs-single, .irs-to {
  position: absolute;
  display: block;
  top: 0;
  cursor: default;
  white-space: nowrap
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px
}

.irs-with-grid .irs-grid {
  display: block
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #6c757d
}

  .irs-grid-pol.small {
    height: 4px
  }

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #6c757d
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  z-index: 2
}

.lt-ie9 .irs-disable-mask {
  background: #6c757d;
  cursor: not-allowed
}

.irs-disabled {
  opacity: .4
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: 0 !important;
  z-index: -9999 !important;
  background: 0 0 !important;
  border-style: solid !important;
  border-color: transparent !important
}

.irs--flat {
  height: 40px
}

  .irs--flat.irs-with-grid {
    height: 60px
  }

  .irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: var(--ct-tertiary-bg);
    border-radius: 4px
  }

  .irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: var(--ct-primary)
  }

  .irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
  }

  .irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: var(--ct-tertiary-bg)
  }

  .irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent
  }

    .irs--flat .irs-handle > i:first-child {
      position: absolute;
      display: block;
      top: 0;
      left: 50%;
      width: 2px;
      height: 100%;
      margin-left: -1px;
      background-color: #515df3
    }

  .irs--flat .irs-max, .irs--flat .irs-min {
    top: 0;
    padding: 1px 3px;
    color: var(--ct-secondary-color);
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: var(--ct-tertiary-bg);
    border-radius: 4px
  }

  .irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to {
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: var(--ct-primary);
    border-radius: 4px
  }

    .irs--flat .irs-from:before, .irs--flat .irs-single:before, .irs--flat .irs-to:before {
      position: absolute;
      display: block;
      content: "";
      bottom: -6px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -3px;
      overflow: hidden;
      border: 3px solid transparent;
      border-top-color: var(--ct-primary)
    }

  .irs--flat .irs-grid-pol {
    background-color: var(--ct-tertiary-bg)
  }

  .irs--flat .irs-grid-text {
    color: var(--ct-secondary-color)
  }

[dir=rtl] .irs-bar--single {
  border-radius: 0 4px 4px 0 !important
}

.jstree-default {
  padding: 2px 6px;
  height: auto
}

  .jstree-default .jstree-clicked, .jstree-default .jstree-hovered {
    background: var(--ct-tertiary-bg);
    box-shadow: none
  }

  .jstree-default .jstree-anchor, .jstree-default .jstree-icon, .jstree-default .jstree-icon:empty {
    line-height: 20px
  }

  /*.jstree-default .jstree-icon, .jstree-default .jstree-node {
    background-image: url(../images/treeview.png)
  }*/

  .jstree-default .jstree-last {
    background: 0 0
  }

  .jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
  }

  .jstree-default .jstree-disabled {
    color: var(--ct-secondary-color)
  }

.jstree-wholerow.jstree-wholerow-clicked, .jstree-wholerow.jstree-wholerow-hovered {
  background: var(--ct-tertiary-bg)
}

.gantt .bar-progress {
  fill: var(--ct-primary)
}

.gantt .bar-wrapper:hover .bar-progress {
  fill: #8a92f7
}

.gantt .bar, .gantt .bar-wrapper:hover .bar {
  fill: var(--ct-light)
}

.gantt .bar-label, .gantt .bar-label.big {
  fill: var(--ct-tertiary-color)
}

.gantt .grid-header {
  fill: rgba(var(--ct-tertiary-bg-rgb),1);
  stroke: rgba(var(--ct-tertiary-bg-rgb),1)
}

.gantt .grid-row {
  fill: transparent
}

  .gantt .grid-row:nth-child(even) {
    fill: rgba(var(--ct-tertiary-bg-rgb),1)
  }

.gantt .lower-text, .gantt .upper-text {
  fill: var(--ct-body-color)
}

.gantt .row-line {
  stroke: var(--ct-border-color)
}

.gantt .today-highlight {
  fill: var(--ct-gray-200)
}

.gantt-container::-webkit-scrollbar {
  -webkit-appearance: none
}

  .gantt-container::-webkit-scrollbar:vertical {
    width: 5px;
    margin-right: 5px
  }

  .gantt-container::-webkit-scrollbar:horizontal {
    height: 5px
  }

.gantt-container::-webkit-scrollbar-thumb {
  background-color: rgba(var(--ct-dark-rgb),.2);
  border-radius: 10px;
  margin-right: 5px;
  border: none
}

.gantt-container::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent
}

.gantt-container::-webkit-scrollbar-corner {
  background-color: transparent
}

.gantt-container .popup-wrapper {
  background: 0 0
}

  .gantt-container .popup-wrapper .pointer {
    display: none
  }

.brnchslct {
  cursor: pointer;
  font-family: "Inter", sans-serif !important;
}

.brnchChng {
  height: auto;
  max-height: 350px;
  overflow-y: auto;
}

table tr td, th {
  vertical-align: middle;
}

.tbleimp {
  color: red;
}

table tr:last-of-type td {
  border-bottom-width: 0;
}

/* width */
.modal-dialog::-webkit-scrollbar {
  width: 1px;
}

/* Track */
.modal-dialog::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
.modal-dialog::-webkit-scrollbar-thumb {
  background: #fff;
}

  /* Handle on hover */
  .modal-dialog::-webkit-scrollbar-thumb:hover {
    background: #fff;
  }


  .custom-scroll{
      overflow-y: auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
  }

  .custom-scroll::-webkit-scrollbar{
      display: none;
  }

.subheads {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--ct-modal-subheads-color) !important;
}

.subheadsAll {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--ct-modal-label-color) !important;
}

.requiredImp {
  color: #ff0000;
}

.tab-content-lab input {
  border-radius: .50em;
}

.tab-content-lab select {
  border-radius: .50em;
  height: 40px;
}

.btn-footer-cancel {
  border: 1px solid var(--ct-primary-border-btn-color) !important;
  color: var(--ct-primary-border-btn-color);
  background-color: var(--ct-btn-add-bg);
  width: 90px;
  height: 40px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

  .btn-footer-cancel:hover {
    border: 1px solid var(--ct-primary-border-btn-color) !important;
    color: #ffffff;
    background-color: var(--ct-primary-border-btn-color);
  }



.scrollable-body {
  overflow: auto;
  flex-grow: 1;
  padding: 0 28px;
  max-height: calc(100vh - 120px);
}

.modal-content {
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 103%;
}

.modal-header .close {
  font-size: 1.5rem;
  line-height: 1;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--ct-modal-heading-color-close);
}

  .modal-header .close:hover {
    background-color: #dce3ff85;
    border-radius: 4px;
  }

.btn-add {
  border: 1px solid var(--ct-primary-border-btn-color) !important;
  color: var(--ct-primary-border-btn-color);
  background-color: var(--ct-btn-add-bg);
  width: 120px;
  height: 40px;
  border-radius: 8px;
  font-size: 12px !important;
  padding: 12px 24px;
}


  .btn-add:hover {
    border: 1px solid var(--ct-primary-border-btn-color) !important;
    color: #ffffff;
    background-color: var(--ct-primary-border-btn-color);
  }

.removeAll {
  height: 32px;
  font-size: 12px;
  font-weight: 500;
  color: var(--ct-modal-primary-color);
  background-color: var(--ct-secondary-bg);
  margin-bottom: 8px;
  border: none;
  margin-top: 8px;
}

  .removeAll:hover {
    background-color: var(--ct-modal-hover-bg);
    color: var(--ct-modal-hover-primary-color);
    border-radius: 4px;
  }



.btn-pa {
  border: 1px solid var(--ct-primary-border-btn-color) !important;
  color: var(--ct-primary-border-btn-color);
  background-color: var(--ct-btn-add-bg);
  width: 100%;
  height: 40px;
  border-radius: 8px;
  font-size: 12px !important;
  padding: 12px 24px;
}


  .btn-pa:hover {
    border: 1px solid var(--ct-primary-border-btn-color) !important;
    color: #ffffff;
    background-color: var(--ct-primary-border-btn-color);
  }



/* Background Overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: var( --ct-body-bg);
  opacity: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Loader Container */
.loader-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}

/* Dots Loader */
.dots-loader {
  position: relative;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px;
}

  .dots-loader span {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--ct-loader-point-bg);
    border-radius: 100%;
    animation: dotsAnimation 1.5s infinite ease-in-out;
  }

    /* Positioning the dots around a circle */
    .dots-loader span:nth-child(1) {
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      animation-delay: 0s;
    }

    .dots-loader span:nth-child(2) {
      top: 50%;
      left: 100%;
      transform: translate(-50%, -50%);
      animation-delay: 0.3s;
    }

    .dots-loader span:nth-child(3) {
      top: 100%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation-delay: 0.6s;
    }

    .dots-loader span:nth-child(4) {
      top: 50%;
      left: 0%;
      transform: translate(-50%, -50%);
      animation-delay: 0.9s;
    }

/* Keyframes for scaling animation */
@keyframes dotsAnimation {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.5);
    opacity: 1;
  }
}

/* Loader Text */
.loader-text {
  font-size: 12px;
  color: var(--ct-heading-color);
  margin-top: 20px;
  font-weight: 400;
}


.Closecolor {
  color: var(--ct-common-color);
}

.tittleheads {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #555555;
}

.colorinfoPA {
  color:#9F9F9F;
}

.BoldNoteInfo {
  font-size: 12px;
  font-weight: 500;
  color: rgba(64, 64, 64, 1);
  background-color: rgba(252, 208, 152, 1);
  width: fit-content;
  padding: 6px 12px;
  border-radius: 4px;
}

.NoteInfo {
  color: #CE7D00;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 0;
}

.infoNote {
  display: block;
}

.tabs-btn .btn {
  width: 90px;
  height: 40px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  padding: 8px 12px;
}

.btn-footer-cancel {
  border: 1px solid var(--ct-primary-border-btn-color) !important;
  color: var(--ct-primary-border-btn-color);
  background-color: var(--ct-btn-add-bg);
  width: 90px;
  height: 40px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.align-right-fp {
  justify-content: flex-end;
}

.headerPopup {
  border-bottom: 0px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: #000000;
}

.footerPopup {
  border-top: 0px;
}

.modal-lg-custom-37 {
  width: 37%;
  max-width: 100%;
}

.modal-lg-custom-50 {
  width: 50%;
  max-width: 100%;
}

.modal-lg-custom-80 {
  width: 80%;
  max-width: 100%;
}

.modal-lg-custom-95 {
  width: 95%;
  max-width: 100%;
}

.modal-lg-custom-98 {
  width: 98%;
  max-width: 100%;
}

@media (max-width: 1024px) {
  .modal-lg-custom-37 {
    width: 50%;
  }

  .modal-lg-custom-50 {
    width: 60%;
  }

  .modal-lg-custom-80 {
    width: 93%;
  }

  .modal-lg-custom-95 {
    width: 100%;
  }

  .modal-lg-custom-98 {
    width: 100%;
  }
}

@media (max-width: 903px) {
  .modal-lg-custom-50 {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .modal-lg-custom-37 {
    width: 80%;
  }
  .modal-lg-custom-50 {
    width: 80%;
  }
  .modal-lg-custom-80 {
    width: 100%;
  }
  .modal-lg-custom-95 {
    width: 100%;
  }
  .modal-lg-custom-98 {
    width: 100%;
  }
}

@media (max-width: 426px) {
  .modal-lg-custom-50 {
    width: 100%;
  }

  .modal-lg-custom-80 {
    width: 100%;
  }

  .modal-lg-custom-95 {
    width: 100%;
  }

  .modal-lg-custom-37 {
    width: 100%;
  }

  .modal-lg-custom-98 {
    width: 100%;
  }
}









/*User css start*/

/* Modal styles */
.modal {
  display: none;
  position: fixed;
  z-index: 1050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  justify-content: right;
  align-items: center;
}

  .modal.show {
    display: flex;
  }

.modal-right {
  align-content: unset !important;
  margin: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  height: 100%;
  display: block;
  flex-direction: column;
}


.modal-content {
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.fixed-header, .fixed-footer {
  flex-shrink: 0;
}

  .fixed-header h4 {
    margin: 0px;
  }

.modal-header,
.modal-footer {
  /*  display: flex;
  justify-content: space-between;
  align-items: center;*/
  position: fixed;
  width: 100%;
}

  .modal-header .close {
    font-size: 1.5rem;
    line-height: 1;
    border: none;
    background: none;
    cursor: pointer;
  }


.modal-lg-custom {
  width: 80% !important; /* Change 80% to whatever width you prefer */
  /*overflow: auto;*/
  max-width: 80%;
}

@media (max-width: 427px) {
  .modal-lg-custom {
    width: 100% !important;
    overflow: auto;
    max-width: 100%;
  }
}

.modal-container {
  max-width: 800px;
  background-color: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: auto;
}

.modal-header {
  display: flex;
  align-items: unset;
  position: sticky;
  top: 0;
  height: fit-content;
  border-bottom: 0;
}

  .modal-header h2 {
    margin: 0;
  }

.close-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

.modal-body {
  margin-top: 0px;
  height: 87vh;
  overflow: auto;
  padding-bottom: 150px;
}

.form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.form-group {
  width: 100%;
}

  .form-group label {
    display: block;
    margin-bottom: 5px;
  }

  .form-group input,
  .form-group select {
    width: 100%;
    padding-left: 40px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

.modal-footer {
  display: flex;
  /*  justify-content: left;
  margin-top: 20px;*/
  position: fixed;
  bottom: 0;
  /*  height: fit-content;
  display: flex;*/
}

.resendAccessViolation .modal-footer {
  justify-content: right !important;
  position: relative;
  border-radius: 8px;
  border-top: 0;
}

.resendAccessViolation .modal-header h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  /*color: #000000;*/
}

.resendAccessViolation .modal-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--ct-body-color);
}

.apply-btn, .cancel-btn {
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.apply-btn {
  background-color: #5b38a8;
  color: white;
}

.cancel-btn {
  background-color: #ccc;
}

@media (max-width: 768px) {
  .form-row {
    flex-direction: column;
  }

  .form-group {
    width: 100%;
  }

  .apply-btn, .cancel-btn {
    width: 48%;
  }
}

@media (max-width: 480px) {
  .apply-btn, .cancel-btn {
    width: 100%;
  }
}

.bulk-actions-button {
  background-color: var(--ct-btn-bulk-bg);
  border: 1px solid var(--ct-primary-border-btn-color) !important;
  color: var(--ct-primary-border-btn-color);
  cursor: pointer;
  border-radius: 8px;
  width: 120px;
  height: 40px;
}

  .bulk-actions-button:hover {
    background-color: var(--ct-primary-border-btn-color);
    color: #fff;
  }

.addNewBtn:hover {
  background-color: #46428d;
}

.bulk-actions-dropdown {
  position: absolute;
  top: 122px;
  right: 55px;
  background-color: var(--ct-secondary-bg-bulk);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 100;
  width: 70%;
  display: flex;
  justify-content: space-between;
}

  .bulk-actions-dropdown .dropdown-section {
    padding: 12px 16px;
    /*border-bottom: 1px solid #eee;*/
    width: 30%;
  }

    .bulk-actions-dropdown .dropdown-section:last-child {
      border-bottom: none;
    }

  .bulk-actions-dropdown h3 {
    font-size: 12px;
    margin-bottom: 8px;
    font-weight: 600;
  }

  .bulk-actions-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    color: var(--ct-modal-subheads-color);
    font-weight: 400;
  }

  .bulk-actions-dropdown li {
    padding: 8px;
    cursor: pointer;
    font-size: 14px;
  }

    .bulk-actions-dropdown li:hover {
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-bulk-hover-color);
      border-radius: 4px;
      font-weight: 500;
    }

.bulk-action-image li i {
  float: right;
}

@media (max-width: 957px) {
  .bulk-actions-dropdown {
    flex-direction: column;
    max-width: 40%;
    right: 57px;
    top: 122px;
    gap: 0;
  }

    .bulk-actions-dropdown .dropdown-section {
      width: 100%;
      /*border-bottom: 1px solid #eee;*/
    }

      .bulk-actions-dropdown .dropdown-section:last-child {
        border-bottom: none;
      }

    .bulk-actions-dropdown li {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

  .bulk-action-image li i {
    float: none;
  }
}

@media (max-width: 768px) {
  .bulk-actions-dropdown {
    flex-direction: column;
    max-width: 40%;
    right: 57px;
    top: 122px;
    gap: 0;
  }

    .bulk-actions-dropdown .dropdown-section {
      width: 100%;
      /*border-bottom: 1px solid #eee;*/
    }

      .bulk-actions-dropdown .dropdown-section:last-child {
        border-bottom: none;
      }

    .bulk-actions-dropdown li {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

  .bulk-action-image li i {
    float: none;
  }
}

@media (max-width: 425px) {
  .bulk-actions-dropdown {
    flex-direction: column;
    width: 95%;
    left: 10px;
    right: 0;
    top: 122px;
  }

    .bulk-actions-dropdown .dropdown-section {
      width: 100%;
      border-bottom: 1px solid #eee;
    }

      .bulk-actions-dropdown .dropdown-section:last-child {
        border-bottom: none;
      }

    .bulk-actions-dropdown li {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

  .bulk-action-image li i {
    float: none;
  }
}


.custom-scroll {
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

  .custom-scroll::-webkit-scrollbar {
    display: none;
  }

.form-check-input:checked {
  background-color: var(--ct-checkbox-bg-custom);
  border-color: var(--ct-checkbox-color-custom)
}

.form-select {
  line-height: 1.2rem;
}

/* Popup scrollbar */
/* width */
.modal .modal-body::-webkit-scrollbar {
  display: none;
}

.modal-body::-webkit-scrollbar {
  display: none;
}

.nav-link {
  font-weight: 400;
  color: #606060;
}

.addNewUserTab {
  position: sticky;
  top: 0;
  background-color: #fff;
}

.nav-tabs .nav-item a {
  cursor: pointer;
}

.nav-link.active {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 4px solid #262262;
  color: #000000;
  font-weight: 500;
}

.tabs-wrapper {
  border-bottom: 1px solid var(--ct-tab-bb);
}

  .tabs-wrapper::-webkit-scrollbar {
    display: none;
  }

.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.nav-item {
  flex-shrink: 0;
}

/*.nav-tabs .nav-link:hover {
  border-bottom: 1px solid #fff;
}*/

.scroll-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: none;
  font-size: 16px;
  color: #555555;
}

.left-btn {
  left: 0;
}

.right-btn {
  right: 0;
}

@media (max-width: 768px) {
  .scroll-btn {
    display: block;
    font-size: 16px;
    color: #555555;
  }

  .tabs-wrapper {
    overflow-x: auto;
    width: 83%;
    margin: auto;
  }
}

@media (min-width: 769px) {
  .scroll-btn {
    display: none;
    font-size: 16px;
    color: #555555;
  }
}


.tab-content {
  /*padding: 15px;*/
  border: 0px solid #fff;
  border-top: none;
}

.input-group-text {
  border-radius: 8px;
  padding: 0 10px;
}

.btn-outline-secondary {
  padding: 8px 12px;
}

.advanceFilter {
  border: 0;
}

  .advanceFilter:hover {
    background-color: var(--ct-av-active-bg);
    color: var(--ct-av-active-color);
    border-radius: 4px !important;
  }

  .advanceFilter:active {
    background-color: #DCE3FF;
    border-radius: 4px !important;
  }

  .advanceFilter.active {
    background-color: var(--ct-av-active-bg);
    border-radius: 4px !important;
    color: var(--ct-av-active-color);
  }

@media (min-width: 992px) {
  /* Adjust spacing for larger screens */
  .input-group {
    width: 70%;
  }
}

.access-input .input-group {
  width: 100%;
}

.userSearch {
  border-left: 0;
  padding-left: 0;
  border-radius: 0 8px 8px 0px !important;
}

.mdi-magnify {
  font-size: 20px;
}


label {
  font-weight: 400;
  color: var(--ct-modal-label-color);
}


.photo-section {
  height: 230px;
  border-radius: 10px;
  padding: 20px;
  overflow: hidden;
}

.uploadPhoto {
  height: 142px;
  background-color: #eeeeee;
  border-radius: 10px;
  background-image: url("/assets/images/users/userDirectory/UploadUserImg.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.photo-btn {
  padding-top: 15px;
  margin: auto;
  display: flex;
}

.btn-upload {
  border: 1px solid #262262 !important;
  color: #262262;
  border-radius: 10px;
  width: 47.5%;
}

  .btn-upload:hover {
    border: 1px solid #26226200 !important;
    color: #ffffff;
    border-radius: 10px;
    background-color: #262262;
  }

.btn-capture {
  border: 1px solid var(--ct-btn-light) !important;
  color: var(--ct-btn-light);
  border-radius: 10px;
  width: 47.5%;
  background-color: var(--ct-btn-add-bg)
}

  .btn-capture:hover {
    border: 1px solid #26226200 !important;
    color: #ffffff;
    border-radius: 10px;
    background-color: #262262;
  }

.btn-autoGen {
  margin-top: 22px;
  border: 1px solid var(--ct-primary-border-btn-color) !important;
  color: var(--ct-primary-border-btn-color);
  border-radius: 10px;
}

  .btn-autoGen:hover {
    border: 1px solid var(--ct-primary-border-btn-color) !important;
    color: #ffffff;
    border-radius: 10px;
    background-color: var(--ct-primary-border-btn-color);
  }


.headtitle {
  font-weight: bold;
}


.btn-user-footer {
  width: 80px;
}

  .btn-user-footer:hover {
    border: 1px solid #262262;
    color: #262262;
    background-color: #ffffff;
  }

@media (max-width: 768px) {
  .order-md-2 {
    order: 1; /* Move the photo section to the top in mobile view */
  }

  .order-md-1 {
    order: 2; /* Move the content section after the photo section in mobile view */
  }
}

.topDotMenu {
  width: 34px;
  height: 34px;
  padding: 0;
}

  .topDotMenu:hover {
    background-color: var(--ct-popup-hover-bg);
    color: var(--ct-popup-hover-color);
  }
  .topDotMenu:active {
    background-color: var(--ct-popup-hover-bg);
    color: var(--ct-popup-hover-color);
  }
  .topDotMenu.active {
    background-color: var(--ct-popup-hover-bg);
    color: var(--ct-popup-hover-color);
  }

.topDotMenuDropdown-section {
  position: absolute;
  top: 122px;
  right: 30px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 22%;
  min-width: 245px;
}

  .topDotMenuDropdown-section ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .topDotMenuDropdown-section li {
    padding: 10px;
    color: var(--ct-menu-item-hover-color);
    font-weight: 500;
  }

    .topDotMenuDropdown-section li:hover {
      cursor: pointer;
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-hover-color);
      border-radius: 4px;
    }


.topDotMenuDropdownIssueCred {
  position: absolute;
  top: 116px;
  left: 74px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 20%;
  min-width: 225px;
}

  .topDotMenuDropdownIssueCred ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .topDotMenuDropdownIssueCred li {
    padding: 10px;
    color: var(--ct-menu-item-hover-color);
    font-weight: 500;
  }

    .topDotMenuDropdownIssueCred li:hover {
      cursor: pointer;
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-hover-color);
      border-radius: 4px;
    }


.topDotMenuDropdown-AddNew {
  position: absolute;
  top: 116px;
  right: 22px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 20%;
  min-width: 225px;
}

  .topDotMenuDropdown-AddNew ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .topDotMenuDropdown-AddNew li {
    padding: 10px;
    color: var(--ct-menu-item-hover-color);
    font-weight: 500;
  }

    .topDotMenuDropdown-AddNew li:hover {
      cursor: pointer;
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-hover-color);
      border-radius: 4px;
    }


.topDotMenuDropdown-IssueVsection {
  position: absolute;
  top: 44px;
  right: 28px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 10%;
  min-width: 200px;
}

  .topDotMenuDropdown-IssueVsection ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .topDotMenuDropdown-IssueVsection li {
    padding: 10px;
    color: var(--ct-menu-item-hover-color);
    font-weight: 500;
  }

    .topDotMenuDropdown-IssueVsection li:hover {
      cursor: pointer;
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-hover-color);
      border-radius: 4px;
    }


.topDotMenuDropdown-roleRule {
  position: absolute;
  top: 58px;
  right: 28px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 10%;
  min-width: 200px;
}

  .topDotMenuDropdown-roleRule ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .topDotMenuDropdown-roleRule li {
    padding: 10px;
    color: var(--ct-menu-item-hover-color);
    font-weight: 500;
  }

    .topDotMenuDropdown-roleRule li:hover {
      cursor: pointer;
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-hover-color);
      border-radius: 4px;
    }


.topDotMenuDropdown-Issuesection {
  position: absolute;
  top: 115px;
  right: 30px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 10%;
  min-width: 200px;
}

  .topDotMenuDropdown-Issuesection ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

.topDotMenuDropdown-Issuesection li {
  padding: 10px;
  color: var(--ct-menu-item-hover-color);
  font-weight: 500;
}

  .topDotMenuDropdown-Issuesection li:hover {
    cursor: pointer;
    background-color: var(--ct-popup-hover-bg);
    color: var(--ct-popup-hover-color);
    border-radius: 4px;
  }


.topDotMenuDropdown-NewODRequest {
  position: absolute;
  top: 52px;
  right: 30px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 22%;
  min-width: 200px;
}

  .topDotMenuDropdown-NewODRequest ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .topDotMenuDropdown-NewODRequest li {
    padding: 10px;
    color: var(--ct-menu-item-hover-color);
    font-weight: 500;
  }

    .topDotMenuDropdown-NewODRequest li:hover {
      cursor: pointer;
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-hover-color);
      border-radius: 4px;
    }


.topDotMenuDropdown-Settings {
  position: absolute;
  top: 44px;
  right: 30px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 20%;
  min-width: 200px;
}

  .topDotMenuDropdown-Settings ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .topDotMenuDropdown-Settings li {
    padding: 10px;
    color: var(--ct-menu-item-hover-color);
    font-weight: 500;
  }

    .topDotMenuDropdown-Settings li:hover {
      cursor: pointer;
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-hover-color);
      border-radius: 4px;
    }



.topDotMenuDropdown-SettingsHID {
  position: absolute;
  top: 44px;
  right: 28px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 25%;
  min-width: 200px;
}

  .topDotMenuDropdown-SettingsHID ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .topDotMenuDropdown-SettingsHID li {
    padding: 10px;
    color: var(--ct-menu-item-hover-color);
    font-weight: 500;
  }

    .topDotMenuDropdown-SettingsHID li:hover {
      cursor: pointer;
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-hover-color);
      border-radius: 4px;
    }



.topDotMenuDropdown-Privilege {
  position: absolute;
  top: 42px;
  right: 30px;
  background-color: var(--ct-secondary-bg);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 10%;
  min-width: 200px;
}

  .topDotMenuDropdown-Privilege ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .topDotMenuDropdown-Privilege li {
    padding: 10px;
    color: var(--ct-menu-item-hover-color);
    font-weight: 500;
  }

    .topDotMenuDropdown-Privilege li:hover {
      cursor: pointer;
      background-color: var(--ct-popup-hover-bg);
      color: var(--ct-popup-hover-color);
      border-radius: 4px;
    }

.gridDotMenuDropdown-section {
  position: absolute;
  top: 182px;
  left: 216px;
  background-color: var(--ct-secondary-bg-custom);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1000;
  width: 20%;
  min-width: 225px;
}

  .gridDotMenuDropdown-section ul {
    list-style: none;
    padding: 10px;
    margin: 0rem;
  }

  .gridDotMenuDropdown-section li {
    padding: 10px;
    color: var(--ct-secondary-text-custom);
    font-weight: 500;
  }

    .gridDotMenuDropdown-section li:hover {
      background-color: var(--ct-link-hover-color) !important;
      cursor: pointer;
      color: var(--ct-link-hover-grid-color);
      border-radius: 4px;
    }

.autoHead {
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}

  .autoHead:hover {
    color: #262262;
    cursor: pointer;
  }


.file-upload {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--ct-body-color);
  background-color: var(--ct-input-bg);
  background-clip: padding-box;
  border: var(--ct-border-width) solid var(--ct-border-color);
  border-radius: 8px;
  padding: 3px 5px;
  border-radius: .50em;
  background-color: var(--ct-input-bg);
  height: 40px;
}

.file-placeholder {
  flex-grow: 1;
  color: #6c757d;
  font-size: 14px;
/*  padding-right: 10px;*/
}

.browse-btn {
  padding: 8px 34px;
  background-color: var(--ct-btn-light);
  color: var(--ct-browse-color);
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

  .browse-btn:hover {
    color: var(--ct-btn-hover-color-browse);
    background-color: var(--ct-btn-hover-bg-browse);
    border-color: var(--ct-btn-hover-border-color-browse);
  }

.file-input {
  display: none;
}

.auto-recommend-button {
  border: none;
  background: transparent;
}

  .auto-recommend-button:hover {
    border-bottom: 1px solid #4A4981;
  }

.popup-container {
  position: fixed; /* Ensures the popup is positioned relative to the viewport */
  top: 0;
  right: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
  display: flex;
  z-index: 1050; /* Higher than most UI elements */
  max-height: 100%;
}


.new-label {
  font-size: 14px;
  height: 24px;
  font-weight: 400;
  color: #000000;
}

.new-input {
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #BFBFBF;
  font-size: 14px;
  border-radius: 8px;
}


#editUserDetails:hover {
  background-color: var(--ct-popup-hover-bg);
  color: var(--ct-popup-bulk-hover-color);
  border-radius: 4px;
}


.text-name {
  font-weight: 400;
  font-size: 12px;
  color: rgba(85, 85, 85, 1);
}

.text-id {
  font-weight: 700;
  font-size: 12px;
}

.name-badge {
  height: 4.3rem;
  width: 15rem;
  border: 1px solid var(--ct-name-badge-border-color);
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  box-shadow: 1px 1px 11px #8888881f;
}

.user-photo img {
  height: 38px;
  width: 38px;
  border-radius: 2rem;
  margin-right: 5px;
  object-fit: cover;
}

.user-name .name {
  font-size: 12px;
  font-weight: 700;
}

.user-name .id {
  font-size: 12px;
  font-weight: 400;
  color: var(--ct-Tombstone-color);
}

.export-head {
  display: flex;
  justify-content: space-between;
}

.resendAccessViolation {
  width: 100%;
  margin: auto;
}

  .resendAccessViolation .modal-content {
    height: 211px;
  }

.tpLn {
  border-top: 1px solid #0000001A;
}

.modal-lg-custom-access {
  width: 50% !important; /* Change 80% to whatever width you prefer */
  overflow: auto;
  overflow-x: hidden;
  max-width: 80%;
}

@media (max-width: 427px) {
  .modal-lg-custom-access {
    width: 100% !important;
    overflow: auto;
    max-width: 100%;
  }
}

.footerPopup {
  position: relative !important;
}

.bodyPopup {
  height: fit-content !important;
  padding-bottom: 0 !important;
  word-break: break-word;
  overflow-wrap: break-word;
}

.bulk-popups {
  max-width: 50%;
}

@media (max-width: 768px) {
  .bulk-popups {
    max-width: 100%;
  }
}

.popupupcenter {
  justify-content: center !important;
}

.counter-des {
  background: var(--ct-input-bg);
  color: var(--ct-select-color);
  border: 1px solid var(--ct-select-color);
  border-radius: 4px;
  height: 24px;
  font-weight: 700;
  font-size: 12px;
}
.chip-item {
  background-color: var(--ct-chip-bg);
  padding: 4px 5px;
  /*  margin-top: 0.45rem;
  margin-bottom: 0.45rem;*/
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 0.45rem;
  margin-right: -3px;
  color: var(--ct-chip-color);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
}
/*User Css End*/


.bttmLn {
  border-bottom: 1px solid var(--ct-border-bottom);
  margin: auto;
}

.topLn {
  border-top: 1px solid var(--ct-border-bottom);
  margin: auto;
}

.tab-bg {
  background-color: var(--ct-photo-section-bg);
  padding: 16px;
  border-radius: 8px;
  color: #808080;
  font-size: 12px;
}

.default-tab {
  padding: 4px 12px 4px 12px;
  gap: 4px;
  border-radius: 4px;
  background-color: #DCE3FF;
  color: #262262;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}



.status-badge {
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
  display: unset;
}

.status-available {
  background-color: var(--ct-available-status-bg);
  color: var(--ct-available-status-color);
}

.status-Inactive {
  background-color: var(--ct-Inactive-status-bg);
  color: var(--ct-Inactive-status-color);
}

.status-default {
  background-color: var(--ct-active-default-bg);
  color: var(--ct-active-default-color);
}

.status-active {
  background-color: var(--ct-active-status-bg);
  color: var(--ct-active-status-color);
}

.status-failed {
  background-color: var(--ct-active-failed-bg);
  color: var(--ct-active-failed-color);
}

.status-Suspended {
  background-color: var(--ct-badge-suspended-bg-color);
  color: var(--ct-badge-suspended-color);
}

.status-App {
  background-color: var(--ct-badge-app-bg-color);
  color: var(--ct-badge-app-color);
}

.status-InactiveDefault {
  background-color: var(--ct-Inactive-status-bg);
  color: var(--ct-Inactive-status-color);
}

.A-badge {
  width: 100%;
  text-align: right;
  margin: auto;
}
.badge-number {
  width: 44px;
  height: 24px;
  border-radius: 4px;
  background-color: rgba(220, 227, 255, 1);
  color: rgba(38, 34, 98, 1);
  padding: 4px 12px;
}

.noBits {
  background-color: var(--ct-photo-section-bg);
  padding: 8px;
  border-radius: 8px;
}

.icon-ArrowRightTwo {
  color: rgba(248, 151, 33, 1);
}

.icon-View {
  color:rgba(74, 73, 129, 1);
}

.icon-Search {
  color: rgba(128, 128, 128, 1);
}

.circleGreen {
  color:rgba(5, 164, 79, 1);
}

.tabFinger {
  background-color: rgba(5, 136, 79, 1);
  border-radius: 30px;
  color: white;
  padding: 4px;
}

.tabFace {
  background-color: rgba(5, 136, 79, 1);
  border-radius: 30px;
  color: white;
  padding: 4px;
}
.tabHand {
  background-color: rgba(5, 136, 79, 1);
  border-radius: 30px;
  color: white;
  padding: 4px;
}
.icon-Star {
  color: #f89721;
}
.tabQualityScore {
  color: #f89721 !important;
  font-weight: 700 !important;
  font-size: 16px;
}
/*.icon-ThreeDotMenu {
  color: var(--ct-popup-hover-color);
}*/
/* Add New Button */
.addNewBtn {
  background-color: var(--ct-btn-light);
  color: white;
  min-width: 120px;
  border-radius: 8px;
  padding: 8px 12px;
}
.text-primary-table {
  color: var(--ct-common-color) !important;
}

.text-main {
  color: var(--ct-menu-item-hover-color) !important;
}
.access-circle {
  color: rgba(5, 164, 79, 1);
}
.cursor-pointer{
    cursor: pointer; 
}

.cp {
  cursor: pointer;
}
.text-Color {
  color: var(--ct-common-color) !important;
}
.Text-Bg {
  background-color: var(--ct-common-bg-color);
}

.text-lb {
  background-color: rgba(220, 227, 255, 1);
}

#search-dropdown a:hover {
  background-color: var(--ct-search-dropdown-bg);
  color: var(--ct-search-dropdown-color);
}

.search-user {
  border: 0 !important;
}

  .search-user .icon-Search {
    color: var( --ct-common-color);
  }

.search-user-input {
  border: 0 !important;
  padding-left: 0px;
}
  .search-user-input::placeholder {
    color: var( --ct-common-color);
  }

.border-card {
  border: var(--ct-border-color-card);
}

.card-subheads {
  font-weight: 700;
  font-size: 16px;
  color: var(--ct-common-color);
}

.default-card {
  color: var(--ct-common-color);
  background-color: var(--ct-modal-hover-bg);
  padding: 4px 8px;
  font-weight: 700;
  font-size: 12px;
  border-radius: 4px;
}

.ta-r {
  text-align: right;
}

.ta-c {
  text-align: center;
}

.ta-l {
  text-align: left;
}

.tt-c {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  height: 100vh; /* Full viewport height */
  text-align: center;
}

.note-colum {
  font-weight: 500;
  font-size: 12px;
  background-color: var(--ct-not-bg-color);
  color: var(--ct-not-color);
  border-radius: 4px;
  float: right;
  width: fit-content;
  padding: 10px;
}

.alert-main-view {
  width: 90%; /* Responsive width */
  max-width: 660px; /* Prevents it from getting too large */
  height: auto; /* Adjusts height dynamically */
  margin: 10px auto;
  padding: 12px 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgb(0 0 0 / 10%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background-color: rgba(232, 31, 44, 1);
  color: rgba(255, 255, 255, 1);
  border-radius: 8px;
  flex-wrap: wrap; /* Allows elements to wrap on smaller screens */
}

/* Alert text styles */
.alert-text {
  font-size: 14px;
  font-weight: 400;
}

.alert-bold {
  font-weight: 700;
  font-size: 14px;
}

/* Close button */
.close-btn-alert {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 1);
  background-color: #ffffff00;
  color: rgba(255, 255, 255, 1);
  border-radius: 8px;
  width: 80px;
  cursor: pointer;
  margin-left: auto; /* Pushes button to the right */
}

  .close-btn-alert:hover {
    background-color: rgba(230, 33, 46, 1);
  }

/* Responsive adjustments */
@media (max-width: 480px) {
  .alert-main-view {
    flex-direction: column; /* Stack items vertically */
    text-align: center;
    padding: 16px;
  }

  .close-btn-alert {
    width: 100%; /* Full-width button on small screens */
    margin-top: 10px; /* Space between text and button */
  }
}

.text-warning-alert {
  color: rgba(232, 31, 44, 1);
  font-weight: 700;
  font-size: 18px;
}

.alert-popupbody {
  width: 550px;
  margin: auto;
}

/* Responsive adjustments */
@media (max-width: 480px) {
  .alert-popupbody {
    width: 260px;
  }
}

.modal-dialog-alert-view {
  position: relative;
  width: 650px;
  max-width: 600px;
  margin: var(--ct-modal-margin);
  pointer-events: all;
}

.border-b-1 {
  border-bottom: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important;
}

.border-cb-1 {
  border-bottom: var(--ct-border-width) solid var(--ct-border-color) !important;
}

.common_color {
  color: var(--ct-icon-commonColor);
}

.fit-c{
    width: fit-content;
}

.ag-theme-quartz, .ag-theme-quartz-dark, .ag-theme-quartz-auto-dark {
  --ag-active-color: #4A4981 !important;
}

.Tname {
  color: var(--ct-modal-primary-color);
}

.br-0{
    border-radius: 0px;
}

.br-4 {
  border-radius: 4px;
}

.br-8 {
  border-radius: 8px;
}

.br-12 {
  border-radius: 12px;
}

.br-16 {
  border-radius: 16px;
}
.btn-foot {
  width: 160px;
}

#map {
  height: 100vh;
  width: 100%;
}

.map-container {
  position: relative;
  height: 100vh;
}

.area-card {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px;
  z-index: 1000;
  background-color: var(--ct-input-bg);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-radius: 10px;
  padding: 20px;
}

.area-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  padding: 10px;
  border-radius: 10px;
}

.area-item:hover{
  background: #dce3ff;
  cursor: pointer;
}

.btn-draw {
  width: 100%;
}

.minmaxinput {
  width: 10px;
  max-width: 20px;
}

.minmaxTname {
  width: 200px;
  max-width: 250px;
}

.minmaxDot {
  width: 20px;
  max-width: 20px;
}
.selected-row {
  background-color: rgba(237, 241, 255, 1);
}
.Tname {
  color: var(--ct-modal-primary-color) !important;
}

.tag {
  font-weight: 700;
  font-size: 12px;
  color: var(--ct-tag-color);
  top: 14px;
  left: 80px;
  gap: 4px;
  border-radius: 4px;
  padding: 4px 12px;
  background-color: var(--ct-tag-bg);
}
.btn-common {
  width: auto;
  height: 40px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  border: 1px solid var(--ct-primary-border-btn-color) !important;
  color: var(--ct-primary-border-btn-color);
  background-color: var(--ct-btn-add-bg);
}

  .btn-common:hover {
    background-color: var(--ct-primary-border-btn-color);
    color: #fff;
  }
.icon-com{
    color: #fff;
}
/*
.icon-ThreeDotMenu:hover {
  background-color: var(--ct-search-dropdown-bg);
  padding: 4px;
  border-radius: 4px;
}*/

.status-wrapper {
  margin: auto 10px auto auto;
}
.text-head {
  color: var(--ct-accordion-color);
}

.pac-container {
  z-index: 9999 !important;
}

.text-Hrl {
  color: var(--ct-primary);
}

.active-round {
  background-color: var(--ct-active-round);
  border-radius: 4px;
  color: var(--ct-active-round-color);
}

.ws-nowrap {
  white-space: nowrap;
}

.tabCard {
  background-color: rgb(76, 160, 216);
  border-radius: 30px;
  color: white;
  padding: 4px;
}

.tabDynamic{
  background-color: rgb(74, 73, 129);
  border-radius: 30px;
  color: white;
  padding: 4px;
}

.tabMobile {
  background-color: rgb(248, 151, 33);
  border-radius: 30px;
  color: white;
  padding: 4px;
}

.tabPin{
  background-color: rgb(127, 127, 127);
  border-radius: 30px;
  color: white;
  padding: 4px;
}

.form-check-input:checked:disabled {
  background-color: rgba(159, 159, 159, 1);
  border-color: rgba(159, 159, 159, 1);
  opacity: 1;
}

.chip-item .icon-Close {
  color: var(--ct-chip-color);
}

.tabWallet{
  background-color: rgb(132, 75, 7);
  border-radius: 30px;
  color: white;
  padding: 4px;
}



.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.customs-tooltip {
  visibility: hidden;
  opacity: 0;
  width: max-content;
  background-color: var(--ct-tooltip-bg-theme);
  color: var(--ct-tooltip-bgcolor-theme);
  text-align: center;
  padding: 6px 10px;
  border-radius: 4px;
  position: absolute;
  z-index: 1000000;
  white-space: nowrap;
  transition: opacity 0.3s;
  font-size: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  pointer-events: none; /* Avoid blocking mouse */
}

/* Show tooltip on hover */
.tooltip-wrapper:hover .customs-tooltip {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* Bottom (default) */
.tooltip-bottom .customs-tooltip {
  top: 125%;
  left: 50%;
  transform: translateX(-50%);
  bottom: auto;
}

  .tooltip-bottom .customs-tooltip::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent var(--ct-tooltip-bg-theme) transparent;
  }

/* Top */
.tooltip-top .customs-tooltip {
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
}

  .tooltip-top .customs-tooltip::after {
    content: "";
    position: absolute;
    bottom: auto;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: var(--ct-tooltip-bg-theme) transparent transparent transparent;
  }

/* Left */
.tooltip-left .customs-tooltip {
  top: 50%;
  right: 125%;
  left: auto;
  transform: translateY(-50%);
  bottom: auto;
}

  .tooltip-left .customs-tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent transparent var(--ct-tooltip-bg-theme);
  }

/* Right */
.tooltip-right .customs-tooltip {
  top: 50%;
  left: 125%;
  bottom: auto;
  right: auto;
  transform: translateY(-50%);
}

  .tooltip-right .customs-tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent var(--ct-tooltip-bg-theme) transparent transparent;
  }

.overflow-visible{
    overflow: visible;
}


.v-hidden{
    visibility: hidden;
}

.cp-noDrop {
  cursor: no-drop;
}

.whiteSpace {
  white-space: pre-line;
}

.mb-r-1 {
  margin-bottom: 1rem !important;
}

  /* options in dropdown list */
select option {
  color: var(--ct-select-option-color); /* default option text color */
}

.bg-change {
  --ct-bg-opacity: 1;
  background-color: var(--ct-portal-bg);
}

.border-right {
  border-right: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important;
}
.ag-theme-quartz-dark {
  --ag-background-color: color-mix(in srgb, #fff, #202020 100%) !important;
}

tr.border-bottom:last-child {
  border-bottom: 0px solid #ff000000 !important;
}

.border-bottom:last-child {
  border-bottom: 0px solid #ff000000 !important;
}

.truncate-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20ch;
}

@media (max-width: 3320px) {
  .truncate-text {
    max-width: 28ch;
  }
}
/*@media (max-width: 1024px) {
  .truncate-text {
    max-width: 25ch;
  }
}*/
@media (max-width: 768px) {
  .truncate-text {
    max-width: 20ch;
  }
}
/*@media (max-width: 480px) {
  .truncate-text {
    max-width: 20ch;
  }
}*/

.highlight-row {
  --ct-table-bg: var(--ct-highlight-row-bg) !important;
  background-color: var(--ct-highlight-row-bg) !important;
  transition: background-color 0.3s ease;
}

.watchlist-row {
  --ct-table-bg: var(--ct-watchlist-row-bg) !important;
  background-color: var(--ct-watchlist-row-bg) !important;
  transition: background-color 0.3s ease;
  opacity: 80%;
}
/*.border-bottom:hover {
  --ct-table-bg: #DCE3FF !important;
  background-color: #DCE3FF !important;
  transition: background-color 0.3s ease;
}*/

.ag-theme-quartz .ag-cell:focus,
.ag-theme-quartz .ag-cell:focus-within,
.ag-theme-quartz .ag-row:focus,
.ag-theme-quartz .ag-row:focus-within {
  outline: none !important;
  border-bottom: 0.1px solid #f4f4f4 !important;
  border-top: 0.1px solid #f4f4f4 !important;
  border-left: none !important;
  border-right: 0.1px solid #f4f4f4 !important;
}

.ag-theme-quartz .ag-cell *:focus {
  outline: none !important;
  border: none !important;
}
.on-hover:hover {
  background-color: var(--ct-modal-hover-bg);
  color: var(--ct-modal-hover-primary-color);
  border-radius: 4px;
}

.table thead tr th {
  font-weight: 600;
}

.table tbody tr td {
  font-weight: 400;
}

.btn span {
  vertical-align: middle;
}

.dashboard-default {
  color: var(--ct-dash-label-default-color);
}

.border-bottom-custom {
  border-bottom: var(--ct-border-width) var(--ct-border-style) var(--ct-border-color) !important
}


.initials-avatar {
  height: 38px;
  width: 38px;
  border-radius: 2rem;
  margin-right: 5px;
  background-color: #DCE3FF; /* Placeholder color */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #262262; /* Text color */
  text-transform: uppercase; /* To make initials uppercase */
}

.vertical-m {
  vertical-align: middle;
}

/* Scrollbar width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Scrollbar track (background) */
::-webkit-scrollbar-track {
  background-color: var(--ct-scrollbar-track-bg); /* background color */
}

/* Scrollbar thumb (moving part) */
::-webkit-scrollbar-thumb {
  background-color: var(--ct-scrollbar-thumb-bg); /* scroll color */
  border-radius: 10px;
}

  /* Hover effect */
  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--ct-scrollbar-thumb-bg-hover);
  }

@media (max-width: 768px) {
  /* Chrome, Edge, Safari */
  ::-webkit-scrollbar {
    display: none;
  }

  /* Firefox */
  * {
    scrollbar-width: none;
  }

  /* IE/Edge old */
  * {
    -ms-overflow-style: none;
  }
}


.text-dash-risk {
  --ct-text-opacity: 1;
  color: var(--ct-dash-risk-color) !important
}

.Tname-dash-risk {
  --ct-text-opacity: 1;
  color: var(--ct-Tname-dash-risk) !important
}

/* ============================================================
   RTL Layout Overrides — applied when Arabic (or any RTL
   language) is selected and dir="rtl" is set on <html>.
   ============================================================ */

/* Sidebar: move from left edge to right edge */
html[dir=rtl] .leftside-menu {
  left: auto;
  right: 0;
}

/* Navbar: swap left margin to right */
html[dir=rtl] .navbar-custom {
  margin-left: 0;
  margin-right: var(--ct-leftbar-width);
}

/* Content area: swap left margin to right */
html[dir=rtl] .content-page {
  margin-left: 0;
  margin-right: var(--ct-leftbar-width);
}

/* Condensed sidebar overrides */
html[dir=rtl][data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .navbar-custom {
  margin-right: var(--ct-leftbar-width-sm);
  margin-left: 0;
}

html[dir=rtl][data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .content-page {
  margin-right: var(--ct-leftbar-width-sm);
  margin-left: 0;
}

html[dir=rtl][data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapse > ul,
html[dir=rtl][data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover > .collapsing > ul {
  right: 100%;
  left: auto;
}

/* Compact sidebar overrides */
html[dir=rtl][data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .navbar-custom {
  margin-right: var(--ct-leftbar-width-md);
  margin-left: 0;
}

html[dir=rtl][data-sidenav-size=compact]:not([data-layout=topnav]) .wrapper .content-page {
  margin-right: var(--ct-leftbar-width-md);
  margin-left: 0;
}

/* sm-hover sidebar overrides */
html[dir=rtl][data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .navbar-custom {
  margin-right: var(--ct-leftbar-width-sm);
  margin-left: 0;
}

html[dir=rtl][data-sidenav-size=sm-hover]:not([data-layout=topnav]) .wrapper .content-page {
  margin-right: var(--ct-leftbar-width-sm);
  margin-left: 0;
}

/* Side-nav second level: flip indent from left to right */
html[dir=rtl] .side-nav-second-level {
  padding-right: 0;
  padding-left: 0;
}

html[dir=rtl] .menuitem-active ul li {
  padding-right: 20px !important;
  padding-left: 0 !important;
}

/* Sidebar footer spans full width — no change needed */

/* Three-dot context menu: inline ngStyle sets left; override to right-aligned in RTL */
/* html[dir=rtl] .gridDotMenuDropdown-section {
  left: auto !important;
  right: 30px;
} */


/* Chatbot bubble: flip to left side in RTL */
html[dir=rtl] .main-card {
  right: auto !important;
  left: 10px !important;
}

/* Chatbot user message: align left in RTL (opposite of the default right alignment) */
html[dir=rtl] .message.user .text {
  margin-left: 0 !important;
  margin-right: auto;
  border-radius: 8px 8px 8px 0px;
  text-align: right;
}

html[dir=rtl] .main-card.collapsed {
  right: auto !important;
  left: 0 !important;
}

html[dir=rtl] .main-card.expanded {
  right: auto !important;
  left: 0 !important;
}

html[dir=rtl] .side-nav {
  padding-right: 13px;
}

html[dir=rtl] .parent-highlight {
  margin-right: 0;
}

html[dir=rtl] .me-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

html[dir=rtl] .ms-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

html[dir=rtl] .me-1 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}

html[dir=rtl] .ms-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}

/* Text label: right margin keeps it from crowding the sidebar boundary */
html[dir=rtl][data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover .side-nav-link span:not(.badge) {
  margin-right: 35px;
}

/* Arrow: move from physical-right to physical-left in RTL */
html[dir=rtl] .side-nav .menu-arrow {
  right: auto;
  left: calc(var(--ct-menu-item-padding-x) * 1.5);
}

/* Arrow: condensed hover state in RTL */
html[dir=rtl][data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item.js-hover .side-nav-link .menu-arrow {
  right: auto;
  left: calc(var(--ct-menu-item-padding-x) * 1.5);
}

[dir="rtl"] .modal-right {
  right: auto !important;
  left: 0 !important;
}

/* [dir="rtl"] .modal.show {
  justify-content: left !important;
} */
:host ::ng-deep [dir="rtl"] .modal-right {
  right: auto !important;
  left: 0 !important;
}

html[dir=rtl] .side-nav-bar-active:hover {
  border-left: none !important;
  border-right: 4px solid #f89833 !important;
}

html[dir=rtl][data-sidenav-size=condensed] .side-nav-bar-active:hover {
  border-right: none !important;
}

html[dir=rtl][data-sidenav-size=condensed] .side-nav-bar-active.js-hover {
  border-left: none !important;
  border-right: 4px solid #f89833 !important;
}

html[dir=rtl] .ps-1 {
  padding-left: 0 !important;
  padding-right: .375rem !important;
}

html[dir=rtl] .pe-1 {
  padding-right: 0 !important;
  padding-left: .375rem !important;
}

html[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: 0;
  margin-left: calc(var(--ct-border-width) * -1);
}

html[dir=rtl] .userSearch {
  border-right: 0;
  border-left: var(--ct-border-width) solid var(--ct-border-color);
  padding-right: 10px;
  padding-left: unset;
  border-radius: 8px 0 0 8px !important;
}

html[dir=rtl] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
html[dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
html[dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
html[dir=rtl] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir=rtl] .chip-item {
    margin-left: -3px;
    margin-right: 0.45rem;
}

html[dir=rtl] input.mat-mdc-chip-input{
    margin-left: 8px !important;
    margin-right: 0px;
}

html[dir=rtl] .dropdown-menu.show{
    text-align: right !important;
}

/* ── Universal condensed-mode hover guard ──────────────────────────────────
   CSS :hover fires on an <li> whenever the cursor is over ANY DOM descendant,
   including the absolutely-positioned flyout that extends into the content area.
   These rules suppress every remaining :hover visual effect in condensed mode
   UNLESS the TypeScript bounds-check has explicitly granted permission via .js-hover.
   This single block covers all pages and both LTR + RTL directions.
   ─────────────────────────────────────────────────────────────────────────── */

/* Block stray border highlight */
html[data-sidenav-size=condensed] .side-nav-bar-active:hover:not(.js-hover) {
  border-left: none !important;
  border-right: none !important;
}

/* Block stray link colour / background / width expansion */
html[data-sidenav-size=condensed] .side-nav-item:hover:not(.js-hover) .side-nav-link {
  color: var(--ct-menu-item-color) !important;
  background: transparent !important;
  width: auto !important;
}

/* Block stray submenu label visibility */
html[data-sidenav-size=condensed] .side-nav-item:hover:not(.js-hover) .side-nav-link span {
  visibility: hidden !important;
}

html[dir=rtl] .topDotMenuDropdown-Settings {
  right: auto;
  left: 30px;
}

html[dir=rtl] .topDotMenuDropdown-AddNew {
  right: auto;
  left: 22px;
}

html[dir=rtl] .topDotMenuDropdown-IssueVsection {
  right: auto;
  left: 28px;
}

html[dir=rtl] .topDotMenuDropdown-roleRule {
  right: auto;
  left: 28px;
}

html[dir=rtl] .topDotMenuDropdown-Issuesection {
  right: auto;
  left: 30px;
}

html[dir=rtl] .topDotMenuDropdown-NewODRequest {
  right: auto;
  left: 30px;
}

html[dir=rtl] .topDotMenuDropdown-SettingsHID {
  right: auto;
  left: 28px;
}

html[dir=rtl] .topDotMenuDropdown-Privilege {
  right: auto;
  left: 30px;
}

html[dir=rtl] .gridDotMenuDropdown-section {
  right: auto;
  left: 216px;
}

/* RTL counterparts for data-sidenav-size=full (set by app.min.js on mobile).
   Without these, navbar/content keep margin-right:260px and the layout is distorted. */
html[dir=rtl][data-sidenav-size=full]:not([data-layout=topnav]) .navbar-custom {
  margin-right: 0;
}

html[dir=rtl][data-sidenav-size=full]:not([data-layout=topnav]) .content-page {
  margin-right: 0;
}

html[dir=rtl][data-sidenav-size=full]:not([data-layout=topnav]) .leftside-menu {
  right: calc(var(--ct-leftbar-width) * -1);
  margin-left: 0;
  border-color: transparent;
  opacity: 0;
}

html[dir=rtl][data-sidenav-size=full]:not([data-layout=topnav]).sidebar-enable .leftside-menu {
  right: 0;
  margin-left: 0;
  opacity: 1;
  z-index: 1055;
}


/* Scrollable grid with fixed thead */
.table-scroll-wrapper-cust {
  height: 50vh;
  max-height: max-content;
  overflow-y: auto;
}

.table-scroll-wrapper-cust thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}