:root {
    --bs-font-sans-serif: system-ui,-apple-system,"Montserrat",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --app-base-intro-color-background: #F3F8FC;
    --app-document-card-color-background: #ffffff;
    --app-document-card-color-border: #000000;
}

.hidden {
    display: none !important;
}

.nav-link {
    color: #E1251B;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #E1251B;
}

.title {
    font-family: "poppinsbold", sans-serif, serif;
}

.paragraph {
    font-family: "poppins", sans-serif, serif;
}

.font-size--12 {
    font-size: 12px;
    line-height: 16px;
}

.font-size--14 {
    font-size: 14px;
    line-height: 18px;
}

.font-size--16 {
    font-size: 16px;
    line-height: 22px;
}

.font-size--22 {
    font-size: 22px;
    line-height: 30px;
}

.font-size--26 {
    font-size: 26px;
    line-height: 36px;
}

.font-size--32 {
    font-size: 32px;
    line-height: 44px;
}


.sidebar {
    background-color: #fff;
    box-shadow: 3px 6px 6px #ABABAB29;
}

.content {
    margin: 32px 24px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: -3px 6px 6px #ABABAB29;
}

.input--text {
    border: 1px solid #DCE0E2;
    padding: 10px 8px 6px 8px;
    line-height: 18px;
    font-size: 14px;
    color: #777;
    height: 30px;
    border-radius: 6px;
}

.input--icon-left {
    padding-left: 40px;
    width: 200px;
}

