@import url("angular/app.css");
@import url("angular/loaders.css");

body            { overflow: hidden; }
input, button   { z-index: 0 !important; }
.wrapper        { overflow: hidden; }

.icon-bubbles   { display: none; }

.language           { background-color: white; border-radius: 4px; left: 10px; padding: 20px; position: absolute; top: 10px; width: 230px; }
.language > label   { margin-right: 10px; }

.uploader table > tbody > tr > td:nth-child(3) > div { display: none !important; }
/*.freshwidget-button { z-index: 999 !important; }*/
.whirl              { opacity: 0.7; z-index: 1000 !important; }
.tooltipster-content { word-break: break-all; }

header.white-label  { display: none; }


/* ========================================================================
   Override app.css
 ========================================================================== */
.zi0                                                        { z-index: 0; }

.mt20                                                       { margin-top: 20px; }

/* .table-responsive                                           { overflow-x: hidden; } */

.painel-padrao,
.panel-default,
.panel-default,
.panel-default                                              { border-color: transparent; border-radius: 8px; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.1); }

.panel-default.painel-padrao .panel-default                 { border: solid 1px #cfdbe2; box-shadow: none; min-height: 54px; }

.coluna00 .painel-padrao                                    { height: calc(100vh - 98px); margin-bottom: 0; }

.label-xs                                                   { font-size: 12px; line-height: 1.5; }

.navbar-nav > li.dropdown-user                              { margin-left: 3px; }
.navbar-nav > li.dropdown-user .dropdown-toggle > img       { display: inline-block; float: left; height: 35px; margin-right: 5px; margin-top: -3px; }
.navbar-nav > li.dropdown-user .dropdown-toggle > i         { margin-left: 3px; margin-top: 3px; }
.navbar-nav > li.dropdown > .dropdown-toggle                { background-color: #405467; padding: 14px 15px 13px 15px; }
.user-info2                                                 { color: #fff; display: inline-block; font-weight: 300; line-height: 14px; max-width: 100px; overflow: hidden; position: relative; text-align: left; text-overflow: ellipsis; top: 0px; vertical-align: top; white-space: nowrap; }
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .open > a:focus                    { box-shadow: none; }
.navbar-nav > li > .menuuser                                { margin-left: -38px; margin-top: 3px; }
.topnavbar .navbar-nav > li.dropdown .dropdown-menu:after   { border-bottom: 8px solid #eee; border-bottom-color: rgb(255, 255, 255); border-left: 9px solid transparent; border-right: 9px solid transparent; content: ''; display: inline-block !important; position: absolute; right: 19px; top: -7px; }
.topnavbar                                                  { background-color: #2C3E50; border: 0; border-bottom: 3px solid #3291D1; }
.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:focus                    { color: #5d9cec; }

.topnavbar .navbar-nav > li.dropdown > ul.dropdown-menu a > i { margin-right: 5px;  position: relative; top: 2px; }

.preloader                                                  { background-color: #3A032D !important; background-image: -webkit-linear-gradient(90deg, #3A032D 10%, #3A133d 90%); background-image: -moz-linear-gradient(90deg, #3A032D 10%, #3A133d 90%); background-image: -ms-linear-gradient(90deg, #3A032D 10%, #3A133d 90%); background-image: -o-linear-gradient(90deg, #3A032D 10%, #3A133d 90%); background-image: linear-gradient(90deg, #3A032D 10%, #3A133d 90%); }

.ball-clip-rotate > div                                     { height: 15px; width: 15px; }

.panel.panel-no-box-shadow                                  { box-shadow: none; -webkit-box-shadow: none; }

.progress-sm                                                { height: 15px; }

.sweet-alert p                                              { max-height: calc(100vh - 340px); overflow: auto; }
.sweet-alert p div                                          { font-size: 14px; line-height: 30px; text-align: justify; }
.sweet-alert p div ul                                       { list-style: inherit; margin-left: 40px; }
.sweet-alert p div ul li                                    { line-height: 15px; }

.overflow-auto                                              { overflow: auto; }
.modal-open .modal                                          { overflow: hidden; }

.label-yellow,
.circle-yellow                                              { background-color: #f3ca06; }

.carousel                                                   { margin-bottom: 0; padding: 0 40px 30px 40px; }
.carousel-control                                           { left: -12px; }
.carousel-control.right                                     { right: -12px; }
.carousel-indicators                                        { bottom: 0; margin-right: -19px; right: 50%; top: auto; }
.carousel-indicators li                                     { background: #c0c0c0; }
.carousel-indicators .active                                { background: #333333; }
.carroselImg                                                { margin-top: 22px; }

ui-tooltip.tooltip-farther .tooltip.top                     { top: -50px !important; }
ui-tooltip.tooltip-closer .tooltip.top                      { top: -10px !important; }
ui-tooltip.tooltip-closer-max .tooltip.top                  { top: 0px !important; }

.dropdown-menu.alertas                                      { width: 300px; }
.dropdown-menu.alertas div.checkbox.marcar-lido             { margin-top: 14px; }
.dropdown-menu.alertas div.check-lida > .tooltip            { font-size: 10px; left: -46px !important; top: -20px !important; width: 110px; }

.dropdown-menu.alertas li.alerta-group                      { padding: 0px; }
.dropdown-menu.alertas li.alerta-group.hidden               { opacity: 0; }
.dropdown-menu.alertas li.alerta-group.visible              { opacity: 1; -webkit-transition: opacity 3s ease-in-out; -moz-transition: opacity 3s ease-in-out; -ms-transition: opacity 3s ease-in-out; -o-transition: opacity 3s ease-in-out; }

.btn-danger-inverted                                        { background-color: #fff; border-color: #f05050; border-width: 2px; color: #f05050; }
.btn-danger-inverted:hover                                  { background-color: antiquewhite; color: #f05050; }

.menu-principal                                             { text-transform: uppercase; }


/* ========================================================================
   COTEXO
 ========================================================================== */
/*input[type="button"],
button              { min-width: 100px; }*/

.portrait > span > .icon-wrench { margin-right: 5px; position: relative; top: 2px; }

.modal.fade:not(.in).left .modal-dialog     { transform: translate3d(-25%, 0, 0); -webkit-transform: translate3d(-25%, 0, 0); }

select.has-error + .chosen-container > a    { border-color: #f05050; }

input[type="text"],
select,
select + .chosen-container > a              { color: gray !important; }
textarea            { resize: none; }
ul                  { list-style: none; padding-left: 0px; }

.ngdialog-overlay   { right: 17px !important; }

::-webkit-scrollbar           { width: 8px; }
::-webkit-scrollbar-track     { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); -webkit-border-radius: 4px; border-radius: 4px; }
::-webkit-scrollbar-thumb     { border-radius: 4px; border: 1px solid rgba(255,255,255,0); background-clip: content-box; _background-color: #bfbfbf; background-color: #A0A0A0; }

.blue-tooltip + .tooltip > .tooltip-inner   { background-color: #BEDEFF; color: rgb(49, 112, 143); white-space:pre-wrap; }
.blue-tooltip + .tooltip > .tooltip-arrow   { border-bottom-color:#BEDEFF; border-top-color:#BEDEFF; }

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

.uk-notify                                  { z-index: 10001 !important; }

.font12                                     { font-size: 12px; }
.fundo-cinza                                { background-color: #f5f7fa; }

.table-hover > tbody > tr:hover             { background-color: #f5f7fa; }
.table-no-bordered td                       { border: none !important; }

.ativo                                      { color: #5d9cec!important; }
.simnao                                     { height: 16px; margin-top: 2px; width: 16px; }
.topnavbar .navbar-header .brand-logo       { padding: 11px 10px 15px; }
.navbar-nav.menu-direita > li:not(.dropdown-user) { width: 50px; }
.navbar-nav > li > a                        { font-size: 13px; padding-bottom: 16px; padding-top: 18px; }
.navbar-nav > li.dropdown-user              { float: right; margin-right: 20px; }
.navbar-nav .dropdown .alerta .label-danger,
.navbar-nav .dropdown .chat .label-danger,
.navbar-nav .dropdown .notification .label-danger   { right: 12px; top: 12px; }

.navbar-nav .dropdown .notification.desabilitado    { cursor: default; pointer-events: none; }
.navbar-nav .dropdown .notification.desabilitado em { color: #ccc; font-style: italic; }

.switch > input[type=checkbox][disabled] + span { cursor: not-allowed; }
.search-field > input[type="text"]          { width: 120px !important; }

.btn-labeled > span:first-child             { float: left; }
.btn-labeled > span:nth-child(2)            { line-height: 31px; }
.btn-xs.btn-labeled > span:nth-child(2)     { line-height: 21px; }

::-webkit-input-placeholder                 { text-transform: none; }
:-moz-placeholder                           { text-transform: none; }
::-moz-placeholder                          { text-transform: none; }
:-ms-input-placeholder                      { text-transform: none; }

.vertical-align                             { display: flex; flex-direction: row; }
.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"]          { align-items: flex-end; display: flex; }

h4.modal-title                              { font-size: 16px; }

@media only screen and (min-width: 768px)
{
  .wrapper > section:not(.mainView),
  .wrapper > footer                         { margin-left: 290px; margin-right: 7.5px; margin-top: 20px; }
  .content-wrapper > h3,
  .content-wrapper > .content-heading       { padding: 14px 20px; }
  .wrapper > section, .wrapper > footer     { margin-left: 500px; }
}

input:disabled::-webkit-input-placeholder   { color: #888; }
input:disabled:-moz-placeholder             { color: #888; }
input:disabled::-moz-placeholder            { color: #888; }
input:disabled:-ms-input-placeholder        { color: #888; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control            { font-size: 14px; }

/*.btn-labeled                                { padding-right: 8px; }*/
.btn-labeled-2                              { padding-right: 8px; }
.btn-xs .btn-label                          { padding: 5px 7px 3px; }
.content-wrapper > h3,
.content-wrapper > .content-heading         { font-size: 20px; padding-left: 40px; }
.btn-pill-right, .btn-oval                  { padding-right: 10px; }
.btn-pill-left, .btn-oval                   { padding-left: 10px; }

.sidebar                                    { padding-bottom: 0; }

.modal-buttons                              { margin-top: 20px;  text-align: center; }

.asideVisible                               { margin-left: 500px !important; }

.alerta.desabilitado                        { cursor: default; }
.alerta.desabilitado > em                   { color: #edf1f2; font-style: italic; }

.modalContainer .modal-header                       { background: #f3f2f2; border-top-left-radius: 6px; border-top-right-radius: 6px; min-height: 58px; }
.modalContainer .modal-header .modal-title > span   { float: left; margin-right: 12px; }

.layout-fixed .wrapper > div > .aside { height: 1px; min-height: 100%; }
.layout-fixed .wrapper > div > aside { position: fixed; }
.wrapper > div > .aside { width: 530px; }
.wrapper > div > .aside { -webkit-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1); transition: width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1); }
.wrapper > div > .aside { position: absolute; width: 220px; top: 0; left: 0; bottom: 0; z-index: 116; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: #ffffff; }

.layout-fixed .wrapper > div > .aside > .aside-inner { position: fixed; top: 0; bottom: 0; }
.wrapper > div > .aside .aside-inner { width: 530px !important; }
.wrapper > div > .aside .aside-inner { padding-top: 110px; height: 100%; width: 220px; overflow: hidden; }

.layout-h.layout-fixed .wrapper > div > section,
.layout-h.layout-fixed .wrapper > div > .offsidebar { margin-top: 55px; }
.layout-h .wrapper > div > section { margin-top: 0; }
.layout-h .wrapper > div > section { max-width: 1140px; margin-left: auto; margin-right: auto; }
.layout-fixed .wrapper > div > section { margin-top: 114px; }
.wrapper > div > section { -webkit-transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1); transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1); }
.wrapper > div > section { position: relative; height: 100%; margin-left: 0; z-index: 111; background-color: #f5f7fa; margin-bottom: 60px !important; }

@media only screen and (min-width: 768px)
{
    .layout-fixed .wrapper > div > section { margin-top: 55px; }
    .wrapper > div > section,
    .wrapper > div > footer { margin-left: 500px; }
    .wrapper > div > .aside .aside-inner { padding-top: 55px; }
}


/* ========================================================================
   Component: LOGIN
 ========================================================================== */
.bkglogin                                   { background: url(imagens/bkglogin.png) center center no-repeat; background-attachment: fixed; background-position-x: 80%; background-size: cover; min-height: 100%; position: absolute; width: 100%; -webkit-background-size: cover; }
.wd-xl                                      { width: 420px; }
.sombralogin                                { -webkit-box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.5); }
.panel-dark > .panel-heading                { background-color: #2c3e50; padding: 16px 15px; }
.entrarlogin                                { font-weight: bold; letter-spacing: 1px; }
.mt-xl                                      { margin-top: 100px!important; }


/* ========================================================================
   Component: SCROLL CUSTOMIZADO
 ========================================================================== */
.scroller           { overflow: hidden; }


/* ========================================================================
   Component: NOTIFICAÇÕES
 ========================================================================== */
.alerta-group p.titulo.ellipsis                 { font-weight: normal; max-width: 185px; }
.alerta-group label.mensagem.ellipsis           { font-size: 12px; font-weight: normal; max-width: 178px; }

.minhas-notificacoes .coluna00                  { left: 50%; transform: translateX(-50%); width: 1024px; }
.minhas-notificacoes ul                         { width: 100%; }
.minhas-notificacoes ul > li:nth-child(odd)     { background-color: #fafbfc; }
.minhas-notificacoes ul > li:hover              { background-color: #eff2f5; }
.minhas-notificacoes a                          { text-decoration: none!important; }
.minhas-notificacoes a:hover                    { text-decoration: none!important; }
.minhas-notificacoes .checkbox.marcar-lido      { float: right; right: 44px; }
.minhas-notificacoes .tooltip                   { font-size: 10px; left: 23px !important; top: -10px !important; }

.minhas-notificacoes .alerta-group > div                    { padding-top: 10px; }
.minhas-notificacoes .alerta-group p.titulo.ellipsis        { font-weight: normal; max-width: 800px; }
.minhas-notificacoes .alerta-group label.mensagem.ellipsis  { font-size: 12px; font-weight: normal; max-width: 650px; }
.minhas-notificacoes li.alerta-group.disabled               { font-style: italic; }
.minhas-notificacoes li.alerta-group.disabled a,
.minhas-notificacoes li.alerta-group.disabled a p,
.minhas-notificacoes li.alerta-group.disabled em            { color: #ccc; }
.minhas-notificacoes li.alerta-group.disabled .tooltip      { display: none !important; }

.minhas-notificacoes .principal                 { height: calc(100vh - 180px); overflow-y: auto; }

.dropdown-menu.alertas .ver-todas               { cursor: pointer; text-align: center; }
.dropdown-menu.alertas .ver-todas:hover         { text-decoration: underline; }

.minhas-notificacoes .hr-text                   { border: 0; color: black; height: 1.5em; line-height: 1em; margin-top: -10px; opacity: .5; outline: 0; position: relative; text-align: center; }
.minhas-notificacoes .hr-text:before            { background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent)); background: linear-gradient(to right, transparent, #818078, transparent); content: ''; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; }
.minhas-notificacoes .hr-text:after             { background-color: #fcfcfa; color: black; color: #818078; content: attr(data-content); display: inline-block; line-height: 1.5em; padding: 0 .5em; position: relative; }

/* ========================================================================
   Component: SUPORTE - semaforo
 ========================================================================== */
.semaforo .fa.fa-caret-up,
.semaforo .fa.fa-caret-down                     { position: absolute; }
.semaforo.wrapper .scroller,
.semaforo.wrapper .scroller > div               { max-height: calc(100vh - 140px); }
.semaforo .table                                { overflow-x: hidden; }
.semaforo .table-responsive                     { overflow-x: hidden; }
.semaforo .table tr.selecionado                 { background-color: #d9edf7; }
.semaforo .addtempo,
.semaforo a.distribuir,
.semaforo a.excluir                             { font-size: 12px; }
.semaforo a.addtempo:hover,
.semaforo a.addtempo:active,
.semaforo a.addtempo:focus,
.semaforo a.distribuir:hover,
.semaforo a.distribuir:active,
.semaforo a.distribuir:focus,
.semaforo a.excluir:hover,
.semaforo a.excluir:active,
.semaforo a.excluir:focus                       { text-decoration: none; }
.semaforo .table.tabsemaforo > tbody > tr > td  { margin-bottom: 0; overflow-x: hidden; padding: 5px; }

.semaforo .circle                               { margin-left: 0; }
.semaforo .circle-yellow                        { background-color: #f3ca06; }

.semaforo .panel-pecas > span.btn-oval          { margin-bottom: 2px; margin-left: 10px; }
.semaforo .panel-respostas i                    { margin-right: 10px }
.semaforo .panel-rejeitou                       { background-color: #ffe6e6; }

.semaforo .btn-cancel,
.semaforo .btn-edit,
.semaforo .btn-save                             { margin-left: 20px; width: 100px; }
.semaforo .btn-label > .icon-wrench             { color: #1aacda; margin-right: 10px; }
.semaforo .btn-copy                             { padding-bottom: 5px; padding-top: 5px; }

.semaforo div.buttons                           { float: right; height: 65px; }
.semaforo div.buttons button                    { position: relative; top: 30px; }

.semaforo .fornecedor-infos                     { border: solid 1px #eee; border-radius: 4px; height: 27px; padding: 2px; margin-right: 3px; margin-top: -2px; text-align: center; }
.semaforo .fornecedor-infos .col-md-4           { height: 23px; padding: 0px; }

.semaforo .chassi-edit                          { text-transform: uppercase; }

.semaforo .ellipsis                             { max-width: 230px; }
.semaforo .ellipsis4                            { font-weight: normal; max-width: 110px; position: relative; top: 4px; }
.semaforo .ellipsis5                            { font-weight: normal; max-width: 190px; position: relative; top: 4px; }

.semaforo .panel-heading > .alterar-fornecedores                        { color: #5d9cec; cursor: pointer; margin-left: 15px; }
.semaforo .panel-heading > .alterar-fornecedores:hover                  { text-decoration: underline; }
.semaforo .panel-respostas-semaforo .panel-heading                      { padding-left: 0px; padding-right: 5px; }
.semaforo .panel-respostas-semaforo .panel-heading .fornecedor-infos    { padding-left: 0px; }
.semaforo .panel-respostas-semaforo .panel-heading > label              { cursor: inherit; }

.aside-inner.semaforo .tabsemaforo thead        { background-color: white; position: absolute; width: 100%; z-index: 1; }
.aside-inner.semaforo .tabsemaforo tbody        { display: block; margin-top: 49px; }
.aside-inner.semaforo tr.semaforo-tr label      { cursor: pointer; }
.aside-inner.semaforo .excluir .tooltip-arrow   { margin-left: 1px; }
.aside-inner.semaforo .excluir .tooltip-inner   { margin-left: -10px; }

.alterar-fornecedores .modalscroll              { height: calc(100vh - 200px); }
.alterar-fornecedores .modalscroll > label      { width: 60px; }
.alterar-fornecedores .modalscroll > div        { margin-top: 20px; }
.alterar-fornecedores .modalscroll .table thead th:nth-last-child(2) { text-align: center; width: 100px; }
.alterar-fornecedores .modalscroll .table thead th:nth-last-child(1) { text-align: center; width: 120px; }
.alterar-fornecedores .modalscroll .table .corpoVendedores input.btn { margin-right: 10px; width: 70px; }
.alterar-fornecedores .panel.panel-default      { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }


@media (max-width: 1200px)
{
    .semaforo .data-cotacao         { padding: 0px; }
    .semaforo .data-cotacao input   { font-size: 10px; padding: 4px; }

    .semaforo tipo-pecas > div > div > div > span   { padding-right: 0px; }
    .semaforo #panelPecasNaoSelecionadas > div      { padding-right: 0px; padding-left: 0px; }

    .semaforo .panel-respostas-semaforo > div > div,
    .semaforo .panel-respostas-semaforo > div > div .panel-respostas    { font-size: 12px; padding-right: 0px; padding-left: 0px; }
    .semaforo .panel-respostas-semaforo > div > div .ellipsis           { max-width: 170px; }
}

/* ========================================================================
   Component: SUPORTE - pedidos
 ========================================================================== */
@media (max-width: 1200px)
{
    .suporte.pedidos .ellipsis2 { max-width: 210px; }
    .suporte.pedidos .ellipsis4 { max-width: 118px; }
}

/* ========================================================================
   Component: SUPORTE - cadastros
 ========================================================================== */
.cadastro-suporte .div-pesquisar                { height: 76px; }
.cadastro-suporte .div-pesquisar > div          { height: 61px; position: relative; }
.cadastro-suporte .div-pesquisar > div > button { bottom: 0; position: absolute; }
.cadastro-suporte .tab-content.principal        { background-color: #ffffff; height: calc(100vh - 130px); }
.cadastro-suporte .tab-content.principal .tab-pane { height: calc(100vh - 145px); }
.cadastro-suporte .tab-content.principal .tab-pane > form { height: calc(100vh - 150px); }


.cadastro-suporte .tab-content.principal .tab-pane.empresa { height: calc(100vh - 220px); }
.cadastro-suporte .tab-content.principal .tab-pane.empresa > form { height: calc(100vh - 220px); }


.cadastro-suporte .tab-content.principal .tab-pane.usuario { height: calc(100vh - 220px); }
.cadastro-suporte .tab-content.principal .tab-pane.usuario > form { height: calc(100vh - 220px); }


.cadastro-suporte .tab-content.new .tab-pane { height: calc(100vh - 280px); }
.cadastro-suporte .tab-content.new .tab-pane > form { height: calc(100vh - 250px); }
.cadastro-suporte .nav-tabs.nav-justified > .active > a { border-bottom: 1px solid #fff !important; }
.cadastro-suporte .ativo                        { box-shadow: 0 -4px 0 #117391 inset; color: #117391!important; }
.cadastro-suporte .dadosholding                 { margin-bottom: 8px; margin-top: 8px; }
.cadastro-suporte .lista-empresa                { margin-bottom: 0; padding-top: 6px; }
.cadastro-suporte .modal-header .close          { font-size: 28px; margin-top: -1px; }
.cadastro-suporte .switch-empresa               { margin-bottom: 0; padding-top: 5px; }
.cadastro-suporte .btn-label > .icon-wrench     { color: #1aacda; margin-right: 10px; }
.cadastro-suporte .btn-warning.alone            { transform: translateX(-52%); }
.cadastro-suporte .btn-info.alone               { transform: translateX(-60%); }

.cadastro-suporte .btn-labeled                  { margin-right: 10px; }

select[name="familias"].hd + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
select[name="familias"].hd + .chosen-container.chosen-with-drop .chosen-drop                                { display: none !important; }
select[name="part_type"].hd + .chosen-container-multi .chosen-choices > li.search-choice:first-child .search-choice-close { display: none !important; }

.cadastro-suporte h3.vazio                      { border: solid 1px #ccc; border-radius: 4px; padding: 10px; text-align: center; }
.cadastro-suporte .scroller                     { height: calc(100vh - 230px); }

.cadastro-suporte .icon-plus                    { display: none; }
.cadastro-suporte .active > .icon-plus          { cursor: pointer; display: block; font-size: 18px; left: 30px; position: absolute; top: 15px; z-index: 10; }

.cadastro-suporte .wizard-container                                             { min-height: calc(100vh - 200px); }
.cadastro-suporte .wizard-container > .wizard-card                              { max-height: calc(100vh - 210px); min-height: initial; }
.cadastro-suporte .wizard-container .tab-content.panel-cotexo                   { height: calc(100vh - 260px); min-height: initial !important; }
.cadastro-suporte .wizard-container .tab-content.panel-cotexo .tab-pane         { display: none; height: calc(100vh - 280px) !important; }
.cadastro-suporte .wizard-container .tab-content.panel-cotexo .tab-pane.active  { display: block; }

.cadastro-suporte .wizard-container .tab-content.panel-cotexo #empresax.tab-pane.active .chosen-drop     { height: 150px; }
.cadastro-suporte .wizard-container .tab-content.panel-cotexo #empresax.tab-pane.active .chosen-results  { height: 110px; }

.cadastro-suporte .wizard-card .nav-pills > li a                                { height: 38px; }

.cadastro-suporte .panel-footer                                                 { margin-left: -20px; margin-right: -20px; margin-top: 35px; text-align: right; }
.cadastro-suporte .panel-footer > button                                        { width: 120px; }
.cadastro-suporte .panel-footer > button:first-child                            { margin-right: 10px; }

.cadastro-suporte .input-group-btn.lock                                         { background-color: #ccc; border: solid 1px rgb(221, 230, 233); border-left: 0; border-top-right-radius: 4px; font-size: 15px; padding: 5px; padding-left: 10px; padding-right: 10px; }

.cadastro-suporte .cadastro-ferias .scroller > div > div                        { border: solid 1px #ccc; border-radius: 4px; height: calc(100vh - 250px); margin-top: 20px; }
.cadastro-suporte .cadastro-is-billable .panel-body                             { height: calc(100vh - 292px); margin-top: 20px; }
.cadastro-suporte .cadastro-is-billable .panel-footer                           { margin-left: -35px !important; margin-right: -35px !important; }
.cadastro-suporte .cadastro-is-billable .h-warning                              { color: red; white-space: nowrap; }
.cadastro-suporte .cadastro-is-billable .table                                  { left: 50%; position: relative; transform: translateX(-50%); max-width: 800px; }
.cadastro-suporte .cadastro-is-billable .table td:last-child                    { width: 80px; }
.cadastro-suporte .cadastro-is-billable .table td:last-child > a > em           { margin-right: 5px; }
.cadastro-suporte .cadastro-is-billable .input-group-btn.calendar               { border: solid 1px rgb(221, 230, 233); border-left: 0; border-top-right-radius: 4px; font-size: 15px; padding: 5px; padding-left: 10px; padding-right: 10px; }
.cadastro-suporte .cadastro-is-billable .vazio                                  { border: solid 1px #CCC; border-radius: 4px; font-size: 20px; padding: 10px; text-align: center; }

.cadastro-suporte select[name="cidade"] + .chosen-container.whirl:after         { height: 20px; width: 20px; top: 25px; }

/* ========================================================================
   Component: SUPORTE - convites
 ========================================================================== */
.inviteList .vazio                              { margin-bottom: 40px;  margin-top: 20px; text-align: center; }
.inviteList .table tbody > tr                   { font-size: 12px; }
.inviteList .bootstrap-filestyle.input-group    { z-index: 0; }
.inviteList .ellipsis2                          { width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* ========================================================================
   Component: SUPORTE - relatório diario
 ========================================================================== */
.diario tbody                                   { font-size: 13px; }
.diario .table                                  { border: 0; }


/* ========================================================================
   Component: SUPORTE - cashback
 ========================================================================== */
.cashback-suporte .panel-body > div                             { height: calc(100vh - 160px); }
.cashback-suporte .panel-body > div tr.pago td:not(:last-child) { font-style: italic; text-decoration: line-through; }
.cashback-suporte .panel-body > div tr td.whirl::after          { height: 20px; left: 60%; top: 70%; width: 20px; }
.cashback-suporte .panel-body > div tr .fa-check                { display:none; margin-left: 5px; }


/* ========================================================================
   Component: SUPORTE - configurações
 ========================================================================== */
.configuracao-suporte .tab-content.principal        { background-color: #ffffff; height: calc(100vh - 130px); }


/* ========================================================================
   Component: SUPORTE - checar relação vendedor-comprador
 ========================================================================== */
.checar-relacao-suporte .panel.panel-body           { height: calc(100vh - 190px); }
.checar-relacao-suporte .panel.panel-body.analise   { height: calc(100vh - 140px); width: 74%; }
.checar-relacao-suporte .panel-footer               { margin-top: -3px; }
.checar-relacao-suporte span.pagante,
.checar-relacao-suporte span.rede-aberta            { color: red; }

.checar-relacao-suporte .panel-heading > span       { border-bottom: solid 1px #ccc; padding-bottom: 5px; }
.checar-relacao-suporte .analise > .col-md-9 > .row { line-height: 35px; }
.checar-relacao-suporte .analise > .col-md-9 > .row .fa     { transform: scale(1.5); }
.checar-relacao-suporte .analise > div:not(.panel-heading)  { margin-top: 15px; }
.checar-relacao-suporte .analise .vazio             { border: solid 1px #ccc; border-radius: 4px; font-size: 16px; padding: 10px; text-align: center; }

.checar-relacao-suporte .ellipsis,
.checar-relacao-suporte .ellipsis3                  { max-width: 100%; }


/* ========================================================================
   Component: SUPORTE - gerenciar relação vendedores
 ========================================================================== */
.gerenciar-relacao .panel-body  { height: calc(100vh - 140px); }


/* ========================================================================
   Component: SUPORTE - convidar vendedores
 ========================================================================== */
.acompanharVendedor fieldset                    { padding-bottom: 5px; }
.acompanharVendedor fieldset button             { width: 172px; }
.acompanharVendedor fieldset button.btn-default { margin-right: 2px; margin-top: 6px; }


/* ========================================================================
   Component: GESTOR OFICINA - cashback
 ========================================================================== */
section.section-comprador .cashback                     { height: calc(100vh); margin-top: -10px; }
section.section-comprador .cashback .header             { background-color: #fafbfc; border-bottom: 1px solid #cfdbe2; margin: 0px -20px 10px -20px; padding-bottom: 10px; }
section.section-comprador .cashback .header.closed      { max-height: 50px; }

section.section-comprador .cashback .subtitulo.valor-minimo { bottom: 7px; font-size: 12px; padding: 2px; position: absolute; text-align: center; }

section.section-comprador .cashback .header.closed > div.col-md-3:not(:first-child) .widget { max-height: 0px; }
section.section-comprador .cashback .header.closed > div.col-md-3:first-child               { line-height: 40px; }
section.section-comprador .cashback .header.closed > div.col-md-3:first-child h3,
section.section-comprador .cashback .header.closed > div.col-md-3:not(:first-child) .btn    { display: none !important; }

section.section-comprador .cashback .header h3          { display: block !important; font-size: 20px; padding-left: 40px; padding: 14px 20px; }
section.section-comprador .cashback .header .atualizar  { position: absolute; right: 0; top: 5px; }
section.section-comprador .content-wrapper h3 span      { color: #929292; font-weight: normal; line-height: 1.1; }
section.section-comprador .content-wrapper h3 > small   { color: #909fa7; display: block; font-size: 12px; }

section.section-comprador .cashback .widget                                     { margin-bottom: 0px; }
section.section-comprador .cashback .widget.large                               { height: 140px; }
section.section-comprador .cashback .widget .h2 > small                         { margin-right: 5px; }
section.section-comprador .cashback .widget .row-table.resgate                  { border-top: 2px solid; }
section.section-comprador .cashback .widget .row-table.resgate .subtitulo       { line-height: 40px; margin-top: 2px; }
section.section-comprador .cashback .header .btn                                { font-size: 16px; margin-top: 7px; width: 100%; }

section.section-comprador .cashback .historico                                  { max-height: calc(100vh - 130px); }
section.section-comprador .cashback .historico.closed                           { max-height: 0px; }
section.section-comprador .cashback .historico .panel-heading .btn-group > .btn { border-color: #dde6e9; color: gray; width: 170px; }
section.section-comprador .cashback .historico .panel-heading .limpar           { font-size: 12px; height: 33px; }
section.section-comprador .cashback .historico .panel-heading .limpar > a       { bottom: 0; position: absolute; }

section.section-comprador .cashback .historico .panel-body                      { height: calc(100vh - 180px); }
section.section-comprador .cashback .historico .panel-body .tipo                { border-radius: 4px; height: 60px; }
section.section-comprador .cashback .historico .panel-body .valor               { font-size: larger; line-height: 60px; white-space: nowrap; }

section.section-comprador .cashback .historico .panel-body span.text-already-paid:not(.status)  { margin-left: 5px; }
section.section-comprador .cashback .historico .panel-body .status.text-already-paid,
section.section-comprador .cashback .historico .panel-body .valor.text-already-paid             { color: #CCC; text-decoration: line-through; }

section.section-comprador .cashback .header,
section.section-comprador .cashback .historico                                  { overflow-y: hidden; transition: all 1s cubic-bezier(0, 1, 0.5, 1); -o-transition: all 1s cubic-bezier(0, 1, 0.5, 1); -webkit-transition: all 1s cubic-bezier(0, 1, 0.5, 1); }

.ngdialog-message .panel.panel-default.cashback                     { margin-top: 15px; padding: 10px; }
.ngdialog-message .panel.panel-default.cashback > li                { line-height: 30px; }
.ngdialog-message .panel.panel-default.cashback > li:nth-child(3)   { border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin-top: 10px; }
.ngdialog-message .panel.panel-default.cashback > li:nth-child(4)   { font-size: 13px; margin-top: 10px; }
.ngdialog-message .panel.panel-default.cashback > li > span         { float: right; }

@media (max-width: 1024px)
{
    section.section-comprador .cashback .widget h2                          { font-size: 24px; }
    section.section-comprador .cashback .widget .subtitulo                  { font-size: 12px; }

    section.section-comprador .cashback .widget .fa.fa-thumbs-up            { margin-left: -5px; }

    section.section-comprador .cashback .historico .panel-heading .limpar   { margin-top: 15px; }
}




/* ========================================================================
   Component: COMPRADOR - cotações
 ========================================================================== */
tipo-alerta-cotacao .alert                      { margin-bottom:8px; }
tipo-alerta-cotacao .alert strong               { margin-left: 5px; margin-right: 5px; }

.layout-h .wrapper > section.section-comprador  { margin-bottom: 0px!important; max-width: 100%; }

section.section-comprador > .content-wrapper    { padding-bottom: 0px !important; }
section.section-comprador .final-pagina         { height: calc(100vh - 300px); }
section.section-comprador .icone-plus           { position: relative; top: 1px; }

.listacotacoes,
.listacotacoes:hover,
.listacotacoes:active,
.listacotacoes:focus                    { color: #656565; text-decoration: none; }

.itemlistcot                            { font-weight: bold; padding: 6px 10px; }
.itemlistcot:hover                      { background-color: whitesmoke; }
.itemlistcot > fa-car                   { margin-right: 4px; }
.itemativo                              { background-color: #eee; }
.painelcomprador                        { margin-bottom: 0; }

.tabela-novacot > tbody > tr > td       { padding-bottom: 4px; padding-top: 4px; }
section.section-comprador .tabela-statuscot                         { border: 0; margin-bottom: 0; }
section.section-comprador .tabela-statuscot > tbody > tr > td       { padding-bottom: 4px; padding-left: 3px; padding-right: 3px; padding-top: 4px; }
section.section-comprador .tabela-statuscot2 > tbody > tr > td      { padding-bottom: 4px; padding-top: 4px; }
section.section-comprador .tabela-statuscot2 thead tr th            { padding-bottom: 4px; padding-top: 4px; }
section.section-comprador .tabela-statuscot thead tr th             { padding-bottom: 4px; padding-left: 3px; padding-right: 3px; padding-top: 4px; }
section.section-comprador .area-respostas .tabela-statuscot tr th:nth-child(1)      { width: 2%; }
section.section-comprador .area-respostas .tabela-statuscot tr th:nth-child(2)      { width: 15%; }
section.section-comprador .area-respostas .tabela-statuscot tr th:nth-child(3)      { width: 30%; }
section.section-comprador .area-respostas .tabela-statuscot tr th:nth-child(4)      { width: 15%; }
section.section-comprador .area-respostas .tabela-statuscot tr th:nth-child(5)      { width: 10%; }
section.section-comprador .area-respostas .tabela-statuscot tr th:nth-child(6)      { width: 5%; }
section.section-comprador .area-respostas .tabela-statuscot tr th:nth-child(7)      { width: 13%; }
section.section-comprador .area-respostas .tabela-statuscot tr th:nth-child(8)      { width: 7%; }
section.section-comprador .area-respostas .tabela-statuscot tr th:nth-child(9)      { width: 3%; }
section.section-comprador .tabela-statuscot ul.maisdados li span    { margin-right: 10px; }
section.section-comprador .tabela-statuscot ul.maisdados li  span:nth-child(4)  { display: none; }
section.section-comprador .tabela-statuscot .fa-exclamation-circle  { position: absolute; right: 2px; top: 2px; }

section.section-comprador .alert-success                            { background-color: #ffffff; border-color: rgb(34, 171, 67); box-shadow: 0px 0px 10px 0px rgba(0,255,61,0.3); color: #27c24c; font-size: 14px; }
section.section-comprador .alert-warning                            { background-color: #ffffff; border-color: rgb(206, 118, 38); box-shadow: 0px 0px 10px rgba(255,121,0,0.4); color: #ff902b; font-size: 14px; }
section.section-comprador .alert-danger                             { background-color: #ffffff; border-color: rgb(199, 68, 68); box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.2); color: #f05050; font-size: 14px; }
section.section-comprador .alert-danger h6                          { font-size: 14px; }

.modalContainer .mais-detalhes .lista-pecas                         { padding-top: 7px; }
.modalContainer .mais-detalhes .lista-pecas div.row div             { padding-left: 0px; }

.modalContainer ui-tooltip.tooltip-farther .tooltip.top             { top: -50px !important; }
.modalContainer ui-tooltip.tooltip-closer .tooltip.top              { top: -10px !important; }
.modalContainer ui-tooltip.tooltip-closer-max .tooltip.top          { top: 0px !important; }

.modalContainer .nova-cotacao .pecas-header.vertical-align .form-group  { width: 100%; }
.modalContainer .nova-cotacao .box-observacoes                          { margin-bottom: 16px; max-height: 0px; overflow-y: hidden; transition-duration: 1s; transition-property: all; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
.modalContainer .nova-cotacao .box-observacoes.opened                   { max-height: 100px; }
.modalContainer .nova-cotacao .box-links                                { clear: both; }
.modalContainer .nova-cotacao .box-links a:first-child                  { margin-right: 16px; }
.modalContainer .nova-cotacao .box-links a > i                          { margin-right: 4px; }
.modalContainer .nova-cotacao .nenhuma-peca-adicionada                  { border: solid 1px lightgray; border-radius: 4px; color: lightgray; font-size: 18px; padding: 10px; text-align: center; }

.modalContainer .nova-cotacao div.bootstrap-filestyle                            { float: left }
.modalContainer .nova-cotacao div.bootstrap-filestyle input[type="text"]         { display: none; }
.modalContainer .nova-cotacao span.group-span-filestyle                          { width: 160px; }
.modalContainer .nova-cotacao span.group-span-filestyle label                    { border-radius: 4px; }
.modalContainer .nova-cotacao span.group-span-filestyle label:not(.btn-default)  { border: none; }

.modalContainer .nova-cotacao a.linkopcoes                              { line-height: 33px;  }
.modalContainer .nova-cotacao .linkopcoes                               { color: #5d9cec; float: left; text-decoration: none; }
.modalContainer .nova-cotacao .linkopcoes:hover,
.modalContainer .nova-cotacao .linkopcoes:focus                         { color: #1b72e2; }

.modalContainer .nova-cotacao .excluirfoto                              { background-color: transparent; border: none; cursor: pointer; }
.modalContainer .nova-cotacao .excluirfoto i                            { font-size: 16px; text-align: center; transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; }
.modalContainer .nova-cotacao .excluirfoto:hover i                      { color: red; }

.modalContainer .cnpj_more_than_one                                     { padding-bottom: 40px; }

#novaCotacao .modal-body > .slimScrollDiv > scrollable                  { padding: 10px; }

section.section-comprador .tabela-statuscot td                          { position: relative; }
section.section-comprador .tabela-statuscot .icon-like,
section.section-comprador .tabela-statuscot .fa-truck                   { color: inherit; font-size: 10px; position: absolute; right: 2px; top: 1px; }

section.section-comprador .tabela-statuscot tr.selected                 { background-color: #FFFF99; }
section.section-comprador .tabela-statuscot tr.other-selected           { background-color: whitesmoke; color: #ccc; font-style: italic; text-decoration: line-through; }

section.section-comprador .tabela-statuscot tr td.text-success,
section.section-comprador .tabela-statuscot tr td div.text-success,
section.section-comprador .tabela-statuscot tr td div.text-success b    { cursor: default; }

section.section-comprador label.ellipsis.linhaoculta                    { font-weight: normal; margin-left: 5px; max-width: 260px; position: absolute; width: 260px; }

section.section-comprador .area-pesquisar       { height: calc(100vh - 272px); }
section.section-comprador .area-respostas       { height: calc(100vh - 80px); padding: 10px; }
section.section-comprador .area-comprar-scroll  { height: calc(100vh - 271px); }

section.section-comprador .area-comprar .panel-heading .ellipsis2       { margin-bottom:0; margin-top:-4px; max-width: 300px; }
section.section-comprador .area-comprar .panel-heading .lupa            { margin-bottom:0; margin-left: 8px; margin-top:-4px; }

section.section-comprador .codigo           { max-width: 72px;  }
section.section-comprador .ellipsisCod      { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 99%; }
section.section-comprador .ellipsisMarca    { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 99%; }
section.section-comprador .ellipsisPeca     { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 99%; max-width: 280px; }
section.section-comprador .colunaPrazo:not(.sem-icon) { margin-right: 5px; }
section.section-comprador .colunaValor      { min-width: 52px; width: 70px; }
section.section-comprador .colunaValor > b  { margin-right: 10px; }
section.section-comprador .colunaDesc       { width: 40px; }
section.section-comprador .colunaPrazo      { width: 40px; }

.buyer-area-respostas .codigo           { max-width: 72px;  }
.buyer-area-respostas .ellipsisCod      { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 99%; }
.buyer-area-respostas .ellipsisMarca    { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 99%; }
.buyer-area-respostas .ellipsisPeca     { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 99%; max-width: 280px; }
.buyer-area-respostas .colunaPrazo:not(.sem-icon) { margin-right: 5px; }
.buyer-area-respostas .colunaValor      { min-width: 52px; width: 70px; }
.buyer-area-respostas .colunaValor > b  { margin-right: 10px; }
.buyer-area-respostas .colunaDesc       { width: 40px; }
.buyer-area-respostas .colunaPrazo      { width: 40px; }





.modalscroll                            { max-height: 460px; overflow: auto; overflow-x: hidden; }
.c-checkbox span                        { height: 19px; width: 19px; }
.checkboxcot                            { margin-top: 6px; top: 2px; width: 15px!important; }
.checkboxcot .fa.fa-check,
.checkboxcot .needsclick                { height: 14px; width: 14px; }
.checkboxcot .fa.fa-check:before        { font-size: 10px; top: -3px; }
.excluirpeca                            { padding-bottom: 2px; padding-left:16px; padding-right:16px; padding-top: 2px; }
fieldset                                { border-bottom: 1px dashed #ccc; margin-bottom:15px }
.margtabela                             { margin-top:-22px; }

.btn-import                             { margin-left:12px; padding-bottom: 1px; padding-top: 1px; width: 210px; }
.icon-import                            { position: relative; top: 2px; }

.listastatus li                         { padding-bottom: 6px; }
.listastatus                            { margin-bottom: 0; }

.painelcabecalho                        { background-color: #f2f3f3!important; border-color: #cfdbe2; color: #656565!important; padding: 10px 15px; }
.painelcabecalho.has-cashback           { background-color: lightgreen !important; }
.tabelaresposta.has-cashback            { background-color: aliceblue; }

.painelcabecalho .fa-file-text-o        { margin-right: 10px; }
.divisor2                               { border-bottom: 1px dashed #ccc!important; margin-bottom: 0px; padding-bottom: 8px; }
.itemfrete                              { margin-right: 10px; }
.novaposicao3-btn                       { left: -20px; }
.imgtitulo                              { margin-right: 6px; position: relative; top: -2px; }
.tempo                                  { font-size:22px; font-weight: bold; margin-left:6px; position:relative; top:2px; }
.btnreabrir                             { padding-left: 13px; padding-right: 13px; position: relative; top: 8px; }
.font1                                  { font-size: 16px; }
.pdetalhes                              { margin-bottom: 0; padding-top:8px; }
.uldetalhes                             { margin-top:8px; }
.totalpanel                             { border-top-width: 1px!important; margin-bottom: 12px; }
.totalpanel .panel-body                 { padding-bottom: 6px; padding-top: 6px; }

.panel-group .panel + .margtop10        { margin-top: 10px; }
.coluna1 .form-group                    { margin-bottom: 8px; }
.contlistaped                           { height: calc(100vh - 285px); position: relative; }
.contentdetalhes                        { height: calc(100vh - 285px); padding-top: 16px; position: relative; }
.contentdetalhes2                       { height: calc(100vh - 97px); padding-top: 16px; position: relative; }
.paddtb0                                { padding-bottom: 0; padding-top: 0; }
.btndettime i                           { padding-left: 8px; padding-right: 8px; top: 2px; }
.cabecalhodet                           { margin-top: 3px; padding-right: 0; }
.relogiodet                             { padding: 2px; }
.btndettime                             { padding: 4px 10px; }
.input-group-btn:first-child > .btndettime  { margin-right: -2px; }
.tempodet                               { font-size: 18px; padding-bottom: 10.5px; padding-top: 10.5px; }
.ellipsis                               { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis2                              { max-width: 216px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis3                              { font-weight: normal; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis4                              { max-width: 158px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis5                              { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis6                              { font-weight: normal; max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-box-heading2                     { margin-bottom: 0; }
.maisdetalhes                           { position: relative; right: 15px; top: 4px; }
.totalfrete                             { border-top: 1px solid #bbb; }
.totalfrete .panel-default              { border-color: #fafafa; }
.btn.btn-default                        { border-color: #cdcdcd; }
.form-inline .checkestil input[type="checkbox"] { position: absolute; }
.form-inline .checkestil label          { padding-left: 1px; padding-top: 1px; }
.tabelaresposta                         { font-size: 13px }
#cotable_wrapper > div:nth-child(1),
#cotable_wrapper > div:nth-child(3)     { display: none; }
table.dataTable                         { margin-bottom: 0!important; margin-top: 0!important; }
.tabelaresposta table tbody tr td.textcent  { text-align: center; }
#cotable > thead > tr > th:nth-child(6) { background: none; }
.maisdados                              { margin-bottom: 8px; margin-top: 8px; }
.chaticon                               { bottom: 0px; position: relative; }
.fa-1x                                  { font-size: 20px !important; }
.ajustebtn                              { margin-top:6px; padding-left:22px; padding-right: 20px; }
.ajustebtn span                         { left: -23px; padding: 6px 18px; }
.coluna5                                { padding-top: 17px; }

.img-circle.marca                       { background-color: #FFF; background-image: url('imagens/marcas/default_brand.png'); background-size: 100% 100%; background-repeat: no-repeat; height: 38px; margin-right: 10px; width: 38px; }
.img-circle.marca.Alfa.Romeo            { background-image: url('imagens/marcas/alfa-romeo-40x40.png'); }
.img-circle.marca.Aston.Martin          { background-image: url('imagens/marcas/aston-martin-40x40.png'); }
.img-circle.marca.Audi                  { background-image: url('imagens/marcas/audi-40x40.png'); }
.img-circle.marca.BMW                   { background-image: url('imagens/marcas/bmw-40x40.png'); }
.img-circle.marca.Chery                 { background-image: url('imagens/marcas/chery-40x40.png'); }
.img-circle.marca.Chevrolet             { background-image: url('imagens/marcas/chevrolet-40x40.png'); }
.img-circle.marca.Chrysler              { background-image: url('imagens/marcas/chrysler-40x40.png'); }
.img-circle.marca.Citroen               { background-image: url('imagens/marcas/citroen-40x40.png'); }
.img-circle.marca.Daihatsu              { background-image: url('imagens/marcas/daihatsu-40x40.png'); }
.img-circle.marca.Dodge                 { background-image: url('imagens/marcas/dodge-40x40.png'); }
.img-circle.marca.Effa                  { background-image: url('imagens/marcas/effa-40x40.png'); }
.img-circle.marca.Ferrari               { background-image: url('imagens/marcas/ferrari-40x40.png'); }
.img-circle.marca.Fiat                  { background-image: url('imagens/marcas/fiat-40x40.png'); }
.img-circle.marca.Ford                  { background-image: url('imagens/marcas/ford-40x40.png'); }
.img-circle.marca.Hyundai               { background-image: url('imagens/marcas/hyundai-40x40.png'); }
.img-circle.marca.Honda                 { background-image: url('imagens/marcas/honda-40x40.png'); }
.img-circle.marca.Iveco.Daily           { background-image: url('imagens/marcas/iveco-daily-40x40.png'); }
.img-circle.marca.JAC.Motors            { background-image: url('imagens/marcas/jac-motors-40x40.png'); }
.img-circle.marca.Jaguar                { background-image: url('imagens/marcas/jaguar-40x40.png'); }
.img-circle.marca.Jeep                  { background-image: url('imagens/marcas/jeep-40x40.png'); }
.img-circle.marca.Kia                   { background-image: url('imagens/marcas/kia-40x40.png'); }
.img-circle.marca.Lamborghini           { background-image: url('imagens/marcas/lamborghini-40x40.png'); }
.img-circle.marca.Land.Rover            { background-image: url('imagens/marcas/land-rover-40x40.png'); }
.img-circle.marca.Lifan                 { background-image: url('imagens/marcas/lifan-40x40.png'); }
.img-circle.marca.Mercedes.Benz,
.img-circle.marca.Mercedes-Benz         { background-image: url('imagens/marcas/mercedes-40x40.png'); }
.img-circle.marca.Mini.Cooper           { background-image: url('imagens/marcas/mini-cooper-40x40.png'); }
.img-circle.marca.Mitsubishi            { background-image: url('imagens/marcas/mitsubishi-40x40.png'); }
.img-circle.marca.Nissan                { background-image: url('imagens/marcas/nissan-40x40.png'); }
.img-circle.marca.Peugeot               { background-image: url('imagens/marcas/peugeot-40x40.png'); }
.img-circle.marca.Porsche               { background-image: url('imagens/marcas/porsche-40x40.png'); }
.img-circle.marca.Ram                   { background-image: url('imagens/marcas/ram-40x40.png'); }
.img-circle.marca.Renault               { background-image: url('imagens/marcas/renault-40x40.png'); }
.img-circle.marca.SsangYong             { background-image: url('imagens/marcas/ssangyong-40x40.png'); }
.img-circle.marca.Subaru                { background-image: url('imagens/marcas/subaru-40x40.png'); }
.img-circle.marca.Suzuki                { background-image: url('imagens/marcas/suzuki-40x40.png'); }
.img-circle.marca.Towner                { background-image: url('imagens/marcas/towner-40x40.png'); }
.img-circle.marca.Troller               { background-image: url('imagens/marcas/troller-40x40.png'); }
.img-circle.marca.Toyota                { background-image: url('imagens/marcas/toyota-40x40.png'); }
.img-circle.marca.Volvo                 { background-image: url('imagens/marcas/volvo-40x40.png'); }
.img-circle.marca.Volkswagen            { background-image: url('imagens/marcas/vw-40x40.png'); }

.section-comprador #divTelaCotacao      { height: calc(100vh - 100px); }

#confirmarCompra .modal-body .valor-total.overline                      { color: #CCC; font-style: italic; font-weight: normal; text-decoration: line-through; }
#confirmarCompra .modal-body .linha-fornecedor.cashback                 { background-color: aliceblue; }
#confirmarCompra .modal-body .linha-fornecedor.cashback em              { margin-left: 5px; }
#confirmarCompra .modal-body .linha-fornecedor > td                     { vertical-align: top; }
#confirmarCompra .modal-body .linha-fornecedor.cashback > td li div.nome-peca.ellipsis      { max-width: 67%; }
#confirmarCompra .modal-body .linha-fornecedor.no-cashback > td li div.nome-peca.ellipsis   { max-width: 500px; width: 500px; }
#confirmarCompra .modal-body .linha-fornecedor > td:nth-child(2)        { max-width: 100px; }
#confirmarCompra .modal-body .linha-fornecedor > td:nth-child(2) span   { font-size: 12px; white-space: nowrap; }
#confirmarCompra .modal-body .linha-fornecedor > td > div               { min-height: 87px; padding: 12px 4px; }

#confirmarCompra .row.comprar.tamanho-total                             { height: calc(100vh - 250px); }
#confirmarCompra .row.comprar.tamanho-cnpj                              { height: calc(100vh - 325px); }


#confirmarCompra input[type=range]                       { background-color: transparent; box-sizing: border-box; border: none; cursor: pointer; font-size: 16px; line-height: 1; height: 20px; width: 80%; -webkit-appearance: none; }
#confirmarCompra input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; }
#confirmarCompra input[type=range]:focus                 { outline: none; }
#confirmarCompra input[type=range]::-ms-track            { background: transparent; border-color: transparent; color: transparent; cursor: pointer; width: 100%; }

#confirmarCompra input[type=range]::-moz-range-thumb     { background-color: #4b91ea; border-radius: 1em; border: 2px solid rgba(255, 255, 255, 0.5); cursor: pointer; height: 16px; margin-top: 6px; width: 16px; }
#confirmarCompra input[type=range]::-ms-thumb            { background-color: #4b91ea; border-radius: 1em; border: 2px solid rgba(255, 255, 255, 0.5); cursor: pointer; height: 16px; margin-top: 6px; width: 16px; }
#confirmarCompra input[type=range]::-webkit-slider-thumb { background-color: #4b91ea; border-radius: 1em; border: 2px solid rgba(255, 255, 255, 0.5); cursor: pointer; height: 16px; margin-top: 6px; width: 16px; -webkit-appearance: none; }

#confirmarCompra input[type=range]:hover::-moz-range-thumb       { border-color: rgba(255, 255, 255, 0.7); }
#confirmarCompra input[type=range]:hover::-ms-thumb              { border-color: rgba(255, 255, 255, 0.7); }
#confirmarCompra input[type=range]:hover::-webkit-slider-thumb   { border-color: rgba(255, 255, 255, 0.7); }

#confirmarCompra input[type=range]:active::-moz-range-thumb      { border-color: #ffffff; }
#confirmarCompra input[type=range]:active::-ms-thumb             { border-color: #ffffff; }
#confirmarCompra input[type=range]:active::-webkit-slider-thumb  { border-color: #ffffff; }

#confirmarCompra input[type=range]::-moz-range-track                 { background-color: transparent; border-bottom: 2px solid #ccc; cursor: pointer; height: 1em; width: 100%; }
#confirmarCompra input[type=range]::-webkit-slider-runnable-track    { background-color: transparent; border-bottom: 2px solid #ccc; cursor: pointer; height: 1em; width: 100%; }
#confirmarCompra input[type=range]::-ms-track                        { background: transparent; border-color: transparent; color: transparent; }


@media (max-width: 1024px)
{
    section.section-comprador .ellipsis             { width: auto!important; max-width: 150px; }
    section.section-comprador .ellipsisPeca         { max-width: 130px!important; }

    .buyer-area-respostas .ellipsis                 { width: auto!important; max-width: 150px; }
    .buyer-area-respostas .ellipsisPeca             { max-width: 130px!important; }
}

@media (max-width: 1280px)
{
    section.section-comprador .ellipsisPeca     { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 99%; max-width: 200px; }
    .buyer-area-respostas .ellipsisPeca         { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 99%; max-width: 200px; }
}

@media (min-width: 1281px)
{
    .ellipsis                           { max-width: 270px; }
}

@media (max-width: 1200px)
{
    section.section-comprador .coluna1              { padding-left: 0; }
    section.section-comprador .btn .btn-label       { display: none; }
    section.section-comprador .coluna2              { padding-left: 6px; }
    section.section-comprador .coluna3              { padding-left: 6px; padding-right: 0px; }
    section.section-comprador .paddpainel           { padding: 15px 8px; }
    section.section-comprador .colunatipo           { display: none; }
    section.section-comprador .ellipsis             { width: 160px }
    section.section-comprador .ellipsis4            { max-width: 158px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    section.section-comprador .ellipsis5            { max-width: 85px; }
    section.section-comprador .scrollbox3           { padding-right: 12px!important; }
    section.section-comprador .tbody1024            { font-size: 11px; }
    section.section-comprador .linhatempo .col-md-8 { padding-right: 0; }
    section.section-comprador .linhatempo .col-md-8 .marca  { display: none; }
    section.section-comprador .linhatempo .col-md-4 { margin-left: -6px; padding-left: 0; }
    section.section-comprador .imgmarca             { display: none; }
    section.section-comprador .dados                { padding-left: 0!important; }

    section.section-comprador .contlistaped         { height: calc(100vh - 300px); min-height: 356px; }
    section.section-comprador .contentdetalhes      { height: calc(100vh - 298px); min-height: 356px; overflow: auto; padding-top: 16px; }
    section.section-comprador .contentdetalhes2     { height: calc(100vh - 105px); min-height: 544px; overflow: auto; padding-top: 16px; }

    section.section-comprador .checkboxcot > label > span               { height: 15px; top: 3px; width: 15px; }
    section.section-comprador .tabela-statuscot                         { font-size: 12px; }
    section.section-comprador .colunaValor > b                          { margin-right: 0px; }
    section.section-comprador .tabela-statuscot tr th:nth-child(3)      { width: 30%; }
    section.section-comprador .ellipsisPeca                             { max-width: 140px; }
    .buyer-area-respostas .ellipsisPeca                                 { max-width: 140px; }
    section.section-comprador .tabela-statuscot ul.maisdados li:first-child span:nth-child(3)   { display: none; }
    section.section-comprador .tabela-statuscot ul.maisdados li:first-child span:nth-child(4)   { display: inline; }

    section.section-comprador .tabela-statuscot .icon-like              { display: none; }

    section.section-comprador .faturamento-liberado                     { display: none; }

    section.section-comprador .area-comprar .panel-heading .ellipsis2   { max-width: 200px; }
    section.section-comprador .area-comprar .panel-heading .lupa        { margin-left: 0px; }

    section.section-comprador .resposta > div                           { padding: 7px; }
}

@media (min-width: 1201px)
{
    section.section-comprador .linha1024            { display: none; }
}



/* ========================================================================
   Component: COMPRADOR - pedidos
 ========================================================================== */
.pedidos .painelcomprador           { height: calc(100vh - 90px); }
.pedidos .area-filtros              { margin-top: 10px; }
.pedidos .area-pedido > .panel-body { height: calc(100vh - 100px); }
.pedidos .area-pesquisar-pedidos    { height: calc(100vh - 275px); margin-top: 5px; }
.pedidos .area-pesquisar-pedidos .vazio { border: solid 1px #ccc; border-radius: 4px; font-weight: 500; margin-top: 10px; padding: 10px; text-align: center; }

.pedidos .panel-default                   { border-top-width: 1px; }
.pedidos .panel-title > div               { cursor: pointer; }
.pedidos .panel-title > div > div         { height: 30px; line-height: 30px; }
.pedidos .panel-title > div > div:first-child > span  { font-weight: bold; }
.pedidos .panel-title > div > div > i     { line-height: 20px; margin-right:10px; }
.pedidos .panel-title > div > div > i.fa  { position: relative; top: 5px; }
.pedidos .panel-title > div > div > i.marca{ height: 24px; position: relative; top: 3px; width: 24px; }
.pedidos .panel-title > div .list-inline  { font-size: 13px; position: relative; top: 3px; }

.pedidos .cabecalho                         { font-size: 13px; }

.pedidos .list-inline li,
.pedidos .list-inline > div               { /*margin-right:12px;*/ }

.pedidos .tabela-pedidos thead th:nth-child(1)                    { width: 10px; }
.pedidos .tabela-pedidos thead th:nth-child(2)                    { width: 25%; }
.pedidos .tabela-pedidos thead th:nth-child(2).poucas-colunas     { width: 80%; }
.pedidos .tabela-pedidos thead th:nth-child(3)                    { width: 15%; }

.pedidos .tabela-pedidos tbody td:nth-child(1)                    { text-align: center; }
.pedidos .tabela-pedidos tbody td:nth-child(n+6)                  { text-align: right; }

.pedidos .tabela-pedidos thead tr th,
.pedidos .tabela-pedidos tbody tr td                              { padding-bottom: 4px; padding-top: 4px; }

.pedidos .painelcabecalho                                         { min-height: 40px; }

.pedidos .lista-cotacoes                                          { height: calc(100vh - 248px); min-height: 356px; overflow: auto; padding-top: 16px; }

.pedidos .hr-text                                                 { border: 0; color: black; height: 1.5em; line-height: 1em; margin-top: -10px; opacity: .5; outline: 0; position: relative; text-align: center; }
.pedidos .hr-text:before                                          { background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent)); background: linear-gradient(to right, transparent, #818078, transparent); content: ''; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; }
.pedidos .hr-text:after                                           { background-color: #fcfcfa; color: black; color: #818078; content: attr(data-content); display: inline-block; line-height: 1.5em; padding: 0 .5em; position: relative; }
.pedidos .tbodyhp tr.rejeitado                                    { background-color: antiquewhite; }

@media (max-width: 1200px)
{
    .pedidos .tabela-pedidos { font-size: 12px; }
}

/* ========================================================================
   Component: COMPRADOR - histórico pedidos
 ========================================================================== */
.historico-pedidos .panel-default                   { border-top-width: 1px; }
.historico-pedidos .panel-title > div               { cursor: pointer; }
.historico-pedidos .panel-title > div > div         { height: 30px; line-height: 30px; }
.historico-pedidos .panel-title > div > div:first-child > span  { font-weight: bold; }
.historico-pedidos .panel-title > div > div > i     { line-height: 20px; margin-right:10px; }
.historico-pedidos .panel-title > div > div > i.fa  { position: relative; top: 5px; }
.historico-pedidos .panel-title > div > div > i.marca{ height: 24px; position: relative; top: 3px; width: 24px; }
.historico-pedidos .panel-title > div .list-inline  { font-size: 13px; position: relative; top: 3px; }

.historico-pedidos .list-inline li,
.historico-pedidos .list-inline > div               { margin-right:12px; }

.historico-pedidos .tabela-pedidos thead th:nth-child(1)                    { width: 10px; }
.historico-pedidos .tabela-pedidos thead th:nth-child(2)                    { width: 25%; }
.historico-pedidos .tabela-pedidos thead th:nth-child(2).poucas-colunas     { width: 80%; }
.historico-pedidos .tabela-pedidos thead th:nth-child(3)                    { width: 15%; }

.historico-pedidos .tabela-pedidos tbody td:nth-child(1)                    { text-align: center; }
.historico-pedidos .tabela-pedidos tbody td:nth-child(n+6)                  { text-align: right; }

.historico-pedidos .tabela-pedidos thead tr th,
.historico-pedidos .tabela-pedidos tbody tr td                              { padding-bottom: 4px; padding-top: 4px; }

.historico-pedidos .painelcabecalho                                         { min-height: 40px; }

.historico-pedidos .lista-cotacoes                                          { height: calc(100vh - 248px); min-height: 356px; overflow: auto; padding-top: 16px; }

.historico-pedidos .hr-text                                                 { border: 0; color: black; height: 1.5em; line-height: 1em; margin-top: -10px; opacity: .5; outline: 0; position: relative; text-align: center; }
.historico-pedidos .hr-text:before                                          { background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent)); background: linear-gradient(to right, transparent, #818078, transparent); content: ''; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; }
.historico-pedidos .hr-text:after                                           { background-color: #fcfcfa; color: black; color: #818078; content: attr(data-content); display: inline-block; line-height: 1.5em; padding: 0 .5em; position: relative; }

.historico-pedidos .tbodyhp                                                 { font-size: 12px; }
.historico-pedidos .tbodyhp tr.rejeitado                                    { background-color: antiquewhite; }

@media (max-width: 1200px)
{
    .historico-pedidos .tabela-pedidos { font-size: 12px; }
}

.section-comprador .c-checkbox.needsclick.checkboxcot .fa.fa-check                  { margin-left: 2px; }

/* ========================================================================
   Component: COMPRADOR - visão geral
 ========================================================================== */
.mainView.section-comprador.white-label                             { margin-top: 0px !important; }
.section-comprador .content-wrapper.visaoGeral                      { padding-top: 0px; }

.section-comprador .visao-geral                                     { padding: 5px; }
.section-comprador .visao-geral .img-circle.marca                   { height: 22px; width: 22px; }
.section-comprador .visao-geral .paddlab                            { font-weight: normal; letter-spacing: 1px; padding: 3px 10px; padding-right: 8px; }
.section-comprador .visao-geral .relcard .cartao.panel-primary      { position: relative; }
.section-comprador .visao-geral .relcard .cartao.panel.selecionado  { background-color: #FFFF99; }
.section-comprador .visao-geral .vgbtn-nc                           { font-size: 15px; letter-spacing: 1px; margin-bottom: 5px; }

.section-comprador .visao-geral .tbodyhp                            { font-size: 12px; }
.section-comprador .visao-geral .cabecalho .row .col-md-12          { padding-bottom: 10px; padding-left: 30px; padding-top: 10px; }
.section-comprador .visao-geral .cabecalho .btn-primary             { font-size: 12px; padding: 0px 10px; }
.section-comprador .visao-geral .cabecalho h5                       { margin-bottom: 4px; margin-top: 0; }
.section-comprador .visao-geral .cabecalho .col-md-12               { background-color: #f7f7f7; /* box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.2);*/ }
.section-comprador .visao-geral .linhavg                            { border: 1px solid #e8e8e8; border-bottom: none; box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.2); /*margin-left: 15px; margin-right: 15px;*/ margin-top: 0px; }

.section-comprador .visao-geral .seglinha                           /*{ margin-left: 15px; margin-right: 15px; }*/
.section-comprador .visao-geral .seglinha .col-md-4                 { padding-top: 20px; }
.section-comprador .visao-geral .seglinha > .col-md-4:first-child   { border-left: 1px solid #e8e8e8; }
.section-comprador .visao-geral .seglinha > .col-md-4               { border-right: 1px solid #e8e8e8; height: calc(100vh - 180px); }
.section-comprador .visao-geral .seglinha .col-md-4                       { padding-right: 0px; padding-top: 20px; }
.section-comprador .visao-geral .seglinha > .col-md-4                     { border-right: 1px solid #e8e8e8; height: calc(100vh - 120px); padding: 10px; }
.section-comprador .visao-geral .seglinha > .col-md-4 .conteudo.relcard   { padding: 5px; }
.section-comprador .visao-geral .seglinha .panel-body               { padding: 10px; }
.section-comprador .visao-geral .seglinha .panel-footer             { padding: 8px 10px; }
.section-comprador .visao-geral .seglinha .panel                    { margin-bottom: 15px; margin-top: 10px; }
.section-comprador .visao-geral .conteudo .panel .panel-body img    { bottom: 2px; margin-right: 6px; position: relative; }
.section-comprador .visao-geral .conteudo .panel .panel-body p      { margin-bottom: 0; }
.section-comprador .visao-geral .conteudo .panel .progress          { margin-bottom: 0; margin-left: 5px; margin-top: 3px; }
.section-comprador .visao-geral .conteudo .panel .circle-success,
.section-comprador .visao-geral .conteudo .panel .circle-danger,
.section-comprador .visao-geral .conteudo .panel .circle-warning,
.section-comprador .visao-geral .conteudo .panel .circle-yellow     { margin-left: 1px; margin-right: 3px; }
.section-comprador .visao-geral .content-vg                         { padding: 0 15px; }
.section-comprador .visao-geral .btn-vgcomprar                      { padding-left: 10px; padding-right: 10px; }
.section-comprador .visao-geral .btn-recebido:active                { box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.3); }
.section-comprador .visao-geral .pipe-phase-arrow                   { background: transparent url('imagens/seta.png') no-repeat center right; background-size: 355px; display: inline-block; height: 60px; position: absolute; right: -26px; top: 0px; z-index: 105; width: 35px; }
.section-comprador .content-wrapper .excluir-cotacao                { font-size: 1.25em; margin-left: 0px; margin-right: 6px; position: relative; top: 2px; }
.section-comprador .content-wrapper .comprar-cotacao                { margin-top: -2px; }

.section-comprador .visao-geral .linhavg .btn7dias.white-label      { display: none; }

.section-comprador .visao-geral .thumb22                            { height: 22px!important; width: 22px!important; }
.section-comprador .visao-geral .thumb26                            { height: 26px!important; width: 26px!important; }

.section-comprador .visao-geral .contentvgae                        { height: calc(100vh - 200px); padding-top: 7px; }
.section-comprador .visao-geral .contentvgac,
.section-comprador .visao-geral .contentvgac2,
.section-comprador .visao-geral .contentvgac3                       { height: calc(100vh - 200px); }
.section-comprador .visao-geral .contentvgac_cotacao                { height: calc(100vh - 245px); }

.section-comprador .visao-geral .contentvgac.white-label,
.section-comprador .visao-geral .contentvgac2.white-label,
.section-comprador .visao-geral .contentvgac3.white-label           { height: calc(100vh - 200px); }
.section-comprador .visao-geral .contentvgac_cotacao.white-label    { height: calc(100vh - 245px); }

.section-comprador .visao-geral .statuscard                         { position: absolute; right: -5px; top: -10px; }
.section-comprador .visao-geral .statuscard2                        { position: absolute; right: 32px; top: -10px; }
.section-comprador .visao-geral .imgcardvg                          { bottom: 2px; margin-right: 4px; position: relative; }
.section-comprador .visao-geral .peqsol                             { bottom: 4px; position: relative; }
.section-comprador .visao-geral .listadadosped li i                 { margin-right: 3px; }
.section-comprador .visao-geral .listadadosped                      { margin-bottom: 0; }
.section-comprador .visao-geral .listadadosped li                   { font-weight: bold; letter-spacing: 1px; }
.section-comprador .visao-geral .painelmdet                         { margin-bottom: 8px; }
.section-comprador .visao-geral .painelmdet2                        { margin-bottom: 8px; }
.section-comprador .visao-geral .cabecalho .btn7dias                { bottom: 10px; padding: 0px 8px; position: relative; }
.section-comprador .visao-geral .xcancel                            { margin-left: 6px; padding: 3px 7px; position: relative; top: 3px; }
.section-comprador .visao-geral .panel.panel-default                { border-top-width: 1px; }
.section-comprador .visao-geral .iconesoma                          { margin-right: 10px; position: relative; top: 2px; }
.section-comprador .visao-geral .dadoshp                            { margin-left: 3px; position: relative; top: 1px; }
.section-comprador .visao-geral .panel-group .mb8px                 { margin-bottom: 8px; }
.section-comprador .visao-geral .linhavg1                           { background-color: #fff; padding-bottom: 5px; padding-left: 20px; padding-top: 5   px; }
.section-comprador .visao-geral .mtvg                               { margin-bottom: 2px; }
.section-comprador .visao-geral .cifrao                             { position: relative; top: 24px; }
.section-comprador .visao-geral .coldash1                           { padding-left: 8px; padding-right: 0; }
.section-comprador .visao-geral .bordalinha                         { border-left: 3px solid #5d9cec; }
.section-comprador .visao-geral .bordalinha2                        { border-left: 3px solid #f05050; }
.section-comprador .visao-geral .elem1                              { color: #5d9cec; font-size: 13px; margin-bottom: 0; position: relative; top: 3px; }
.section-comprador .visao-geral .elem11                             { color: #f05050; font-size: 13px; margin-bottom: 0; position: relative; top: 3px; }
.section-comprador .visao-geral .elem2                              { color: #2c3e50; display: block; font-size: 16px; position: relative; }
.section-comprador .visao-geral .elem3                              { color: #2c3e50; display: block; font-size: 12px; position: relative; }
.section-comprador .visao-geral .nav li .pesquisal                  { font-size: 17px; padding-bottom: 4px; padding-top: 7px; position: relative; top: 6px; }
.section-comprador .visao-geral .imgmdetalhes                       { position: relative; top: 4px; }
.section-comprador .visao-geral .mdetcab .col-md-1 .chaticon        { position: relative; right: 10px; top: 9px; }
.section-comprador .visao-geral .switchvg                           { margin-bottom: 2px; margin-top: 2px; }
.section-comprador .visao-geral .scancelar                          { border-color: rgb(199, 68, 68); box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.2); }
.section-comprador .visao-geral .ellipsis5                          { max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section-comprador .visao-geral .topnavbar .navbar-header           { width: 178px; }
.section-comprador .visao-geral .topnavbar .navbar-form.open        { display: inherit; height: 60px; left: 911px; top: 59px; }
.section-comprador .visao-geral .offsidebar-open .offsidebar        { z-index: 1050; }
.section-comprador .visao-geral .topnavbar .navbar-form             { display: none; height: 60px; left: 911px; top: 0; }
.section-comprador .visao-geral .fecharchat                         { left: -32px; position: absolute; top: 6px; }
.section-comprador .visao-geral .fecharchat label                   { background-color: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom-right-radius: 0; border-top-right-radius: 0; color: #999; cursor: pointer; font-size: 13px; padding: 8px 12px; }
.section-comprador .visao-geral a.fecharchat:hover                  { text-decoration: none; }

.section-comprador .visao-geral .contadorReg                        { bottom: 2px; display: table; font-size: 16px; font-weight: bold; margin-top: -6px; position: relative; text-align: right; }
.section-comprador .visao-geral .contadorReg > *                    { display: table-cell; height: 35px; vertical-align: middle; }
.section-comprador .visao-geral .contadorReg .timeTo div            { line-height: 20px; }
.section-comprador .visao-geral .contadorReg .contador              { margin: 0px; font-size: 16px; font-family: Verdana, sans-serif; width: 70px; }
.section-comprador .visao-geral .contadorReg .contador.empty li     { letter-spacing: -2px; }
.section-comprador .visao-geral .timeTo ul li                       { font-size: 16px; }

.section-comprador .visao-geral .pecas-entregues                    { display: block; }
.section-comprador .visao-geral .pecas-entregues-1024               { display: none; }
/*.section-comprador .visao-geral .cartao.panel .col-md-8             { padding-left: 0px; padding-right: 0; width: 75%; }*/
.section-comprador .visao-geral .ellipsis                           { width: 86%; }
.section-comprador .visao-geral .ellipsis2                          { max-width: 90%; width: 97%; }

.section-comprador .visao-geral .fa-usd                             { color: green; }

#divTelaVisaoGeral .tabela-statuscot tr.selected                    { background-color: #FFFF99; }
#divTelaVisaoGeral .tabela-statuscot tr.other-selected              { background-color: whitesmoke; color: #ccc; font-style: italic; text-decoration: line-through; }
.area-comprar-visao-geral-scroll                                    { height: calc(100vh - 315px) }

.painelcomprador.area-respostas .ordenacao                          { margin-top: -3px; }
.painelcomprador.area-respostas .ordenacao select                   { font-size: 12px; padding-left: 5px; width: 110%; }

aside.area-respostas-visao-geral-comprador .nav.nav-tabs            { background-color: #f5f5f5; }

aside.area-respostas-visao-geral-comprador                          { margin-right: 0px; transform: translateX(0%) !important; width: calc(100vw); }
aside.area-respostas-visao-geral-comprador .panel-cotexo            { display: none; }
aside.area-respostas-visao-geral-comprador .buyer-area-respostas,
aside.area-respostas-visao-geral-comprador .buyer-area-comprar      { float: left; height: calc(100vh - 76px); margin-top: -20px; }

aside.area-respostas-visao-geral-comprador .buyer-area-respostas    { height: calc(100vh - 85px); width: calc(100vw - 30%); }
.buyer-area-pedidos .pedidos .area-pedido.painelcomprador           { margin-top: -20px; }
.buyer-area-pedidos .pedidos .area-pedido.painelcomprador > .panel-body { height: calc(100vh - 80px) !important; }
aside.area-respostas-visao-geral-comprador .buyer-area-comprar      { margin-left: -2.2%; max-width: 570px; width: calc(100vw - 68%); }

aside.area-respostas-visao-geral-comprador .buyer-area-respostas .part-code-area                        { position: relative; }
aside.area-respostas-visao-geral-comprador .buyer-area-respostas .part-code-area .fa-exclamation-circle { position: absolute; right: -6px; top: -7px; }

aside.area-respostas-visao-geral-comprador .buyer-area-respostas .tabela-statuscot td                   { position: relative; }
aside.area-respostas-visao-geral-comprador .buyer-area-respostas .tabela-statuscot .icon-like,
aside.area-respostas-visao-geral-comprador .buyer-area-respostas .tabela-statuscot .fa-truck            { color: inherit; font-size: 10px; position: absolute; right: 2px; top: 1px; }

aside.area-respostas-visao-geral-comprador .buyer-area-respostas .painelcomprador                       { padding: 10px; }
aside.area-respostas-visao-geral-comprador .buyer-area-respostas .painelcomprador #divTelaVisaoGeral > .row:first-child { margin-left: 0px!important; margin-right: 0px!important; }
aside.area-respostas-visao-geral-comprador .buyer-area-respostas .painelcomprador #divTelaVisaoGeral > .row:last-child  { margin-left: -15px!important; margin-right: -15px!important; }

.answersBar aside.closed                                            { width: 0% !important; }
body > div.wrapper.ng-scope > div.answersBar.ng-scope > aside > nav > div > ul > div > div > div.buyer-area-comprar > div { width: 65%; }

.closeButton    { height: 40px }
.closeButton li { /*background: #f5f5f5*/;z-index: 999999; float: right; position: relative; top:36px; font-size: 24px; display: block; margin-bottom: -1px; height: 40px; padding: 10px 20px 0 20px; }

.section-comprador body > div.wrapper > section > div > div.row.linhavg1 > div:nth-child(4) > div                          { border-right: 3px solid #5d9cec; }
.section-comprador body > div.wrapper > header > nav > div.navbar-header > a > div.brand-logo > img                        { margin: 0; }
.section-comprador body > div.wrapper > section > div > div.row.linhavg > div:nth-child(1) > .cabecalho .row .col-md-12    { padding-left: 16px; }

.section-comprador .visao-geral .btnFeddback                        { margin-right: 6px; }
.section-comprador .visao-geral .estrelas input[type=radio]         { display: none; }
.section-comprador .visao-geral .estrelas label i.fa:before         { content:'\f005'; color: #FC0; cursor: pointer; }
.section-comprador .visao-geral .estrelas input[type=radio]:checked ~ label i.fa:before    { color: #CCC; }

.section-comprador .visao-geral .search-box                         { height: 100px; position: absolute; right: 0px; top: 5px; width: 300px; }
.section-comprador .visao-geral .distribuindo-cotacao.whirl::after  { border-top-color: #5d9cec; height: 20px; top: 20px; width: 20px; }


.section-comprador .fonevend                                        { display: block; }
.section-comprador .imgvend                                         { margin-right: 6px; }
.section-comprador .namevend                                        { margin-left: 0px; position: relative; top: 2px; }

.answersBar                                                         { position: absolute; margin-right: -235px; width: 100%; }
body > div.wrapper.ng-scope > div:nth-child(3) > aside > nav > div > ul > li { margin-left: 78%; }
body > div.wrapper.ng-scope > div:nth-child(3) > aside > nav > div > ul > li > a { cursor: pointer; }
/*body > div.wrapper.ng-scope > div:nth-child(3) > aside > nav > div > div { display: none; }*/
#divTelaVisaoGeral .area-respostas .slimScrollDiv { display: none }
body > div.wrapper.ng-scope > div:nth-child(3) > aside > nav > div > ul > li > a { border: none; }
.area-comprar > div > div > div > div > div > .timeTo               { font-size: 24px !important; }
.area-comprar > div > div > div > div > div > .timeTo > div         { font-size: 26px !important; }

#aguardandoEntrega .modal-dialog { width: 930px }

.answersBar .alert-success                            { background-color: #ffffff; border-color: rgb(34, 171, 67); box-shadow: 0px 0px 10px 0px rgba(0,255,61,0.3); color: #27c24c; font-size: 14px; }
.answersBar .alert-warning                            { background-color: #ffffff; border-color: rgb(206, 118, 38); box-shadow: 0px 0px 10px rgba(255,121,0,0.4); color: #ff902b; font-size: 14px; }
.answersBar .alert-danger                             { background-color: #ffffff; border-color: rgb(199, 68, 68); box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.2); color: #f05050; font-size: 14px; }
.answersBar .alert-danger h6                          { font-size: 14px; }

@media (min-width: 1439px) and (max-width:1499px) {
    .area-comprar-visao-geral-scroll {
        height: calc(100vh - 485px)
    }
}

@media (max-width: 1294px)
{
    .section-comprador .visao-geral .cartao.panel .panel-body                   { padding-left: 0px; padding-right: 0px; }
    /*.section-comprador .visao-geral .cartao.panel .panel-body .col-md-8         { padding-left: 2px; width: 70%; }*/
    .section-comprador .visao-geral .cartao.panel .panel-body .pull-right       { margin-right: 10px; }
}

@media (max-width: 1155px)
{
    .section-comprador .visao-geral .pecas-entregues                            { display: none; }
    .section-comprador .visao-geral .pecas-entregues-1024                       { display: block; }

    .section-comprador .visao-geral .cartao.panel .panel-body .btnAddHoras i,
    .section-comprador .visao-geral .cartao.panel .panel-body .contadorReg i    { display: none; }
    .section-comprador .visao-geral .ellipsis                                   { font-size: 13px; width: 84%; white-space: nowrap; }
}

@media (max-width: 1024px)
{
    .section-comprador .visao-geral .ellipsis                       { font-size: 13px; width: 85%; white-space: nowrap; }
    .section-comprador .visao-geral .ellipsis2                      { font-size: 13px; width: 88%; }

    .section-comprador .visao-geral .cartao.panel .panel-body .pull-right       { margin-right: 10px; }
    .section-comprador .visao-geral .cartao.panel .panel-body .contadorReg > i  { display: block; height: 16px; margin-top: 6px; }
    .section-comprador .visao-geral .contadorReg                                { width: 70px; }
    .section-comprador .visao-geral .timeTo ul li,
    .section-comprador .visao-geral .contadorReg .contador                      { font-size: 13px; }
    .section-comprador .visao-geral .contadorReg .contador span                 { line-height: 18px; }

    .answersBar aside                                               { margin-right: 23%; }
    body > div.wrapper.ng-scope > div.answersBar.ng-scope > aside > nav > div > ul > div > div > div.buyer-area-comprar > div { width: 100%; }

    .area-comprar > div > div > div > div > div > .timeTo               { font-size: 20px !important; }
    .area-comprar > div > div > div > div > div > .timeTo > div         { font-size: 22px !important; }
}

/* ========================================================================
   Component: COMPRADOR - visão-geral-respostas
 ========================================================================== */
.section-comprador .visao-geral-respostas .titulo                      { background-color: #fafbfc; border-bottom: 1px solid #cfdbe2; color: #929292; display:block !important; font-size: 20px; font-weight: normal; height: 69px; line-height: 40px; margin: -20px; margin-bottom: 10px; padding: 14px 20px; }
.section-comprador .visao-geral-respostas .path                        { font-size: 12px; font-weight: normal; left: 54px; line-height: 20px; margin: 0; position: absolute; top: 45px; }
.section-comprador .visao-geral-respostas .painelcomprador             { height: calc(100vh - 140px); }
.section-comprador .visao-geral-respostas .area-pedido > .panel-body   { height: calc(100vh - 150px); }

.section-comprador .visao-geral-respostas .panel-body .cabecalho       { font-size: 13px; }

.section-comprador .visao-geral-respostas .panel-body .tabela-pedidos thead th:nth-child(1)                    { width: 10px; }
.section-comprador .visao-geral-respostas .panel-body .tabela-pedidos thead th:nth-child(2)                    { width: 25%; }
.section-comprador .visao-geral-respostas .panel-body .tabela-pedidos thead th:nth-child(2).poucas-colunas     { width: 80%; }
.section-comprador .visao-geral-respostas .panel-body .tabela-pedidos thead th:nth-child(3)                    { width: 15%; }

.section-comprador .visao-geral-respostas .panel-body .tabela-pedidos tbody td:nth-child(1)                    { text-align: center; }
.section-comprador .visao-geral-respostas .panel-body .tabela-pedidos tbody td:nth-child(n+6)                  { text-align: right; }

.section-comprador .visao-geral-respostas .panel-body .tabela-pedidos thead tr th,
.section-comprador .visao-geral-respostas .panel-body .tabela-pedidos tbody tr td                              { padding-bottom: 4px; padding-top: 4px; }

.section-comprador .visao-geral-respostas .panel-body .painelcabecalho                                         { min-height: 40px; }

.section-comprador .visao-geral-respostas .panel-body .lista-cotacoes                                          { height: calc(100vh - 248px); min-height: 356px; overflow: auto; padding-top: 16px; }

.section-comprador .visao-geral-respostas .panel-body .hr-text                                                 { border: 0; color: black; height: 1.5em; line-height: 1em; margin-top: -10px; opacity: .5; outline: 0; position: relative; text-align: center; }
.section-comprador .visao-geral-respostas .panel-body .hr-text:before                                          { background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent)); background: linear-gradient(to right, transparent, #818078, transparent); content: ''; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; }
.section-comprador .visao-geral-respostas .panel-body .hr-text:after                                           { background-color: #fcfcfa; color: black; color: #818078; content: attr(data-content); display: inline-block; line-height: 1.5em; padding: 0 .5em; position: relative; }
.section-comprador .visao-geral-respostas .panel-body .tbodyhp tr.rejeitado                                    { background-color: antiquewhite; }

@media (max-width: 1200px)
{
    .section-comprador .visao-geral-pedido .panel-body .tabela-pedidos { font-size: 12px; }
}

/* ========================================================================
   Component: COMPRADOR - visão-geral-pedido
 ========================================================================== */
.section-comprador .visao-geral-pedido .titulo                      { background-color: #fafbfc; border-bottom: 1px solid #cfdbe2; color: #929292; display:block !important; font-size: 20px; font-weight: normal; height: 69px; line-height: 40px; margin: -20px; margin-bottom: 10px; padding: 14px 20px; }
.section-comprador .visao-geral-pedido .path                        { font-size: 12px; font-weight: normal; left: 54px; line-height: 20px; margin: 0; position: absolute; top: 45px; }
.section-comprador .visao-geral-pedido .painelcomprador             { height: calc(100vh - 140px); }
.section-comprador .visao-geral-pedido .area-pedido > .panel-body   { height: calc(100vh - 150px); }

.section-comprador .visao-geral-pedido .panel-body .cabecalho       { font-size: 13px; }

.section-comprador .visao-geral-pedido .panel-body .tabela-pedidos thead th:nth-child(1)                    { width: 10px; }
.section-comprador .visao-geral-pedido .panel-body .tabela-pedidos thead th:nth-child(2)                    { width: 25%; }
.section-comprador .visao-geral-pedido .panel-body .tabela-pedidos thead th:nth-child(2).poucas-colunas     { width: 80%; }
.section-comprador .visao-geral-pedido .panel-body .tabela-pedidos thead th:nth-child(3)                    { width: 15%; }

.section-comprador .visao-geral-pedido .panel-body .tabela-pedidos tbody td:nth-child(1)                    { text-align: center; }
.section-comprador .visao-geral-pedido .panel-body .tabela-pedidos tbody td:nth-child(n+6)                  { text-align: right; }

.section-comprador .visao-geral-pedido .panel-body .tabela-pedidos thead tr th,
.section-comprador .visao-geral-pedido .panel-body .tabela-pedidos tbody tr td                              { padding-bottom: 4px; padding-top: 4px; }

.section-comprador .visao-geral-pedido .panel-body .painelcabecalho                                         { min-height: 40px; }

.section-comprador .visao-geral-pedido .panel-body .lista-cotacoes                                          { height: calc(100vh - 248px); min-height: 356px; overflow: auto; padding-top: 16px; }

.section-comprador .visao-geral-pedido .panel-body .hr-text                                                 { border: 0; color: black; height: 1.5em; line-height: 1em; margin-top: -10px; opacity: .5; outline: 0; position: relative; text-align: center; }
.section-comprador .visao-geral-pedido .panel-body .hr-text:before                                          { background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#818078), to(transparent)); background: linear-gradient(to right, transparent, #818078, transparent); content: ''; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; }
.section-comprador .visao-geral-pedido .panel-body .hr-text:after                                           { background-color: #fcfcfa; color: black; color: #818078; content: attr(data-content); display: inline-block; line-height: 1.5em; padding: 0 .5em; position: relative; }
.section-comprador .visao-geral-pedido .panel-body .tbodyhp tr.rejeitado                                    { background-color: antiquewhite; }

@media (max-width: 1200px)
{
    .section-comprador .visao-geral-pedido .panel-body .tabela-pedidos { font-size: 12px; }
}


/* ========================================================================
   Component: VENDEDOR - visão geral
 ========================================================================== */
.layout-h .wrapper > section.section-vendedor {
    margin-bottom: 0px !important;
    max-width: 100%;
}
.section-vendedor .content-wrapper.visaoGeral               { padding-top: 0px; }

.section-vendedor .visao-geral                              { margin-left: -15px; }
.section-vendedor .visao-geral .img-circle.marca            { height: 22px; width: 22px; }
.section-vendedor .visao-geral .paddlab                     { font-weight: normal; letter-spacing: 1px; padding: 3px 10px; padding-right: 8px; text-transform: uppercase; }
.section-vendedor .visao-geral .relcard > .panel-primary    { position: relative; }
.section-vendedor .visao-geral .vgbtn-nc                    { font-size: 15px; letter-spacing: 1px; margin-bottom: 16px; }

.section-vendedor .visao-geral .tbodyhp                     { font-size: 12px; }
.section-vendedor .visao-geral .cabecalho .row .col-md-12   { padding-bottom: 10px; padding-left: 30px; padding-top: 10px; }
.section-vendedor .visao-geral .cabecalho .btn-primary      { font-size: 12px; padding: 0px 10px; }
.section-vendedor .visao-geral .cabecalho h5                { margin-bottom: 4px; margin-top: 0; }
.section-vendedor .visao-geral .cabecalho .col-md-12        { background-color: #f7f7f7; /* box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.2);*/ }
.section-vendedor .visao-geral .linhavg                     { border: 1px solid #e8e8e8; border-bottom: none; box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.2); margin-top: 0px; }

.section-vendedor .visao-geral .seglinha .col-md-4                  { padding-top: 20px; }
.section-vendedor .visao-geral .seglinha > .col-md-4:first-child    { border-left: 1px solid #e8e8e8; }
.section-vendedor .visao-geral .seglinha > .col-md-4                { border-right: 1px solid #e8e8e8; height: calc(100vh - 180px); }
.section-vendedor .visao-geral .seglinha .panel-body                { padding: 10px; }
.section-vendedor .visao-geral .seglinha .panel-footer              { padding: 8px 10px; }
.section-vendedor .visao-geral .seglinha .panel                     { margin-bottom: 15px; margin-top: 10px; }
.section-vendedor .visao-geral .conteudo .panel .panel-body img     { bottom: 2px; margin-right: 6px; position: relative; }
.section-vendedor .visao-geral .conteudo .panel .panel-body p       { margin-bottom: 0; }
.section-vendedor .visao-geral .conteudo .panel .progress           { margin-bottom: 0; margin-top: 3px; }
.section-vendedor .visao-geral .conteudo .panel .circle-success,
.section-vendedor .visao-geral .conteudo .panel .circle-danger,
.section-vendedor .visao-geral .conteudo .panel .circle-warning,
.section-vendedor .visao-geral .conteudo .panel .circle-yellow      { margin-left: 1px; margin-right: 3px; }
.section-vendedor .visao-geral .content-vg                          { padding: 0 15px; }
.section-vendedor .visao-geral .btn-vgcomprar                       { padding-left: 10px; padding-right: 10px; }
.section-vendedor .visao-geral .btn-recebido:active                 { box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.3); }
.section-vendedor .visao-geral .pipe-phase-arrow                    { background: transparent url('imagens/seta.png') no-repeat center right; background-size: 355px; display: inline-block; height: 60px; position: absolute; right: -26px; top: 0px; z-index: 105; width: 35px; }
.section-vendedor .seglinha .col-md-3                               { padding-right: 0px; padding-top: 20px; }
.section-vendedor .seglinha > .col-md-3                             { border-right: 1px solid #e8e8e8; height: calc(100vh - 160px); padding: 10px; }
.section-vendedor .seglinha > .col-md-3 .conteudo.relcard           { padding: 5px; }

.section-vendedor .visao-geral .thumb22                            { height: 22px!important; width: 22px!important; }
.section-vendedor .visao-geral .thumb26                            { height: 26px!important; width: 26px!important; }

.section-vendedor .visao-geral .contentvgae                        { max-height: calc(100vh - 200px); padding-top: 7px; }
.section-vendedor .visao-geral .contentvgac                        { max-height: calc(100vh - 202px); }
.section-vendedor .visao-geral .statuscard                         { position: absolute; right: -5px; top: -10px; }
.section-vendedor .visao-geral .statuscard2                        { position: absolute; right: 32px; top: -10px; }
.section-vendedor .visao-geral .imgcardvg                          { bottom: 2px; margin-right: 4px; position: relative; }
.section-vendedor .visao-geral .peqsol                             { bottom: 4px; position: relative; }
.section-vendedor .visao-geral .listadadosped li i                 { margin-right: 3px; }
.section-vendedor .visao-geral .listadadosped                      { margin-bottom: 0; }
.section-vendedor .visao-geral .listadadosped li                   { font-weight: bold; letter-spacing: 1px; }
.section-vendedor .visao-geral .painelmdet                         { margin-bottom: 8px; }
.section-vendedor .visao-geral .painelmdet2                        { margin-bottom: 8px; }
.section-vendedor .visao-geral .cabecalho .btn7dias                { bottom: 10px; padding: 0px 8px; position: relative; }
.section-vendedor .visao-geral .xcancel                            { margin-left: 6px; padding: 3px 7px; position: relative; top: 3px; }
.section-vendedor .visao-geral .panel.panel-default                { border-top-width: 1px; }
.section-vendedor .visao-geral .iconesoma                          { margin-right: 10px; position: relative; top: 2px; }
.section-vendedor .visao-geral .dadoshp                            { margin-left: 3px; position: relative; top: 1px; }
.section-vendedor .visao-geral .panel-group .mb8px                 { margin-bottom: 8px; }
.section-vendedor .visao-geral .linhavg1                           { background-color: #fff; padding-bottom: 5px; padding-left: 20px; padding-top: 8px; }
.section-vendedor .visao-geral .mtvg                               { margin-bottom: 2px; }
.section-vendedor .visao-geral .cifrao                             { position: relative; top: 24px; }
.section-vendedor .visao-geral .coldash1                           { padding-left: 8px; padding-right: 0; }
.section-vendedor .visao-geral .bordalinha                         { border-left: 3px solid #5d9cec; }
.section-vendedor .visao-geral .bordalinha2                        { border-left: 3px solid #f05050; }
.section-vendedor .visao-geral .elem1                              { color: #5d9cec; font-size: 13px; margin-bottom: 0; position: relative; top: 3px; }
.section-vendedor .visao-geral .elem11                             { color: #f05050; font-size: 13px; margin-bottom: 0; position: relative; top: 3px; }
.section-vendedor .visao-geral .elem2                              { color: #2c3e50; display: block; font-size: 16px; position: relative; }
.section-vendedor .visao-geral .elem3                              { color: #2c3e50; display: block; font-size: 12px; position: relative; }
.section-vendedor .visao-geral .nav li .pesquisal                  { font-size: 17px; padding-bottom: 4px; padding-top: 7px; position: relative; top: 6px; }
.section-vendedor .visao-geral .imgmdetalhes                       { position: relative; top: 4px; }
.section-vendedor .visao-geral .mdetcab .col-md-1 .chaticon        { position: relative; right: 10px; top: 9px; }
.section-vendedor .visao-geral .switchvg                           { margin-bottom: 2px; margin-top: 2px; }
.section-vendedor .visao-geral .scancelar                          { border-color: rgb(199, 68, 68); box-shadow: 0px 0px 10px rgba(255, 0, 0, 0.2); }
.section-vendedor .visao-geral .ellipsis5                          { max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section-vendedor .visao-geral .topnavbar .navbar-header           { width: 178px; }
.section-vendedor .visao-geral .topnavbar .navbar-form.open        { display: inherit; height: 60px; left: 911px; top: 59px; }
.section-vendedor .visao-geral .offsidebar-open .offsidebar        { z-index: 1050; }
.section-vendedor .visao-geral .topnavbar .navbar-form             { display: none; height: 60px; left: 911px; top: 0; }
.section-vendedor .visao-geral .fecharchat                         { left: -32px; position: absolute; top: 6px; }
.section-vendedor .visao-geral .fecharchat label                   { background-color: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom-right-radius: 0; border-top-right-radius: 0; color: #999; cursor: pointer; font-size: 13px; padding: 8px 12px; }
.section-vendedor .visao-geral a.fecharchat:hover                  { text-decoration: none; }

.section-vendedor body > div.wrapper > section > div > div.row.linhavg1 > div:nth-child(4) > div                          { border-right: 3px solid #5d9cec; }
.section-vendedor body > div.wrapper > header > nav > div.navbar-header > a > div.brand-logo > img                        { margin: 0; }
.section-vendedor body > div.wrapper > section > div > div.row.linhavg > div:nth-child(1) > .cabecalho .row .col-md-12    { padding-left: 16px; }

.section-vendedor .visao-geral .btnFeddback                        { margin-right: 6px; }
.section-vendedor .visao-geral .estrelas input[type=radio]         { display: none; }
.section-vendedor .visao-geral .estrelas label i.fa:before         { content:'\f005'; color: #FC0; cursor: pointer; }
.section-vendedor .visao-geral .estrelas input[type=radio]:checked ~ label i.fa:before    { color: #CCC; }

.section-vendedor .fonevend                                        { display: block; }
.section-vendedor .imgvend                                         { margin-right: 6px; }
.section-vendedor .namevend                                        { margin-left: 0px; position: relative; top: 2px; }


.section-vendedor .card .panel-body > div:not(.statuscard)  { clear: both; }
.section-vendedor .contentvgac2                             { max-height: calc(100vh - 140px); padding-right: 5px; padding-top: 7px; }
.section-vendedor .contadorReg                              { bottom: 2px; display: table; font-size: 16px; font-weight: bold; margin-top: -2px; position: relative; }
.section-vendedor .contadorReg > *                          { display: table-cell; height: 35px; vertical-align: middle; }
.section-vendedor .contadorReg .icon-clock                  { padding-right: 5px; }
.section-vendedor .iconeCar                                 { margin-left: 4px; margin-right: 10px; margin-top: 6px; }
.section-vendedor .iconeDate                                { margin-left: 6px; margin-right: 10px; }
.section-vendedor .iconOrder                                { margin-right: 10px; }
.section-vendedor .paddR0                                   { padding-right: 0; }
.section-vendedor .paddL0                                   { padding-left: 0; }
.section-vendedor .paddT0                                   { padding-top: 0; }
.section-vendedor .paddB0                                   { padding-bottom: 0; }
.section-vendedor .margR0                                   { margin-right: 0; }
.section-vendedor .margL0                                   { margin-left: 0; }
.section-vendedor .margT0                                   { margin-top: 0; }
.section-vendedor .margB0                                   { margin-bottom: 0; }

.section-vendedor .contentvgac2 .nenhum-encontrado          { margin:0 auto; width:100%; }
.section-vendedor .contentvgac2 .nenhum-encontrado img      { margin-bottom:8px; }

.section-vendedor .namecompr                                { margin-left: 0px; position: relative; top: 0px; }

.section-vendedor select.inputVend, .inputVend              { height: 25px; padding: 3px 4px; }

.section-vendedor .ellipsis                                 { max-width: 88%; }
.section-vendedor .repairer-name                            { position: relative; top: 10px; }

.section-vendedor .relcard .card .data_id                   { margin-top: 5px; }

.section-vendedor .fa-calendar-o.fa.iconeDate + .tooltip    { left: 0px !important; }
.section-vendedor .fa-calendar-o.fa.iconeDate + .tooltip > .tooltip-arrow { left: 33%; }

.modalVendedorVisaoGeral .modal-dialog                          { margin: 27px auto; width:990px; }
.modalVendedorVisaoGeral .modal-dialog .modal-body              { max-height: 570px; }
.modalVendedorVisaoGeral .modal-dialog div.modal-title > div    { height: 28px; }
.modalVendedorVisaoGeral .modal-dialog div.modal-title b        { font-size: 18px; position: relative; top: -8px; }
.modalVendedorVisaoGeral .modal-dialog div.modal-title .marca   { display: inline-block; height: 30px; width: 30px; }

.modalVendedorVisaoGeral .modal-dialog .modal-body              { padding-top: 0px; }

.modalVendedorVisaoGeral.detalhesEmCotacao .comprador .col-md-1         { margin-top: 10px; }
.modalVendedorVisaoGeral.detalhesEmCotacao .comprador .col-md-5         { margin-top: 10px; padding-top:5px; }
.modalVendedorVisaoGeral.detalhesEmCotacao .contador                    { padding: 23px 12px 9px 15px; }
.modalVendedorVisaoGeral.detalhesEmCotacao .contador span:nth-child(2)  { font-size: 38px; font-weight: bold; }

.modalVendedorVisaoGeral.detalhesEmCotacao .table th                    { font-size: 11px; }

.modalVendedorVisaoGeral.detalhesEmCotacao .panel-default               { border-top-width: 1px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); }

.modalVendedorVisaoGeral .tbody1024 td                                  { font-size: 12px; }
.modalVendedorVisaoGeral .ellipsis4                                     { max-width: 128px; width: 180px; }

.modalVendedorVisaoGeral .panel-heading.accordion                       { border: solid 1px #cfdbe2; padding-bottom: 0px; padding-top: 0px; }
.modalVendedorVisaoGeral .panel-heading.accordion a                     { display: block; padding-bottom: 10px; padding-top: 10px; }

.modalVendedorVisaoGeral .frete .form-group:first-child > label         { margin-left:52px; margin-right:8px; }
.modalVendedorVisaoGeral .frete .form-group:first-child > select        { margin-left: 5px; margin-top:2px; padding-top: 3px; }
.modalVendedorVisaoGeral .frete .form-group:nth-child(2)                { margin-left:12px; }
.modalVendedorVisaoGeral .frete .form-group:nth-child(3)                { padding-top: 3px; }

.modalVendedorVisaoGeral .faturamento,
.modalVendedorVisaoGeral .forma-pagamento                               { margin-top:12px; }
.modalVendedorVisaoGeral .faturamento select,
.modalVendedorVisaoGeral .forma-pagamento select                        { padding-top: 3px; }

.modalVendedorVisaoGeral .form-control[disabled],
.modalVendedorVisaoGeral .form-control[readonly],
.modalVendedorVisaoGeral fieldset[disabled] .form-control               { font-size: 12px; }

.modalVendedorVisaoGeral .xcancel                                       { margin-left: 6px; padding: 3px 7px; position: relative; top: 3px; }
.modalVendedorVisaoGeral .painelmdet                                    { margin-bottom: 8px; }
.modalVendedorVisaoGeral .painelmdet2                                   { margin-bottom: 8px; }

.modalVendedorVisaoGeral .orcamento .orcamento-solicitado .panel-heading    { line-height: 59px; padding-bottom: 0; padding-top: 0; }
.modalVendedorVisaoGeral .rejeitar .orcamento-solicitado .panel-footer      { height: 42px; }

.modalVendedorVisaoGeral .orcamento-solicitado table thead tr th,
.modalVendedorVisaoGeral .orcamento-solicitado table tbody tr td        { padding-bottom: 4px; padding-top: 4px; }
.modalVendedorVisaoGeral .orcamento-solicitado table th                 { font-size: 11px; }
.modalVendedorVisaoGeral .orcamento-solicitado table td                 { font-size: 11px; }

.modalVendedorVisaoGeral .input-sm                                      { height: 25px; }

.modalVendedorVisaoGeral button.whirl:after                             { height: 20px; width: 20px; top: 25px; }

@media (max-width: 1200px) {
    .section-vendedor .ellipsis                                         { max-width: 170px; }
}

/* ========================================================================
   Component: VENDEDOR - auto cadastro
 ========================================================================== */
.auto-cadastro                                                              { max-width: 60%; position: relative; top: -50px; }
.auto-cadastro .panel_principal .wizard-header                              { height: 50px; margin-top: -25px; }
.auto-cadastro .panel_principal .tab-content.panel-cotexo                   { min-height: inherit !important; }
.auto-cadastro .wizard-container > .wizard-card                             { box-shadow: none; min-height: inherit; max-height: calc(100vh - 295px); }
.auto-cadastro .wizard-container .tab-content.panel-cotexo .tab-pane        { display: none; }
.auto-cadastro .wizard-container .tab-content.panel-cotexo .tab-pane.active { display: block; }

.auto-cadastro .whirl.loading                                               { float: right; margin-right: -30px; margin-top: -8px; }
.auto-cadastro .whirl.loading::after                                        { height: 20px; width: 20px; }




/* ========================================================================
   Component: VENDEDOR - clientes
 ========================================================================== */
.vendedor .tabela-clientes thead th                                             { border-bottom: 0; border-top: 1px solid #eee !important; }
.vendedor.clientes .coluna-1                                                    { padding-right: 0; }
.vendedor.clientes .coluna-1 .vazio                                             { border: solid 1px #CCC; border-radius: 4px; font-size: 20px; padding: 10px; text-align: center; }
.vendedor.clientes .coluna-1 .table-responsive tr                               { background-color: #fff; }
.vendedor.clientes .coluna-1 .table-responsive tr th:nth-child(1)               { min-width: 216px; }
.vendedor.clientes .coluna-1 .table-responsive tr th:nth-child(2)               { min-width: 110px; }
.vendedor.clientes .coluna-1 .table-responsive tr th:nth-child(3)               { min-width: 149px; }
.vendedor.clientes .coluna-1 .contentvgac3                                      { overflow: hidden; outline: none; width: 100%; }
.vendedor.clientes .coluna-1 .contentvgac3 .tabela-clientes tr td:nth-child(1)  { min-width: 221px; }
.vendedor.clientes .coluna-1 .contentvgac3 .tabela-clientes tr td:nth-child(1).ellipsis { max-width: 221px; }
.vendedor.clientes .coluna-1 .contentvgac3 .tabela-clientes tr td:nth-child(2)  { min-width: 110px; }
.vendedor.clientes .coluna-1 .contentvgac3 .tabela-clientes tr td:nth-child(2).ellipsis { max-width: 112px; }
.vendedor.clientes .coluna-1 .contentvgac3 .tabela-clientes tr td:nth-child(3)  { min-width: 149px; }
.vendedor.clientes .coluna-1 .panel-body,
.vendedor.clientes .coluna-2 .panel-body                                        { height: calc(100vh - 85px); }
.vendedor.clientes .coluna-1 .panel-body .corpo                                 { height: calc(100vh - 210px); }
.vendedor.clientes .coluna-1 .panel-body .ordenar-vendas                        { text-align: right; }
.vendedor.clientes .coluna-1 .panel-body .ordenar-vendas label                  { cursor: default; }
.vendedor.clientes .coluna-1 .panel-body .ordenar-vendas .search-box input      { border: solid 1px #ccc !important; }
.vendedor.clientes .coluna-2 .panel-body div .row:nth-child(1)                  { margin-bottom: 8px; }
.vendedor.clientes .coluna-2 .panel-body div .row:nth-child(2)                  { margin-bottom: 32px; }
.vendedor.clientes .coluna-2 h5:nth-child(1)                                    { margin-bottom:12px }
.vendedor.clientes .coluna-2 h5:nth-child(2)                                    { margin-bottom:18px }
.vendedor.clientes .contentvgac3 input[type=text]                               { padding: inherit!important; margin-top: inherit!important; font-size: 14px!important; border: inherit!important; }
.vendedor.clientes .coluna-2::-webkit-input-placeholder,
.vendedor.clientes .coluna-2::-moz-placeholder,
.vendedor.clientes .coluna-2:-moz-placeholder,
.vendedor.clientes .coluna-2:-ms-input-placeholder                              { font-size: 14px; }

.vendedor.clientes .coluna-2 .form-subscription.edit                            { background-color: antiquewhite; border-radius: 8px; padding: 15px 0 1px 0; }

@media (max-width: 1200px)
{
    /*.vendedor.clientes .coluna-2 .cnpj                                          { font-size: 10px; }*/
    .btn-download > .btn-label                                                  { margin-right: -12px; }
}

.vendedor.clientes .coluna-2 .col-2-cli                                         { font-size: 12px; padding-left: 15px; }

.vendedor.clientes .coluna-2 .btn-download                                      { height: 31px; }
.vendedor.clientes .coluna-2 .btn-download span:not(.btn-label)                 { line-height: 29px; }

.btn-xs .btn-extrapeq                                                           { padding: 2px 10px 1px; font-size: 12px; }

.vendedor .btn.whirl:after                                                      { height: 20px; top: 80%; width: 20px; }

.vendedor .clientes-tooltip > .tooltip                                          { top: -55px !important; width: 200px; }


/* ========================================================================
   Component: VENDEDOR - cockpit
 ========================================================================== */
.vendedor.cockpit                                                               { margin-left: -20px; margin-right: -20px; margin-top: -16px; }
.vendedor.cockpit .content-wrapper                                              { margin-top: -20px; }
.vendedor.cockpit .content-vg                                                   { height: calc(100vh - 70px); overflow: scroll; overflow-x: hidden; padding: 0 15px; }
.vendedor.cockpit .linhavg1                                                     { background-color: #fff; padding-top: 8px; padding-bottom: 5px; }

.vendedor.cockpit .btnCta                                                       { bottom: 3px; left: 8px; letter-spacing: 1px; position: relative; }
.vendedor.cockpit .bordalinha                                                   { border-left: 3px solid #5d9cec; clear: both; min-height: 40px; }

.vendedor.cockpit .metricas > .row:not(:first-child)                            { margin-bottom: 18px; }
.vendedor.cockpit .metricas .elem1                                              { color: #5d9cec; font-size: 13px; margin-bottom: 0; position: relative; top: 3px;}
.vendedor.cockpit .metricas .elem2                                              { color: #2c3e50; display: block; font-size: 16px; position: relative; }
.vendedor.cockpit .metricas .elem3                                              { color: #2c3e50; display: block; font-size: 12px; position: relative; }

.vendedor.cockpit .metricas-2 .elem99                                           { color: #000; font-size: 13px; margin-bottom: 0; position: relative; top: 3px; }
.vendedor.cockpit .metricas-2 .elem55                                           { color: #2c3e50; display: block; font-size: 12px; position: relative; }
.vendedor.cockpit .metricas-2 .imgBlur                                          { bottom: 4px; position: relative; }

.vendedor.cockpit .tabela-cotacoes                                  { padding-right:0; padding-top:50px; }
.vendedor.cockpit .tabela-cotacoes .table-responsive                { padding-right:15px; }
.vendedor.cockpit .tabela-cotacoes .table-responsive .table         { background-color: #fff; }
.vendedor.cockpit .tabela-cotacoes .table-responsive thead tr       { background-color: #fff; }
.vendedor.cockpit .tabela-cotacoes .table-responsive thead tr th,
.vendedor.cockpit .tabela-cotacoes .table-responsive tbody tr td    { padding-bottom: 4px; padding-top: 4px; }
.vendedor.cockpit .tabela-cotacoes .table-responsive tbody          { font-size: 12px; }

.vendedor.cockpit .funil                { position: relative; right: 30px; top: 12px; }
.vendedor.cockpit .funil .taper         { border-color: #5d9cec transparent; border-style: solid; border-width: 50px 25px 0 25px; height: 0px; margin: 0 auto; width: 200px; }
.vendedor.cockpit .funil .taper2        { border-color: #84b4f1 transparent; border-style: solid; border-width: 50px 25px 0 25px; height: 0px; width: 150px; }
.vendedor.cockpit .funil .taper3        { border-color: #bfdbff transparent; border-style: solid; border-width: 50px 25px 0 25px; height: 0px; width: 100px; }
.vendedor.cockpit .funil .linhaFunil    { border-bottom: dashed 1px #000; bottom: 128px; left: -50px; position: absolute; width: 50px; }
.vendedor.cockpit .funil .linhaFunil2   { bottom: 77px; border-bottom: dashed 1px #000; left: -70px; position: absolute; width: 70px; }
.vendedor.cockpit .funil .linhaFunil3   { bottom: 24px; border-bottom: dashed 1px #000; left: -95px; position: absolute; width: 95px; }
.vendedor.cockpit .funil .elem1         { color: #5d9cec; font-size: 13px; margin-bottom: 0; position: relative; top: 3px;}
.vendedor.cockpit .funil .elem2         { color: #2c3e50; display: block; font-size: 16px; position: relative; }
.vendedor.cockpit .funil .elem3         { color: #2c3e50; display: block; font-size: 12px; position: relative; }
/*.vendedor-cockpit .detalhesCockpit span .vehicle { font-size: 12px; font-weight: normal; max-width: 100px; }*/
.section-vendedor .ellipsis .vehicle    { max-width: 200px; }
.relcard .ellipsis                      { max-width: 88%; }

.vendedor.cockpit .icone-plus           { margin-top: 9px; }

.vendedor.cockpit #fork                 { border: 0; position: absolute; right: 0; top: 0; }
.vendedor.cockpit canvas                { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.vendedor.cockpit .legend               { border: 1px solid rgb(200, 200, 200); height: auto; padding: 15px; width: 150px; }
.vendedor.cockpit .legend .title        { display: block; line-height: 1.2em; margin-bottom: 0.5em; padding: 0 0.3em; }
.vendedor.cockpit .legend .color-sample { border: 2px solid; border-radius: 0.5em; display: block; float: left; height: 1em; margin-right: 0.5em; width: 1em; }
.vendedor.cockpit .accordion            { background-color: #eee; border: none; color: #444; cursor: pointer; margin: 2% 0 0 2%; outline: none; padding: 18px; text-align: left; transition: 0.4s; width: 96%; }
.vendedor.cockpit .active, .accordion:hover     { background-color: #ccc; }
.vendedor.cockpit .panelAccordion       { background-color: white; margin-left: 2%; overflow: hidden; padding: 0 18px; width: 96%; }
.vendedor.cockpit .panelAccordion       { height: 0px; -webkit-transition: height 1s linear; -moz-transition: height 1s linear; -ms-transition: height 1s linear; -o-transition: height 1s linear; transition: height 1s linear; }
.vendedor.cockpit .panelAccordion.opened { height: auto; -webkit-transition: height 1s linear; -moz-transition: height 1s linear; -ms-transition: height 1s linear; -o-transition: height 1s linear; transition: height 1s linear; }

.vendedor.cockpit #tabelaDetalhes thead { display: block; }
.vendedor.cockpit #tabelaDetalhes tbody { display: block; }
.vendedor.cockpit #tabelaDetalhes tr    { display: block; }
.vendedor.cockpit #tabelaDetalhes td    { display: block; }
.vendedor.cockpit #tabelaDetalhes th    { display: block; }
.vendedor.cockpit #tabelaDetalhes tr:after  { clear: both; content: ' '; display: block; visibility: hidden; }
.vendedor.cockpit #tabelaDetalhes thead th  { height: 30px; }
.vendedor.cockpit #tabelaDetalhes tbody     { overflow-y: visible; } /*{ height: 120px; overflow-y: auto; }*/
.vendedor.cockpit #tabelaDetalhes tbody td  { float: left; }
.vendedor.cockpit #tabelaDetalhes thead th  { float: left; }

.vendedor.cockpit .detalhesCockpit > .table-responsive { overflow-x: visible !important; }

.vendedor.cockpit .ellipsis.status          { max-width: 80% !important; }

.vendedor.cockpit .tabela-cotacoes tr > td,
.vendedor.cockpit .detalhesCockpit tr > td          { line-height: 30px; }

.vendedor.cockpit .wrapper > .aside                 { width: 500px; }
.vendedor.cockpit .wrapper > .aside .aside-inner    { width: 500px; }

.vendedor.cockpit .cifrao                           { position: relative; top: 24px; }
.vendedor.cockpit .coldash1                         { padding-right: 0; padding-left: 8px; }
.vendedor.cockpit .bordalinha                       { border-left: 3px solid #5d9cec; }
.vendedor.cockpit .bordalinha2                      { border-left: 3px solid #f05050; }
.vendedor.cockpit .elem1                            { color: #5d9cec; font-size: 13px; margin-bottom: 0; margin-left: 7px; position: relative; top: 3px; }
.vendedor.cockpit .elem11                           { color: #f05050; font-size: 13px; margin-bottom: 0; position: relative; top: 3px; }
.vendedor.cockpit .elem2                            { color: #2c3e50; display: block; font-size: 16px; margin-left: 8%; position: relative; }
.vendedor.cockpit .elem3                            { color: #2c3e50; display: block; font-size: 12px; position: relative; }

.vendedor.cockpit .taper                            { border-color: #5d9cec transparent; border-style: solid; border-width: 50px 25px 0 25px; height: 0px; margin: 0 auto; width: 200px; }
.vendedor.cockpit .taper2                           { border-color: #84b4f1 transparent; border-style: solid; border-width: 50px 25px 0 25px; height: 0px; margin: 0 auto; width: 150px; }
.vendedor.cockpit .taper3                           { border-color: #bfdbff transparent; border-style: solid; border-width: 50px 25px 0 25px; height: 0px; margin: 0 auto; width: 100px; }
.tooltip_marketshare                                { max-width: 220px!important; }

.vendedor.cockpit .lista-vendedores                 { font-size: 13px; }
.vendedor.cockpit .lista-vendedores th > em         { margin-left: 5px; }

@-moz-document url-prefix() {
    .vendedor.cockpit #tabelaDetalhes tbody {
        width: 101.4% !important;
    }
}

@media only screen and (min-width: 768px)
{
    .vendedor.cockpit .wrapper > section,
    .vendedor.cockpit .wrapper > footer     { margin-left: 500px; }
    .vendedor.cockpit .content-wrapper > h3,
    .vendedor.cockpit .content-wrapper > .content-heading   { padding: 14px 20px; }
}

@media (max-width: 1024px)
{
    /*COMPRADOR - VISAO GERAL*/
    body > div.wrapper.ng-scope > div:nth-child(3) > aside > nav > div > ul > li { margin-left: 93%!important; }
    /*COMPRADOR - VISAO GERAL*/


    .vendedor.cockpit .col-1-mkt {
        width: 33.333%;
    }
    .vendedor.cockpit .col-2-mkt        { width: 66.666%; }
    .vendedor.cockpit .col-3-mkt        { width: 41%; }
    .vendedor.cockpit .col-4-mkt        { width: 17%; }

    body > div.wrapper > section > div > div:nth-child(2) > div > div > div.col-md-2.col-4-mkt > div:nth-child(1) > div > i { display: none; }

    .vendedor.cockpit .rowFunil         { right: 0; }
    .vendedor.cockpit .linhaFunil       { border-bottom: dashed 1px #000; bottom: 126px; left: 2px; position: absolute; width: 12px; }
    .vendedor.cockpit .linhaFunil2      { border-bottom: dashed 1px #000; bottom: 74px; left: -29px; position: absolute; width: 45px; }
    .vendedor.cockpit .linhaFunil3      { border-bottom: dashed 1px #000; bottom: 23px; left: -51px; position: absolute; width: 64px; }
    .vendedor.cockpit .linhavg1         { padding-top: 0px; }
    .vendedor.cockpit .elem1            { font-size: 12px; }
    .vendedor.cockpit .taper2           { margin-left: 25px; }
    .vendedor.cockpit .taper3           { margin-left: 50px; }
    .vendedor.cockpit .col-1-cli        { padding-left: 0px; }
    .vendedor.cockpit .funil .taper     { margin-right: 22%; }
    .row .bordalinha                    { margin-right: 5px; padding-left: 10px; }
    .div_total_current_month            { float: left; margin-top: 1%; margin-left: 2%; width: 20%;}
    .div_total_last_30_days             { float: left; margin-top: 1%; width: 20%;}
    .divBotaoNaoPagante                 { margin-top: -1%; }
    .coldash1                           { position: absolute }
    .vendedor.cockpit .bordalinha       { margin-left: 2%; }

    .vendedor.cockpit .divBotaoNaoPagante               { margin-top: 8px; }
    .vendedor.cockpit .div_total_current_month .elem2,
    .vendedor.cockpit .div_total_last_30_days .elem2    { margin-left: 25px; }

    .vendedor.cockpit .tabela-cotacoes .ellipsis.status,
    .vendedor.cockpit .detalhesCockpit .ellipsis.status { max-width: 52px; }

    .vendedor.cockpit .tabela-cotacoes .dt-cotacao,
    .vendedor.cockpit .detalhesCockpit .dt-cotacao      { display: none !important; }
    .vendedor.cockpit .tabela-cotacoes .dt-cotacao-1024,
    .vendedor.cockpit .detalhesCockpit .dt-cotacao-1024 { display: block !important; }

    .vendedor.cockpit .tabela-cotacoes tr,
    .vendedor.cockpit .detalhesCockpit tr               { font-size: 11px; }
    .vendedor.cockpit .ellipsis.status                  { max-width: 75% !important; }
}

@media (max-width: 800px)
{
    .row .bordalinha                                   { float: right; margin-right: 5px; padding-left: 10px; }
    .div_total_current_month                           { float: left; margin-top: 10%; margin-left: 2%; }
    .div_total_last_30_days                            { float: left; margin-top: 10%; width: 18%;}
    .divBotaoNaoPagante                                { margin-top: 10%; }
    .coldash1                                          { position: absolute }
    .elem2                                             { } /*{ margin-left: 30%; }*/
}


/* ========================================================================
   Component: GERAL - chat
 ========================================================================== */
.offsidebar.chat .linha-chat:hover      { background-color: #f5f7fa; }
.offsidebar.chat.admin .linha-chat      { font-style: italic; }
.offsidebar.chat.admin .linha-chat a,
.offsidebar.chat.admin .linha-chat span { color: #ccc; }
.offsidebar.chat.admin .somente-leitura { display: inline !important; font-size: 11px; font-style: italic; margin-left: 10px; vertical-align: top; }


/* ========================================================================
   Component: VENDEDOR - relatório semanal
 ========================================================================== */
.vendedor.relatorio_semanal                                                               { margin-left: -20px; margin-right: -20px; margin-top: -16px; }
.vendedor.relatorio_semanal .content-vg                                                   { height: calc(100vh - 70px); overflow: scroll; padding: 0 15px; }
.vendedor.relatorio_semanal .linhavg1                                                     { background-color: #fff; padding-top: 8px; padding-bottom: 5px; }

.vendedor.relatorio_semanal .btnCta                                                       { bottom: 3px; left: 8px; letter-spacing: 1px; position: relative; }
.vendedor.relatorio_semanal .bordalinha                                                   { border-left: 3px solid #5d9cec; }

.vendedor.relatorio_semanal .metricas > .row:not(:first-child)                            { margin-bottom: 18px; }
.vendedor.relatorio_semanal .metricas .elem1                                              { color: #5d9cec; font-size: 13px; margin-bottom: 0; position: relative; top: 3px;}
.vendedor.relatorio_semanal .metricas .elem2                                              { color: #2c3e50; display: block; font-size: 16px; position: relative; }
.vendedor.relatorio_semanal .metricas .elem3                                              { color: #2c3e50; display: block; font-size: 12px; position: relative; }

.vendedor.relatorio_semanal .metricas-2 .elem99                                           { color: #000; font-size: 13px; margin-bottom: 0; position: relative; top: 3px; }
.vendedor.relatorio_semanal .metricas-2 .elem55                                           { color: #2c3e50; display: block; font-size: 12px; position: relative; }
.vendedor.relatorio_semanal .metricas-2 .imgBlur                                          { bottom: 4px; position: relative; }

.vendedor.relatorio_semanal .tabela-cotacoes                                  { padding-right:0; padding-top:20px; }
.vendedor.relatorio_semanal .tabela-cotacoes .table-responsive                { padding-right:15px; }
.vendedor.relatorio_semanal .tabela-cotacoes .table-responsive .table         { background-color: #fff; }
.vendedor.relatorio_semanal .tabela-cotacoes .table-responsive thead tr       { background-color: #fff; }
.vendedor.relatorio_semanal .tabela-cotacoes .table-responsive thead tr th,
.vendedor.relatorio_semanal .tabela-cotacoes .table-responsive tbody tr td    { padding-bottom: 4px; padding-top: 4px; }
.vendedor.relatorio_semanal .tabela-cotacoes .table-responsive tbody          { font-size: 12px; }

.vendedor.relatorio_semanal .funil                { position: relative; right: 30px; top: 12px; }
.vendedor.relatorio_semanal .funil .taper         { border-color: #5d9cec transparent; border-style: solid; border-width: 50px 25px 0 25px; height: 0px; margin: 0 auto; width: 200px; }
.vendedor.relatorio_semanal .funil .taper2        { border-color: #84b4f1 transparent; border-style: solid; border-width: 50px 25px 0 25px; height: 0px; margin: 0 auto; width: 150px; }
.vendedor.relatorio_semanal .funil .taper3        { border-color: #bfdbff transparent; border-style: solid; border-width: 50px 25px 0 25px; height: 0px; margin: 0 auto; width: 100px; }
.vendedor.relatorio_semanal .funil .linhaFunil    { border-bottom: dashed 1px #000; bottom: 128px; left: -32px; position: absolute; width: 50px; }
.vendedor.relatorio_semanal .funil .linhaFunil2   { bottom: 77px; border-bottom: dashed 1px #000; left: -55px; position: absolute; width: 70px; }
.vendedor.relatorio_semanal .funil .linhaFunil3   { bottom: 24px; border-bottom: dashed 1px #000; left: -80px; position: absolute; width: 95px; }
.vendedor.relatorio_semanal .funil .elem1         { color: #5d9cec; font-size: 13px; margin-bottom: 0; position: relative; top: 3px;}
.vendedor.relatorio_semanal .funil .elem2         { color: #2c3e50; display: block; font-size: 16px; position: relative; }
.vendedor.relatorio_semanal .funil .elem3         { color: #2c3e50; display: block; font-size: 12px; position: relative; }
/*.vendedor-relatorio_semanal .detalhesCockpit span .vehicle { font-size: 12px; font-weight: normal; max-width: 100px; }*/
.section-vendedor .ellipsis .vehicle    { max-width: 200px; }

@media (max-width: 1024px)
{
    .vendedor.relatorio_semanal .col-1-mkt        { width: 33.333%; }
    .vendedor.relatorio_semanal .col-2-mkt        { width: 66.666%; }
    .vendedor.relatorio_semanal .col-3-mkt        { width: 41%; }
    .vendedor.relatorio_semanal .col-4-mkt        { width: 17%; }

    body > div.wrapper > section > div > div:nth-child(2) > div > div > div.col-md-2.col-4-mkt > div:nth-child(1) > div > i { display: none; }

    .vendedor.relatorio_semanal .rowFunil         { right: 0; }
    .vendedor.relatorio_semanal .linhaFunil       { border-bottom: dashed 1px #000; bottom: 126px; left: 2px; position: absolute; width: 12px; }
    .vendedor.relatorio_semanal .linhaFunil2      { border-bottom: dashed 1px #000; bottom: 74px; left: -29px; position: absolute; width: 45px; }
    .vendedor.relatorio_semanal .linhaFunil3      { border-bottom: dashed 1px #000; bottom: 23px; left: -51px; position: absolute; width: 64px; }
    .vendedor.relatorio_semanal .elem1            { font-size: 12px; }
    .vendedor.relatorio_semanal .taper2           { margin-left: 25px; }
    .vendedor.relatorio_semanal .taper3           { margin-left: 50px; }
    .vendedor.relatorio_semanal .col-1-cli        { padding-left: 0px; }
}



/* ========================================================================
   Component: GESTOR PEÇA - relatorio financeiro
 ========================================================================== */
.relatorio-financeiro .vazio                { border: solid 1px #CCC; border-radius: 4px; font-size: 20px; padding: 10px; text-align: center; }
.relatorio-financeiro .panel-body           { height: calc(100vh - 150px); }
.relatorio-financeiro .sumario              { border: 1px solid #CCC; border-radius: 4px; margin-top: 40px; padding: 10px; padding-top: 25px; }
.relatorio-financeiro .sumario .title       { font-size: 16px; font-weight: bold; position: relative; top: -14px; }
.relatorio-financeiro .sumario label        { float: left; line-height: 30px; width: 150px; }
.relatorio-financeiro .sumario input        { background-color: #FFF; text-align: right; width: auto; }
.relatorio-financeiro-subtitulo             { display: none; font-size: 70%; margin-top: -5px; }
.relatorio-financeiro .tem-cashback:hover   { color: cadetblue; cursor: pointer; text-decoration: underline; }

.relatorio-financeiro-detalhes li           { line-height: 25px; }
.relatorio-financeiro-detalhes li b         { display: inline-block; width: 230px; }


/* ========================================================================
   Component: GESTOR PEÇA - atualizar estoque
 ========================================================================== */
.upload-stock #progress-wrp                         { border: 1px solid #0099CC; padding: 1px; position: relative; height: 39px; border-radius: 3px; text-align: left; background: #fff; box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);  width: 190px; }
.upload-stock #progress-wrp .progress-bar           { height: 100%; border-radius: 3px; background-color: #0099CC; width: 0; box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11); }
.upload-stock #progress-wrp .status                 { top: 10px; left: 45%; position: absolute; display: inline-block; color: #000000; }
.upload-stock .upload-btn-wrapper                   { position: relative; overflow: hidden; display: inline-block; /*padding-left: 0.8%;*/ }
.upload-stock .btnUpload                            { border: 2px solid gray; color: gray; background-color: white; padding: 6px 20px; border-radius: 8px; font-size: 16px; font-weight: bold; /*width: 600px;*/ }
.upload-stock .upload-btn-wrapper input[type=file]  { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; }


/* ========================================================================
   Component: GESTOR PEÇA - cashback config
 ========================================================================== */
.part-manager.cashback-config .painel-dados                             { height: calc(100vh - 150px); }
.part-manager.cashback-config .painel-dados .min-max                    { color: red; font-weight: normal; }
.part-manager.cashback-config .painel-dados legend label                { font-size: 14px; font-weight: normal; }
.part-manager.cashback-config .painel-dados .detalhes ul                { border: solid 1px #CCC; border-radius: 4px; padding: 10px; }
.part-manager.cashback-config .painel-dados .detalhes ul li             { line-height: 20px; padding-left: 5px; }
.part-manager.cashback-config .painel-dados .detalhes ul li:first-child { border-bottom: solid 1px #ccc; font-weight: bold; margin-bottom: 5px; text-align: center; }
.part-manager.cashback-config .painel-dados .detalhes ul li span        { display: inline-block; font-weight: bold; width: 150px; }
.part-manager.cashback-config .painel-dados .detalhes ul li.green       { background-color: lightgreen; }

@media (max-width: 1024px)
{
    .part-manager.cashback-config .painel-dados .min-max                { position: absolute; right: -3px; top: 1px; }
}


/* ========================================================================
   Component: GESTOR PEÇA - holding config
 ========================================================================== */
.holding-config .tab-content.panel-cotexo                           { height: calc(100vh - 125px); }
.holding-config .tab-pane.geral p                                   { color: #5d9cec; font-weight: bold; margin-top: 20px; }

.holding-config .tab-pane.geral > div .checkbox > label:first-child { font-weight: bold; }
.holding-config .header { background: #fff; margin: -1% 0 1% 0; }



/* ========================================================================
   Component: WELCOME
 ========================================================================== */
.welcome_main { margin: 7% 20% 0 20%; }


/* ========================================================================
   Override sweetalert
 ========================================================================== */
.swal2-content,
.swal2-popup    { width: 478px!important; font-size: 18px!important; }
.swal2-title    { color: #575757!important; font-size: 30px!important; text-align: center!important; font-weight: 600!important; text-transform: none!important; position: relative!important; margin: 25px 0!important; padding: 0!important; line-height: 40px!important; display: block!important; }
.swal2-confirm  { font-size: 18px!important; }
.swal2-content  { padding-right: 6%!important; }
.topnavbar .navbar-form .has-feedback .form-control-feedback { height: 30px; cursor: pointer; top: 50%; margin-top: -15px; line-height: 30px; margin-right: 10px; color: #c1c2c3; font-size: 1.5em; pointer-events: auto; }
.contentvgac3 .search-container { float: right; margin: 0.5% 2% -1% 0; }
.contentvgac3 input[type=text]  { padding: 6px; margin-top: 0px; font-size: 17px; border: none; }
.contentvgac3 .search-container button  { float: right; padding: 6px 10px; margin-top: 0px; margin-right: 16px; background: #ddd; font-size: 17px; border: none; cursor: pointer; }
.contentvgac3 .search-container button:hover    { background: #ccc; }


.swal2-title.swal-desativacao { padding: 10px!important; }
.swal2-html-container.swal-desativacao { font-size: 16px!important; }

/* ========================================================================
   Component: WHITE LABEL LOCK
 ========================================================================== */
.white-label-lock                  { margin-top: -3%; }
.white-label-lock > div            { margin: 10% 0 0 31%; width: 500px; }
.white-label-lock > div > div      { height: 300px; }
.white-label-lock .panel_principal { padding: 0; }
.white-label-lock .overlay_div 	   { background-color: white; height: calc(100vh - 270px); opacity: 0.5; position: absolute; width: 100%; }
.white-label-lock .form-lock       { height: calc(100vh - 270px); }
.white-label-lock .form-lock > button { margin: 0 auto; margin-top: -15px; position: relative; top: 50%; width: 50%; }
.white-label-lock .sombralogin      { background-color: transparent; }


/* ========================================================================
   Component: PAGE ERROR 404
 ========================================================================== */
.error404                       {  }
.error404 > div > div           { width: 100%; }
.error404 .panel_principal      { padding: 0; }
.error404 .centerer             { display:table-cell; height: calc(100vh - 30px) !important; margin: 0 auto; text-align:center; vertical-align:middle; }
.error404 .div404               { height: 75%; left: 50%; position: relative; top: 50%; transform: translate(-50%, -55%); width: 75%; }
.error404 .div404 img           { display: block; height: 75%; margin: 0 auto; max-height: 768px; max-width: 1366px; width: 75%; }
.error404 .div404 .btn-block    { border-top-left-radius: 0px; border-top-right-radius: 0px; margin: 0 auto; max-width: 1366px; width: 75%; }

@media (max-width: 1024px)
{
   .section-comprador .visao-geral .elem1                                   { font-size: 11px !important;}
   .section-comprador .visao-geral .nav li .pesquisal                       { top: 8px;}
   section.section-comprador .ellipsis                                      { width: auto!important; max-width: 90%; }
   section.section-comprador .ellipsisPeca                                  { max-width: 130px!important; }
   .img-circle.marca                                                        { margin-right: 9px; }
   .section-comprador .visao-geral .ellipsis                                { font-size: 11px; }
   .section-comprador .visao-geral .ellipsis2                               { font-size: 11px; }
   .section-comprador .visao-geral .img-circle.marca                        { height: 18px; width: 18px; position: relative; left: 5px; }
   .section-comprador .visao-geral .pecas-entregues                         { padding-left: 10px; }
   .section-comprador .visao-geral .pecas-entregues-1024                    { padding-left: 10px; }
   .section-comprador .visao-geral .cartao.panel .panel-body .pull-right    { margin-right: 10px; position: relative; top: 3px; }
   .section-comprador .visao-geral .cartao.panel .panel-body .contadorReg > i { margin-top: 8px; }
   aside.area-respostas-visao-geral-comprador .buyer-area-respostas         {padding-left: 6px; padding-right: 2px; }
   aside.area-respostas-visao-geral-comprador .buyer-area-comprar           { width: calc(100vw - 65.5%); padding-left: 10px; padding-right: 6px;}
   .closeButton li                                                          { right: 8px; }
   .panelPeca                                                               { padding-left: 2px; padding-right: 2px;}
   .marginDivisor                                                           { margin-bottom: 12px;}
   .panel .panel-heading                                                    {font-size: 12px}
   .paddAreaComprar                                                         {padding-left: 5px; padding-right: 5px;}

   .timeTo-white                                                            { font-size: 15px !important; }
   .lupa                                                                    { font-size: 14px; }
}

@media (min-width: 992px) and (max-width: 1024px)
{
   .btncotacao1024                                                          { margin-top: 24px; }
}



/* ========================================================================
   Component: ARROW STYLE
 ========================================================================== */
.the-arrow                          { width: 1px; transition: all 0.2s; }
.the-arrow.-right                   { position: absolute; top: 60%; left: 0; }
.the-arrow.-right > .shaft          { width: 0; background-color: #4c4c4c; }
.the-arrow.-right > .shaft:before,  
.the-arrow.-right > .shaft:after    { width: 0; background-color: #4c4c4c; }
.the-arrow.-right > .shaft:before   { -webkit-transform: rotate(0); transform: rotate(0); }
.the-arrow.-right > .shaft:after    { -webkit-transform: rotate(0); transform: rotate(0); }

.the-arrow.-left                    { position: absolute; top: 5px; }
.the-arrow.-left > .shaft           { width: 1px; transition-delay: 0.2s; }
.the-arrow.-left > .shaft:before,
.the-arrow.-left > .shaft:after     { width: 8px; transition-delay: 0.3s; transition: all 0.5s; }
.the-arrow.-left > .shaft:before    { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.the-arrow.-left > .shaft:after     { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.the-arrow > .shaft                 { background-color: #4c4c4c; display: block; height: 1px; position: relative; transition: all 0.2s; transition-delay: 0; will-change: transform; }
.the-arrow > .shaft:before,
.the-arrow > .shaft:after           { background-color: #4c4c4c; content: ''; display: block; height: 1px; position: absolute; top: 0; right: 0px; transition: all 0.2s; transition-delay: 0; }
.the-arrow > .shaft:before          { -webkit-transform-origin: top right; transform-origin: top right; }
.the-arrow > .shaft:after           { -webkit-transform-origin: bottom right; transform-origin: bottom right; }

.animated-arrow > .main                 { display: flex; align-items: center; transition: all 0.2s; }
.animated-arrow > .main > .text         { font-size: 12px; margin: 0 0 0 16px; line-height: 1; }
.animated-arrow > .main > .the-arrow    { position: relative; }

.animated-arrow                         { display: inline-block; color: #4c4c4c; font-size: 1.25em; font-style: italic; text-decoration: none; position: relative; transition: all 0.2s; }
.animated-arrow:hover                   { color: #808080; }
.animated-arrow:hover > .the-arrow.-left > .shaft                       { width: 0; -webkit-transform: translateX(-200%); transform: translateX(-200%); transition-delay: 0; }
.animated-arrow:hover > .the-arrow.-left > .shaft:before,
.animated-arrow:hover > .the-arrow.-left > .shaft:after                 { width: 0; transition-delay: 0; transition: all 0.1s; }
.animated-arrow:hover > .the-arrow.-left > .shaft:before                { -webkit-transform: rotate(0); transform: rotate(0); }
.animated-arrow:hover > .the-arrow.-left > .shaft:after                 { -webkit-transform: rotate(0); transform: rotate(0); }
.animated-arrow:hover > .main                                           { -webkit-transform: translateX(-17px); transform: translateX(-17px); -webkit-transform: translateX(-80px); transform: translateX(-80px); }
.animated-arrow:hover > .main > .the-arrow.-right > .shaft              { width: 64px; transition-delay: 0.1s; background-color: #808080; }
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before,
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after        { width: 8px; transition-delay: 0.1s; background-color: #808080; }
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before       { -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after        { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.animated-arrow:hover > .main > .the-arrow > .shaft:after,
.animated-arrow:hover > .main > .the-arrow > .shaft:before              { right: 63px; }

.animated-arrow:hover > .main > .text   { font-size: 12px; margin: 0 16px 0 0; line-height: 1; }