:root {
        /* --brand-450: #E8621A !important; */
        --orange-200: rgba(232,98,26,0.2);
        --orange-300: rgba(232,98,26,0.3);
        --orange-400: rgba(232,98,26,0.4);
        --orange-600: rgba(232,98,26,0.6);
        --orange-800: rgba(232,98,26,0.8);
        --orange: rgba(232,98,26,1);
        --dark-100:rgba(0,0,0,0.1);
        --dark-200:rgba(0,0,0,0.2);
        --dark-400:rgba(0,0,0,0.4);
        --dark-600:rgba(0,0,0,0.6);
        --dark-800:rgba(0,0,0,0.8);
        --dark:rgba(0,0,0,1);
        --cream:rgba(254,240,227);
        --cream-200:rgba(254,240,227,0.2);
        --cream-400:rgba(254,240,227,0.4);
        --cream-600:rgba(254,240,227,0.6);
        --cream-800:rgba(254,240,227,0.8);
    }

#DIVNotification + nav .modernMenuSubOptionTitle{
    display:flex;
    align-items:center;
    gap:4px;
    padding:0;
    margin:0;
    font-weight:400;
    font-size:12px
}

.modernMenuAlignCenter .modernMenuOptionHover > .modernMenuTopOptionTitle {
    
    border-color: var(--orange-600);
}

#DIVNotification + nav .modernMenuTop {
    min-height:60px;
}

#DIVNotification + nav .modernMenuTopOption{
    font-size:14px;
    display:flex;
    align-items:center;
    font-weight:300
}

#DIVNotification + nav .modernMenuTopOptionTitle{
    padding:7px 0;
    margin:0;
}

#DIVNotification + nav .modernMenulogoContainer {
    display:flex;
    align-items:center;
    height:60px;
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    z-index: 1;
    width:200px;
    margin-left:5px;
}

#DIVNotification + nav .modernMenulogo{
    width:146px;
    height: 36px;
}

#DIVNotification + nav .modernMenu{
    padding:0;
}

#DIVNotification + nav .modernMenuSubOptions{
    top:60px
}

.modernMenuDocumentPage .modernMenu{
    padding:0;
    margin:0;   
}

.modernMenuDocumentPage .modernMenu .modernMenuTopOptionTitle{
    padding:0;
    margin:0;
    padding:7px 0px;
}

.modernMenuDocumentPage .modernMenuSubOptions {
    top:30px;
}

.cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOn_Empty_On_Empty, .cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOn_Empty_On_Off, .cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOn_Any_On_Empty, .cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOn_Any_On_Off,
.cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOn_Empty_On_Empty, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOn_Empty_On_Off, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOn_Any_On_Empty, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOn_Any_On_Off
{
    color: var(--base-white);
    background-color: var(--orange-800);
    border: 1px solid var(--orange-600);
    cursor: default;
    
}

.cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_Empty, .cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_On, .cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_Off, .cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Empty, .cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_On, .cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Off, .cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Off_Off_Off,
.cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_Empty, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_On, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_Off, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Empty, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_On, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Off, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Off_Off_Off{
        background-color: var(--base-white);
    border: 1px solid var(--orange);
    
}
a.NormalButton, .column1Width{
    border: 1px solid  var(--orange-800);
    box-shadow: 0px 0px 0px 0.5px  var(--cream-600);
    font-weight:350;
    background: white;
}
a.NormalButton:hover, .FileListHighLightRow, .SearchButton:hover, .modernMenuSubOption.modernMenuOptionHover{
    background-color: var(--cream-800) !important;
    border-color: var(--orange);
    color: var(--dark);
}
a.OrangeButton{
    
}
a.OrangeButton:hover{
    border-color:var(--orange);
    background-color:var(--orange-600);
    color: var (--white)!important;
}

a.NormalButton,
a.OrangeButton, .FileListHighLightRow,.dialogButtons div:hover, 
.cPOSButton:hover, .cEditDocumentDetailButton:hover { 
    transition: background-color 0.25s ease, color 0.25s ease; 
}

.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_Empty, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_On, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_Off, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Empty, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_On, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Off, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Off_Off_Off {
    color: var(--base-neutral-400);
    
}

