.noMove {
    overflow: hidden !important;
    position: relative;
}

.bold {
    font-weight: bold;
}

.alert-text {
    color: red;
}

.comprovanteAR .card {
    padding: 20px;
}

nav.navbar {
    background: #225d7b !important;
    color: #fff;
    font-size: 16px !important;
}

body > * {
    font-size: 13.5px;
}

#incluirGrade i {
    color: green;
}

#GetGradeCompleta i {
    color: orange;
}

.historico .historico-obs .obsMedida {
    width: 30%;
    text-align: left;
    margin-bottom: 15px;
}

.historico .text-bold {
    vertical-align: top;
}

.historico .historico-dados i, .historico .historico-obs i {
    position: absolute;
    right: 25px;
    top: 11px;
}

#historico .dados, .historico .obs {
    max-height: 500px;
    overflow: auto;
}

.historico .dados {
    max-height: 500px;
    overflow: auto;
}

.attr-produto {
    margin-bottom: 15px;
    width: 100%;
}

.historico-dados a[aria-expanded="false"] .fa-chevron-down {
    display: none;
}

.historico-dados a[aria-expanded="true"] .fa-chevron-right {
    display: none;
}

.historico-obs a[aria-expanded="false"] .fa-chevron-down {
    display: none;
}

.historico-obs a[aria-expanded="true"] .fa-chevron-right {
    display: none;
}

.historico-obs .col-md-2 {
    padding-left: 0px !important;
    max-width: 120px !important;
}

.historico-dados .col-md-2 {
    padding-left: 0px !important;
    max-width: 120px !important;
}

#produtoListado tfoot {
    width: 100%;
}

    #produtoListado tfoot td, #historico, #obs {
        padding-top: 30px;
    }

    #produtoListado tfoot textarea {
        width: 100%;
    }

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(../font/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(../font/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(../font/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(../font/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(../font/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(../font/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(../font/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(../font/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(../font/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* FONT FACE END*/
.pt-05 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}


.uppercase {
    text-transform: uppercase !important;
}

.float-right {
    float: right !important;
}

.td-invisivel {
    display: none;
}

.tr-selecionado {
    background: #dfffddb0;
}

.modal-dialog {
    width: 360px;
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

/*.modal-header {
    background-color: #337AB7;
    padding: 16px 16px;
    color: #FFF;
    border-bottom: 2px dashed #337AB7;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}*/

.modal-header .close {
    margin-top: -2px;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-body {
    position: relative;
    padding: 15px;
}

#itemModal {
    outline: none;
}

.modal-pop {
    width: 100%;
    padding: 20px;
    text-align: center;
}

    .modal-pop img {
        width: 76px;
        height: auto;
        margin: 0 auto;
        display: block;
        margin-bottom: 25px;
    }

    .modal-pop h1 {
        font-size: 42px;
        margin-bottom: 25px;
        color: #5C5C5C;
    }

    .modal-pop p {
        font-size: 20px;
        margin-bottom: 27px;
        color: #5C5C5C;
    }

    .modal-pop h3.cupon-pop {
        font-size: 20px;
        margin-bottom: 40px;
        color: #222;
        display: inline-block;
        text-align: center;
        padding: 10px 20px;
        clear: both;
        font-weight: normal;
    }

        .modal-pop h3.cupon-pop span {
            color: #03A9F4;
        }

    .modal-pop a {
        display: inline-block;
        margin: 0 auto;
        padding: 9px 20px;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        background-color: #8BC34A;
        border-radius: 17px;
    }

        .modal-pop a i {
            margin-right: 5px;
            color: #fff;
        }

#msgModal .modal-header {
    border: 0px;
}

.center-img {
    margin: 0 auto;
    display: inline;
}

/*ICON SUCESS ERRO ANIMATE*/

@-webkit-keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast {
    flex-direction: column;
    align-items: stretch
}

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-actions {
        flex: 1;
        align-self: stretch;
        justify-content: flex-end;
        height: 2.2em
    }

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-loading {
        justify-content: center
    }

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em
    }

    body.swal2-toast-shown.swal2-has-input > .swal2-container > .swal2-toast .swal2-validationerror {
        font-size: 1em
    }

body.swal2-toast-shown > .swal2-container {
    position: fixed;
    background-color: transparent
}

    body.swal2-toast-shown > .swal2-container.swal2-shown {
        background-color: transparent
    }

    body.swal2-toast-shown > .swal2-container.swal2-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-top-end, body.swal2-toast-shown > .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
    }

    body.swal2-toast-shown > .swal2-container.swal2-top-left, body.swal2-toast-shown > .swal2-container.swal2-top-start {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0
    }

    body.swal2-toast-shown > .swal2-container.swal2-center-left, body.swal2-toast-shown > .swal2-container.swal2-center-start {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-center-end, body.swal2-toast-shown > .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-bottom-left, body.swal2-toast-shown > .swal2-container.swal2-bottom-start {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0
    }

    body.swal2-toast-shown > .swal2-container.swal2-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-toast-shown > .swal2-container.swal2-bottom-end, body.swal2-toast-shown > .swal2-container.swal2-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
    }

.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    box-shadow: 0 0 .625em #d9d9d9;
    overflow-y: hidden;
}

    .swal2-popup.swal2-toast .swal2-header {
        flex-direction: row
    }

    .swal2-popup.swal2-toast .swal2-title {
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em !important;
    }

    .swal2-popup.swal2-toast .swal2-close {
        position: initial
    }

    .swal2-popup.swal2-toast .swal2-content {
        justify-content: flex-start;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
    }

    .swal2-popup.swal2-toast .swal2-icon-text {
        font-size: 2em;
        font-weight: 700;
        line-height: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        top: .875em;
        width: 1.375em
    }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: .3125em
        }

        .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: .3125em
        }

    .swal2-popup.swal2-toast .swal2-actions {
        height: auto;
        margin: 0 .3125em
    }

    .swal2-popup.swal2-toast .swal2-styled {
        padding: .3125em .625em;
        font-size: 1em
    }

        .swal2-popup.swal2-toast .swal2-styled:focus {
            box-shadow: 0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)
        }

    .swal2-popup.swal2-toast .swal2-success {
        border-color: #a5dc86
    }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 2em;
            height: 2.8125em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-radius: 50%
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
                top: -.25em;
                left: -.9375em;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transform-origin: 2em 2em;
                transform-origin: 2em 2em;
                border-radius: 4em 0 0 4em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
                top: -.25em;
                left: .9375em;
                -webkit-transform-origin: 0 2em;
                transform-origin: 0 2em;
                border-radius: 0 4em 4em 0
            }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
            width: 2em;
            height: 2em
        }

        .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
            top: 0;
            left: .4375em;
            width: .4375em;
            height: 2.6875em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
            height: .3125em
        }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
                top: 1.125em;
                left: .1875em;
                width: .75em
            }

            .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
                top: .9375em;
                right: .1875em;
                width: 1.375em
            }

    .swal2-popup.swal2-toast.swal2-show {
        -webkit-animation: showSweetToast .5s;
        animation: showSweetToast .5s
    }

    .swal2-popup.swal2-toast.swal2-hide {
        -webkit-animation: hideSweetToast .2s forwards;
        animation: hideSweetToast .2s forwards
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
        -webkit-animation: animate-toast-success-tip .75s;
        animation: animate-toast-success-tip .75s
    }

    .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
        -webkit-animation: animate-toast-success-long .75s;
        animation: animate-toast-success-long .75s
    }

