Scale - Modo Oscuro by JoseCarlos00

/* ==UserStyle==
@name         Scale - Modo Oscuro
@version      20240416.13.51
@namespace    https://userstyles.world/user/JoseCarlos00
@description  Estilos RF modo oscuro
@author       JoseCarlos00
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://wms.fantasiasmiguel.com.mx/scale") {
.ui-widget-content,
.ui-iggrid-nongrouprowemptycell {
    background-color: #f8e6e6 !important;
}

.ScreenGroupPanel .detailpaneheaderrowcolumn {
    padding-top: 6px
}


a:active {
    transform: scale(.95)
}

a:hover i,
a:hover::before {
    transform: scale(.96)
}

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

::-webkit-scrollbar {
    background: transparent;
}

::-webkit-scrollbar-track {
    background: rgba(202, 204, 206, 0.04);
}

::-webkit-scrollbar-thumb {
    background: #474c50;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(202, 204, 206, 0.3);
}
}

@-moz-document url-prefix("https://wms.fantasiasmiguel.com.mx/RF/") {
 body,
 .rfOverlay,
 #wrapper1 {
     background-color: #0d1117 !important;
     color: #e6edf3 !important;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
 }
 input[type="button"],
 input[type="submit"] {
     cursor: pointer;
 }

 /* Boton Verde */
 [value="OK"],
 #registraUbicaciones,
 #removeButton {
     background-color: rgb(35, 134, 54) !important;
     color: #e6edf3 !important;
     padding: 10px;
     font-size: 24px;
     border: 1px solid rgb(35, 134, 54);
     font-weight: 400;
     background-color: #000 !important;
     color: rgb(35, 134, 54) !important;
 }

 [value="OK"]:hover,
 #registraUbicaciones:hover,
 #removeButton:hover {
     background-color: rgb(46, 160, 67) !important;
     color: #000 !important;
     transform: scale(1.1);
 }

 #removeButton {
     border-radius: 0.2rem;
     padding: 0.25rem 0.5rem;
     border: 1px solid;
     font-size: 18px;
 }

 /* Boton Naranja */
 [value="Cancel"],
 [value="Short"],
 #cancelar,
 #overrideButton,
 [value="Logout"] {
     background-color: #000 !important;
     color: #ff8000 !important;
     border: 1px solid #ff8000;
     border-radius: 0.2rem;
     padding: 0.25rem 0.5rem;
 }

 [value="Cancel"]:hover,
 #cancelar:hover,
 [name="locate"]:hover,
 #pausar:hover,
 #buttonBorrar:hover,
 #buttonSubmit:hover,
 #ButtonSearch:hover,
 #ButtonClear:hover,
 #ButtonInvMgmt:hover,
 #InventoryAttributeOverlayButton:hover,
 #buttonNest:hover,
 #buttonRemove:hover,
 #Btn_Nest:hover,
 #Btn_Combine:hover,
 [value="Ok/close"]:hover,
 [value="Pass"]:hover,
 #bSkip:hover,
 #overrideButton:hover,
 [value="Full"]:hover,
 [value="View picks"]:hover,
 [value="Continue"]:hover,
 [value="Done"]:hover,
 [value="Locate"]:hover,
 [value="Short"]:hover,
 [value="Select"]:hover,
 [value="Logout"]:hover {
     opacity: .8;
     transform: scale(1.1);
 }


 [value="Cancel"]:disabled,
 #cancelar:disabled,
 [name="locate"]:disabled,
 #pausar:disabled,
 #buttonBorrar:disabled,
 #buttonSubmit:disabled,
 #registraUbicaciones:disabled,
 #buttonNest:disabled,
 #buttonRemove:disabled,
 #removeButton:disabled {
     opacity: .32;
 }

 [value="Ok/close"] {
     margin-left: 8px;
 }

 /* Botton Azul */
 [value="Ok/close"],
 [value="Pass"],
 [value="Full"],
 [value="View picks"],
 [value="Continue"],
 [value="Done"],
 [value="Locate"],
 [value="Select"],
 #pausar,
 #bSkip {
     background-color: #000 !important;
     color: #09f !important;
     border-radius: 0.2rem;
     padding: 0.25rem 0.5rem;
     border: 1px solid #09f;
 }

 #button_id[name="logoutButton"] {
     box-shadow: 0 0 5px 1px #3d3d3d;
 }

 #FORM1,
 form[name="Form1"] {

     #button_id,
     #cancel {
         color: #e6edf3;
         background-color: rgb(35, 134, 54);
         cursor: pointer;
         padding: 0.25rem 0.5rem;
         border: 1px solid rgba(240, 246, 252, 0.1);
     }
     #button_id:hover,
     #cancel:hover {
         background-color: rgb(46, 160, 67);
         transform: scale(1.1);
     }
     .touchscreen-spacing {
         color: rgb(201, 209, 217);
         background-color: rgb(33, 38, 45);
         border: 1px solid #7575a3;
         border-radius: 6px;
         font-weight: 500;
     }
     .touchscreen-spacing:hover {
         background-color: rgb(48, 54, 61);
         border-color: rgba(139, 148, 158, 0.976);
     }
     .touchscreen-spacing:focus-visible {
         box-shadow: none;
         outline: rgb(47, 129, 247) solid 2px;
         outline-offset: -2px;
     }
 }


 /* Padding boton OK*/
 [name="form1"] #table1 tbody :nth-last-child(1) td,
 [name="Form1"] table tbody :nth-last-child(1) td,
 [name="form1"] table tbody :nth-last-child(1) td {
     padding-top: 8px;
 }


 [name="RFALLLOCATIONS"] {
     opacity: .8;
 }
 input:where([type="TEXT"]),
 select.dropdown,
 [name="location"],
 [name="fromLoc"],
 [name="itemNum"] {
     background-color: #000 !important;
     border: 1px solid #7575a3;
     color: #e6edf3 !important;
     border-radius: 4px;
     text-transform: uppercase;
 }

 /*  Input text focus*/
 input[type="TEXT"]:focus-visible,
 input[type="TEXT"]:active,
 input[type="TEXT"]:focus,
 select.dropdown:focus,
 [name="itemNum"]:focus,
 select:focus {
     outline: 1px solid gold !important;
     outline-offset: -1px;
 }


 select.dropdow option:hover {
     background-color: red;
 }

 select.dropdown,
 select {
     font-size: 14px;
     background-color: #000;
     border: 1px solid #7575a3;
     color: #e6edf3
 }

 #wrapper1 {
     margin: 0 auto;
     width: min-content !important;
     #buttonSelect {
         padding: 0.2rem 0.5rem;
     }
 }
 #wrapper,
 #wrapper1 {
     width: fit-content;
     color: #e6edf3 !important;

     #header {
         color: #e6edf3 !important;
     }

     .formDivider {
         height: 0px
     }

     #buttonSubmit,
     #buttonCancel,
     #buttonClose,
     #buttonBorrar,
     #ButtonSearch,
     #ButtonClear,
     #ButtonInvMgmt,
     #InventoryAttributeOverlayButton,
     #buttonNest,
     #buttonRemove,
     #Btn_Nest,
     #Btn_Combine {
         background-color: #000 !important;
         border-radius: 0.2rem;
         padding: 0.25rem 0.5rem;
         border: 1px solid;
     }

     #buttonSubmit,
     #buttonClose,
     #ButtonSearch,
     #ButtonClear,
     #ButtonInvMgmt,
     #InventoryAttributeOverlayButton,
     #buttonNest,
     #buttonRemove,
     #Btn_Nest,
     #Btn_Combine {
         color: #09f !important;
         border-color: #09f;
     }
     #buttonCancel,
     #buttonBorrar {
         color: #ff8000 !important;
         border-color: #ff8000;
     }

     .mainTable {
         td,
         td.displayOnlyTextContentColumn {
             color: #e2e2e2;
         }
     }

     td.labelColumn {
         color: #e6edf3 !important;
     }
 }

 td.displayOnlyTextContentColumn {
     color: #fff;
 }

 #statusBox {
     background-color: #000;
     color: #e6edf3;
 }

 #actual,
 .btn-v:after,
 .btn-ctrl::after,
 .btn-supr::after {
     color: #e6edf3 !important;
 }


 .btn-ctrl::after {
     top: 0 !important;
 }

 .bnt-tranfer {
     background-color: #000;
     color: #000;
     opacity: .9;
 }
 .bnt-tranfer::before {
     background-color: #e6edf3;
 }

 .bnt-tranfer:hover span {
     color: #e6edf3;
 }

 #registroForm,
 .container-contenedores {
     label {
         color: #e6edf3 !important;
     }
     .formDivider {
         height: 0px
     }
     ::placeholder {
         color: #e6edf3 !important;
     }
     textarea {
         background-color: transparent;
         color: #e6edf3 !important;
         borde-color: #7575a3;
     }
 }
}