.cTabPanelLevel0 > table > tbody > tr > td > div > div > a .TabOff_Empty_Off_Empty:hover, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_On:hover, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_Off:hover, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Empty:hover, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_On:hover, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Off:hover, 
.cTabPanelLevel0 > table > tbody > tr > td > div > div > a.TabOff_Off_Off_Off:hover
 {
    background-color: transparent;
    border-bottom: 3px solid var(--orange-200) !important;
}

.cAgentAI{
    top:20px
}
.cTDNotification{
    top:18px;
    
}
.cAgentAI svg{
    height:20px;
    width:20px;
}

.cTDNotification svg{
    height:20px;
    width:20px;
}

a.SearchButton:hover span::after {
    filter: brightness(0);
}

.FileListSelectedRow {
    background-color: var(--cream-800);
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    box-shadow: 0px 0px 0px 3px  var(--cream-600);
}

.BUTTONFILTER, .dialogButtonsIFrames div, .BUTTONKEYBOARD, .cPOSButton, .cEditDocumentDetailButtonm, .BUTTONNONE, .BUTTONOTHER, .BUTTONDELETE, .BUTTONCANCEL, .BUTTONBACK, .BUTTONNO, .BUTTONYES, .BUTTONCUSTOM1, .BUTTONCUSTOM2, .BUTTONCUSTOM3, .BUTTONCLEAR, .BUTTONTIMER, .BUTTONCREATE, .BUTTONLIST, .cPOSButton, .abModalKeypadCenterOK, .BUTTONLIST, #abModalKeypadCancel, #abModalKeyboardCancel {
    background-color: var(--white) !important;
    color: var(--black) !important;
    border: 1px solid var(--orange-800) !important;
    box-shadow: 0px 0px 0px 3px  var(--cream-600);
    font-weight:350;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    box-shadow: 0px 0px 0px 3px  var(--cream-600);
    border-color:  var(--orange) !important;
}

.modernMenuSubOption.modernMenuOptionSelected {
    background-color: var(--cream);
} 

.cTabPanelLevel1 > table > tbody > tr > td > div > div > a .TabOff_Empty_Off_Empty:hover, 
.cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_On:hover, 
.cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_Off:hover, 
.cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Empty:hover, 
.cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_On:hover, 
.cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Off:hover, 
.cTabPanelLevel1 > table > tbody > tr > td > div > div > a.TabOff_Off_Off_Off:hover,
.cTabPanelLevel2 > table > tbody > tr > td > div > div > a .TabOff_Empty_Off_Empty:hover, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_On:hover, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Empty_Off_Off:hover, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Empty:hover, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_On:hover, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Any_Off_Off:hover, .cTabPanelLevel2 > table > tbody > tr > td > div > div > a.TabOff_Off_Off_Off:hover {
    background-color:var(--cream)!important;
    border-color:var(--orange)!important;
    color: var(--dark-600)
}

/* POS */

.cPOSButton, .BUTTONFILTER, .BUTTONKEYBOARD, .cPOSButtonBlack, .BUTTONFILTER {
    background-color: var(--cream-800) !important;
    color: var(--black) !important;
    border: 1px solid var(--orange-800) !important;
    box-shadow: 0px 0px 0px 3px  var(--cream-600);

}



#KeypadEnter{
    background-color:var(--orange)!important;
    color: var(--white)!important;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='30px' height='30px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eic_fluent_arrow_enter_24_filled%3C/title%3E%3Cg id='Ã°Å¸â€Â-System-Icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ic_fluent_arrow_enter_24_filled' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M21,4 C21.5128358,4 21.9355072,4.38604019 21.9932723,4.88337887 L22,5 L22,11.5 C22,13.3685634 20.5357224,14.8951264 18.6920352,14.9948211 L18.5,15 L5.415,15 L8.70710678,18.2928932 C9.06759074,18.6533772 9.09532028,19.2206082 8.79029539,19.6128994 L8.70710678,19.7071068 C8.34662282,20.0675907 7.77939176,20.0953203 7.38710056,19.7902954 L7.29289322,19.7071068 L2.29289322,14.7071068 C2.25749917,14.6717127 2.22531295,14.6343256 2.19633458,14.5953066 L2.12467117,14.4840621 L2.12467117,14.4840621 L2.07122549,14.371336 L2.07122549,14.371336 L2.03584514,14.265993 L2.03584514,14.265993 L2.0110178,14.1484669 L2.0110178,14.1484669 L2.00397748,14.0898018 L2.00397748,14.0898018 L2,14 L2.00278786,13.9247615 L2.00278786,13.9247615 L2.02024007,13.7992742 L2.02024007,13.7992742 L2.04973809,13.6878575 L2.04973809,13.6878575 L2.09367336,13.5767785 L2.09367336,13.5767785 L2.14599545,13.4792912 L2.14599545,13.4792912 L2.20970461,13.3871006 L2.20970461,13.3871006 L2.29289322,13.2928932 L2.29289322,13.2928932 L7.29289322,8.29289322 C7.68341751,7.90236893 8.31658249,7.90236893 8.70710678,8.29289322 C9.06759074,8.65337718 9.09532028,9.22060824 8.79029539,9.61289944 L8.70710678,9.70710678 L5.415,13 L18.5,13 C19.2796961,13 19.9204487,12.4051119 19.9931334,11.64446 L20,11.5 L20,5 C20,4.44771525 20.4477153,4 21,4 Z' id='Ã°Å¸Å½Â¨-Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

    
}