@-webkit-keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@keyframes showSweetToast {
    0% {
        -webkit-transform: translateY(-.625em) rotateZ(2deg);
        transform: translateY(-.625em) rotateZ(2deg);
        opacity: 0
    }

    33% {
        -webkit-transform: translateY(0) rotateZ(-2deg);
        transform: translateY(0) rotateZ(-2deg);
        opacity: .5
    }

    66% {
        -webkit-transform: translateY(.3125em) rotateZ(2deg);
        transform: translateY(.3125em) rotateZ(2deg);
        opacity: .7
    }

    100% {
        -webkit-transform: translateY(0) rotateZ(0);
        transform: translateY(0) rotateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes hideSweetToast {
    0% {
        opacity: 1
    }

    33% {
        opacity: .5
    }

    100% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes animate-toast-success-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes animate-toast-success-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent
}

    body.swal2-no-backdrop .swal2-shown > .swal2-modal {
        box-shadow: 0 0 10px rgba(0,0,0,.4)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-left, body.swal2-no-backdrop .swal2-shown.swal2-top-start {
        top: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
        top: 0;
        right: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-left, body.swal2-no-backdrop .swal2-shown.swal2-center-start {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom {
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
        bottom: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
        right: 0;
        bottom: 0
    }

.swal2-container {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: transparent;
    z-index: 1060;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

    .swal2-container.swal2-top {
        align-items: flex-start
    }

    .swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
        align-items: flex-start;
        justify-content: flex-start
    }

    .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
        align-items: flex-start;
        justify-content: flex-end
    }

    .swal2-container.swal2-center {
        align-items: center
    }

    .swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
        align-items: center;
        justify-content: flex-start
    }

    .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
        align-items: center;
        justify-content: flex-end
    }

    .swal2-container.swal2-bottom {
        align-items: flex-end
    }

    .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
        align-items: flex-end;
        justify-content: flex-start
    }

    .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
    }

    .swal2-container.swal2-grow-fullscreen > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center
    }

    .swal2-container.swal2-grow-row > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
    }

    .swal2-container.swal2-grow-column {
        flex: 1;
        flex-direction: column
    }

        .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
            align-items: center
        }

        .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
            align-items: flex-start
        }

        .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
            align-items: flex-end
        }

        .swal2-container.swal2-grow-column > .swal2-modal {
            display: flex !important;
            flex: 1;
            align-content: center;
            justify-content: center
        }

    .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right) > .swal2-modal {
        margin: auto
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-shown {
    background-color: rgba(0,0,0,.4)
}

.swal2-popup {
    display: none;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 25em !important;
    max-width: 100%;
    padding: 0.8em !important;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 0.95rem !important;
    box-sizing: border-box
}

    .swal2-popup:focus {
        outline: 0
    }

    .swal2-popup.swal2-loading {
        overflow-y: hidden
    }

    .swal2-popup .swal2-header {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .swal2-popup .swal2-title {
        display: block;
        position: relative;
        max-width: 100%;
        margin: 0 0 .4em;
        padding: 0;
        color: #595959;
        font-size: 1.0em !important;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word
    }

    .swal2-popup .swal2-actions {
        align-items: center;
        justify-content: center;
        margin: 0.25em auto 0 !important;
    }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
            opacity: .4
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
            background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
        }

        .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active {
            background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
            width: 2.5em;
            height: 2.5em;
            margin: .46875em;
            padding: 0;
            border: .25em solid transparent;
            border-radius: 100%;
            border-color: transparent;
            background-color: transparent !important;
            color: transparent;
            cursor: default;
            box-sizing: border-box;
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
            margin-right: 30px;
            margin-left: 30px
        }

        .swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 5px;
            border: 3px solid #999;
            border-radius: 50%;
            border-right-color: transparent;
            box-shadow: 1px 1px 1px #fff;
            content: '';
            -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
            animation: swal2-rotate-loading 1.5s linear 0s infinite normal
        }

    .swal2-popup .swal2-styled {
        padding: .625em 2em;
        font-weight: 500;
        box-shadow: none
    }

        .swal2-popup .swal2-styled:not([disabled]) {
            cursor: pointer
        }

        .swal2-popup .swal2-styled.swal2-confirm {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #3085d6;
            color: #fff;
            font-size: 0.9em !important;
        }

        .swal2-popup .swal2-styled.swal2-cancel {
            border: 0;
            border-radius: .25em;
            background: initial;
            background-color: #aaa;
            color: #fff;
            font-size: 0.9em !important
        }

        .swal2-popup .swal2-styled:focus {
            outline: 0;
            box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)
        }

        .swal2-popup .swal2-styled::-moz-focus-inner {
            border: 0
        }

    .swal2-popup .swal2-footer {
        justify-content: center;
        margin: 1.25em 0 0;
        padding-top: 1em;
        border-top: 1px solid #eee;
        color: #545454;
        font-size: 1em
    }

    .swal2-popup .swal2-image {
        max-width: 100%;
        margin: 1.25em auto
    }

    .swal2-popup .swal2-close {
        position: absolute;
        top: 0;
        right: 0;
        justify-content: center;
        width: 1.2em;
        height: 1.2em;
        padding: 0;
        transition: color .1s ease-out;
        border: none;
        border-radius: 0;
        background: 0 0;
        color: #ccc;
        font-family: serif;
        font-size: 2.5em;
        line-height: 1.2;
        cursor: pointer;
        overflow: hidden
    }

        .swal2-popup .swal2-close:hover {
            -webkit-transform: none;
            transform: none;
            color: #f27474
        }

    .swal2-popup > .swal2-checkbox, .swal2-popup > .swal2-file, .swal2-popup > .swal2-input, .swal2-popup > .swal2-radio, .swal2-popup > .swal2-select, .swal2-popup > .swal2-textarea {
        display: none
    }

    .swal2-popup .swal2-content {
        justify-content: center;
        margin: 0;
        padding: 0;
        color: #545454;
        font-size: 1.125em;
        font-weight: 300;
        line-height: normal;
        word-wrap: break-word
    }

    .swal2-popup #swal2-content {
        text-align: center
    }

    .swal2-popup .swal2-checkbox, .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-radio, .swal2-popup .swal2-select, .swal2-popup .swal2-textarea {
        margin: 1em auto
    }

    .swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-textarea {
        width: 100%;
        transition: border-color .3s,box-shadow .3s;
        border: 1px solid #d9d9d9;
        border-radius: .1875em;
        font-size: 1.125em;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
        box-sizing: border-box
    }

        .swal2-popup .swal2-file.swal2-inputerror, .swal2-popup .swal2-input.swal2-inputerror, .swal2-popup .swal2-textarea.swal2-inputerror {
            border-color: #f27474 !important;
            box-shadow: 0 0 2px #f27474 !important
        }

        .swal2-popup .swal2-file:focus, .swal2-popup .swal2-input:focus, .swal2-popup .swal2-textarea:focus {
            border: 1px solid #b4dbed;
            outline: 0;
            box-shadow: 0 0 3px #c4e6f5
        }

        .swal2-popup .swal2-file::-webkit-input-placeholder, .swal2-popup .swal2-input::-webkit-input-placeholder, .swal2-popup .swal2-textarea::-webkit-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file:-ms-input-placeholder, .swal2-popup .swal2-input:-ms-input-placeholder, .swal2-popup .swal2-textarea:-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::-ms-input-placeholder, .swal2-popup .swal2-input::-ms-input-placeholder, .swal2-popup .swal2-textarea::-ms-input-placeholder {
            color: #ccc
        }

        .swal2-popup .swal2-file::placeholder, .swal2-popup .swal2-input::placeholder, .swal2-popup .swal2-textarea::placeholder {
            color: #ccc
        }

    .swal2-popup .swal2-range input {
        width: 80%
    }

    .swal2-popup .swal2-range output {
        width: 20%;
        font-weight: 600;
        text-align: center
    }

    .swal2-popup .swal2-range input, .swal2-popup .swal2-range output {
        height: 2.625em;
        margin: 1em auto;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
    }

    .swal2-popup .swal2-input {
        height: 2.625em;
        padding: .75em
    }

        .swal2-popup .swal2-input[type=number] {
            max-width: 10em
        }

    .swal2-popup .swal2-file {
        font-size: 1.125em
    }

    .swal2-popup .swal2-textarea {
        height: 6.75em;
        padding: .75em
    }

    .swal2-popup .swal2-select {
        min-width: 50%;
        max-width: 100%;
        padding: .375em .625em;
        color: #545454;
        font-size: 1.125em
    }

    .swal2-popup .swal2-checkbox, .swal2-popup .swal2-radio {
        align-items: center;
        justify-content: center
    }

        .swal2-popup .swal2-checkbox label, .swal2-popup .swal2-radio label {
            margin: 0 .6em;
            font-size: 1.125em
        }

        .swal2-popup .swal2-checkbox input, .swal2-popup .swal2-radio input {
            margin: 0 .4em
        }

    .swal2-popup .swal2-validationerror {
        display: none;
        align-items: center;
        justify-content: center;
        padding: .625em;
        background: #f0f0f0;
        color: #666;
        font-size: 1em;
        font-weight: 300;
        overflow: hidden
    }

        .swal2-popup .swal2-validationerror::before {
            display: inline-block;
            width: 1.5em;
            min-width: 1.5em;
            height: 1.5em;
            margin: 0 .625em;
            border-radius: 50%;
            background-color: #f27474;
            color: #fff;
            font-weight: 600;
            line-height: 1.5em;
            text-align: center;
            content: '!';
            zoom: normal
        }

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid rgba(50,100,150,.4)
    }
}