.input--atendimento {
    width: 300px;
    background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A2A6A8' viewBox='0 0 30 30'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E" );
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.input--text:focus-visible {
    outline: black auto 1px;
}

.bi {
    vertical-align: -.125em;
    pointer-events: none;
    fill: currentColor;
}


.nav-flush .nav-link {
    border-radius: 0;
}


.dropdown-toggle {
    outline: 0;
}

.btn {
    border-radius: 6px;
    font-size: 14px;
    font-family: "poppins", sans-serif, serif;
    padding: 8px 24px 4px;
}

.btn-icon-left {
    padding-left: 40px;
}

.btn--filter {
    background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A2A6A8' viewBox='0 0 30 30'%3E%3Cpath d='M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E" );
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.table-dark {
    --bs-table-bg: #e4e4e4;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #212529;
    border-color: #373b3e;
}

.table__atendimentos {
    font-size: 14px;
}

.table.table__atendimentos > :not(:last-child) > :last-child > * {
    border-color: transparent;
}

.table.table__atendimentos > :not(caption) > * > * {
    padding: .75rem .75rem;
}

.bi-arrows-angle-expand {
    background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23A2A6A8' viewBox='0 0 30 30'%3E%3Cpath d='M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E" );
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.btn-toggle {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}

.btn-icon--bordered {
    border: 1px solid #ccc;
    display: block;
    width: 24px;
    height: 22px;
    border-radius: 4px;
    color: black;
    padding-top: 2px;
}

.btn-toggle:hover,
.btn-toggle:focus {
    color: rgba(0, 0, 0, .85);
    background-color: #d2f4ea;
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
    color: rgba(0, 0, 0, .85);
}

    .btn-toggle[aria-expanded="true"]::before {
        transform: rotate(90deg);
    }

.btn-toggle-nav a {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

    .btn-toggle-nav a:hover,
    .btn-toggle-nav a:focus {
        background-color: #d2f4ea;
    }

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

    * body {
        width: 100%;
        font-family: 'Montserrat', sans-serif;
        background: #f5f5f5;
    }

        * body header {
            width: 100%;
            background-color: #e33130;
            padding: 10px 20px;
            display: grid;
            grid-template-columns: 1fr 300px;
            height: 50px;
        }

            * body header .logo {
                width: 80px;
                display: block;
                height: 33px;
            }

                * body header .logo img {
                    width: 100%;
                }

            * body header .navbar-custom-menu .navbar-nav {
                display: flex;
                flex-direction: row-reverse;
            }

                * body header .navbar-custom-menu .navbar-nav li {
                    display: grid;
                    top: 0px;
                    width: 320px;
                    /*.info {
                            display: grid;

                            p {
                                margin: 0;
                                color: #fff;
                                font-weight: 400;
                                font-size: 12px;
                            }

                            a {
                                color: #fff;
                                font-weight: 400;
                                font-family: 'Montserrat Light', sans-serif;
                                font-size: 10px;
                            }
                        }*/
                }

                    * body header .navbar-custom-menu .navbar-nav li .dropdown-toggle {
                        display: grid;
                        grid-template-columns: 30px 1fr;
                        grid-gap: 10px;
                    }

                        * body header .navbar-custom-menu .navbar-nav li .dropdown-toggle .image {
                            width: 30px;
                            height: 30px;
                            overflow: hidden;
                            border-radius: 50%;
                        }

                            * body header .navbar-custom-menu .navbar-nav li .dropdown-toggle .image img {
                                height: 100%;
                            }

                        * body header .navbar-custom-menu .navbar-nav li .dropdown-toggle span {
                            font-size: 11px;
                            color: #fff;
                            -webkit-align-items: center;
                            align-items: center;
                            -webkit-justify-content: center;
                            justify-content: center;
                            display: flex;
                            padding: 0 20px 0 0;
                        }

                        * body header .navbar-custom-menu .navbar-nav li .dropdown-toggle:after {
                            position: absolute;
                            right: 0;
                            top: 12px;
                            color: #fff;
                        }

                        * body header .navbar-custom-menu .navbar-nav li .dropdown-toggle:hover {
                            color: #fff;
                            background-color: #ed8281 !important;
                        }

                    * body header .navbar-custom-menu .navbar-nav li .dropdown-menu {
                        position: absolute;
                        right: 0;
                        left: auto;
                        padding: 0;
                        top: 7px !important;
                    }

                        * body header .navbar-custom-menu .navbar-nav li .dropdown-menu .user-header {
                            height: 160px;
                            padding: 10px;
                            text-align: center;
                            background-color: #dd4b39;
                        }

                            * body header .navbar-custom-menu .navbar-nav li .dropdown-menu .user-header img {
                                z-index: 5;
                                height: 90px;
                                width: 90px;
                                border: 3px solid;
                                border-color: rgba(255, 255, 255, 0.2);
                                border-radius: 50%;
                                margin: 0 auto;
                            }

                            * body header .navbar-custom-menu .navbar-nav li .dropdown-menu .user-header p {
                                z-index: 5;
                                color: rgba(255, 255, 255, 0.8);
                                font-size: 12px;
                                margin: 0;
                            }

                        * body header .navbar-custom-menu .navbar-nav li .dropdown-menu .user-footer {
                            background-color: #f9f9f9;
                            padding: 10px;
                            grid-template-columns: repeat(2, 1fr);
                        }

                            * body header .navbar-custom-menu .navbar-nav li .dropdown-menu .user-footer .btn {
                                background-color: #f4f4f4;
                                color: #444;
                                border-color: #ddd;
                                font-size: 12px;
                                cursor: pointer;
                            }

                                * body header .navbar-custom-menu .navbar-nav li .dropdown-menu .user-footer .btn:hover {
                                    background-color: #ed8281;
                                }

                            * body header .navbar-custom-menu .navbar-nav li .dropdown-menu .user-footer .pull-right {
                                text-align: right;
                            }

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #ed8281 !important;
}

* body .global-wrapper {
    width: 100%;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: left;
}

            * body .global-wrapper span.numero-manifestacao {
                margin: 0 0 10px 0;
                float: left;
                display: block;
                font-size: 14px;
            }

            * body .global-wrapper .show-all {
                display: block;
                float: right;
                margin: 10px 0 0 0;
            }

                * body .global-wrapper .show-all input {
                    display: none;
                }

                * body .global-wrapper .show-all label[for=chkShowAll] {
                    border: 1px solid #ccc;
                    background-color: #fff;
                    position: relative;
                    margin: 0;
                    height: 30px;
                    font-size: 12px;
                    padding: 5px 10px 0 35px;
                    cursor: pointer;
                    border-radius: 4px;
                }

                    * body .global-wrapper .show-all label[for=chkShowAll]:before {
                        content: '';
                        width: 25px;
                        height: 28px;
                        border-right: 1px solid #ccc;
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

                * body .global-wrapper .show-all #chkShowAll:checked ~ label {
                    border: 1px solid #444;
                }

                    * body .global-wrapper .show-all #chkShowAll:checked ~ label:before {
                        background-color: #444;
                        border-right: 1px solid #444;
                    }

                    * body .global-wrapper .show-all #chkShowAll:checked ~ label:after {
                        content: "\f00c";
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                        left: 6px;
                        position: absolute;
                        color: #fff;
                    }

        * body #modalTipoInputDashboard .modal-body {
            padding: 40px 20px;
        }

            * body #modalTipoInputDashboard .modal-body .nome-cliente {
                margin: 10px 0 -10px 0;
                background-color: #e33130;
                color: #fff;
                padding: 0 10px;
            }

                * body #modalTipoInputDashboard .modal-body .nome-cliente label {
                    margin: 0;
                    font-size: 11px;
                }