.BUTTONOK {
    background-color: var(--orange) !important;
    color: var(--white) !important;
    border: 2px solid var(--orange-600) !important;
}

.cExtraGridScroll TD {
    border-top: none !important;
    border-bottom: solid 1px var(--cream-800) !important;
}

.cArticleEditMiscPanelOtherCodes tr td input{
    margin-bottom:2px!important;
}

.cArticleEditMiscPanelOtherCodes{
    box-shadow: 0px 0px 0px 3px  var(--cream-600);
    padding:2px 0px 0px 0px!important;
    
}
.PanelTotalInside {
    background-color: var(--orange);
    color: white;
}

.SystemButton img, .SystemSubButton img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(72%)
          saturate(2200%) hue-rotate(354deg) brightness(95%) contrast(92%);
}

#abModalKeypadOK, #abModalKeyboardOK {
    background-color: var(--orange) !important;
    color: var(--white) !important;
}

#PanelDocument {
    background-image: url(Images/POS/DocumentTopIcon.png?a=1);
}

#PanelEntity {
    background-image: url(Images/POS/EntityTopIcon.png?a=1);
}

#abModalKeypadOK:active, #abModalKeyboardOK:active,    
.BUTTONOK:active {
    background-color: var(--orange-800) !important;
    border: 2px solid var(--orange-800) !important;
    color: var(--white)!important;
}


#TableArticleStockHeader TD,
#TableEntitiesList th, #TableDocumentsOnHold th,
#TableListSalesPerson th,
#TableListWithStock th , #TableImportDocuments th, 
#TableClosedDocuments th, #TableClosedDocumentsFB th, 
#TableReturnOfGoods th, .FileListHeaderRow {
    color: var(--brand-450) !important;
    background-color: var(--brand-350) !important;
    border-bottom: solid 0px var(--orange) !important;
}


#TableEntitiesList,
#TableDocumentsOnHold,
#TableListSalesPerson,
#TableListWithStock,
#TableImportDocuments,
#TableClosedDocuments,
#TableClosedDocumentsFB,
#TableReturnOfGoods,
#TABLEArticleStockList {
  border-bottom: 1px solid var(--orange-400);
}

#TableArticleStockHeader td{
    border-right: 1px solid var(--orange);
}

#TableClosedDocumentsFB td, #TableClosedDocumentsFB th, 
#TableClosedDocuments td, #TableClosedDocuments th, 
#TableImportDocuments td, #TableImportDocuments th, 
#TableDocumentsOnHold td, #TableDocumentsOnHold th,

#TableArticleStockHeader td, #TableArticleStockHeader th,
#TableEntitiesList td, #TableEntitiesList th,
#TableDocumentsOnHold td, #TableDocumentsOnHold th,
#TableListSalesPerson td, #TableListSalesPerson th,
#TableListWithStock td, #TableListWithStock th,


#TableReturnOfGoods td, #TableReturnOfGoods th,
#TABLEArticleStockList td, #TABLEArticleStockList th  {
    border-top: 1px solid var(--orange-400);
    border-left: 0px solid  var(--orange-400);
    background: var(--white);!important;
}

#TableClosedDocumentsFB tr:nth-child(odd), #TableClosedDocuments tr:nth-child(odd), #TableImportDocuments tr:nth-child(odd), #TableImportDocuments tr:nth-child(odd), #TableDocumentsOnHold tr:nth-child(odd), #TableDocumentsOnHold tr:nth-child(odd) {
    background-color: #fff!important;
}