.swal2-icon {
    position: relative;
    justify-content: center;
    width: 4em !important;
    height: 4em !important;
    margin: 0.25em auto 0.875em !important;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 4em !important;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal
}

.swal2-icon-text {
    font-size: 2.75em !important;
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

    .swal2-icon.swal2-error .swal2-x-mark {
        position: relative;
        flex-grow: 1
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        display: block;
        position: absolute;
        top: 2.3125em;
        width: 2.9375em;
        height: .3125em;
        border-radius: .125em;
        background-color: #f27474
    }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: 1.0625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: 1em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}

    .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 3.75em;
        height: 7.5em;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-radius: 50%
    }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
            top: -.4375em;
            left: -2.0635em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 3.75em 3.75em;
            transform-origin: 3.75em 3.75em;
            border-radius: 7.5em 0 0 7.5em
        }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
            top: -.6875em;
            left: 1.875em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transform-origin: 0 3.75em;
            transform-origin: 0 3.75em;
            border-radius: 0 7.5em 7.5em 0
        }

    .swal2-icon.swal2-success .swal2-success-ring {
        position: absolute;
        top: -.25em;
        left: -.25em;
        width: 100%;
        height: 100%;
        border: .25em solid rgba(165,220,134,.3);
        border-radius: 50%;
        z-index: 2;
        box-sizing: content-box
    }

    .swal2-icon.swal2-success .swal2-success-fix {
        position: absolute;
        top: .5em;
        left: 1.625em;
        width: .4375em;
        height: 5.625em;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        z-index: 1
    }

    .swal2-icon.swal2-success [class^=swal2-success-line] {
        display: block;
        position: absolute;
        height: .3125em;
        border-radius: .125em;
        background-color: #a5dc86;
        z-index: 2
    }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
            top: 2.875em;
            left: .875em;
            width: 1.5625em;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
            top: 2.375em;
            right: .5em;
            width: 2.9375em;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.swal2-progresssteps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    font-weight: 600
}

    .swal2-progresssteps li {
        display: inline-block;
        position: relative
    }

    .swal2-progresssteps .swal2-progresscircle {
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #3085d6;
        color: #fff;
        line-height: 2em;
        text-align: center;
        z-index: 20
    }

        .swal2-progresssteps .swal2-progresscircle:first-child {
            margin-left: 0
        }

        .swal2-progresssteps .swal2-progresscircle:last-child {
            margin-right: 0
        }

        .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
            background: #3085d6
        }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
                background: #add8e6
            }

            .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
                background: #add8e6
            }

    .swal2-progresssteps .swal2-progressline {
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #3085d6;
        z-index: 10
    }

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

    .swal2-show.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

    .swal2-hide.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

[dir=rtl] .swal2-close {
    right: auto;
    left: 0
}

.swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-animate-error-icon {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

    .swal2-animate-error-icon .swal2-x-mark {
        -webkit-animation: swal2-animate-error-x-mark .5s;
        animation: swal2-animate-error-x-mark .5s
    }

@-webkit-keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes swal2-rotate-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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


.no-wrap-table {
}

    .no-wrap-table th,
    .no-wrap-table td {
        white-space: nowrap;
    }

.img-spacing {
    margin-right: 30px;
}

.container-header {
    /*padding: 10px 10px 0px 10px;*/
    padding-top: 10px;
}

.container-corp {
    padding: 0px 10px 0px 10px;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.header .logo {
    background-color: #367fa9;
    color: #fff;
    border-bottom: 0 solid transparent;
}

.header .logo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 230px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
}


.text-nowrap {
    white-space: nowrap !important;
}

.text-center {
    text-align: center !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    color: rgb(0, 0, 0) !important;
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}

/* PROFILE PIC*/
.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}

.file-upload {
    display: none;
}

.circle {
    border-radius: 1000px !important;
    overflow: hidden;
    width: 128px;
    height: 128px;
    border: 8px solid rgb(247, 247, 247);
    /* position: absolute; */
    /* top: 72px; */
    background: #fff;
}

img {
    max-width: 100%;
    height: auto;
}

.p-image {
    /*position: absolute;*/
    margin-top: -20px;
    margin-left: 130px;
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275)
}

    .p-image:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    }

.upload-button {
    font-size: 1.2em;
}

    .upload-button:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        color: #999;
    }

.small-12 {
    width: 100%
}

.medium-2 {
    width: 16.66667%
}

.large-2 {
    width: 16.66667%
}

.columns {
    position: relative;
    padding-left: 3.9375rem;
    margin-top: -47px;
    float: left;
}


/* PROFILE DETAIL*/
.rounded-circle {
    border-radius: 50% !important;
}

.profile-page img {
    vertical-align: middle;
    border-style: none;
}


.profile-page h1 {
    color: #3075BA;
}

.profile-page .h3, h3 {
    font-size: 1.25rem;
    color: #3075BA;
}

.cover-content {
    text-align: -webkit-right;
    padding-bottom: 20px;
}

.pmd-list-subtitle {
    color: rgba(23,31,35,.64);
    font-size: .875rem;
    margin-top: -.25rem;
}

.card-title {
    margin-bottom: 0;
}

.pmd-card .card-title {
    margin-bottom: .5rem;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.card-title {
    margin-bottom: .75rem;
}


.panel-default {
    border-color: #ddd !important;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

h4, .h4 {
    font-size: 16px;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.panel-body {
    padding: 15px;
}

.form-control {
    display: block;
    width: 100%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.panel > .list-group {
    margin-bottom: 0;
}

.list-group {
    /*margin-bottom: 20px;*/
    padding-left: 0;
}

.panel > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.hint-text {
    text-align: center;
    padding-top: 5px;
    font-size: 1rem;
    color: #225d7b;
}

.control-label {
    font-weight: 600;
}

#ramais {
    font-size: 12px;
}

    #ramais .table td, .table th {
        padding: 3px;
    }

#dadosProd div {
    margin-right: 10px;
}

.boder-less {
    border: none;
    width: 100%;
}

input.novaGrade {
    background-color: rgba(208, 208, 208, 1);
}

input.novaMedicao {
    background-color: rgba(228, 230, 232, 1);
}

.removeGrade {
    color: red;
    margin: 0 2px;
}

.swal2-actions button {
    margin: 0 5px;
}



div#produtoListado {
    margin: 15px;
}

.thNovaMedicao {
    position: relative;
}

.botoesAdd {
    position: relative;
}

.thBtnNovaGrade {
    padding: 0 10px;
}

.removeGrade {
    position: absolute;
    top: 7px;
    right: 2px
}

#cancelarGrade {
    position: absolute;
    top: 12px;
    right: 2px;
}

.group-table:before {
    content: "";
}

.td-text-center {
    text-align: center;
}

.title-quiz {
    font-size: 14px;
    font-weight: bold;
}

.td-bgd {
    background: #f1f2f3 !important;
}


td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}


.font-12 {
    font-size: 12px;
}

.opacity-7, .overlay .overlay-buttons .custom-btn:hover {
    opacity: .7;
}

.border-bottom-5x {
    border-bottom: 5px solid #d4d4d4;
}

.pull-right {
    float: right;
}

.table-border-blue {
    border: 0 solid #fff !important;
    border-left: 2px solid #225d7b !important;
}

.table-border-white {
    border: 0 solid #fff !important;
}

.user_crm_wrapper {
    background: transparent;
}

    .user_crm_wrapper .single_crm {
        background: #fff;
        border-radius: 15px;
        margin-bottom: 15px;
        padding: 5px;
    }

        .user_crm_wrapper .single_crm .crm_head {
            background: #77b4d4;
            padding: 8px 20px;
            border-radius: 13px;
        }

        .user_crm_wrapper .single_crm .crm_body {
            padding: 10px 10px;
        }

.progress {
    position: relative;
    height: 23px;
}

    .progress > .progress-type {
        position: absolute;
        left: 0px;
        font-weight: 800;
        padding: 3px 30px 2px 10px;
        color: rgb(255, 255, 255);
        background-color: #007bff;
        transition: width .6s ease;
    }

    .progress > .progress-completed {
        position: absolute;
        right: 0px;
        font-weight: 800;
        padding: 3px 10px 2px;
    }