.grid-modal-pedidos {
    border: 1px solid #ccc;
    margin: 10px 0 0 0;
}

    .grid-modal-pedidos .header-grid-modal-pedidos {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        font-size: 14px;
        background-color: #f1f1f1;
    }

        .grid-modal-pedidos .header-grid-modal-pedidos div {
            padding: 5px 10px;
            border-left: 1px solid #ccc;
        }

            .grid-modal-pedidos .header-grid-modal-pedidos div:first-child {
                border-left: 0;
            }

    .grid-modal-pedidos .content-grid-modal-pedidos .line-content-grid-modal {
        font-size: 12px;
        border-top: 1px solid #ccc;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

        .grid-modal-pedidos .content-grid-modal-pedidos .line-content-grid-modal div {
            padding: 5px 10px;
            border-left: 1px solid #ccc;
        }

            .grid-modal-pedidos .content-grid-modal-pedidos .line-content-grid-modal div:first-child {
                border-left: 0;
            }

.animation .grid-dashboard {
    min-height: 827px;
    display: grid;
    grid-template-columns: 150px 1fr;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

    .animation .grid-dashboard.menu-encolhido {
        grid-template-columns: 45px 1fr;
    }

        .animation .grid-dashboard.menu-encolhido .box-menu-aside {
            width: 45px;
        }

            .animation .grid-dashboard.menu-encolhido .box-menu-aside label {
                width: 100%;
                text-align: center;
                padding: 0 10px;
            }

            .animation .grid-dashboard.menu-encolhido .box-menu-aside .menu-aside ul li a {
                text-align: center;
                padding: 10px;
            }

                .animation .grid-dashboard.menu-encolhido .box-menu-aside .menu-aside ul li a i {
                    font-size: 16px;
                    margin: 0;
                }

                .animation .grid-dashboard.menu-encolhido .box-menu-aside .menu-aside ul li a span {
                    display: none;
                }

    .animation .grid-dashboard .box-menu-aside {
        background-color: #444;
        padding: 10px 0;
        width: 100%;
        -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
        -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
        -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
    }

        .animation .grid-dashboard .box-menu-aside input {
            display: none;
        }

        .animation .grid-dashboard .box-menu-aside label {
            margin: 0;
            font-size: 18px;
            color: #fff;
            cursor: pointer;
            padding: 0 20px;
            width: 100%;
            text-align: right;
        }

        .animation .grid-dashboard .box-menu-aside .menu-aside {
            margin: 10px 0 0 0;
        }

            .animation .grid-dashboard .box-menu-aside .menu-aside ul li {
                border-top: 1px solid #cccccc52;
            }

                .animation .grid-dashboard .box-menu-aside .menu-aside ul li a {
                    color: #fff;
                    font-size: 12px;
                    font-weight: 400;
                    display: block;
                    padding: 10px;
                }

                    .animation .grid-dashboard .box-menu-aside .menu-aside ul li a:hover {
                        text-decoration: none;
                        background-color: #000;
                    }

                    .animation .grid-dashboard .box-menu-aside .menu-aside ul li a i {
                        margin: 0 4px 0 0;
                    }

    .animation .grid-dashboard main {
        padding: 0 20px;
        width: 100%;
        overflow: hidden;
    }

.footer {
    position: absolute;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
    /* Vertically center the text there */
    background-color: #444;
    color: #fff !important;
    font-size: 12px;
}

    .footer a {
        color: #fff !important;
    }


.search__box {
    margin-left: 0px;
/*    display: grid;
    grid-template-columns: 9% 18% 10% 1fr;*/
}

.btngridSearch {
    margin-left: 15px;
    background-color: #e33130 !important;
    height: 30px !important;
    padding: 0px 1.5rem !important;
}

    .btngridSearch:hover {
        background-color: #ed8281 !important;
    }

.content-order-customer .box-body .box-order {
    border-radius: 4px;
    overflow: hidden;
}

    .content-order-customer .box-body .box-order h4 {
        margin: 0;
        background-color: #e33130;
        color: #fff;
        font-size: 14px;
        padding: 10px;
        width: 100%;
        display: block;
    }

    .content-order-customer .box-body .box-order .box-line-order {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background-color: #fff;
    }

        .content-order-customer .box-body .box-order .box-line-order .box-content {
            width: 100%;
            float: left;
        }

            .content-order-customer .box-body .box-order .box-line-order .box-content .telefone {
                position: relative;
                height: 100%;
                display: flex;
            }

                .content-order-customer .box-body .box-order .box-line-order .box-content .telefone.disabled:before {
                    content: '';
                    width: 100%;
                    height: 100%;
                    background-color: #cccccc70;
                    position: absolute;
                    z-index: 9;
                }

                .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers {
                    width: 100%;
                    float: left;
                    padding: 10px;
                }

                    .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone {
                        display: grid;
                        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 30px;
                        margin-top: -1px;
                    }

                        .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone:first-child {
                            margin-top: 0;
                        }

                            .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone:first-child .delete-number {
                                border-top: 0;
                            }

                        .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone input,
                        .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone select {
                            height: 32px;
                            font-size: 12px;
                            border-radius: 0;
                            width: 145px;
                        }

                        .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone .cx-2 {
                            margin-left: -1px;
                        }

                        .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone .delete-number {
                            background-color: red;
                            text-align: center;
                            border-top: 1px solid #fff;
                        }

                            .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone .delete-number:hover {
                                background-color: #e40202;
                            }

                            .content-order-customer .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone .delete-number .delete-number {
                                border: 0;
                                background-color: transparent;
                                color: #fff;
                                width: 100%;
                                height: 100%;
                                font-size: 12px;
                            }

            .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-editar {
                padding: 10px;
            }

                .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-editar input {
                    display: none;
                }

                .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-editar label {
                    margin: 0;
                    width: 100%;
                    font-size: 12px;
                    text-align: center;
                    background-color: #034282;
                    color: #fff;
                    line-height: 23px;
                    border-radius: 4px;
                    cursor: pointer;
                }

                    .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-editar label:hover {
                        background-color: #043a71;
                    }

            .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 10px;
                padding: 10px;
            }

                .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar.hidden {
                    display: none !important;
                }

                .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar input {
                    display: none;
                }

                .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label {
                    color: #fff;
                    font-size: 12px;
                    text-align: center;
                    line-height: 23px;
                    border-radius: 4px;
                    margin-bottom: 0;
                    cursor: pointer;
                }

                    .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=cancelarTelefone],
                    .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=cancelarTelefoneCondutor] {
                        background-color: red;
                    }

                        .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=cancelarTelefone]:hover,
                        .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=cancelarTelefoneCondutor]:hover {
                            background-color: #e40303;
                        }

                    .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=salvarTelefone],
                    .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=salvarTelefoneCondutor] {
                        background-color: #4CAF50;
                    }

                        .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=salvarTelefone]:hover,
                        .content-order-customer .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=salvarTelefoneCondutor]:hover {
                            background-color: #39863c;
                        }

        .content-order-customer .box-body .box-order .box-line-order .title-red {
            font-size: 14px;
            color: #cc3625;
            width: 100%;
            float: left;
            font-weight: 500;
            padding: 5px 10px;
            background-color: #f1f1f1;
        }

            .content-order-customer .box-body .box-order .box-line-order .title-red.more-margin {
                border-top: 1px solid #ccc;
            }

            .content-order-customer .box-body .box-order .box-line-order .title-red.title-telefone {
                position: relative;
            }

                .content-order-customer .box-body .box-order .box-line-order .title-red.title-telefone .input-box {
                    padding: 0;
                    position: absolute;
                    top: 4px;
                    right: 10px;
                }

                    .content-order-customer .box-body .box-order .box-line-order .title-red.title-telefone .input-box button {
                        background-color: #034282;
                        color: #fff;
                        border: 0;
                        border-radius: 4px;
                        font-size: 10px;
                        padding: 3px 7px;
                    }

                        .content-order-customer .box-body .box-order .box-line-order .title-red.title-telefone .input-box button.disabled {
                            opacity: .5;
                            pointer-events: none;
                        }

        .content-order-customer .box-body .box-order .box-line-order .line-order {
            display: grid;
            grid-template-columns: 110px 1fr;
            width: 100%;
            border-top: 1px solid #ccc;
            /*height: 35px;*/
        }

        .content-order-customer .box-body .box-order .box-line-order .line-order-itens {
            display: grid;
            grid-template-columns: 1fr 110px;
            width: 100%;
            border-top: 1px solid #ccc;
            /*height: 35px;*/
        }

        .content-order-customer .box-body .box-order .box-line-order .line-order-double {
            display: grid;
            width: 100%;
            border-top: 1px solid #ccc;
            height: 35px;
        }

        .content-order-customer .box-body .box-order .box-line-order .line-order-button {
            display: grid;
            grid-template-columns: 1fr;
            width: 100%;
            border-top: 1px solid #ccc;
            height: 35px;
        }

        .content-order-customer .box-body .box-order .box-line-order .line-order-btn {
            display: grid;
            grid-template-columns: 110px 43px 206px 1fr;
            width: 100%;
            border-top: 1px solid #ccc;
            height: 35px;
        }

        .content-order-customer .box-body .box-order .box-line-order .line-order.line-link {
            grid-template-columns: 50px 1fr 90px;
        }

            .content-order-customer .box-body .box-order .box-line-order .line-order.line-link .line-link {
                padding: 0 0 0 5px;
                font-size: 10px;
            }

            .content-order-customer .box-body .box-order .box-line-order .line-order.line-link .link-again {
                padding: 0px;
                background-color: #4CAF50;
                color: #fff;
                border-radius: 4px;
                cursor: pointer;
                font-size: 11px;
                border: 0;
                float: right;
                width: 70px;
                height: 26px;
                margin: 4px 0 0 10px;
            }

                .content-order-customer .box-body .box-order .box-line-order .line-order.line-link .link-again:hover {
                    background-color: #39863c;
                }

        .content-order-customer .box-body .box-order .box-line-order .line-order strong {
            font-size: 11px;
            font-weight: 400;
            -webkit-align-items: center;
            align-items: center;
            display: flex;
            padding: 0 0 0 10px;
        }

        .content-order-customer .box-body .box-order .box-line-order .line-order-itens strong {
            font-size: 11px;
            font-weight: 400;
            -webkit-align-items: center;
            align-items: center;
            display: flex;
            padding: 0 0 0 10px;
        }

        .content-order-customer .box-body .box-order .box-line-order .line-order-btn strong {
            font-size: 11px;
            font-weight: 400;
            -webkit-align-items: center;
            align-items: center;
            display: flex;
            padding: 0 0 0 10px;
        }


