/* Version: 1-0-1 */


  .css_4617 input:disabled{ background-color: var(--inputBgColorDisabled); } .css_4618{ position: relative; width:100%; } .css_4619{ position: absolute; z-index:2; background-color: var(--datepickerPopupBgColor); color:var(--bodyColor); } .css_4631{ width:100%; height:200px; overflow-y:scroll; border:solid 1px; } .css_4631 .css_4641{ display:flex; } .css_4631 .css_4641 .css_4621{ flex:1 1 300px; text-align:center; cursor:pointer; border:solid 1px var(--calendarMonthCellBorder); } .css_4631 .css_4641 .css_4621:hover{ background-color: var(--calendarMonthCellBackgroundColorHover); } .css_4631 .css_4641 .css_4642{ background-color: var(--calendarMonthCellBackgroundColorSelected); } .css_4632{ width:100%; height:200px; overflow-y:scroll; border:solid 1px; } .css_4632 .css_4643{ display:flex; } .css_4632 .css_4643 .css_4622{ flex:1 1 200px; text-align:center; border:solid 1px var(--calendarYearCellBorder); } .css_4632 .css_4643 .css_4622:hover{ cursor:pointer; background-color: var(--calendarYearCellBackgroundColorHover); } .css_4632 .css_4643 .css_4644{ background-color: var(--calendarYearCellBackgroundColorSelected); } .css_4620{ width:100%; border:solid 1px; } .css_4620 .css_4634{ display:flex; flex-direction: row; padding-top:3px; padding-bottom:3px; } .css_4620 .css_4634 .css_4635{ flex:10 10 200px; text-align:center; } .css_4620 .css_4636{ display:flex; flex-direction: row; } .css_4620 .css_4636 .css_4639{ background-color: var(--calendarDayCellBgColorPrevNextDays); border-color: var(--calendarDayCellBoColorPrevNextDays); color: var(--calendarDayCellColorPrevNextDays); } .css_4620 .css_4636 .css_4637{ background-color: var(--calendarDayCellBgColorMainDays); border-color: var(--calendarDayCellBoColorMainDays); color: var(--calendarDayCellColorMainDays); } .css_4620 .css_4636 .css_4626{ flex:1 1 200px; text-align:center; border:solid 1px var(--calendarDayCellBorder); } .css_4620 .css_4636 .css_4626:hover{ cursor:pointer; background-color: var(--calendarDayCellBackgroundColorHover); } .css_4620 .css_4636 .css_4638{ background-color: var(--calendarDayCellBackgroundColorSelected); } .css_4640{ display:flex; flex-direction: row; padding:5px 5px 5px 5px; } .css_4640 .css_4623{ flex:1 1 200px; text-align:center; border-radius: 5px; padding: 3px 2px; } .css_4640 .css_4624{ flex:1 1 200px; text-align:center; border-radius: 5px; padding: 3px 2px; } .css_4640 .css_4625{ flex:1 1 200px; text-align:center; border-radius: 5px; padding: 3px 2px; } .css_4640 .css_4623:hover, .css_4640 .css_4624:hover, .css_4640 .css_4625:hover, .css_4633 .css_4627:hover, .css_4633 .css_4629:hover, .css_4633 .css_4630:hover, .css_4633 .css_4628:hover{ background-color: var(--calendarNavigationBgColorHover); border-color: var(--calendarNavigationBoColorHover); color: var(--calendarNavigationColorHover);  } .css_4633{ display:flex; padding:5px 5px 5px 5px; } .css_4633 .css_4627{ flex:1 1 100px; text-align:center; border-radius: 5px; padding: 3px 2px; } .css_4633 .css_4629{ flex:2 2 200px; text-align:center; border-radius: 5px; padding: 3px 2px; } .css_4633 .css_4630{ flex:2 2 200px; text-align:center; border-radius: 5px; padding: 3px 2px; } .css_4633 .css_4628{ flex:1 1 100px; text-align:center; border-radius: 5px; padding: 3px 2px; }

 .css_4610,.css_4613{ /*  */ min-width: 100%; min-height: 100%; font-size: 12pt; font-family: monospace; line-height: 20px; margin: 0px; /* padding: 10px; */ border: none; /* white-space: nowrap; */ /* display: block;  */   position: relative; }  .css_4610{ color: transparent; background: transparent; caret-color: white; /* Or choose your favourite color */ } .css_4613{ background-color: var(--inputBgColor); background-color: #666; color: var(--inputColor); border-color: var(--inputBoColor); border-style: solid; border-width: 1px; }  .css_4610,.css_4613[class*="language-"]{ /*font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;*/ text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal;  -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;  -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* ----------------------------------------------------------------- */   /* Syntax Highlighting from prism.js starts below, partly modified: */  /* PrismJS 1.23.0 https://prismjs.com/download.html#themes=prism-funky&languages=markup */ /** * prism.js Funky theme * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/ * @author Lea Verou */ .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #aaa; }  .token.punctuation { color: #999; }  .token.namespace { opacity: .7; }  .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol { color: #0cf; }  .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin { color: yellow; }  .token.operator, .token.entity, .token.url, .language-css .token.string, .token.variable, .token.inserted { color: yellowgreen; }  .token.atrule, .token.attr-value, .token.keyword { color: deeppink; }  .token.regex, .token.important { color: orange; }  .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; }  .token.entity { cursor: help; }  .token.deleted { color: red; } /**/ /* Plugin styles: Diff Highlight */ pre.diff-highlight.diff-highlight > .code .token.deleted:not(.prefix), pre > .code.diff-highlight.diff-highlight .token.deleted:not(.prefix) { background-color: rgba(255, 0, 0, .3); display: inline; }  pre.diff-highlight.diff-highlight > .code .token.inserted:not(.prefix), pre > .code.diff-highlight.diff-highlight .token.inserted:not(.prefix) { background-color: rgba(0, 255, 128, .3); display: inline; }  /* End of prism.js syntax highlighting*/

 .css_4539{ background-color: var(--collectionBackgroundColor); border-color: var(--collectionBorderColor); color: var(--collectionColor); border-width: 1px; border-style: solid; padding: 0px; width: 100%; height: 100%; } .css_4539 > .css_4480{ background-color: var(--collectionTopBarBackgroundColor); border-bottom: solid var(--collectionTopBarBorderColor) 1px; display: block; } .css_4539 > .css_4480 > .css_4501{ padding: 0px; } .css_4539 > .css_4481{ padding-left: 3px; padding-right: 3px; } .css_4539 > .css_4481 > .css_4501{ background-color: var(--collectionBarBackgroundColor); } .css_4539 > .css_4481 > .css_4483{ padding: 0px; }

.css_4525{ border-bottom-color: #666666; background: transparent;   }.css_4516 .css_4517,   .css_4516 .css_4518,   .css_4516 .css_4522,   .css_4516 .css_4523,   .css_4516 .css_4519,   .css_4516 .css_4521,   .css_4516 .css_4520   { color:var(--pagerPageColor);   }   .css_4516 .css_4524{ color: var(--pagerCurrentPageColor);   }   .css_4516 .css_4517:hover,   .css_4516 .css_4518:hover,   .css_4516 .css_4522:hover,   .css_4516 .css_4523:hover,   .css_4516 .css_4519:hover,   .css_4516 .css_4521:hover,   .css_4516 .css_4520:hover   { background-color:var(--pagerPageBgColorHover); border-radius: 5px;   } #id_4775{ background: var(--contextMenuBackgroundColor); color: var(--contextMenuColor); border-color: var(--contextMenuBorderColor);   }   #id_4775 li:hover{ background-color: var(--contextMenuBackgroundColorHover);   }   #id_4776{ border:solid 1px rgb(63, 96, 63);   }   #id_4777{ background-color: var(--waiterBackgroundColor);   }   #id_4777 div{ background-color:#4a7da7;   }   .css_4588{ color:var(--invalidErrorColor);   }   .css_4589{ background-color: var(--invalidInputBgColor);   }   .css_4535{ background-color: var(--joinedLookupRecordBgColor);   }   .css_4656{ background-color: var(--dropzoneBgColor);   }   .css_4486{ background-color: var(--dragStartBgColor);   }   .css_4487{ background-color: var(--dragOverBgColor);   }   .css_4506{ border-top: var(--dragUpperMeBoColor) 2px dashed;/**/   }   .css_4507{ border-bottom: var(--dragDownerMeBoColor) 2px dashed;   }  .css_4526{/* search color*/   background-color: red;   position: absolute;   z-index: -1; }  .css_4662{   background-color: var(--selectedOptionButtonBgColor);   border-color: var(--selectedOptionButtonBoColor);   color: var(--selectedOptionButtonColor); }

   .css_4704{ border:solid 1px #880000;/*FF0000*/ padding: 5px; } .css_4705{ border:solid 1px #440000;/*FF0000*/ padding: 5px; } .css_4706{ border:solid 1px #008800;/*00FF00*/ padding: 5px; } .css_4707{ border:solid 1px #006600;/*00FF00*/ padding: 5px; } .css_4708{ border:solid 1px #004400;/*00FF00*/ padding: 5px; display: flex; flex-direction: column; /*flex-wrap: wrap;*/ align-items: stretch; align-content: flex-start; height: 100%; } .css_4709{ border:solid 1px #000088;/*0000FF*/ padding: 5px; } .css_4710{ border:solid 1px #000066;/*0000FF*/ padding: 5px; } .css_4711{ border:solid 1px #000044;/*0000FF*/ padding: 5px; } .css_4712{ border:solid 1px #aa00aa;/*FF00FF*/ padding: 5px; } .css_4713{ border:solid 1px #880088;/*FF00FF*/ padding: 5px; } .css_4714{ border:solid 1px #660066;/*FF00FF*/ padding: 5px; display: flex; flex-direction: row; /*flex-wrap: wrap;*/ align-items: stretch; align-content: flex-start; } .css_4715{ border:solid 1px #440044;/*FF00FF*/ padding: 5px; display: flex; flex-direction: row; /*flex-wrap: wrap;*/ align-items: stretch; align-content: flex-start; /* height:100%; لازمه */ } .css_4716{ border:solid 1px orange; padding: 5px; } .css_4717{ border:solid 1px #006666; padding: 1px; } .css_4718{ border:solid 1px #00aaaa; padding: 1px; } .css_4719{ padding: 2px; } .css_4720{ border:solid 1px #000000; padding: 1px; }  .css_4721{ border:solid 1px #000000; padding: 1px; font-size: 11px; }

 .css_4540{ background-color: var(--formBackgroundColor); border-color: var(--formBorderColor); color: var(--formColor); border-width: 1px; border-style: solid; padding: 0px; width: 100%; height: 100%; } .css_4540 > .css_4480{ background-color: var(--formTopBarBackgroundColor); border-bottom: solid var(--formTopBarBorderColor) 1px; display: block; } .css_4540 > .css_4480 > .css_4501{ padding: 0px; } .css_4540 > .css_4481{ padding: 0px; } .css_4540 > .css_4481 > .css_4501{ background-color: var(--formBarBackgroundColor); } .css_4540 > .css_4481 > .css_4483{ padding: 0px;  } 

 .css_4525{ border-top:none; border-left:none; border-right:none; border-bottom-width: 1px; border-bottom-style: solid;   }   .css_4525:focus{ outline: none;   }   .css_4587 {   position: relative;   display: inline-block;   width: 65px;   height: 30px; }  .css_4587 input {opacity: 0;   width: 0;   height: 0; }  .css_4587 .css_4667 {   position: absolute;   cursor: pointer;   top: 0;   left: 0;   right: 0;   bottom: 0;   background-color: var(--switchSliderBackgroundColor4);   -webkit-transition: .4s;   transition: .4s; }  .css_4587 .css_4667:before {   position: absolute;   content: "";   height: 16px;   width: 16px;   left: 4px;   bottom: 7px;   background-color: var(--switchSliderBackgroundColor2);   -webkit-transition: .4s;   transition: .4s; }  .css_4587 input:checked + .css_4667 {   background-color: var(--switchSliderBackgroundColor1); }  .css_4587 input:focus + .css_4667 {   box-shadow: 0 0 1px var(--switchSliderBackgroundColor3); }.css_4587 input:checked + .css_4667:before {   -webkit-transform: translateX(41px);   -ms-transform: translateX(41px);   transform: translateX(41px); } /*   .css_4587 .css_4672:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);   } */  .css_4587 .css_4667.css_4668 {   border-radius: 34px; }  .css_4587 .css_4667.css_4668:before {   border-radius: 50%; } .css_4587 .css_4669 {   color: #ffffff;   }  .css_4587 .css_4670 {   color: #ffffff;   }   .css_4587 .css_4669,.css_4587 .css_4670{   position: absolute;   transform: translate(-50%, -50%);   top: 50%;   left: 50%;   font-size: 10px;   font-family: Verdana, sans-serif;   }  .css_4587 .css_4671 {   background-color: #646464;   }  

 .css_4573 { border-collapse: collapse; border-top: solid 1px gray; border-right: solid 1px gray; color:#efefef; }  .css_4571 { border-left: solid 1px gray; border-bottom: solid 1px gray; padding: 5px; }  .css_4577 { text-align: right; }  .css_4578 { background-color: #393939; font-weight: bold; }  .css_4579 { background-color: #2c2a2a; padding: 5px; }  .css_4572 { background-color: #2c2a2a; padding: 5px; }  .css_4576 { background-color: #2c2a2a; }  .css_4722 { background-color: #2c2a2a; font-weight: bold; } 

 :root {}* { box-sizing: border-box;}   html{ margin:0px; height: 100%; width:100%;   }   body{ color:var(--bodyColor); background-color: var(--bodyBackgroundColor); margin:0px; height: 100%; width:100%;   }   .css_4723{ display: flex; flex-direction: column; align-items: stretch; align-content: flex-start;  height: 100%; width:100%; } .css_4724{ flex-basis: 50px;/* ارتفاع تاپ بار */ flex-grow: 0; flex-shrink: 0; background-color:var(--appTitleBgColor);   display: flex; flex-direction: row; align-items: stretch; align-content: flex-start; } .css_4725{ flex-basis: 50px; flex-grow: 1000; flex-shrink: 0;  display: flex; flex-direction: row; align-items: stretch; align-content: flex-start; } .css_4726{ flex-basis: 50px;/* پهنای اسپید منو */ flex-grow: 0; flex-shrink: 0; background-color:var(--appSpeedMenuBgColor); text-align:center; } .css_4727{ flex-basis: 50px; flex-grow: 1000; flex-shrink: 0; position: relative; } .css_4728,.css_4455{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .css_4455{ z-index: 2; } .css_4456{   background-color: var(--appDialogeBgColor); } .css_4463,.css_4729{ flex-basis: 50px; flex-grow: 0; flex-shrink: 0; } .css_4463{ /*border-radius:50%;*/ background-color:var(--appCornerMenuBgColor); } .css_4463:hover{ background-color:var(--appCornerMenuBgColorHover); } .css_4730{ flex-basis: 50px; flex-grow: 1000; flex-shrink: 0; vertical-align:middle; color:var(--appTopMenuColor); } .css_4459:hover{   background-color:var(--topMenuItemBgColorHover);   border-top:solid 2px var(--topMenuItemBoColorHover); } /* .css_4460{   border:solid 1px var(--speedMenuItemBgColorHover); } */ .css_4460:hover{   background-color:var(--speedMenuItemBgColorHover);   border:solid 1px var(--speedMenuItemBoColorHover);   border-radius: 5px; } .css_4731{ flex-basis: 150px; flex-grow: 0; flex-shrink: 0; }   .css_4502{ line-height: 30px;   }   input:disabled{ background-color: var(--inputBgColorDisabled);   }   input{/*,span[ref="input"]*/ padding: 3px; font-size: 16px; line-height: 30px;   }   select{ padding: 5px; font-size: 16px; border: none; line-height: 30px; height: 38px;   }   input,select,textarea{ background-color: var(--inputBgColor); border-color: var(--inputBoColor); color: var(--inputColor); border-style: solid; border-width: 1px;   }   .css_4596{ flex-grow:10; flex-shrink:10;   }   .css_4595{ padding: 3px; font-size: 16px; line-height: 30px; border-bottom: solid 1px var(--spanInputBoColor); flex-grow:10; flex-shrink:10;   }   .css_4608{ position: relative;   }   div:focus{ /* دایو را در اینجا نوشتم تا مشکل نمایش کادر فوکوس شده دایو در کداریا برطرف شود*/ outline: none;   }   textarea:focus, input:focus{ /* برداشتن کادر فوکوس شده */ outline: none;   }   .css_4732{ height: 100%; width:100%; display: flex; flex-direction: column; align-items: stretch; align-content: flex-start;   }   .css_4733{ flex-basis: 25px; flex-grow: 0; flex-shrink: 0; text-align: center;   }   .css_4734{ flex-basis: 100px; flex-grow: 100; flex-shrink: 0;   }   .css_4480{ display: flex; flex-direction: row; align-items: stretch; align-content: flex-start;   }   .css_4501{ display: flex; flex-direction: row; align-items: stretch; align-content: flex-start; padding: 3px 0px;   }   .css_4505{ display: inline-flex; flex-direction: row; align-items: stretch; align-content: flex-start; background-color: var(--barButtonBackgroundColor); border: solid var(--barButtonBorderColor) 1px; color: var(--barButtonColorColor);   }.css_4505:hover{ background-color: var(--barButtonHoverBackgroundColor); border-color: var(--barButtonHoverBorderColor); color: var(--barButtonHoverColorColor);   }   .css_4599,.css_4600{ background-color: var(--buttonBackgroundColor); border-color: var(--buttonBorderColor); color: var(--buttonColorColor); padding: 10px 5px;   }   .css_4599:hover{ background-color: var(--buttonBackgroundColorHover);   }   .css_4510:hover{ background-color: var(--buttonBackgroundColorHover);   } ul{   list-style-type: none;   margin: 0;   padding: 0; } .css_4538{   display: inline-block; }   .css_4457{ display:inline-flex;   }   .css_4482{ display: flex; flex-direction: column; /*flex-wrap: wrap;*/ align-items: stretch; align-content: flex-start; height: 100%;   }   .css_4490{ flex-grow: 100; flex-shrink: 0;   }   .css_4491{ background-color: var(--treeParentRecordBgColor); border:solid 1px var(--treeParentRecordBoColor);   }.css_4557{ display: flex; flex-direction: column; /*flex-wrap: wrap;*/ align-items: stretch; align-content: flex-start;   }   .css_4541{ display: flex; flex-direction: row; /*flex-wrap: wrap;*/ align-items: stretch; align-content: flex-start; height:100%;/* لازمه */ } .css_4476{/* در گرید کاربرد دارد */   display: flex;   flex-direction: row;   /*flex-wrap: wrap;*/   align-items: stretch;   align-content: flex-start;   }   .css_4605{ display: flex; flex-direction: column; /*flex-wrap: wrap;*/ align-items: stretch; align-content: flex-start; height: 100%;   }   .css_4605 .css_4590{ flex-grow: 0; flex-shrink: 0;   }   .css_4605 .css_4606{ flex-basis: 50px; flex-grow: 100; flex-shrink: 0;   }   .css_4605 .css_4592{ flex-grow: 0; flex-shrink: 0;   }#id_4775{ z-index: 1000; position: absolute; overflow: hidden; white-space: nowrap; font-family: sans-serif;   }   #id_4775 li{ cursor: pointer;   }   #id_4776,#id_4778{ position:fixed; right:0px; bottom:0px; z-index:2000;   }   .css_4473{ border-radius: 5px; padding: 5px; min-width:200px; padding: 10px;   }   .css_4471{ border:solid 1px var(--alertSuccessBoColor); background-color: var(--alertSuccessBgColor);   }   .css_4474{ border:solid 1px var(--alertFailureBoColor); background-color: var(--alertFailureBgColor);   }   .css_4475{ border:solid 1px var(--alertMiddelBoColor); background-color: var(--alertMiddelBgColor);   }   #id_4777{ position:fixed; Top:0px; left:0px; right:0px; bottom:0px; z-index:2000;   }   #id_4777 div{ position:absolute; bottom:0px; left:0px; right:0px; text-align:center;   }   .css_4735{ overflow: auto;   }   .css_4736{ overflow-x: auto;   }   .css_4737{ overflow-y: auto;   }   .css_4561{ scrollbar-width: none;   } .css_4593{   font-weight: bold; }   .css_4453{ display: none; }  .css_4503{   white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;   flex:100 100 10px; } .css_4601{   text-align: center; } .css_4458{ cursor: pointer; } .css_4738 { position: fixed; top: 40px; bottom: 0px; left: 0px; right: 0px; z-index: 2; }  .css_4739 { position: fixed; top: 40px; bottom: 0px; left: 0px; right: 0px; z-index: 1000; } .css_4492{ padding:3px 3px; } .css_4512{ padding-top: 3px; padding-bottom: 3px;   }   .css_4514{ padding-left: 5px; padding-right: 5px;   } .css_4470{ margin: 4px; vertical-align: middle; display: inline-block; line-height: 24px;   }   .css_4485{ overflow-y: auto; overflow-x: auto;   }   .css_4484{ overflow-y: auto; overflow-x: auto;   }   .css_4537{ width:100%; height:100%;   } .css_4740{   top:0px;   left:-2000px;   z-index: 100;   position: absolute; } .css_4481,.css_4483{   flex-basis: 50px;   flex-grow: 100;   flex-shrink: 0; } .css_4480,.css_4499,.css_4500{   flex-grow: 0;   flex-shrink: 0; } .css_4558,.css_4564,.css_4552{   flex-grow: 0;   flex-shrink: 0; }  .css_4566{   background-color: var(--evenRowBgColor); } .css_4567{   background-color: var(--oddRowBgColor); } .css_4558{   background-color: var(--gridHeaderRowBgColor); }   .css_4536{ min-height: 28px; } .css_4560{   overflow-x: auto; } .css_4563{   overflow-y: auto; } .css_4594{   color:var(--requiredStarColor); } .css_4493{   background-color: var(--recordSelectedBgColor);   border:solid 1px var(--recordSelectedBoColor);   color:solid 1px var(--recordSelectedColor); } .css_4515{   background-color: var(--recordHighlightedBackgroundColor);   border:solid 1px var(--recordHighlightedBorderColor); } .css_4536:hover{   background-color: var(--recordHoverBackgroundColor);   border:solid 1px var(--recordHoverBorderColor); } .css_4559{   border-left:solid 1px #888888;   border-right:solid 1px #888888; } .css_4569{   background-color: var(--gridRecordHoverBgColor); } .css_4570{   background-color: var(--gridCellHoverBgColor); } .css_4527,.css_4508,.css_4528{   border-color: red; } .css_4531{   border-color: red; } .css_4581{   padding:2px 2px;   border-radius: 10%;   border:solid 1px rgb(2, 146, 16);   background-color: rgb(2, 146, 33);   color:#ffffff;   text-align: center;   vertical-align: text-bottom;   font-size: 10px; } .css_4531,.css_4527,.css_4508,.css_4528{   display:inline;   white-space: nowrap;   margin:0px 0px;   padding:0px 0px;   border-radius: 50%;   border:solid 1px rgb(146, 2, 2);   background-color: rgb(146, 2, 2);   color:#ffffff;   height:20px;   width:20px;   text-align: center; } .css_4691{   position:relative; } .css_4692{   position:relative;   padding-top:5px;   width: 100%;   height: 100%;   display: flex;   flex-wrap: wrap;   align-items: stretch;   align-content: flex-start;  }/* .css_4691 .css_4703{   width: 100%;   height: 100%;   position: absolute;   top: 0;   left: 0;   z-index:100;   background-color: pink;   opacity: 0.4; }   */  .css_4692 .css_4693{   display: flex;   flex-wrap: wrap;   align-items: stretch;   align-content: flex-start;   flex-grow: 0;   flex-shrink: 0; } .css_4692 .css_4694{   flex-grow: 100;   flex-shrink: 0;   flex-basis: 50px;   overflow: auto;/* مهم*/ } .css_4692 .css_4694 .css_4701{   width:100%;   height: 100%; } .css_4692 .css_4695{   width: 100%;   display: flex;   flex-direction: row;   padding: 0px 16px;   border-bottom: solid 1px #777777; } .css_4692 .css_4696{   height: 100%;   display: flex;   flex-direction: column; } .css_4692 .css_4697{   background-color: var(--tabLinkBgColor);   /*border:solid 1px var(--tabLinkBoColor);*/   color:var(--tabLinkColor);   flex-grow: 0;   flex-shrink: 0;   padding: 5px;   cursor: pointer; } .css_4692 .css_4697:hover{   background-color: var(--tabLinkBgColorHover);   /*border:solid 1px var(--tabLinkBoColorHover);*/ } .css_4692 .css_4700{   background-color: var(--tabLinkBgColorCurrent);   cursor: auto; } .css_4690{   width: 100%;   height: 100%; } .css_4676{   display: flex;   flex-direction: column;   /*flex-wrap: wrap;*/   align-items: stretch;   align-content: flex-start;   /*height: 100%;*/ } .css_4502, .css_4679{   margin: auto;   padding: 2px 5px; } .css_4681 .css_4682{   background-color: var(--accordionTitleBgColor);   border-bottom: solid 1px #777777; } .css_4683{   display: flex;   flex-direction: column;   /*flex-wrap: wrap;*/   align-items: stretch;   align-content: flex-start; } .css_4683 .css_4684{   background-color: var(--accordionTitleBgColor);   border-bottom: solid 1px #777777;   flex-grow: 0;   flex-shrink: 0; } .css_4683 .css_4532{   flex-grow: 100;   flex-shrink: 100;   flex-basis: 50px; } .css_4677{   display: flex;   flex-direction: column;   /*flex-wrap: wrap;*/   align-items: stretch;   align-content: flex-start; } .css_4677 .css_4678{   background-color: var(--accordionTitleBgColor);   border-bottom: solid 1px #777777;   flex-grow: 0;   flex-shrink: 0; } .css_4677 .css_4533{   flex-grow: 100;   flex-shrink: 100;   flex-basis: 50px; } .css_4741, .css_4504{   background-color: var(--chartContainerBackgroundColor); } .css_4529{   height:3px; } .css_4530{   background-color: var(--collectionActiveWaiterBarBgColor); } .css_4584{   background-color: lightgreen; } .css_4585{   background-color:lightpink; }   @media screen and (max-width: 400px) { .css_4470{   display: none; }   }   @media screen and (max-width: 600px) { .css_4541{   flex-direction: column; }   }   .css_4742 { animation-name: fade; animation-duration: 1.5s;   }   @keyframes css_4742 { from {opacity: .4}  to {opacity: 1}   }   

 .css_4602{ margin:4px; } .css_4479{ width: 24px; height: 24px; margin:4px; } .css_4603{ width: 24px; height: 24px; margin:4px; } .css_4743{ width: 24px; height: 24px; margin:4px; } .css_4525{ height: 24px; margin:1px; } .css_4516 .css_4517,.css_4516 .css_4544, .css_4516 .css_4518,.css_4516 .css_4545, .css_4516 .css_4522,.css_4516 .css_4546, .css_4516 .css_4523,.css_4516 .css_4547, .css_4516 .css_4519,.css_4516 .css_4744, .css_4516 .css_4521,.css_4516 .css_4745, .css_4516 .css_4746 {   padding: 0px;   line-height: 24px; } .css_4516 .css_4520,.css_4516 .css_4524{ padding: 5px; line-height: 24px; } .css_4505,.css_4509,.css_4510{ margin:1px 1px; padding:0px 2px; border-radius: 3px;   }   .css_4599{ border-radius: 3px;   }   .css_4747{ border-top-left-radius: 3px; border-top-right-radius: 3px;   }   .css_4748{ border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;   }   .css_4749{ border-top-left-radius: 3px; border-bottom-left-radius: 3px;   }   .css_4750{ border-top-right-radius: 3px; border-bottom-right-radius: 3px;   } #id_4775{ border-radius: 5px; border-width: 1px; border-style: solid; padding: 0px; margin: 0px; } #id_4775 li{ padding: 8px 12px; } #id_4776{ border-radius: 5px; padding: 5px; } #id_4777{ border-radius: 5px; } #id_4777 div{ padding: 0px; }  .css_4751{ margin-left:10px; margin-right:10px; } .css_4752{ margin:10px 15px; } .css_4495{ margin:0px 0px 0px 30px; } .css_4616{ max-width: 80px; padding: 2px; line-height: 20px; } .css_4615{ max-height: 24px; } .css_4753{ min-height: 50px; } .css_4565{ max-height: 5px; } .css_4754{ min-height: 25px; }