.modal-header-sucesso {
    padding-left: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    background-color: #b5ec8f;
}

.modal-header-erro {
    padding-left: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    background-color: #f36a6a;
}

.loading {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
}

    .loading img {
        position: absolute;
        top: 10vw;
        left: 50%;
        max-width: 100%;
        margin: 0 auto;
    }

    .loading p {
        position: absolute;
        top: 15vw;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

.ver-mais {
    width: 100px;
}

.selo .row {
    margin: 20px 0;
}

.selo .page {
    overflow: hidden;
}

.thumb-selo {
    margin: 0 10px;
}

.Mastercard {
    background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 379 227"><title>mastercard_colored</title><circle cx="265.5" cy="113.5" r="113.5" style="fill:%23e9b03f"/><circle cx="113.5" cy="113.5" r="113.5" style="fill:%23cc2131"/><path d="M213,61.33l-11,11h24l8,12H193l-6,12h53l5,12H181l-2,12h69s24,48-4,61H182l5,11h53l-6,13H193l8,11h26l-14,12,10,8,54-59,4-65-63-56Z" transform="translate(-24 -31.33)" style="fill:%23e9b03f"/><path d="M289,141.33s15-5,20,0v5H298s-16,3-16,17,10,14,11,14c0,0,10,0,13-7v6h11l2-26,1-14s-4-8-12-8c0,0-14,1-18,3Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><polygon points="17 90 8 147 19 147 27 100 27 147 36 147 52 100 45 147 57 147 66 89 47 89 35 127 35 89 17 89 17 90" style="fill:%23173470"/><polygon points="20 86 11 143 22 143 30 96 30 143 39 143 55 96 48 143 60 143 69 85 50 85 38 123 38 85 20 85 20 86" style="fill:%23fff"/><path d="M94,143.33s15-5,20,0v5H103s-16,3-16,17,10,14,11,14c0,0,10,0,13-7v6h11l2-26,1-14s-4-8-12-8c0,0-14,1-18,3Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M157,131.33l-1,10H146s-5,0-5,3c0,0-1,2,2,4l8,4s4,2,4,12c0,0,1,14-14,14H124l1-11s18,4,18-2c0,0,2-3-3-5,0,0-11-2-11-14,0,0-2-16,16-15Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M176,123.33l-1,6h6l-1,11h-7l-3,22s-1,4,6,3l-1,11s-19,3-18-7l7-47h12Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M95,141.33s15-5,20,0v5H104s-16,3-16,17,10,14,11,14c0,0,10,0,13-7v6h11l2-26,1-14s-4-8-12-8c0,0-14,1-18,3Z" transform="translate(-24 -31.33)" style="fill:%23fff"/><path d="M192,156.33s-3,16,22,8l-1,10a47,47,0,0,1-19,2s-16-2-14-22c0,0,1-25,21-26,0,0,16,0,16,13l-1,15Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M225.48,129.33l-7.48,47h12.83s4.27-39,13.89-34c0,0-1.06-6,4.28-13,0,0-9.62-2-10.69,7h-2.14l1.07-7Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M326.48,129.33l-7.48,47h12.83s4.27-39,13.89-34c0,0-1.06-6,4.28-13,0,0-9.62-2-10.69,7h-2.14l1.07-7Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M389,117.33c0,1-9,58-9,58H368l1-5s-16,18-26-8c0,0-2-33,19-34,0,0,9,0,12,6l3-17Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M290,139.33s15-5,20,0v5H299s-16,3-16,17,10,14,11,14c0,0,10,0,13-7v6h11l2-26,1-14s-4-8-12-8c0,0-14,1-18,3Z" transform="translate(-24 -31.33)" style="fill:%23fff"/><path d="M114,153.33s-15-3-12,10C102,163.33,111,169.33,114,153.33Z" transform="translate(-24 -31.33)" style="fill:%23cc2131"/><path d="M307,153.33s-15-3-12,10C295,163.33,304,169.33,307,153.33Z" transform="translate(-24 -31.33)" style="fill:%23e9b03f"/><path d="M286,120.33l-2,12s-22-12-27,16c0,0-2,24,22,15l-2,13s-21,4-27-6c0,0-6-7-5-21C245,149.33,245,107.33,286,120.33Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M159,127.33l-1,10H148s-5,0-5,3c0,0-1,2,2,4l8,4s4,2,4,12c0,0,1,14-14,14H126l1-11s18,4,18-2c0,0,2-3-3-5,0,0-11-2-11-14,0,0-2-16,16-15Z" transform="translate(-24 -31.33)" style="fill:%23fdfdfd"/><path d="M178,121.33l-1,6h6l-1,11h-7l-3,22s-1,4,6,3l-1,11s-19,3-18-7l7-47h12Z" transform="translate(-24 -31.33)" style="fill:%23fdfdfd"/><path d="M194,154.33s-3,16,22,8l-1,10a47,47,0,0,1-19,2s-16-2-14-22c0,0,1-25,21-26,0,0,16,0,16,13l-1,15Z" transform="translate(-24 -31.33)" style="fill:%23fdfdfd"/><path d="M195,145.33h14s1-9-6-9C203,136.33,198,135.33,195,145.33Z" transform="translate(-24 -31.33)" style="fill:%23cc2131"/><path d="M227,127.33l-7,47h12s4-39,13-34c0,0-1-6,4-13,0,0-9-2-10,7h-2l1-7Z" transform="translate(-24 -31.33)" style="fill:%23fdfdfd"/><path d="M328,127.33l-7,47h12s4-39,13-34c0,0-1-6,4-13,0,0-9-2-10,7h-2l1-7Z" transform="translate(-24 -31.33)" style="fill:%23fdfdfd"/><path d="M288,118.33l-2,12s-22-12-27,16c0,0-2,24,22,15l-2,13s-21,4-27-6c0,0-6-7-5-21C247,147.33,247,105.33,288,118.33Z" transform="translate(-24 -31.33)" style="fill:%23fdfdfd"/><path d="M391,116.33c0,1-9,58-9,58H370l1-5s-16,18-26-8c0,0-2-33,19-34,0,0,9,0,12,6l3-17Z" transform="translate(-24 -31.33)" style="fill:%23fdfdfd"/><ellipse cx="365.77" cy="150.62" rx="13.66" ry="8.17" transform="translate(120.02 446.85) rotate(-78.28)" style="fill:%23e9b03f"/><path d="M205,145.33s1.58-4.59-3.71-8.79c0,0,6.31-1.73,7.51,5l.22,1.72,0,1-.05,1.06Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M361,141.33s17.4-8.73,8.7,19.64a18.34,18.34,0,0,0,4.48-14.64s-1-10.22-7.57-9.11C366.61,137.22,364,137.33,361,141.33Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><circle cx="367" cy="177" r="4" style="fill:none;stroke:%23e9b03f;stroke-miterlimit:10"/><rect x="366" y="175" width="2" height="3" style="fill:%23e9b03f"/><path d="M114,153.33s-8.55-1.41-11.27,2.8c0,0,5.27-.8,8.27.2,0,0,1.08,2.55.54,4.28A13.58,13.58,0,0,0,114,153.33Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M307,153.33s-8.55-1.41-11.27,2.8c0,0,5.27-.8,8.27.2,0,0,1.08,2.55.54,4.28A13.58,13.58,0,0,0,307,153.33Z" transform="translate(-24 -31.33)" style="fill:%23173470"/><path d="M115,159.33" transform="translate(-24 -31.33)" style="fill:%23173470"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    background-size: contain;
    height: 20px;
    padding: 5px;
}

.Visa {
    background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 408.41 128.09"><title>visa_colored</title><line x1="82.41" y1="28.98" x2="83.41" y2="33.98" style="fill:none"/><path d="M98,189.33" transform="translate(-4.59 -104.35)" style="fill:none"/><path d="M42.45,118.25" transform="translate(-4.59 -104.35)" style="fill:%2300579f"/><line x1="41.79" y1="1.98" x2="7.79" y2="1.98" style="fill:%2300579f"/><path d="M51,123.33l28,107h34l51-124H130l-31,83-1,2-9-47-5-26s-2-12-14-12H46.37" transform="translate(-4.59 -104.35)" style="fill:%2300579f"/><polygon points="172.41 1.98 204.41 1.98 183.41 125.98 151.41 125.98 172.41 1.98" style="fill:%2300579f"/><path d="M301,136.33s-35-16-45,2c0,0-4,6,6,12,0,0,25,12,30,19,0,0,10,8,8,25,0,0,0,25-32,35,0,0-26,7-49,0l-10-3,4-29s13,9,28,9c0,0,22,3,25-9,0,0,6-10-15-18,0,0-32-13-29-36,0,0,1-30,37-37,0,0,26-6,46,4Z" transform="translate(-4.59 -104.35)" style="fill:%2300579f"/><path d="M298,230.33h33l7-18h41l4,18h30l-26-123s-33-4-38,4-19,43-19,43Z" transform="translate(-4.59 -104.35)" style="fill:%2300579f"/><polygon points="343.41 81.98 369.41 81.98 360.41 35.98 343.41 81.98" style="fill:%23fff"/><path d="M69.61,106.46" transform="translate(-4.59 -104.35)" style="fill:%23faa61a"/><path d="M95.05,177.17s-7.64-28.85-40.62-52c0,0-19.55-15.1-49.84-20.81L60,106.15l11,.18c12,0,14,13.27,14,13.27L96.38,183Z" transform="translate(-4.59 -104.35)" style="fill:%23faa61a"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    background-size: contain;
    height: 20px;
    padding: 5px;
    border: none;
}


.Pix {
    background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 289.12 255.86"><title>pix_colored</title><path d="M127.62,209.65l54.27,46.67s31.48,28.22,61.87,1.09l55.36-48.85s-19.54,3.26-38-13l-38-33.64s-6.51-8.69-16.28,0l-41.25,36.9s-11.94,9.77-25,9.77h-15.2Z" transform="translate(-68.92 -13.33)" style="fill:%2332bcad"/><path d="M128.71,72.88,183,26.2S214.46-2,244.85,25.12L300.21,74s-19.54-3.25-38,13l-38,33.65s-6.52,8.68-16.29,0L166.7,83.73S154.76,74,141.73,74H126.54Z" transform="translate(-68.92 -13.33)" style="fill:%2332bcad"/><path d="M114.6,84.82h25a48.9,48.9,0,0,1,20.62,10.85l38,33.65s14.11,15.2,30.39,2.17l42.33-36.9s10.86-9.77,20.62-9.77l20.63,1.08,33.65,29.31s31.48,25-6.52,58.62l-27.13,23.88s-8.69-1.09-14.11,0c0,0-15.2,1.08-25-7.6L229.65,151s-14.11-11.94-30.39,2.17L158,189a35.39,35.39,0,0,1-26,8.69s-14.11-1.09-16.28,1.08L79.86,167.31h0S56,141.26,78.78,117.38Z" transform="translate(-68.92 -13.33)" style="fill:%2332bcad"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    background-size: contain;
    height: 20px;
    padding: 5px;
}

.American.Express {
    background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 431.33 278"><title>amex_colored</title><rect width="431.33" height="278" style="fill:%23006fce"/><polygon points="23.33 137 44.33 91 60.33 91 80.33 137 66.33 137 62.33 128 40.33 128 37.33 137 23.33 137" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><polygon points="45.33 118 58.33 118 51.33 103 45.33 118" style="fill:%23fff"/><polygon points="82.33 91 82.33 137 94.33 137 94.33 104 106.33 137 118.33 137 130.33 103 130.33 137 141.33 137 141.33 91 122.33 91 112.33 120 101.33 91 82.33 91" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><polygon points="151.83 91.5 151.83 137.5 189.83 137.5 189.83 126.5 163.83 126.5 163.83 119.5 189.83 119.5 189.83 108.5 163.83 108.5 163.83 101.5 189.83 101.5 189.83 91.5 151.83 91.5" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><path d="M198.5,90.83v46h12v-17h5l14,17h14l-15-17s13-2,13-14c0,0,1-14-13-15Z" transform="translate(0.33 0.67)" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><path d="M210.5,101.83v8h15s3,0,3-4c0,0,1-5-3-5h-15Z" transform="translate(0.33 0.67)" style="fill:%23fff;stroke:%23fff;stroke-miterlimit:10"/><rect x="247.83" y="91.5" width="12" height="46" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><path d="M303.5,90.83v10h-16s-9,1-9,13c0,0-1,12,10,12h9l-4,11s-28,1-27-23S285.5,87.83,303.5,90.83Z" transform="translate(0.33 0.67)" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><polygon points="299.33 137 320.33 91 336.33 91 356.33 137 342.33 137 338.33 128 316.33 128 313.33 137 299.33 137" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><polygon points="321.33 118 334.33 118 327.33 103 321.33 118" style="fill:%23fff"/><polygon points="358.33 91 374.33 91 392.83 119.5 392.83 91.5 404.83 91.5 404.83 137.5 388.83 137.5 369.83 109.5 369.83 137.5 357.83 137.5 358.33 91" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><polygon points="82.83 149.5 82.83 195.5 120.83 195.5 120.83 184.5 94.83 184.5 94.83 177.5 120.83 177.5 120.83 166.5 94.83 166.5 94.83 159.5 120.83 159.5 120.83 149.5 82.83 149.5" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><polygon points="279.83 150.5 279.83 196.5 317.83 196.5 317.83 185.5 291.83 185.5 291.83 178.5 317.83 178.5 317.83 167.5 291.83 167.5 291.83 160.5 317.83 160.5 317.83 150.5 279.83 150.5" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><path d="M230.5,149.83v46h12v-17h5l14,17h14l-15-17s13-2,13-14c0,0,1-14-13-15Z" transform="translate(0.33 0.67)" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><path d="M242.5,160.83v8h15s3,0,3-4c0,0,1-5-3-5h-15Z" transform="translate(0.33 0.67)" style="fill:%23fff;stroke:%23fff;stroke-miterlimit:10"/><polygon points="124.33 151 140.33 151 151.33 164 163.33 151 178.33 151 159.33 172 179.33 196 163.33 196 151.83 182.5 138.83 196.5 122.83 196.5 143.6 173.76 143.83 173.5 124.33 151" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><path d="M181.5,149.83v46h12v-15h18s13-1,13-14c0,0,2-17-12-17Z" transform="translate(0.33 0.67)" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><path d="M193.5,160.83v10h15s4,0,4-5c0,0,1-6-5-6h-14Z" transform="translate(0.33 0.67)" style="fill:%23fff;stroke:%23fff;stroke-miterlimit:10"/><path d="M365.5,149.83l-5,10h-22s-5,4,0,8h18s10,0,10,14c0,0,1,11-11,13l-30,1v-10h26s6-4,0-8h-16s-12-3-12-13c0,0-2-13,12-14Z" transform="translate(0.33 0.67)" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/><path d="M410.5,148.83l-5,10h-22s-5,4,0,8h18s10,0,10,14c0,0,1,11-11,13l-30,1v-10h26s6-4,0-8h-16s-12-3-12-13c0,0-2-13,12-14Z" transform="translate(0.33 0.67)" style="fill:%23006fce;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    background-size: contain;
    height: 20px;
    padding: 5px;
}


.Hipercard {
    background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 386 168"><title>hipercard_colored</title><path d="M403,47.33H89s-37,0-42,22l-30,146H338s32-2,36-23Z" transform="translate(-17 -47.33)" style="fill:%23b3131b"/><polygon points="44 51 53 51 49 74 75 74 79 51 89 51 79 108 69 108 74 80 48 80 44 108 34 108 44 51" style="fill:%23fff"/><polygon points="94 68 102 68 95 108 87 108 94 68" style="fill:%23fff"/><polyline points="96 58 96 55 97 53 98 52 100 51 103 51 104 52 105 53 105 56 104 58 102 60 101 60 99 60 98 60 96 58" style="fill:%23fff"/><path d="M127,115.33h7v3l6-3,3-1h7l3,1,3,1,2,3,2,3,1,4v2l-1,8s-2,11-9,16l-5,3-4,1h-7l-3-1-2-2-1-2-4,22h-8Z" transform="translate(-17 -47.33)" style="fill:%23fff"/><path d="M134,123.33l3.68-2.76.32-.24,3-1h3l3,1h1l3,3,1,3v8l-2,7s-2,5-4,7l-3,2-2,1h-4l-4-1-2-2-1-4Z" transform="translate(-17 -47.33)" style="fill:%23b3131b"/><path d="M196,148.33l-1,6-4,1-4,1H176l-5-1s-6-2-8-10v-6s2-21,16-24l5-1h5l6,1,2,1s1,0,3,4l1,3a81.53,81.53,0,0,1-1,10H173l-1,1v9l2,4,2,2,2,1h8s3,0,10-2Z" transform="translate(-17 -47.33)" style="fill:%23fff"/><path d="M173,129.33a14.64,14.64,0,0,1,5-8,8.76,8.76,0,0,1,6-2h5l2,1s2,2,2,4v5Z" transform="translate(-17 -47.33)" style="fill:%23b3131b"/><path d="M209,115.33h7l-1,7s5-9,12-8c0,0,3,0,4,1l-1,6-2-1h-5l-3,2-2,2-2,2-2,5s-4,21-4,24h-8S208,127.33,209,115.33Z" transform="translate(-17 -47.33)" style="fill:%23fff"/><path d="M308,115.33h7l-1,7s5-9,12-8c0,0,3,0,4,1l-1,6-2-1h-5l-3,2-2,2-2,2-2,5s-4,21-4,24h-8S307,127.33,308,115.33Z" transform="translate(-17 -47.33)" style="fill:%23fff"/><path d="M261,121.33l-3-1-5-1h-4l-5,1-4,3-2,4-2,5-1,5v5l1,4,2,3,2,1s4,2,16-2l-1,6-4,1-4,1h-7s-11,0-13-10c0,0-2-24,14-31l4-1h17Z" transform="translate(-17 -47.33)" style="fill:%23fff"/><path d="M270,115.33l-1,6s17-4,20,0c0,0,3,1,1,8H276s-11,0-15,12c0,0-2,12,5,14,0,0,13,5,21-6v6h7s0-9,4-29c0,0,2-7-2-10,0,0-4-3-16-2C280,114.33,272,115.33,270,115.33Z" transform="translate(-17 -47.33)" style="fill:%23fff"/><path d="M289,134.33s-1,8-4,12a12.4,12.4,0,0,1-14,4l-2-3v-4S269,131.33,289,134.33Z" transform="translate(-17 -47.33)" style="fill:%23b3131b"/><path d="M370,97.33s-11,52-9,58h-8l1-6-3,3s-4,4-9,4h-6a13.77,13.77,0,0,1-10-8s-3-28,16-33c0,0,10-3,17,1l2.92-18.47.08-.53Z" transform="translate(-17 -47.33)" style="fill:%23fff"/><path d="M358,121.33l-4,19s-1,6-6,9c0,0-5,4-12,0,0,0-6-7,2-23C338,126.33,343,114.33,358,121.33Z" transform="translate(-17 -47.33)" style="fill:%23b3131b"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    background-size: contain;
    height: 20px;
    padding: 5px;
}


.Elo {
    background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 221 221"><title>elo_colored</title><circle cx="110.5" cy="110.5" r="110.5" style="fill:%23231f20"/><path d="M140,152.33c.51.86,59-25,59-25s-12-36-47-21C152,106.33,122,122.33,140,152.33Z" transform="translate(-104 -22.33)" style="fill:%23fff"/><path d="M157,151.33s13,6,23-3l10,10s-19,16-40,4Z" transform="translate(-104 -22.33)" style="fill:%23fff"/><path d="M204,88.33v66s0,5,9,9l9,4,5-12-11-5v-62Z" transform="translate(-104 -22.33)" style="fill:%23fff"/><path d="M148,136.33l32-14s-11-10-22-4C158,118.33,148,124.33,148,136.33Z" transform="translate(-104 -22.33)" style="fill:%23231f20"/><path d="M249,121.33l-9-10s-25,23,0,48l9-10S234,134.33,249,121.33Z" transform="translate(-104 -22.33)" style="fill:%2300a4e0"/><path d="M251,105.33l4,11s20-5,25,15l13-2S288,96.33,251,105.33Z" transform="translate(-104 -22.33)" style="fill:%23fff200"/><path d="M255,153.33l-4,13s32,8,42-25l-14-3S278,156.33,255,153.33Z" transform="translate(-104 -22.33)" style="fill:%23ef4223"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    background-size: contain;
    height: 20px;
    padding: 5px;
}

.Vale {
    background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 295.64 172.51"><title>vale</title><path d="M219,53.83v169H363.5v-38s-55,8-54-47c0,0-7-38,54-38v-47Z" transform="translate(-69 -51.83)" style="fill:%23e8eff4;stroke:%23000;stroke-miterlimit:10;stroke-width:2px"/><path d="M125.7,53.33H70V99.7s46.36,7.72,46.36,38.63c0,0,0,46.37-46.36,46.37v38.63H363.64V184.7s-54.09,7.72-54.09-46.37c0,0-7.73-38.63,54.09-38.63V53.33H125.7" transform="translate(-69 -51.83)" style="fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:2px"/><text transform="translate(70.23 124)" style="font-size:126.03426361083984px;fill:%23edba30;stroke:%23edba30;stroke-miterlimit:10;stroke-width:0.75px;font-family:MyriadPro-Regular, Myriad Pro">$</text></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    background-size: contain;
    height: 20px;
    padding: 5px;
}

.Reshop {
    background-image: url('data:image/svg+xml,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 297 173.5"><title>promissory</title><rect x="0.5" y="0.5" width="296" height="172" style="fill:%23b9e9bd;stroke:%2300572e;stroke-miterlimit:10"/><circle cx="148" cy="88" r="69.5" style="fill:%2386bf8b"/><text transform="translate(114.73 124.99)" style="font-size:126.03426361083984px;fill:%2300572e;font-family:MyriadPro-Regular, Myriad Pro">$</text><line x1="11.5" y1="7.5" x2="281.5" y2="6.5" style="fill:none;stroke:%2300572e;stroke-miterlimit:10;stroke-width:2px"/><line x1="9.5" y1="167.5" x2="279.5" y2="166.5" style="fill:none;stroke:%2300572e;stroke-miterlimit:10;stroke-width:2px"/><ellipse cx="264.3" cy="84.86" rx="31.2" ry="11.14" style="fill:%23f0bf2c;stroke:%23c89f25;stroke-miterlimit:10"/><ellipse cx="264.3" cy="95.86" rx="31.2" ry="11.14" style="fill:%23f0bf2c;stroke:%23c89f25;stroke-miterlimit:10"/><ellipse cx="264.3" cy="106.86" rx="31.2" ry="11.14" style="fill:%23f0bf2c;stroke:%23c89f25;stroke-miterlimit:10"/><ellipse cx="264.3" cy="117.86" rx="31.2" ry="11.14" style="fill:%23f0bf2c;stroke:%23c89f25;stroke-miterlimit:10"/><ellipse cx="264.3" cy="128.86" rx="31.2" ry="11.14" style="fill:%23f0bf2c;stroke:%23c89f25;stroke-miterlimit:10"/><ellipse cx="264.3" cy="139.86" rx="31.2" ry="11.14" style="fill:%23f0bf2c;stroke:%23c89f25;stroke-miterlimit:10"/><ellipse cx="263.3" cy="150.86" rx="31.2" ry="11.14" style="fill:%23f0bf2c;stroke:%23c89f25;stroke-miterlimit:10"/><ellipse cx="264.3" cy="161.86" rx="31.2" ry="11.14" style="fill:%23f0bf2c;stroke:%23c89f25;stroke-miterlimit:10"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    background-size: contain;
    height: 20px;
    padding: 5px;
}

.transacoes {
    width: 100% !important;
    margin: 0;
}


    .transacoes .even {
        background-color: #f0f0f0;
    }

    .transacoes thead {
        background-color: #d7d7d7;
    }


    .transacoes thead, .transacoes tbody {
        font-size: 14px;
    }


    .transacoes .payments {
        display: table-cell;
        height: auto;
        justify-content: center;
    }

        .transacoes .payments div {
            flex: .2;
        }

    .transacoes td.referenceKey a {
        font-weight: bold;
        text-decoration: underline;
    }


#ModalLogInteraction .modal-dialog {
    width: 60%;
    max-width: 100%;
}


#ModalLogInteraction .transaction-state {
    font-weight: 800;
    font-size: 1.4em;
    text-transform: uppercase;
    padding: 3px 0 2px;
    color: #ffffff;
    text-align: center;
    box-shadow: inset 0 3px rgba(0, 0, 0, 0.12), inset 0 -3px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    overflow: hidden;
    height: 32px;
    transition: height 0.4s, transform 0.6s 0s, visibility 0s 0.6s;
    perspective: 1000px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc2JyBoZWlnaHQ9JzEyJyB2aWV3Qm94PScwIDAgNSAxMCc+Cgk8cmVjdCB3aWR0aD0nMTEwJScgeD0nLTUlJyB5PSctNSUnIGhlaWdodD0nMTEwJScgZmlsbD0ndHJhbnNwYXJlbnQnLz4KCTxsaW5lIHgxPSctMicgeTE9JzEnIHgyPSc3JyB5Mj0nMTAnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScwLjInLz4KCTxsaW5lIHgxPSctMicgeTE9JzYnIHgyPSc3JyB5Mj0nMTUnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScwLjInLz4KCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2ZmZmZmZicgc3Ryb2tlLXdpZHRoPScwLjInLz4KPC9zdmc+');
    background-attachment: fixed;
    margin: 0;
}

    #ModalLogInteraction .transaction-state.authorizing,
    #ModalLogInteraction .transaction-state.analyzingrisk {
        background-color: #9061c2;
    }

    #ModalLogInteraction .transaction-state.authorized {
        background-color: #6a3c9b;
    }

    #ModalLogInteraction .transaction-state.chargeback {
        background-color: #f68222;
    }

    #ModalLogInteraction .transaction-state.riskrejected {
        background-color: #f68222;
    }

    #ModalLogInteraction .transaction-state.approved,
    #ModalLogInteraction .transaction-state.riskapproved {
        background-color: #257197;
    }

    #ModalLogInteraction .transaction-state.settling {
        background-color: #36b7d7;
    }

    #ModalLogInteraction .transaction-state.replicated {
        background-color: #257197;
    }

    #ModalLogInteraction .transaction-state.settled {
        background-color: #0088cc;
    }

    #ModalLogInteraction .transaction-state.cancelled,
    #ModalLogInteraction .transaction-state.riskdenied,
    #ModalLogInteraction .transaction-state.cancelling {
        background-color: #f64747;
    }

    #ModalLogInteraction .transaction-state.finished {
        background-color: #137a3f;
    }