.content-order-customer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.content-order-message {
    display: grid;
    grid-template-columns: 1fr;
}



.content-order-message .box-body .box-order h4 {
    margin: 0;
    background-color: #e33130;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    display: block;
}

.content-order-message .box-body .box-order .box-line-order {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

    .content-order-message .box-body .box-order .box-line-order .box-content {
        width: 100%;
        float: left;
    }

        .content-order-message .box-body .box-order .box-line-order .box-content .telefone {
            position: relative;
            height: 100%;
            display: flex;
        }

            .content-order-message .box-body .box-order .box-line-order .box-content .telefone.disabled:before {
                content: '';
                width: 100%;
                height: 100%;
                background-color: #cccccc70;
                position: absolute;
                z-index: 9;
            }

            .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers {
                width: 100%;
                float: left;
                padding: 10px;
            }

                .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone {
                    display: grid;
                    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 30px;
                    margin-top: -1px;
                }

                    .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone:first-child {
                        margin-top: 0;
                    }

                        .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone:first-child .delete-number {
                            border-top: 0;
                        }

                    .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone input,
                    .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone select {
                        height: 32px;
                        font-size: 12px;
                        border-radius: 0;
                        width: 145px;
                    }

                    .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone .cx-2 {
                        margin-left: -1px;
                    }

                    .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone .delete-number {
                        background-color: red;
                        text-align: center;
                        border-top: 1px solid #fff;
                    }

                        .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone .delete-number:hover {
                            background-color: #e40202;
                        }

                        .content-order-message .box-body .box-order .box-line-order .box-content .telefone .contact-numbers .grid-telefone .delete-number .delete-number {
                            border: 0;
                            background-color: transparent;
                            color: #fff;
                            width: 100%;
                            height: 100%;
                            font-size: 12px;
                        }

        .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-editar {
            padding: 10px;
        }

            .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-editar input {
                display: none;
            }

            .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-editar label {
                margin: 0;
                width: 100%;
                font-size: 12px;
                text-align: center;
                background-color: #034282;
                color: #fff;
                line-height: 23px;
                border-radius: 4px;
                cursor: pointer;
            }

                .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-editar label:hover {
                    background-color: #043a71;
                }

        .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 10px;
            padding: 10px;
        }

            .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar.hidden {
                display: none !important;
            }

            .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar input {
                display: none;
            }

            .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label {
                color: #fff;
                font-size: 12px;
                text-align: center;
                line-height: 23px;
                border-radius: 4px;
                margin-bottom: 0;
                cursor: pointer;
            }

                .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=cancelarTelefone],
                .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=cancelarTelefoneCondutor] {
                    background-color: red;
                }

                    .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=cancelarTelefone]:hover,
                    .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=cancelarTelefoneCondutor]:hover {
                        background-color: #e40303;
                    }

                .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=salvarTelefone],
                .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=salvarTelefoneCondutor] {
                    background-color: #4CAF50;
                }

                    .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=salvarTelefone]:hover,
                    .content-order-message .box-body .box-order .box-line-order .box-content .box-btn-telefones .line-salvar-cancelar label[for=salvarTelefoneCondutor]:hover {
                        background-color: #39863c;
                    }

    .content-order-message .box-body .box-order .box-line-order .title-red {
        font-size: 14px;
        color: #cc3625;
        width: 100%;
        float: left;
        font-weight: 500;
        padding: 5px 10px;
        background-color: #f1f1f1;
    }

        .content-order-message .box-body .box-order .box-line-order .title-red.more-margin {
            border-top: 1px solid #ccc;
        }

        .content-order-message .box-body .box-order .box-line-order .title-red.title-telefone {
            position: relative;
        }

            .content-order-message .box-body .box-order .box-line-order .title-red.title-telefone .input-box {
                padding: 0;
                position: absolute;
                top: 4px;
                right: 10px;
            }

                .content-order-message .box-body .box-order .box-line-order .title-red.title-telefone .input-box button {
                    background-color: #034282;
                    color: #fff;
                    border: 0;
                    border-radius: 4px;
                    font-size: 10px;
                    padding: 3px 7px;
                }

                    .content-order-message .box-body .box-order .box-line-order .title-red.title-telefone .input-box button.disabled {
                        opacity: .5;
                        pointer-events: none;
                    }

    .content-order-message .box-body .box-order .box-line-order .line-order {
        display: grid;
        grid-template-columns: 110px 110px 1fr;
        width: 100%;
        border-top: 1px solid #ccc;
        /*height: 35px;*/
    }

    .content-order-message .box-body .box-order .box-line-order .line-order-itens {
        display: grid;
        grid-template-columns: 1fr 110px;
        width: 100%;
        border-top: 1px solid #ccc;
        /*height: 35px;*/
    }

    .content-order-message .box-body .box-order .box-line-order .line-order-double {
        display: grid;
        width: 100%;
        border-top: 1px solid #ccc;
        height: 35px;
    }

    .content-order-message .box-body .box-order .box-line-order .line-order-button {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        border-top: 1px solid #ccc;
        height: 35px;
    }

    .content-order-message .box-body .box-order .box-line-order .line-order-btn {
        display: grid;
        grid-template-columns: 110px 43px 206px 1fr;
        width: 100%;
        border-top: 1px solid #ccc;
        height: 35px;
    }

    .content-order-message .box-body .box-order .box-line-order .line-order.line-link {
        grid-template-columns: 50px 1fr 90px;
    }

        .content-order-message .box-body .box-order .box-line-order .line-order.line-link .line-link {
            padding: 0 0 0 5px;
            font-size: 10px;
        }

        .content-order-message .box-body .box-order .box-line-order .line-order.line-link .link-again {
            padding: 0px;
            background-color: #4CAF50;
            color: #fff;
            border-radius: 4px;
            cursor: pointer;
            font-size: 11px;
            border: 0;
            float: right;
            width: 70px;
            height: 26px;
            margin: 4px 0 0 10px;
        }

            .content-order-message .box-body .box-order .box-line-order .line-order.line-link .link-again:hover {
                background-color: #39863c;
            }

    .content-order-message .box-body .box-order .box-line-order .line-order strong {
        font-size: 11px;
        font-weight: 400;
        -webkit-align-items: center;
        align-items: center;
        display: flex;
        padding: 0 0 0 10px;
    }

    .content-order-message .box-body .box-order .box-line-order .line-order-itens strong {
        font-size: 11px;
        font-weight: 400;
        -webkit-align-items: center;
        align-items: center;
        display: flex;
        padding: 0 0 0 10px;
    }

    .content-order-message .box-body .box-order .box-line-order .line-order-btn strong {
        font-size: 11px;
        font-weight: 400;
        -webkit-align-items: center;
        align-items: center;
        display: flex;
        padding: 0 0 0 10px;
    }