#PanelPaymentTotalText, #TableImportDocuments th, #TableClosedDocuments th, #TableClosedDocumentsFB th, #TableReturnOfGoods th.FileListDiv a {
    color: var(--brand-450);
}

.CheckBoxFormDivCheckbox input:checked, .largerCheckboxForm input:checked {
    background-color: var(--orange);
    color: var(--white);
}

.cPOSImageButton img {
      filter: brightness(0) saturate(100%) invert(45%) sepia(72%)
          saturate(0%) hue-rotate(354deg) brightness(95%) contrast(92%);
}

.BUTTONDELETE:active, .BUTTONCANCEL:active, .BUTTONBACK:active, .BUTTONNO:active, .BUTTONYES:active, .BUTTONCUSTOM1:active, .BUTTONCUSTOM2:active, .BUTTONCUSTOM3:active, .BUTTONCLEAR:active, .BUTTONTIMER:active, .BUTTONCREATE:active, .BUTTONLIST:active, .cPOSButton:active, .abModalKeypadCenterOK:active, .BUTTONLIST:active, #abModalKeypadCancel:active, #abModalKeyboardCancel:active {
    background-color: var(--orange) !important;
    color: var(--white) !important;
}
#TableClosedDocumentsFB{
    border: 1px solid var(--orange-400);
}

/*
#TableClosedDocumentsFB td, #TableClosedDocumentsFB th,  
#TableImportDocuments td, #TableImportDocuments th, #TableDocumentsOnHold td, #TableDocumentsOnHold th {
     border-top: 1px solid var(--orange-400); 
     border-left: 0x solid var(--orange-400); 
}
*/


.abModalTextboxDate:focus {
        border: 1px solid var(--orange) !important;
        background-color: var(--white)
    }

  .abModalTextboxQuantity:not(:focus),  .abModalTextboxDate:not(:focus), .abModalTextboxPrice:not(:focus){
        border: 1px solid var(--orange) !important;
        background-color: var(--white)
    }

.abModalTextbox:not(:focus) {
    border: 1px solid var(--orange-600) !important;
    background-color: var(--white);
}

.abModalTextboxQuantity:focus, .abModalTextbox:focus {
    border: 1px solid var(--orange-400) !important;
}

.abModalDropDown:not(:focus) {
    border: 1px solid var(--orange) !important;
    background-color: var(--white);
}

/*.dialog, .dialogTabs div, .mainbody*/

#fullscreen {
    background-color: var(--cream) !important;
}

.SystemButton, .PanelSystemButtons, .PanelSystemButtonsInside, #ReportsSubMenu{ 
    background-color: var(--cream)  !important;
}

.abModalOverlay {
    background-color: var(--cream)  !important;
}

.RedirectPrinterListButton {  background-color: var(--orange-200) !important; }
.RedirectPrinterListButtonClicked {  background-color: var(--orange-800) !important; }


.SystemButton:active, .SystemSubButton:active {
    background-color: var(--orange-400) !important;
}


input[type="text"].abModalTextboxDate:focus,
input[type="text"].abModalTextbox:focus,
input[type="select"].abModalDropDown:focus,
.abModalDropDown:focus,
.abModalKeypadLCDTextbox:focus,
.abModalKeyboardLCDTextbox:focus, 
.abModalKeyboardLCDTextArea:focus, 
#PanelLCDInside:focus, 
.abModalTextboxPrice:focus, 
.ctxtEditDocumentDetailQuantity:focus,
.abModalTextboxPrice:focus,
.abModalTextbox:focus,
.abModalTextboxQuantity:focus,
.abModalTextboxPercentage:focus

{
    border: 1px solid var(--brand450) !important;
    outline:none;
    box-shadow: 0px 0px 0px 1px  var(--brand450);
}

#maindiv {
    &::before {
        background: var(--base-white);
    }
}

/* ------------------------------------------------------------------
   Toolbox shortcut icons
   src contains "_selected"  -> orange #E8621A background, white glyph
   src has no "_selected"    -> cream  #FEF0E3 background, black glyph
   ------------------------------------------------------------------ */

.Toolbox_ShortcutsTypeOutBox img {
  width: 24px;
  height: 24px;
  display: inline-block;
}