#ModalLogInteraction .main-transaction-status .main-transaction-status-time {
    font-weight: normal;
    color: rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.3);
    padding: 3px 0;
    visibility: hidden;
    transform-origin: center top;
    transform: rotateX(90deg);
    transition: transform 0.6s, visibility 0.6s, background-color .6s;
}

#ModalLogInteraction .interaction-title {
    background-color: #e9eff5;
    padding: 15px;
}

#ModalLogInteraction .modal-body {
    padding: 0;
}

#ModalLogInteraction .modal-body {
    background-color: #f4f7fa;
}

#ModalLogInteraction .interaction-event-card {
    margin: 2% 0%;
    border: 2px solid #e2eaf2;
    border-radius: 4px;
    padding: 1%;
    position: relative;
    width: 92%;
}

#ModalLogInteraction .interaction-date {
    margin: 0% 3%;
}

#ModalLogInteraction .interaction-source {
    font-weight: bold;
    color: #5c6f7f;
}

#ModalLogInteraction .interaction-status {
    font-weight: 500;
    color: #257197;
    font-size: 16px;
}

#ModalLogInteraction .transaction-event-title {
    font-size: 20px;
    font-weight: 100;
    margin: 2% 3%;
    text-transform: uppercase;
    color: #5c6f7f;
}