.BoxStyledSpace {
    margin-right: 10px;
    overflow-x: auto;
}

.span-line-order {
    align-self: center;
    font-size: 12px;
}

#infOrderPhotos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    padding: 10px;
    background-color: #fff;
}

    #infOrderPhotos .img-holder {
        overflow: hidden;
        width: 100%;
        height: 90px;
        border: 1px solid #ccc;
    }

#infOrderPhotosAfiliado {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    padding: 10px;
    background-color: #fff;
}

    #infOrderPhotosAfiliado .img-holder {
        overflow: hidden;
        width: 100%;
        height: 90px;
        border: 1px solid #ccc;
    }

.img-holder img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.img-holder.uploadPic {
    cursor: pointer;
    width: auto;
    height: auto;
    position: absolute;
    right: 10px;
    margin: -28px 0 0 0;
    color: #fff;
}

.btn-filter-image {
    font-size: 15px !important;
    padding: 11px !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
    height: 35px !important;
    width: 60px !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23222222' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23222222' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l1.5 1.5-2.5 2.5 2.5 2.5-1.5 1.5-4-4 4-4z'/%3e%3c/svg%3e");
}

#ipOrderId {
    margin-left: 10px;
}

#SelectFiltersInputId {
    width: 150px !important;
    border: 1px solid #DCE0E2;
    padding: 5px 8px 6px 8px;
    line-height: 18px;
    font-size: 14px;
    color: #777;
    height: 30px;
    border-radius: 6px;
}

