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

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

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

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

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

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

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

a {
    -webkit-user-drag: none;
}

#dados_consultor .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0 !important;
}

.margin_content {
    margin-left: 17px !important;
    transition: all 0.3s;
}

.margin_content_footer {
    margin-left: 0 !important;
    transition: all 0.3s;
}

.bg-padrao {
    background: #fed832 !important;
}

body {
    background: #F7F7F9;
}

.form-control:focus:not([readonly]) {
    outline: none;
    box-shadow: none;
    border: 2px solid #751cec;
}

.form-control:focus[readonly] {
    outline: none;
    box-shadow: none;
    border: 2px solid rgb(235, 238, 245);
}

.form-control:disabled,
.form-control[readonly] {
    cursor: default;
}

#sidebar {
    width: 250px;
    margin-top: 79px;
    background: #fff;
    color: #fff;
    transition: all 0.3s;
    position: fixed;
    z-index: 999;
    height: 100%;
}

#menu {
    height: calc(100% - 135px);
    overflow-x: hidden;
    overflow-y: auto;
}

#sidebarCollapse {
    position: absolute;
    right: -17px;
    top: 70px;
    height: 300px;
    padding: 0px;
    width: 17px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #751cec;
    color: #fff;
    border: none;
}

#sidebarCollapse .iconify {
    position: absolute;
    left: 1px;
    font-size: 14px;
}

#sidebarCollapse:focus {
    box-shadow: none;
    outline: none;
}

#sidebarCollapse:hover {
    background: #5814b1;
}

#sidebar a:hover {
    text-decoration: none;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar.active #sidebarCollapse {
    margin-left: -250px;
}

#sidebar .dropdown-toggle::after {
    background-image: url(/assets/img/arrow-down.svg);
    border: none;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 15px;
}

#navbar_item .dropdown-toggle::after {
    background-image: url(/assets/img/angle-arrow-down.svg);
    border: none;
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

#navbarDropdown {
    padding-right: 40px;
}

#sidebar span.icone-menu img {
    background-size: 18px 18px;
    margin-right: 12px;
    /*width: 18px;*/
    height: 18px;
}

#sidebar ul#menu>li {
    border-bottom: 1px solid #e1dcd5;
}

#sidebar ul li a {
    padding: 1rem;
    font-size: 12px;
    display: flex;
    align-items: center;
    height: 70px;
    text-transform: uppercase;
    font-weight: bold;
    color: #34495e;
    text-align: left;
    white-space: normal;
}

#sidebar ul li a+ul li a {
    border: none;
    height: auto;
    padding: 5px 1rem;
    font-size: 0.8em;
    color: #34495e;
    font-weight: normal;
    text-transform: initial;
    position: relative;
}


/* #sidebar ul li a + ul li a::after {
    content: '';
    background-image: url(/assets/img/arrow-down.svg);
    position: absolute;
    background-size: 8px 8px;
    right: 10px;
    width: 8px;
    height: 8px;
} */

#sidebar ul li a+ul li a:hover {
    font-weight: bold;
}

#sidebar ul li a+ul {
    padding: 10px 0;
    background: #f1f1f1;
}

a[data-toggle="collapse"] {
    position: relative;
}

.iconify {
    font-size: 20px;
    margin-right: 10px;
}

@media (max-width: 1200px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0 !important;
    }
    /*    #content.margin_content{
        margin-left: 270px !important;
    }*/
    #content {
        margin-left: 0 !important;
    }
    /*    #sidebar.active {
        margin-left: 0;
    }*/
    #sidebarCollapse span {
        display: none;
    }
    #consultor_boxes .widget-chart {
        margin-bottom: 15px;
    }
}

.img_radius {
    border-radius: 50%;
}

.info_topo_consultor span {
    font-weight: bold;
}

@media (min-width: 768px) {
    .info_topo_consultor {
        color: #3a334f;
        line-height: 1.3;
        padding-left: 15px;
        font-size: 12px;
        font-weight: bold;
    }
    .info_topo_consultor_mobile {
        display: none;
    }
}

@media (max-width: 1200px) {
    .info_topo_consultor {
        display: none;
    }
    .info_topo_consultor_mobile {
        font-weight: bold;
        padding: .5rem 1rem;
        background: #eee;
        font-size: 0.8em;
        border-bottom: 1px solid #eee;
        display: block;
    }
}

#box_consultor {
    border-radius: 20px;
    border: none;
    box-shadow: 0px 0px 12px 0px rgba(52, 73, 94, .3);
    padding: 18px 0 0;
    width: 250px;
}

#box_consultor .dropdown-item {
    color: #00002D;
    text-transform: uppercase;
    font-size: 0.7em;
    padding: .75rem 1rem;
    border-radius: 0;
    margin: 0;
    display: flex;
    align-items: center;
    transition: all .15s;
}