#ModalLogInteraction .interaction-date {
    color: #257197;
}

#ModalLogInteraction .transaction-seq {
    color: #9061c2;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 400;
}

#ModalLogInteraction .transaction-ip {
    font-weight: bold;
    color: #8895a6;
    background-color: #ffffff;
    border: 1px solid #c8ced6;
    border-radius: 20px;
    padding: 5px;
    display: inline-block;
}

#ModalLogInteraction .interaction-message {
    color: #74899a;
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 0 1px rgba(0, 0, 0, 0.05);
    overflow: auto;
    padding: 10px;
    word-wrap: break-word;
}

#ModalLogInteraction .modal-content {
    position: relative;
}

    #ModalLogInteraction .modal-content .fechar-modal {
        background: transparent;
        color: #000;
        font-weight: bold;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 1;
        border: none;
        font-size: 22px;
    }

#ModalLogInteraction .interaction-status-event {
    width: 1.2vw;
    height: 1.2vw;
    border: 2px solid #c8ced6;
    border-radius: 1vw;
}

#ModalLogInteraction .interaction-status-line {
    width: 1px;
    height: 100%;
    border: 2px solid #c8ced6;
    opacity: .5;
}

#ModalLogInteraction .interaction-content-inside {
    display: flex;
    margin: 1%;
}