#managerGrid_wrapper {
    width: 100%;
    display: block;
    position: relative;
}

#managerGrid_wrapper .dataTables_info {
    font-size: 14px;
    font-weight: 700;
}

#managerGrid {
    flex: auto;
    max-width: initial;
    padding: 0;
    /*overflow-y: hidden;*/
    float: left;
    /*display: block;*/
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%
/*    width: 640px;*/
}

 #managerGrid::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    background-color: #F5F5F5;
}

 #managerGrid::-webkit-scrollbar {
    height: 10px;
    background-color: #F5F5F5;
}

 #managerGrid::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #444;
}

 #managerGrid thead {
    background-color: #e33130;
    color: #fff;
}

#managerGrid thead tr {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-gap: 10px;
    padding: 10px;
}

 #managerGrid thead tr th {
    padding: 0;
    font-size: 12px;
    width: 100% !important;
    border-bottom: 0;
}

 #managerGrid thead tr th.sorting_asc,
 #managerGrid thead tr th.sorting {
    background-position: top right;
}

#managerGrid tbody tr {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    padding: 10px;
    grid-gap: 10px;
}

 #managerGrid tbody tr td {
    padding: 0;
    font-size: 11px;
}

 #managerGrid tbody tr:first-child {
    border-top: 0 !important;
}

 #managerGrid tbody tr.odd {
    background-color: #f1f1f1;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