#box_consultor .dropdown-item::before {
    content: "";
    border: 10px solid transparent;
    border-left-color: #fff;
    border-top-color: #fff;
    position: absolute;
    border-radius: 2.5px;
    top: -8px;
    right: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1002;
    cursor: default;
}

#box_consultor .dropdown-item:hover {
    background: #f1f1f1;
    transition: all .15s;
    font-weight: bold;
}

#box_consultor .dropdown-item .badge {
    font-size: 12px;
}

#box_consultor .dropdown-title {
    font-size: 1em;
}

#content {
    margin: 0;
    padding: 10px 15px;
    background: #fff;
    margin-left: 270px;
    padding-top: 100px;
    transition: all .3s;
    min-height: 100vh;
}

.principal {
    background: #F7F7F9;
}

.rounded-circle {
    border-radius: 50% !important;
}

.img_consultor {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.img_consultor button {
    background: none !important;
    border: none !important;
    display: block;
    /*position: absolute;*/
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.foto_consultor:focus,
.foto_consultor:active {
    outline: none;
}

.foto_consultor svg {
    opacity: 0;
    position: absolute;
}

.img_consultor:hover button svg {
    opacity: 1;
    top: 30%;
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    margin: auto;
}

.img_consultor:hover button img {
    opacity: 0.5;
}

.pointer {
    cursor: pointer;
}

#sidebar input.input_menu {
    background: #f1f1f1;
    border: none;
    padding: 1.7rem 4rem 1.7rem .5rem;
    font-size: 14px;
}

#sidebar button.btn_menu {
    background: #3a334f;
    color: #fff;
    border-radius: 0;
    padding: 0 1rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    cursor: default;
}

.btn-sair {
    margin: auto;
    display: block;
    border-radius: 20px;
    padding: 10px 20px;
    margin-top: 10px;
    font-size: 14px;
    width: 100%;
    border-radius: 0 0 20px 20px;
    color: rgb(255, 255, 255) !important;
    background-color: rgb(220, 53, 69);
    border-color: rgb(220, 53, 69);
}

hr {
    border-color: rgba(151, 151, 151, .2);
}

input.input-custom {
    background: rgba(241, 241, 241, .69);
    height: 60px;
    font-weight: bold;
    font-size: 14px;
    color: #202229 !important;
    padding: 0 1rem !important;
}

input.input-custom:focus {
    border: 2px solid #751cec !important;
    outline: none;
    background: #fff !important;
}

input.input-custom:disabled {
    background: #e1dcd5;
}

label.label-custom {
    color: #34495E;
    margin-left: 5px;
    font-size: 12px;
    margin-bottom: 0;
    text-transform: uppercase;
    display: block;
} 
label.label-custom2 {
    color: #34495E;
    margin-left: 5px;
    font-size: 12px;
    margin-bottom: 0;

    display: block;
}
label.label-custom3 {
    color: black;
    margin-left: 5px;
    font-size: 18px;
    margin-bottom: 0;
    text-transform: uppercase;
    display: block;
} 

h1,
h2,
h3,
h4,
h5,
h6,
button,
a,
input,
select {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #00002d;
    font-weight: bold;
}


p {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
}