#ModalLogInteraction .interaction-event-line {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    flex: .1;
    margin-left: 3%;
}

#ModalLogInteraction .interaction-hour {
    font-weight: bold;
}

#ModalLogInteraction .interaction-date-short {
    margin: 0;
}

#ModalLogInteraction .capture {
    background-color: #99ddff;
}

#ModalLogInteraction .reversal {
    background-color: #f5d5d4;
}

#ModalLogInteraction .approved,
#ModalLogInteraction .riskapproved,
#ModalLogInteraction .authorized,
#ModalLogInteraction .finished {
    background-color: #00b16a;
}

#ModalLogInteraction .started {
    background-color: #000;
}

#ModalLogInteraction .authorizing {
    background-color: #39ca90;
}

#ModalLogInteraction .settled {
    background-color: #007bff;
}

#ModalLogInteraction .settling {
    background-color: #4b8ed5;
}

#ModalLogInteraction .fail,
#ModalLogInteraction .cancelled {
    background-color: #f64747;
}

#ModalLogInteraction .authorizationdenied {
    background-color: #ffc107;
}

#ModalLogInteraction .analyzingrisk {
    background-color: #e9dc0e;
}

#ModalLogInteraction .cancelling {
    background-color: #f7726e
}


#ModalLogInteraction .transation-value-data {
    background-color: #9061c2;
    border: 2px solid #6a3c9b;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#ModalLogInteraction .transaction-data {
    display: flex;
    background: #FFF;
    padding: 0 2vw 2vw 0;
    position: relative;
}

#ModalLogInteraction .transaction-payments {
    width: 50%;
    padding: 2vw;
}

#ModalLogInteraction .transaction-payments-inside {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px dashed #e8eff4;
}

#ModalLogInteraction .transaction-payments-name {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#ModalLogInteraction .transaction-payments-top {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    position: relative;
}


.transaction-payments-name .Pix,
.transaction-payments-name .Visa,
.transaction-payments-name .Mastercard,
.transaction-payments-name .American.Express,
.transaction-payments-name .Hipercard,
.transaction-payments-name .Elo,
.transaction-payments-name .Vale {
    width: 3vw;
}

#ModalLogInteraction .transaction-payments-connector {
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
    color: #91a2b0;
    background-color: #f4f7fa;
    box-shadow: inset 0 1px 0 1px #e8eff4;
    font-weight: bold;
    border-radius: 4px 0 0 4px;
    padding: 0 10px;
}

#ModalLogInteraction p.connector {
    margin: 0;
}

#ModalLogInteraction p.payment-system-name {
    color: #5c6f7f;
    font-size: 20px;
}

#ModalLogInteraction .transaction-payments-status .transaction-status {
    color: #FFF;
    font-weight: bold;
    padding: 2px 8px;
    padding-right: 16px;
    position: relative;
}

    #ModalLogInteraction .transaction-payments-status .transaction-status:after {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #ffffff;
        border-width: 10px;
        margin-top: -10px;
    }

#ModalLogInteraction .payment-flag {
    position: absolute;
    top: -0.6vw;
}

#ModalLogInteraction .transation-value-data .fa-dollar {
    color: #FFF;
    border: 2px #6a3c9b solid;
    padding: 10px;
    border-radius: 1000%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    position: absolute;
    top: -1vw;
    background: #9061c2;
}

#ModalLogInteraction .transaction-symbol {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#ModalLogInteraction .transaction-client {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
}

#ModalLogInteraction .transaction-client {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
}

#ModalLogInteraction p.transaction-client-name, #ModalLogInteraction .transaction-client-document {
    background-color: #f4f7fa;
    color: #6a3c9b;
    border-color: #6a3c9b;
    border: 1px solid #dbe1e5;
    border-radius: 20px;
    padding: 5px 10px;
}