@font-face {
    font-family: 'poppinsblack';
    src: url('../../fonts/poppins/poppins-black.woff2') format('woff2'), url('../../assets/fonts/poppins/poppins-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsbold';
    src: url('../../fonts/poppins/poppins-bold.woff2') format('woff2'), url('../../assets/fonts/poppins/poppins-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsextrabold';
    src: url('../../fonts/poppins/poppins-extrabold.woff2') format('woff2'), url('../../assets/fonts/poppins/poppins-extrabold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsextralight';
    src: url('../../fonts/poppins/poppins-extralight.woff2') format('woff2'), url('../../assets/fonts/poppins/poppins-extralight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinslight';
    src: url('../../fonts/poppins/poppins-light.woff2') format('woff2'), url('../../assets/fonts/poppins/poppins-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../../fonts/poppins/poppins-medium.woff2') format('woff2'), url('../../assets/fonts/poppins/poppins-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'poppinssemibold';
    src: url('../../fonts/poppins/poppins-semibold.woff2') format('woff2'), url('../../assets/fonts/poppins/poppins-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins';
    src: url('../../fonts/poppins/poppins-regular.woff2') format('woff2'), url('../../assets/fonts/poppins/poppins-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsthin';
    src: url('../../fonts/poppins/poppins-thin.woff2') format('woff2'), url('../../assets/fonts/poppins/poppins-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.btnShow:focus,
.btnShow:hover,
.btnShow {
    background-color: #e33130;
    border: 0;
    color: white;
    padding-right: 15px;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    cursor:pointer;
}

.BoxStyledSpace::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    background-color: #9e3535;
}

.BoxStyledSpace::-webkit-scrollbar {
    width: 8px;
    background-color: #9e3535;
}

.BoxStyledSpace::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #e33130;
}

.BoxStyledSpace::-webkit-scrollbar-track-piece {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #9e3535;
}

.pdf-download {
    font-size: 9px;
    height: 100%;
    width: 100%;
    cursor: pointer;
}