/* ---------- Top de utilizaÃƒÂ§ÃƒÂ£o (T) ---------- */

.Toolbox_ShortcutsTypeOutBox img[src*="IconTop"][src*="_selected"] {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4' fill='%23E8621A'/%3E%3Cpath d='M8.47727 8.59801V7.27273H15.4403V8.59801H12.7429V16H11.1747V8.59801H8.47727Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.Toolbox_ShortcutsTypeOutBox img[src*="IconTop"]:not([src*="_selected"]) {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4' fill='%23FEF0E3'/%3E%3Cpath d='M8.47727 8.59801V7.27273H15.4403V8.59801H12.7429V16H11.1747V8.59801H8.47727Z' fill='%23000000'/%3E%3C/svg%3E");
}

/* ---------- HistÃƒÂ³rico (H) ---------- */

.Toolbox_ShortcutsTypeOutBox img[src*="IconHistory"][src*="_selected"] {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4' fill='%23E8621A'/%3E%3Cpath d='M8.861 16V7.273h1.581v3.694h4.044V7.273h1.585V16h-1.585v-3.707h-4.044V16z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.Toolbox_ShortcutsTypeOutBox img[src*="IconHistory"]:not([src*="_selected"]) {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4' fill='%23FEF0E3'/%3E%3Cpath d='M8.861 16V7.273h1.581v3.694h4.044V7.273h1.585V16h-1.585v-3.707h-4.044V16z' fill='%23000000'/%3E%3C/svg%3E");
}

/* ---------- Utilizador (U) ---------- */

.Toolbox_ShortcutsTypeOutBox img[src*="IconUser"][src*="_Selected"] {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4' fill='%23E8621A'/%3E%3Cpath d='M15.14 7.273v5.69c0 .64-.15 1.2-.45 1.69-.3.48-.72.86-1.27 1.13-.55.27-1.19.4-1.92.4s-1.37-.13-1.92-.4c-.55-.27-.97-.65-1.27-1.13-.3-.49-.45-1.05-.45-1.69v-5.69h1.58v5.56c0 .37.08.7.25.99.16.29.4.51.7.68.3.16.67.24 1.11.24s.81-.08 1.11-.24c.3-.17.53-.39.7-.68.16-.29.25-.62.25-.99V7.273z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.Toolbox_ShortcutsTypeOutBox img[src*="IconUser"]:not([src*="_Selected"]) {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='4' fill='%23FEF0E3'/%3E%3Cpath d='M15.14 7.273v5.69c0 .64-.15 1.2-.45 1.69-.3.48-.72.86-1.27 1.13-.55.27-1.19.4-1.92.4s-1.37-.13-1.92-.4c-.55-.27-.97-.65-1.27-1.13-.3-.49-.45-1.05-.45-1.69v-5.69h1.58v5.56c0 .37.08.7.25.99.16.29.4.51.7.68.3.16.67.24 1.11.24s.81-.08 1.11-.24c.3-.17.53-.39.7-.68.16-.29.25-.62.25-.99V7.273z' fill='%23000000'/%3E%3C/svg%3E");
}



#EditDocumentDetailQuantityButtonPlus, #EditDocumentDetailQuantityButtonMinus {
    background-color: var(--white) !important;
    color: var(--black) !important;
    border: 1px solid var(--orange-800) !important;
    box-shadow: 0px 0px 0px 3px  var(--cream-600);
}

#EditDocumentDetailQuantityButtonPlus img,
#EditDocumentDetailQuantityButtonMinus img {
    filter: brightness(0) saturate(100%);
}

.cEditDocumentDetailQuantityButtons {
    background-color: var(--orange);
    border: 1px solid var(--orange-600);
    border-radius: var(--radius5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cEditDocumentDetailQuantityButtons img {
    width: 32px;
    height: 32px;
    display: block;
}

td:has(> input[name="txtEditDocumentDetailDiscount2"]) {
    border: 1px solid var(--orange-800);
    background: white;
    font-weight: 350;
}


.cReturnTypeOption input:checked + .cReturnTypeOptionBox
 {
    border-color: var(--orange);
}

.cReturnTypeOption input:checked + .cReturnTypeOptionBox:before {
    border-color: var(--orange);
    background-color: var(--orange);
    box-shadow: inset 0 0 0 3px var(--cream);
}

.PanelTotalInside .cClosedBackground {
    color:var(--cream-800)!important;
}