:root {
    --IndianRed: #CD5C5C;
    --LightCoral: #F08080;
    --Salmon: #FA8072;
    --DarkSalmon: #E9967A;
    --Crimson: #DC143C;
    --Red: #FF0000;
    --FireBrick: #B22222;
    --DarkRed: #8B0000;
    --Pink: #FFC0CB;
    --HotPink: #FF69B4;
    --DeepPink: #FF1493;
    --MediumVioletRed: #C71585;
    --PaleVioletRed: #DB7093;
    --LightSalmon: #FFA07A;
    --OrangeRed: #FF4500;
    --DarkOrange: #FF8C00;
    --Orange: #FFA500;
    --Gold: #FFD700;
    --Yellow: #FFFF00;
    --PeachPuff: #FFDAB9;
    --DarkKhaki: #BDB76B;
    --Plum: #DDA0DD;
    --Fuchsia: #FF00FF;
    --MediumOrchid: #BA55D3;
    --RebeccaPurple: #663399;
    --DarkViolet: #9400D3;
    --DarkMagenta: #8B008B;
    --MediumSlateBlue: #7B68EE;
    --GreenYellow: #ADFF2F;
    --LimeGreen: #32CD32;
    --MediumSpringGreen: #00FA9A;
    --MediumSeaGreen: #3CB371;
    --ForestGreen: #228B22;
    --YellowGreen: #9ACD32;
    --MediumAquamarine: #66CDAA;
    --DarkCyan: #008B8B;
    --Aqua: #00FFFF;
    --DarkTurquoise: #00CED1;
    --DeepSkyBlue: #00BFFF;
    --Blue: #0000FF;
    --MidnightBlue: #191970;
    --Wheat: #F5DEB3;
    --RosyBrown: #BC8F8F;
    --Goldenrod: #DAA520;
    --Chocolate: #D2691E;
    --SaddleBrown: #8B4513;
    --Maroon: #800000;
    --Gainsboro: #DCDCDC;
    --DarkGray: #A9A9A9;
    --DimGray: #696969;
    --Black: #000000;
    --LightGray: #D3D3D3;

    --recebemento: #5555d0;
    --desmontagem: #6b2d2d;
    --limpeza: #93dde4;
    --inspecao: #bd5219;
    --semEntrega: #6d1744;

}

#toast-container>div {
    padding: 15px 15px 15px 15px !important;
}

#toast-container>.toast {
    background-image: none !important;
}

.bg-g1 {
    background-color: #057085 !important;
    color: #d8dddd !important;
}

.bg-g2 {
    background-color: #508505 !important;
    color: #d8dddd !important;
}

.recebemento {
    background-color: var(--recebemento);
    color: #d8dddd !important;
}

.desmontagem {
    background-color: var(--desmontagem);
    color: #d8dddd !important;
}

.limpeza {
    background-color: var(--limpeza);
    color: #1f2020 !important;
}

.inspecao {
    background-color: var(--inspecao);
    color: #d8dddd !important;
}

.semEntrega {
    background-color: var(--semEntrega);
    color: #d8dddd !important;
}

.maroon {
    background-color: var(--Maroon);
    color: #d8dddd !important;
}

.dashboardMiddle {
    background-color: #dce4ea !important;
}

.darkBlue {
    background-color: #3f6691 !important;
}

.lightBlue {
    background-color: #335b86 !important;
}

.RMlight {
    background-color: #dce4ea !important;
}

.text-gray {
    color: #e5d9d9 !important;
}

.bg-gray {
    background-color: #b0a6a6 !important;
}

.popupOverStyleI .table>:not(caption)>*>* {
    color: #f8f9fa !important;
}

.minSize>div.toast.toast-error {
    width: 700px;
}

.form-switch.form-switch-lg .form-check-input {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.listBSstyle p {
    font-size: 0.8em;
    padding: 5px;
}

.toastr {
    pointer-events: none;
}

#toast-container>div {
    opacity: 1;
}

.list-group-item a {
    text-decoration: none;
}

.bgGreen {
    background-color: darkcyan !important;
}

.bgDarkBlue {
    background-color: rgb(18, 2, 86) !important;
}

.bgGreenL {
    background-color: rgb(4, 181, 181) !important;
}

.bgRed {
    background-color: rgb(235, 64, 64) !important;
}

.bgRedL {
    background-color: rgb(242, 110, 110) !important;
}

.bgYellow {
    background-color: rgb(255, 255, 0) !important;
}

.bgYellowL {
    background-color: rgb(255, 255, 0) !important;
}

.text-yellow {
    color: rgb(255, 255, 0) !important;
}

.text-blue {
    color: rgb(22, 17, 165) !important;
}

.popover {
    min-width: 20%;
    background-color: black;
}

.popover-body {
    color: yellow;
}

/*
@media screen and (max-aspect-ratio: 13/9) {
    .allDash {
        display: none;
    }

    .onlyPortrit {
        display: block;
    }
}
*/
@media screen and (max-width: 992px) and (orientation:portrait) {
    .hideP {
        display: none;
    }
}

