/* FASE 6.27 - estilos antes embebidos en Cats.Master */

        body {
            padding: 0 !important;
            margin: 0 !important;
            border: 0 !important;
            color: #444444 !important;
        }

        html {
            background-color: white !important;
        }

        .totald {
            text-align: right;
        }

        .totali {
            padding-top: 5px;
            padding-bottom: 5px;
            text-align: right;
            width: 150px;
        }



        .res_cab1 {
            text-align: right;
            width: 100px;
        }

        .res_cab2 {
            text-align: left;
            width: auto;
        }

        .buscador_wm_m {
            color: gray !important;
            font-style: italic;
        }

        .DatosEntregaCab {
            text-align: left;
            color: var(--kr-ecom-text, #454545);
            font-size: var(--kr-ecom-type-md, 13px);
            padding: 2px;
        }

        .DatosEntregaCue {
            text-align: left;
            font-size: var(--kr-ecom-type-sm, 12px);
            padding: 2px;
        }
    


        /*AutoComplete flyout */
        .completionList {
            border: solid 1px var(--kr-ecom-border, #d5d5d5);
            margin: 0px;
            padding: 2px;
            max-height: 50% !important;
            overflow: auto;
            background-color: var(--kr-ecom-surface, #FFFFFF);
            z-index: 40000;
        }

        .listItem {
            color: var(--kr-ecom-text, #444444);
            font-size: var(--kr-ecom-type-md-plus, 14px);
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 5px;
            margin: 5px 0 !important;
            background-color: var(--kr-ecom-surface, white);
            min-height: 60px;
            text-align: center;
            text-transform: uppercase;
        }

        .itemHighlighted {
            background-color: var(--kr-ecom-surface-alt, #c5c5c5);
            font-size: var(--kr-ecom-type-md-plus, 14px);
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 5px;
            margin: 5px 0 !important;
            min-height: 60px;
            cursor: pointer;
            text-align: center;
            text-transform: uppercase;
        }

        .botonAdd {
            display: inline-block;
            background-color: var(--kr-ecom-primary, #34495e);
            text-align: center;
            font-size: var(--kr-ecom-type-xl, 16px);
            color: var(--kr-ecom-accent-contrast, white);
            text-decoration: none;
            padding: 8px 15px;
            margin-bottom: 6px;
            transition: 0.4s;
            cursor: pointer;
        }

            .botonAdd:hover {
                opacity: 0.9;
            }









        .loader-wrapper {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: var(--kr-ecom-surface, white);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 999999;
        }

        .loader {
            display: inline-block;
            width: 236px;
            height: 96px;
            position: relative;
            border: 4px solid var(--kr-ecom-accent-contrast, #fff);
            /*animation: loader 2s infinite ease;*/
        }

        .loader-inner {
            vertical-align: top;
            display: inline-block;
            width: 100%;
            background-color: var(--kr-ecom-surface, #fff);
            /*animation: loader-inner 2s infinite ease-in;*/
        }

        /*@keyframes loader {
            0% {
                transform: rotate(0deg);
            }

            25% {
                transform: rotate(180deg);
            }

            50% {
                transform: rotate(180deg);
            }

            75% {
                transform: rotate(360deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes loader-inner {
            0% {
                height: 0%;
            }

            25% {
                height: 0%;
            }

            50% {
                height: 100%;
            }

            75% {
                height: 100%;
            }

            100% {
                height: 0%;
            }
        }*/

        .slide {
            display: block;
            height: 300px;
            width: 300px;
            margin: 5px;
        }