span {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

label {
    font-family: 'Biryani', sans-serif;
    font-weight: 800;
    font-style: normal;
}

.btn-custom {
    background: #751cec;
    ;
    color: #fff !important;
    padding: .8rem 1.5rem;
    border: 3px solid #751cec;
    min-width: 230px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

a.btn-custom {
    height: auto;
}

.btn-custom-danger {
    background-color: #dc3545;
    color: #fff;
    padding: .8rem 1.5rem;
    border-radius: 30px;
    border: 3px solid #dc3545;
    min-width: 250px;
    font-size: 14px;
    height: 60px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-custom-cancel {
    background-color: #fff;
    color: #751cec;
    border: 3px solid #751cec;
    min-width: 250px;
    font-size: 14px;
    height: 60px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-custom-cancel-old {
    background-color: #fff;
    color: #009BAA;
    border-radius: 30px;
    border: 3px solid #009BAA;
    min-width: 250px;
    font-size: 14px;
    height: 60px;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .btn-custom {
        margin: 5px 0;
    }
    button.codigocel {
        min-width: 150px;
        margin: 0;
        padding: 5px;
    }
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active {
    color: #fff;
    box-shadow: none;
    outline: none;
}

.btn-custom-outline:hover,
.btn-custom-outline:focus,
.btn-custom-outline:active {
    box-shadow: none;
    outline: none;
}

.btn-custom-danger:hover,
.btn-custom-danger:focus,
.btn-custom-danger:active {
    background: #fff;
    color: #dc3545;
}

.btn-custom-cancel:hover,
.btn-custom-cancel:focus,
.btn-custom-cancel:active {
    background: #fff;
    color: #751cec;
}

.btn-custom:disabled {
    background: #E1DCD5;
    color: #333;
    border: 3px solid #E1DCD5;
}

input.input-custom+.iconify {
    margin: 0;
    position: absolute;
    top: 0;
    right: 17px;
    font-size: 16px;
    color: #34495E;
    cursor: pointer;
    height: 100%;
}

span.cadastro-salvo {
    padding: 1rem;
    background: #009B46;
    color: #fff;
    margin-top: 20px;
    margin-right: 20px;
    border-radius: 10px;
    display: inline-flex;
    font-size: 16px;
    justify-content: center;
    margin: auto;
}

input.input-custom.invalid+.iconify {
    color: #b71c1c;
}

input.input-custom.valid+.iconify {
    color: #009b46;
}

input.input-custom.invalid~small {
    display: block;
    text-align: right;
    color: #b71c1c;
    margin: 0 8px 10px 0;
    font-weight: 500;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile+label {
    margin-top: 1rem;
    font-size: 12px;
    color: white;
    background-color: #751cec;
    padding: 7px 20px;
    font-weight: bold;
    border: 2px solid #751cec;
    transition: all .15s;
    height: 32px;
}

.inputfile+label:hover {
    background-color: #fff;
    color: #751cec;
    transition: all .15s;
    cursor: pointer;
}

div.termo-aceite {
    border: 2px solid #EBEEF5;
    border-radius: 10px;
    padding: 1rem;
    text-align: justify;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.termo-aceite h5,
div.termo-aceite span {
    color: #34495E;
}

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px #EBEEF5;
    border: solid 3px transparent;
    margin: 5px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px rgba(52, 73, 94, .59);
    border: solid 3px transparent;
    border-radius: 10px;
}

.control {
    position: relative;
    padding-left: 30px;
    padding-top: 2px;
    cursor: pointer;
    font-weight: 500;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 23px;
    width: 23px;
    background: #f1f1f1;
    border-radius: 5px;
    border: 2px solid #E1DCD5;
}

.control input:checked~.control__indicator {
    background: #2aa1c0;
    border: 2px solid #2aa1c0;
}

.control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 6px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b;
}

.modal .modal-content {
    border: none;
    border-radius: 15px;
    padding: 1.5em 1em;
    box-shadow: 0px 0px 12px 0px rgba(52, 73, 94, .3);
    position: relative;
}

.modal.fade.show {
    padding-right: 0 !important;
}

.progressbar.step {
    float: right;
}

.progressbar.step li {
    list-style-type: none;
    padding: 0 8px;
    float: left;
    position: relative;
}

.progressbar.step li.active:before {
    width: 30px;
    height: 30px;
    content: '';
    display: flex;
    margin-top: -3px;
    justify-content: center;
    align-items: center;
    background: #751cec;
    color: #fff;
    font-weight: bold;
    border: none;
    font-size: 18px;
}

.progressbar.step li.active.active1:before {
    content: '1';
}

.progressbar.step li.active.active2:before {
    content: '2';
}

.progressbar.step li:before {
    width: 20px;
    height: 20px;
    content: "";
    border: none;
    margin-top: 2px;
    display: block;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: #EBEEF5;
}

.progressbar.step li:after {
    width: 100%;
    height: 4px;
    content: '';
    position: absolute;
    background-color: #ebeef5;
    top: 10px;
    left: -50%;
    z-index: 0;
}

.progressbar.step li:first-child:after {
    content: none;
}

.btn-number {
    color: #34495E;
    background: #E1DCD5;
    border-radius: 4px;
    width: 45px;
    padding: 10px;
    font-size: 14px;
}

.btn-number:hover {
    background: #d2cdc7;
}

.btn-number:focus {
    outline: none;
    box-shadow: none;
}

.data-info {
    background: #34495E;
    border-radius: 50%;
    color: #FFF;
    padding: 1px;
}

.data-info:hover {
    background: #2c3e50;
    color: #FFF;
}

.data-info .iconify {
    margin: 0;
}

.radio-custom input[type="radio"] {
    opacity: 0;
    width: 0;
}

.radio-custom label {
    padding: .8rem 1.5rem;
    color: #fff;
    background: #e1dcd5;
    border: 3px solid #E1DCD5;
    border-radius: 30px;
    min-width: 250px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    cursor: pointer;
    transition: all .15s;
    height: 53px;
    line-height: normal;
}


/*.radio-custom label:hover {
    background: #fff;
    color: #009BAA;
    border: 3px solid #009BAA;
    transition: all .15s;
}*/

.radio-custom input[type="radio"]:checked+label {
    background: #751cec;
    color: #fff;
    border: 3px solid #751cec;
}

.form-control.is-invalid,
.form-control.is-valid {
    background-size: calc(2.2em + .375rem) calc(1em + .375rem);
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #fff;
}

.custom-control-label::before {
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #E1DCD5;
}

.custom-control-label::after {
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #E1DCD5;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: url('https://api.iconify.design/entypo:dot-single.svg') no-repeat center center / contain;
    ;
}

.custom-control-label {
    font-size: 14px;
    cursor: pointer;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
    outline: none;
}

.card-accordion:first-child {
    border-top: 2px solid #ebeef5;
    border-radius: 10px 10px 0 0;
}

.card-accordion:nth-last-child(2) {
    border-bottom: 2px solid #ebeef5;
    border-radius: 0 0 10px 10px;
}

.card-accordion {
    padding: 14px;
    height: 50px;
    border: 2px solid #ebeef5;
    border-top: none;
    border-radius: 0;
}

.card-accordion:hover {
    background: #ebeef5;
}

.plus,
.minus {
    border-radius: 50%;
    padding: 0 6px;
    font-size: 14px;
}

.plus:hover,
.minus:hover {
    background: #e8e8e8;
    text-decoration: none;
}

.p_padrao {
    font-weight: bold;
    color: #00002d;
}

.box-cadastro {
    -webkit-box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.75);
    border-radius: 15px;
    padding: 50px;
}

.page-header .title_h {
    padding-bottom: 45px;
}

.box_bandeira {
    border: 3px solid #e1dcd5;
    font-weight: bold;
    border-radius: 20px;
    padding: 25px;
    cursor: pointer;
}

.bandeiras_box {
    margin: auto;
    text-align: center;
}

.span_pais {
    font-weight: bold;
    color: #00002d;
    text-transform: uppercase;
}

.box_bandeira img {
    margin-bottom: 15px;
}

.title_login h4 span {
    font-size: 18px;
    color: #000;
}

.title_login h5 span {
    font-size: 15px;
    color: #000;
}

table.table {
    width: 100% !important;
}

table.table thead {
    background: #3a334f;
    color: #FFF;
}

table.table tbody {
    border: 1px solid #F7F7F9;
}

table.table tfoot {
    border: 1px solid #F7F7F9;
    padding: 0 2rem;
    border-bottom: 0;
}

table.table thead tr th {
    font-weight: 500;
    border: none;
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid transparent;
}

table.table tbody tr td {
    font-weight: 700;
    vertical-align: middle;
    height: 40px;
    border: 1px solid #F7F7F9;
    border-top: 0;
    text-transform: uppercase;
    color: #34495e;
    padding: .5rem 1rem;
    font-size: 14px;
}

table.principal tr td {
    vertical-align: top !important;
    padding: 0 !important;
}

table.table tr td {
    height: 50px;
    border: none;
    border: 1px solid #F7F7F9;
    border-top: 0;
    border-bottom: 0;
    text-transform: uppercase;
    color: #34495e;
    font-size: 12px !important;
}

table.table tr td a {
    color: #34495e;
    cursor: pointer;
}

table.table tr td a:hover {
    color: #751cec;
}

table.table tbody tr:last-child td {
    border-bottom: 1px solid #F7F7F9;
}

table.table tr th {
    font-weight: 500 !important;
    height: 50px;
    border: none;
}

table.table tfoot tr td {
    vertical-align: top;
}

table.table thead tr:first-child th:first-child {
    border-top-left-radius: 20px;
}

table.table thead tr:first-child th:last-child {
    border-top-right-radius: 20px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fbfbfb;
}

table.carrinho-compras a.remover-produto {
    border-radius: 50%;
    padding: 3px;
    display: flex;
    width: 20px;
    height: 20px;
    margin: 2px auto;
    color: #fff !important;
    cursor: pointer;
}

table.carrinho-compras a.remover-produto>.iconify {
    font-size: 12px;
    margin: auto;
}

table .btn-adicionar {
    padding: 0px;
    height: 30px;
    min-width: 110px;
    font-size: 12px;
    margin-top: -3px;
}

table .input-qtd {
    height: 35px;
    border-radius: 10px;
    padding: 0 8px;
    width: 57px;
    text-align: center;
}

.grade-produtos {
    border: 2px solid #EBEEF5;
    border-radius: 10px;
    padding: 1.5rem;
    padding-top: 0;
    height: 410px;
    overflow-y: auto;
    background: rgba(247, 247, 249, .15)
}

.grade-produtos select.form-control {
    height: auto;
}

.grade-produtos .select::after {
    content: url('/assets/img/grade-produtos-arrow-down.png');
    line-height: 33px;
    height: 40px;
    width: auto;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.grade-produtos button.btn-adicionar {
    width: 100%;
    min-width: auto;
    padding: .375rem .75rem;
    height: auto;
    margin-bottom: 5px;
}

.grade-produtos img {
    max-width: 130px;
}

a.link-accordion {
    color: #34495E;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    font-weight: bold;
}

a.link-accordion .iconify {
    float: right;
    font-size: 24px;
    margin: auto;
}

.grade-produtos span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #34495E;
    text-transform: uppercase;
}

.grade-produtos span.descricao-produto {
    min-height: 54px;
}

.grade-produtos .preco-produto {
    font-size: 24px;
    margin-bottom: 10px;
}

a.link-custom {
    font-size: 12px;
    text-decoration: none;
    color: #34495E;
    cursor: pointer;
    font-weight: bold;
}

a.link-custom:hover {
    color: #751cec;
}

.dados-emitente span {
    display: block;
    font-weight: bold;
    color: #202229;
}

div.select.select-produto::after {
    content: url(/assets/img/search.png);
    line-height: 70px;
    cursor: none;
    pointer-events: auto;
}

.qtd-produtos-carrinho {
    position: absolute;
    bottom: 5px;
    border-radius: 50%;
    background: #B90032;
    color: #fff;
    right: 10px;
    padding: 2px;
    min-width: 25px;
    font-weight: bold;
    text-align: center;
}

div.select {
    position: relative;
}

div.select .iconify {
    color: #fff;
}

div.select::after {
    content: url('/assets/img/arrow-down.png');
    padding: 1.4em;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    line-height: 60px;
    display: flex;
    justify-content: center;
    width: 60px;
    background: #3a334f;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

div.select.select-produto::after {
    padding: 1.2rem;
}

.form-control {
    transition: none !important;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #E1DCD5;
    background: rgba(241, 241, 241, .69);
    height: 60px;
    font-weight: bold;
    padding-right: 4rem;
    font-size: 16px;
    cursor: pointer;
}

.btn_login {
    color: #751cec;
    padding: .5rem 1.5rem;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.btn_login:focus,
.btn_login:hover {
    color: #751cec !important;
    text-decoration: none !important;
}

.mb_h5 {
    margin-bottom: 1.5em;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-custom::placeholder {
    color: #202229bd;
}

.numero-pedido {
    padding: 12px 20px;
    color: #fff;
    border: 2px solid;
    background: #009B46;
    display: inline-flex;
    align-items: center;
}

.status-pedido {
    padding: 1rem;
    color: #fff;
    border: 2px solid #EBEEF5;
    color: #34495E;
    display: inline-flex;
    float: right;
}

.status-pedido .status-pedido-cor {
    border-radius: 50%;
    height: 22px;
    width: 22px;
    margin-left: 10px;
}

.dados-pedido span {
    display: block;
    color: #34495E;
}

.combo-header {
    padding: .75rem;
    background: #751cec;
    color: #fff;
    text-align: center;
    /*border-radius: 20px 20px 0 0;*/
}

.combo-header p {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: bold;
    max-width: 175px;
    margin: auto;
}

.combo-body span {
    display: block;
    font-weight: bold;
    text-align: center;
    color: #34495E;
    font-size: 16px;
}

.combo-body .pontos-combo {
    color: #34495E;
    font-size: 28px;
    text-align: center;
    margin: 1rem 0;
}

.btn-custom.btn-combo {
    padding: 0;
    height: 40px;
    min-width: 150px;
    background: #fff;
    color: #751cec;
    font-size: 12px;
    transition: all .15s;
}

.btn-custom.btn-combo:hover {
    background: #751cec;
    color: #fff;
    transition: all .15s;
}

.detalhes-pedido,
.pagamento {
    border-radius: 20px;
    border: 5px solid #EBEEF5;
    padding: 3rem 1.5rem;
}

.detalhes-pedido span {
    display: block;
}

.new_alerts {
    padding: 1rem;
    border-radius: 20px;
    background: #E1DCD5;
    color: #34495E;
    margin: 10px 0;
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
    border: 2px solid #dc3545 !important;
}

.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid {
    border: 2px solid #28a745 !important;
}

.invalid-feedback {
    text-align: right;
    width: auto;
    margin-right: 10px;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

span.invalid {
    position: absolute;
    right: 15px;
    top: 17px;
    font-size: 24px;
    color: #dc3545;
}

span.valid {
    position: absolute;
    right: 15px;
    top: 17px;
    font-size: 24px;
    color: #28a745;
}

.card-accordion+.collapse.show {
    border-bottom: 2px solid #ebeef5;
}

a.btn-custom-outline,
button.btn-custom-outline {
    background: #fff;
    color: #751cec;
    font-size: 14px;
    padding: 0 1.2rem;
    padding: .8rem 1.5rem;
    min-width: 230px;
    font-size: 14px;
    border: 3px solid #751cec;
    font-weight: bold;
    text-transform: uppercase;
}

a.btn-custom-outline:hover,
button.btn-custom-outline:hover {
    color: #751cec;
}

.btn-custom-outline:disabled {
    color: #E1DCD5 !important;
    border: 3px solid #E1DCD5;
}

.combo-body {
    box-shadow: 0px 0px 10px 0px rgba(52, 73, 94, .2);
    padding: 1rem;
    text-align: center;
}

a.link-custom-home {
    font-size: 12px;
    color: #34495E;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 5px;
    display: block;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        opacity: 1;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

.tempo-restante span:first-child {
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
}

.tempo-restante span:nth-child(2) {
    font-size: 12px;
}

.sweet-alert {
    border: none;
    border-radius: 15px !important;
    padding: 1.5em 1em !important;
    box-shadow: 0px 0px 12px 0px rgba(52, 73, 94, .3) !important;
}

.sa-confirm-button-container button {
    background: #751cec !important;
    color: #fff;
    padding: .8rem 1.5rem;
    border: 3px solid #751cec;
    min-width: 250px;
    font-size: 14px;
    font-size: 13px;
    height: 60px;
    font-weight: bold;
    text-transform: uppercase;
}

.sweet-alert button {
    margin: 18px 5px 0 5px !important;
}

.sweet-alert button.cancel {
    background: #fff !important;
    color: #751cec;
    font-size: 13px;
    height: 60px;
    padding: 0 1.2rem;
    padding: .8rem 1.5rem;
    min-width: 250px;
    font-size: 14px;
    border: 3px solid #751cec !important;
    font-weight: bold;
    text-transform: uppercase;
}

div.select-mini,
div.select-mini2 {
    position: relative;
}

div.select-mini select.form-control,
div.select-mini2 select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 2px solid #ebeef5;
    background: #f7f7f9;
    height: 40px;
    font-weight: bold;
    padding: 0 1.2rem;
    text-transform: uppercase;
    font-size: 14px;
}

div.select-mini select.form-control:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid #751cec;
    background: #fff;
}

div.select-mini2 select.form-control:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid #751cec;
    background: #fff;
}

div.select-mini::after,
div.select-mini2::after {
    content: url('/assets/img/angle-arrow-down2.svg');
    padding: 0 1em;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    line-height: 0;
    vertical-align: middle;
    align-items: center;
    display: flex;
    background: #751cec;
    pointer-events: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

div.select-mini2::after {
    background: #3a334f !important;
}

a.btn-custom-mini,
a.btn-custom-mini-outline {
    display: inline-flex;
    align-items: center;
}

.btn-custom-mini {
    background: #751cec;
    color: #fff !important;
    border: 3px solid #751cec;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 8px;
    min-width: 130px;
    font-size: 12px;
    height: 40px;
}

.btn-custom-mini-outline {
    background: #fff;
    color: #751cec !important;
    border: 3px solid #751cec;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 8px;
    min-width: 130px;
    font-size: 12px;
    height: 40px;
}

.main-box {
    border-radius: 30px;
    border: 2px solid #ebeef5;
    -webkit-box-shadow: -4px 4px 0px 0px #ebeef5;
    -moz-box-shadow: -8px 10px 0px 0px #ebeef5;
    box-shadow: -4px 4px 0px 0px #ebeef5;
    padding: 20px 15px 10px 15px;
    margin: 0;
    margin-bottom: 30px;
}

form {
    width: 100%;
    margin-bottom: 0;
}

table.table-sugestoes thead {
    border: 1px solid #eee;
}

table.table-sugestoes thead th {
    border-bottom: 1px solid transparent;
    border: 1px solid #eee;
    background: ghostwhite;
}

table.table-sugestoes td {
    border: 1px solid #eee;
}

.header-sugestao {
    background: #eee;
    border-radius: 10px 10px 0 0;
    padding: 1rem;
    text-align: center;
    margin: 0
}

#especial-mes .header-sugestao {
    background: linear-gradient(#b1932c, #f6be00);
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 1rem;
    text-align: center;
    margin: 0;
}

#especial-mes .footer-sugestao {
    background: linear-gradient(#f6be00, #b1932c);
    border-radius: 0 0 10px 10px;
    color: #333;
    padding: 1rem;
    text-align: center;
    margin: 0;
}

.footer-sugestao {
    background: #751cec;
    border-radius: 0 0 10px 10px;
    color: #fff;
    padding: 1rem;
    text-align: center;
    margin: 0;
}

.img-sugestoes {
    transform: scale(1);
    transition: all .3s;
}

.img-sugestoes:hover {
    transform: scale(1.01);
    transition: all .3s;
}

.radio-custom.sugestao label {
    border: none;
}

.radio-custom.sugestao input[type="radio"]:checked+label {
    border: none;
    background: #eee;
}

#dados_consultor .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

button.close {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    width: 1em;
    height: 1em;
    padding: 0;
    transition: color .1s ease-out;
    border: none;
    border-radius: 0;
    outline: initial;
    background: 0 0;
    font-family: serif;
    cursor: pointer;
    overflow: hidden;
    z-index: 999;
    opacity: 1;
}

button.close span {
    font-size: 30px;
}

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

button.close:hover {
    color: #000;
}

button.btn-custom-outline.btn-cadastro-finalizado {
    border-color: #1c9647 !important;
    background: #1c9647;
    pointer-events: none;
    opacity: 1 !important;
    color: #fff !important;
}

.select-produto .easy-autocomplete {
    width: auto !important;
}

.sweet-alert button {
    font-size: 14px !important;
    font-weight: bold !important;
}

#vbin6,
#cdocument,
#cseg,
#cnome {
    border: none;
    border-bottom: 1px solid #34495E;
    font-weight: bold;
    border-radius: 0;
    padding-left: 2rem;
}

.main-box-body {
    width: 100%;
}

.page-item.active .page-link {
    background-color: #3a334f !important;
    border-color: #ffffff !important;
    font-weight: bold;
    font-size: 12px;
}

.page-link {
    background-color: #364b5f !important;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    padding: 0.75rem 1rem;
    width: 40px;
    display: flex;
    justify-content: center;
    margin-left: -1px;
    line-height: 1.25;
    border: 1px solid #FFF;
}

.page-link:hover {
    color: #fff;
    background-color: #00002d !important;
}

.pagination .next .page-link,
.pagination .previous .page-link {
    background-color: transparent !important;
    border: none;
    color: #00002d;
}

.pagination .next .page-link:focus,
.pagination .previous .page-link:focus {
    box-shadow: none !important;
    border: none !important;
}

div.dataTables_wrapper div.dataTables_info {
    margin-left: 10px;
}

.page-link:focus {
    box-shadow: none !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 10px !important;
}

input.input-custom-mini {
    border: 2px solid #ebeef5;
    border-radius: 10px;
    background: rgb(247, 247, 249);
    height: 40px;
    font-weight: bold;
    font-size: 14px;
    padding: 0 1rem;
    width: 100%;
}

input.input-custom-mini {
    border: 2px solid #ebeef5;
    border-radius: 10px;
    background: rgb(247, 247, 249);
    height: 40px;
    font-weight: bold;
    font-size: 14px;
    padding: 0 1rem;
    width: 100%;
}

input.input-custom-mini:focus:not([readonly]) {
    border: 2px solid #751cec !important;
    outline: none;
    background: #fff !important;
}

input.input-custom-mini:disabled {
    background: #e1dcd5;
}

.btn-custom-mini.btn-danger {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    color: #333 !important;
    transition: none;
}

.btn-custom-mini.btn-danger:hover {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff !important;
    transition: none;
}

.btn-custom-mini-success {
    background: #009b46;
    color: #fff !important;
    border-radius: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 8px;
    height: 40px;
    min-width: 130px;
    padding: 0 1rem;
    font-size: 12px;
}

.box-relatorios {
    border: 2px solid #ebeef5;
    -webkit-box-shadow: -4px 4px 0px 0px #ebeef5;
    -moz-box-shadow: -8px 10px 0px 0px #ebeef5;
    box-shadow: -4px 4px 0px 0px #ebeef5;
    padding: 20px 5px;
    margin: 0;
}

.box-relatorios2 {
    border-radius: 20px;
    border: 2px solid #ebeef5;
    -webkit-box-shadow: -4px 4px 0px 0px #ebeef5;
    -moz-box-shadow: -8px 10px 0px 0px #ebeef5;
    box-shadow: -4px 4px 0px 0px #ebeef5;
    padding: 20px 5px;
    margin: 0;
}

table.table-sugestoes thead th {
    border-bottom: 1px solid transparent;
    border: 1px solid #eee;
    background: ghostwhite;
    background: #751cec;
    color: #fff;
}

table.table-sugestoes td {
    border: 1px solid #eee;
}

.radio-custom.sugestao input[type="radio"]+label {
    border: none;
    background: #fff;
    height: auto;
}

.radio-custom-combo input[type="radio"] {
    opacity: 0;
    width: 0;
}

.radio-custom-combo label {
    padding: .8rem 1.5rem;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    cursor: pointer;
    transition: all .15s;
    align-items: center;
    line-height: normal;
}

.radio-custom-combo input[type="radio"]:checked+label {
    background: #751cec;
    color: #fff;
    border: 3px solid #751cec;
}

.radio-custom-combo.mini input[type="radio"]:checked+label {
    background: #751cec;
    color: #fff !important;
    border: 3px solid #751cec;
}

button.btn-custom.fechar_pedido_disabled {
    background: #fff !important;
    color: #E1DCD5 !important;
}

.title_relatorio h4 {
    font-weight: bold;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.dropdown-gerar {
    padding: 10px;
    font-size: 13px;
}

.selecionado {
    padding: 5px 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    background: #7ebf55;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529 !important;
    background-color: #f1f1f1;
    border-color: #f8f9fa;
}

span.texto-legenda {
    margin-bottom: 0;
    margin-left: 10px;
    font-weight: 400;
    font-size: 12px;
    margin-top: 6px;
}

.box_legenda {
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(52, 73, 94, .2);
    padding: 1rem;
    max-width: 300px;
}

label.legenda {
    margin-bottom: 0;
    border-radius: 50%;
    padding: 8px;
}

label.legenda.success {
    background: #43a047;
}

label.legenda.danger {
    background: #d50000;
}

label.legenda.warning {
    background: #ffd600;
}

.semafaro2 {
    color: #43a047;
}

.semafaro0 {
    color: #d50000;
}

.semafaro1 {
    color: #ffd600;
}

.box-relatorios span {
    color: #34495E;
    text-transform: uppercase;
}

.box-relatorios2 span {
    color: #34495E;
    font-size: 16px;
    font-weight: 500;
}

::selection {
    background: #009baa;
    color: #fff
}

.btn_busca {
    margin-top: 8px;
    height: 35px;
    min-width: 130px;
    padding: 0px;
    font-size: 12px;
}

span.notification {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    width: 100%;
    border-radius: 0;
}

span.notification.success {
    background: #009B46;
}

span.notification.warning {
    background: #ffc107;
}

span.notification.danger {
    background: #d32f2f;
}

span.notification.info {
    background: #1e88e5;
}

.modal-header .close {
    padding: 0 !important;
    margin: 0 !important;
}

.box-pp,
.box-pg {
    background: #009baa;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    color: #fff;
    border: 1px solid;
    height: 100px;
    width: 250px;
    margin: 0 5px;
    margin-bottom: 5px;
}

.box-pp>span,
.box-pg>span {
    font-size: 16px;
    font-weight: bold;
}

.box-pp p,
.box-pg p {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 0;
}

.box-btotal {
    border: 4px solid #34495E;
    border-radius: 15px;
    padding: .8rem 1.5rem;
    height: 100px;
    width: 250px;
    margin: 0 5px;
    margin-bottom: 5px;
}

.box-btotal>p {
    color: #34495E;
    margin-bottom: 0;
    font-size: 30px;
}

.box-btotal span {
    color: #34495E;
}

.box-breceber {
    border: 4px solid #751cec;
    padding: .8rem 1.5rem;
    height: 100px;
    width: 250px;
    margin: 0 5px;
    margin-bottom: 5px;
}

.box-breceber>p {
    color: #751cec;
    margin-bottom: 0;
    font-size: 30px
}

.box-breceber span {
    color: #751cec;
}

@media print {
    .no-print {
        display: none;
    }
    #content {
        margin-left: 0;
        padding: 0 !important;
    }
}

.btn-link:focus,
.btn-link:hover {
    color: #751CEC;
    text-decoration: underline;
    background-color: transparent;
}

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

.btn-link {
    font-weight: 400;
    color: #751CEC;
    border-radius: 0;
}

.easy-autocomplete {
    width: auto !important;
}

.slick-slide:focus,
.slick-slide:active {
    box-shadow: none !important;
    outline: none !important;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

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

.pstrength-bar {
    border-radius: 30px;
    height: 7px !important;
}

.textarea-custom {
    border: 2px solid rgb(235, 238, 245);
    border-radius: 10px;
    background: rgb(247, 247, 249);
    font-weight: bold;
    font-size: 14px;
    padding: 1rem;
}

.textarea-custom:focus {
    border: 2px solid rgb(0, 155, 170) !important;
    outline: none;
    background: rgb(255, 255, 255) !important;
}

.custom-file-label {
    font-size: 14px;
}

.custom-file-label::after {
    content: 'Selecionar';
    text-transform: uppercase;
}

.titulo-alterargeral {
    padding: 1rem;
    background: #3a334f;
    color: rgb(255, 255, 255);
    margin-bottom: 0;
    border-radius: 15px 15px 0 0
}

.alert {
    border-radius: 0;
    border: none;
    border-color: initial;
    border-left: 4px solid;
}

#slider-container {
    position: relative;
}

#slider-container .iconify {
    position: absolute;
    right: -65px;
    top: 20px;
    font-size: 26px;
}

.btn-custom-mini.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff !important;
    transition: none;
}

.btn-custom-mini.btn-danger:hover {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff !important;
    transition: none;
}

.text-new-branding {
    color: #3a334f!important;
}