@media screen and (max-width: 991.98px) {
    div.col-2.bins>p {
        margin-top: -5px;
        margin-bottom: 8px;
    }

    .solicitante {
        font-size: 10px;
        margin-top: 4px;
    }

    .fifo {
        font-size: 8px;
        top: -7px;
    }

    .loadingflow .titles {
        font-size: 10px;
    }

    .loadingflow .allList.list-group a {
        border-color: white !important;
    }

    .loadingflow .allList.list-group a:hover {
        background-color: white !important;
    }

    .loadingflow .list-group .row>div {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 15px;
        font-weight: 500;
    }

    .loadingflow .list-group .box {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
    }

    .rawmaterial .titles {
        font-size: 10px;
    }

    .rawmaterial .allList.list-group li {
        border-color: white !important;
    }

    .rawmaterial .list-group .row>div {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 15px;
        font-weight: 500;
    }

    .rawmaterial .list-group .box {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
    }

    form#pedido label {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
        font-size: 10px !important;
        line-height: 0.5;
    }

    form#pedido .form-check-input {
        width: 1em !important;
        height: 1em !important;
        margin-top: 0em !important;
    }

    form#pedido button.special {
        padding: 0;
        border: none;
        background: none;
    }

    form#pedido .select2-selection__rendered {
        line-height: 30px !important;
    }

    form#pedido .select2-container .select2-selection--single {
        height: 30px !important;
    }

    form#pedido .select2-selection__arrow {
        height: 30px !important;
    }
}

@media (min-width: 1400px) {
    div.col-2.bins>p {
        margin-top: -5px;
        margin-bottom: 8px;
    }

    .solicitante {
        font-size: 20px;
        margin-top: -12px;
    }

    .totOrdersHeaders {
        font-size: 1em;
    }

    /* */
    .loadingflow .titles {
        font-size: 14px;
        font-weight: 700;
    }

    .loadingflow .allList>.list-group-item {
        padding: -0.1rem 1rem !important;
    }

    .loadingflow .allList.list-group a {
        border-color: white !important;
    }

    .loadingflow .allList.list-group a:hover {
        background-color: rgb(172, 220, 214) !important;
    }

    .loadingflow .list-group .row>div {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 20px;
        font-weight: 900;
    }

    .loadingflow .list-group p {
        margin-bottom: -0.5rem !important;
    }

    .loadingflow .list-group .box {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 20px;
        font-weight: 500;
    }

    .loadingflow .DOS .alert {
        padding: 0 !important;
        margin-bottom: .3rem;
    }



    /* */

    .rawmaterial .titles {
        font-size: 30px;
    }

    .rawmaterial .allList>.list-group-item {
        padding: -0.1rem 1rem !important;
    }

    .rawmaterial .allList.list-group li {
        border-color: white !important;
    }

    .rawmaterial .list-group .row>div {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 40px;
        font-weight: 900;
    }

    .rawmaterial .list-group p {
        margin-bottom: -0.3rem !important;
    }

    .rawmaterial .list-group .box {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 30px;
        font-weight: 500;
    }

    .fifo {
        font-size: 15px;
        top: -10px;
    }

    form#pedido label {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
        font-size: 30px !important;
        line-height: 1.5;
    }

    form#pedido .form-check-input {
        width: 3em !important;
        height: 3em !important;
        margin-top: 0em !important;
    }

    form#pedido button.special {
        padding: 0;
        border: none;
        background: none;
    }

    form#pedido .select2-selection__rendered {
        line-height: 51px !important;
    }

    form#pedido .select2-container .select2-selection--single {
        height: 55px !important;
    }

    form#pedido .select2-selection__arrow {
        height: 54px !important;
    }
}










/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu>li:hover>.submenu {
        display: block;
    }
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }
}

/* ============ small devices .end// ============ */

.viewport {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.select2-search__field {
    height: 50px px;
    font-size: 30px;
    background-color: rgb(219, 219, 54);
}

div.col-lg-3.bins>p {
    margin-top: -10px;
    margin-bottom: -15px;
}















.TRANSFERENCIA .card-custom {
    overflow: hidden;
    min-height: 450px;
    box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}

.TRANSFERENCIA .card-custom-img {
    height: 200px;
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-color: inherit;
}

/* First border-left-width setting is a fallback */
.TRANSFERENCIA .card-custom-img::after {
    position: absolute;
    content: '';
    top: 161px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-top-width: 40px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 545px;
    border-left-width: calc(575px - 5vw);
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: inherit;
}

.TRANSFERENCIA .card-custom-avatar img {
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
    position: absolute;
    top: 100px;
    left: 1.25rem;
    width: 100px;
    height: 100px;
}



.buscaData input {
    height: 50px;
}

ul.truck li:nth-child(odd) {
    background-color: rgb(221, 221, 221);
}

ul.truck li:nth-child(even) {
    background-color: rgb(178, 176, 176);
}