#ModalLogInteraction p.transaction-id, #ModalLogInteraction p.transaction-id-antifraud {
    color: #FFF;
    border: 2px dashed #6a3c9b;
    padding: 5px 10px;
    border-radius: 3px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: break-spaces;
}


#ModalLogInteraction .transation-value-data div {
    min-height: 50px;
}

#ModalLogInteraction p.transaction-value {
    color: #FFF;
    font-size: 4.5em;
}


#ModalLogInteraction .transaction-installments-content {
    display: flex;
    align-items: center;
    align-content: center;
}

#ModalLogInteraction .transaction-installment {
    border-radius: 30px 0 0 30px;
    background-color: #aa86d0;
    padding: 0 8px 0 14px;
    color: #ffffff;
    font-size: 18px;
}

#ModalLogInteraction .transaction-installment-value {
    background-color: #b99cd9;
    color: rgba(255, 255, 255, 0.8);
    border-radius: 0 6px 6px 0;
    padding: 0 12px 0 8px;
    position: relative;
    margin-right: 6px;
    font-size: 18px;
}

#ModalLogInteraction .transaction-installment-equal {
    background-color: #ffffff;
    box-shadow: inset 0 1px 0 2px rgba(0, 0, 0, 0.1);
    border: 3px solid #ffffff;
    color: #aaa;
    font-size: .6em;
    font-weight: bold;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}

#ModalLogInteraction .transaction-installment-equals {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
}

#ModalLogInteraction .transaction-installment-total {
    color: #9061c2;
    font-weight: 400;
    font-size: 22px;
}

#ModalLogInteraction .transaction-data-tid {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    color: #bfc6cf;
}

#ModalLogInteraction p.transaciton-id, #ModalLogInteraction p.transaciton-tid {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    padding: 2px 4px;
}

div#transacoes_filter {
    text-align: left;
}

.transacoes-vtex .transaction-input-filters {
    display: block;
    position: fixed;
    background: #FFF;
    z-index: 1;
    height: 100%;
    width: 50%;
    padding: 1% 1% 18% 1%;
    top: 142px;
}

    .transacoes-vtex .transaction-input-filters div[class*="transaction-input-filter"] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .transacoes-vtex .transaction-input-filters div[class*="transaction-input-filter"] label {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

            .transacoes-vtex .transaction-input-filters div[class*="transaction-input-filter"] label input {
                margin-right: 10px;
            }

.transacoes-vtex .transction-filter-content {
    border: 1px #9BCCEC solid;
    padding: 2%;
    margin: 2%;
}

.transacoes-vtex .transaction-input-filters div[class*="transaction-input-filter"] span {
    color: #2574A9;
    font-weight: 600;
}

.transacoes-vtex .transaction-payments-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.transacoes-vtex .transction-filter-container {
    position: relative;
    display: flex;
}

.transacoes-vtex .transaction-filter-backdrop {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.6);
    z-index: 1;
}

.transacoes-vtex .transaction-content-filters-btn-inside {
    display: flex;
    justify-content: space-between;
    padding: 4% 2%;
}

    .transacoes-vtex .transaction-content-filters-btn-inside button.transaction-filter-button-close {
        background: transparent;
        border: none;
        font-weight: bold !important;
        font-size: 20px;
    }

.transaction-input-filters .transaction-filter-container {
    overflow: auto;
    max-height: 100%;
}

.transacoes-vtex .transaction-installment-qtd {
    font-size: 11px;
}

.transacoes-vtex .transction-filter-container input {
    margin: 1rem 1rem 1rem 0;
}

/*Tracking Pedido*/

.track {
    position: relative;
    background-color: #ddd;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    margin-top: 50px
}

    .track .step {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 25%;
        margin-top: -18px;
        text-align: center;
        position: relative
    }

        .track .step.active:before {
            background: #225d7b
        }

        .track .step::before {
            height: 7px;
            position: absolute;
            content: "";
            width: 100%;
            left: 0;
            top: 18px
        }

        .track .step.active .icon {
            background: #225d7b;
            color: #fff
        }

    .track .icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: relative;
        border-radius: 100%;
        background: #ddd
    }

    .track .step.active .text {
        font-weight: 400;
        color: #000
    }

    .track .text {
        display: block;
        margin-top: 7px
    }

.track_tbl td.track_dot {
    width: 50px;
    position: relative;
    padding: 0;
    text-align: center;
}

    .track_tbl td.track_dot:after {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        margin-left: -5px;
        top: 11px;
        color: #225d7b;
        font-weight: 900;
    }

    .track_tbl td.track_dot span.track_line {
        background: #225d7b;
        width: 3px;
        min-height: 50px;
        position: absolute;
        height: 101%;
    }

.track_tbl tbody tr:first-child td.track_dot span.track_line {
    top: 22px;
    min-height: 25px;
}

.track_tbl tbody tr:last-child td.track_dot span.track_line {
    top: 0;
    min-height: 25px;
    height: 10%;
}

body.ordernacao #products .card-body {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

body.ordernacao #products li.hint, body.ordernacao #products li.selected {
    border: 1px solid #ffc49a;
    background: #feffb4;
}

body.ordernacao #products li.active {
    border: 1px solid #ffa5a5;
    background: #ffe7e7;
}

body.ordernacao .qtd-produtos {
    padding: 1rem 2.25rem 0 2.25rem;
}

body.ordernacao .controles {
    position: fixed;
    bottom: 100px;
    padding: 10px;
    border-radius: 10px;
    right: 50px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    background: #32323250;
}

body.ordernacao button#salvarData {
    padding: 5%;
    margin: 10px 0;
    background: #225d7b;
    color: white;
    font-weight: bold;
    width: 100%;
}

    body.ordernacao button#salvarData:hover {
        color: rgba(0, 255,0, 1);
    }

body.ordernacao .content-zoom {
    margin: 10px 0;
}

body.ordernacao .btn-botoes {
    margin: 10px 0;
}

body.ordernacao .controles .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
    margin: 0 5px;
}

    body.ordernacao .controles .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

body.ordernacao .controles .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2196F3;
    -webkit-transition: .4s;
    transition: .4s;
}

    body.ordernacao .controles .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

body.ordernacao .controles input:checked + .slider {
    background-color: #ccc;
}

body.ordernacao .controles input:focus + .slider {
    box-shadow: 0 0 1px #ccc;
}

body.ordernacao .controles input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

body.ordernacao .controles .btn-botoes {
    display: flex;
    align-items: center;
    color: white;
}

body.ordernacao .espaco {
    margin: 5px 0;
}

body.ordernacao div#content-zoom {
    display: flex;
    flex-direction: row;
    color: white;
}

body.ordernacao .slider.right {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 5px;
}

body.ordernacao .slider.left {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 5px;
}


body.ordernacao span.posicao-img {
    position: absolute;
    background: black;
    color: white;
    font-weight: bold;
    padding: .5%;
    font-size: .6vw;
    left: 15px;
    top: 0;
}

body.ordernacao .header-retorno {
    display: flex;
    align-items: center;
}

    body.ordernacao .header-retorno #limpar-data {
        cursor: pointer;
        margin: 0 10px;
    }

.grade-dupla {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
}

.statuses-pedidos {
    display: flex;
}

#ModalPedido .status-pedido {
    display: flex;
    flex-direction: column;
    border: 1px solid;
    width: 15vw;
    height: 10vw;
    min-width: 10vw;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    font-size: .9vw;
    padding: .5vw;
}

.separador {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 15vw;
    height: 10vw;
    min-width: 2vw;
}

    .separador hr {
        width: 100%;
        border: dashed gray 1px;
    }

#ModalPedido .modal-dialog {
    width: 90%;
    max-width: 100%;
}

#ModalPedido .modal-header {
    align-items: center;
}

    #ModalPedido .modal-header p{
        font-weight: bold;
        margin: 0;
    }


    .status-sucesso {
        background-color: #baffc4;
    }

.status-alert {
    background-color: #ffd992;
}

.letra-miuda-estatus {
    font-size: .6vw;
}


.letra-miuda-estatus.atraso {
    color: red;
}

.ver-eventos {
    cursor: pointer;
}

.ver-eventos i {
    margin-right: 5px;
}

.btns-acoes {
    align-items: center;
}