:root {
  --color-status-deadline-good: #00A77F; /* verde */
  --color-contrast-light: #fff; /* branco */
  --color-text-default: #666666; /* cinza */
  --color-surface-page: #F3F3F3; /* cinza-claro */
  --color-action-primary-base: #2C4BCF; /* azul-escuro */
  --color-status-danger-base: #CE1026; /* vermelho */
  --color-text-strong: #444444; /* cinza-escuro */
  --color-action-primary-alt: #2C4BCF; /* azul-escuro */
  --color-text-subtle: #AFAFAF; /* cinza-claro */
  --color-text-button-neutral: #707070; /* cinza */
  --color-surface-control-base: #DDDDDD; /* cinza-claro */
  --color-surface-control-hover: #D0D0D0; /* cinza-claro */
  --color-action-primary-hover: #027DA3; /* azul-escuro */
  --color-action-primary-active: #2C4BCF; /* azul-escuro */
  --color-status-danger-action-base: #E8261B; /* vermelho */
  --color-status-danger-action-hover: #CD0A00; /* vermelho-escuro */
  --color-status-success-base: #5CB85C; /* verde */
  --color-status-success-hover: #449D44; /* verde-escuro */
  --color-status-info-base: #1DB7E6; /* azul */
  --color-status-info-hover: #00A3D5; /* azul */
  --color-text-button-raised: #747474; /* cinza */
  --color-action-primary-raised-hover: #3C1D5D; /* roxo-escuro */
  --color-status-danger-raised-active: #A7160E; /* vermelho-escuro */
  --color-status-info-raised-active: #2C4BCF; /* azul-escuro */
  --color-status-success-strong: #3FC87A; /* verde-claro */
  --color-status-confirmation-base: #40A69A; /* verde */
  --color-text-pagination: #8D8D8D; /* cinza */
  --color-surface-input-base: #FAFAFA; /* cinza-claro */
  --color-border-input-base: #DEDEDE; /* cinza-claro */
  --color-surface-section-base: #EFEFEF; /* cinza-claro */
  --color-surface-selection-base: #D6D6D6; /* cinza-claro */
  --color-text-selection-muted: #A6A6A6; /* cinza */
  --color-surface-alert-danger: #F2DEDE; /* vermelho-claro */
  --color-border-alert-danger: #EBCCD1; /* vermelho-claro */
  --color-surface-alert-question: #F2DCDB; /* vermelho-claro */
  --color-status-danger-link-active: #B81225; /* vermelho-escuro */
  --color-status-rating-active: #FF900A; /* laranja */
  --color-surface-menu-base: #343434; /* cinza-escuro */
  --color-text-menu-muted: #AEAEAE; /* cinza */
  --color-text-menu-secondary: #bbb; /* cinza-claro */
  --color-text-tab-muted: #A8A8A8; /* cinza */
  --color-surface-badge-active: #DADADA; /* cinza-claro */
  --color-text-badge-active: #585858; /* cinza-escuro */
  --color-text-badge-muted: #A9A9A9; /* cinza */
  --color-status-danger-tab-base: #BF141F; /* vermelho */
  --color-status-danger-tab-hover: #8C040D; /* vermelho-escuro */
  --color-status-danger-tab-active: #8C121A; /* vermelho-escuro */
  --color-surface-status-neutral: #D2D2D2; /* cinza-claro */
  --color-border-hover-neutral: #BABABA; /* cinza */
  --color-text-icon-muted: #CDCDCD; /* cinza-claro */
  --color-text-helper: #B0B0B0; /* cinza */
  --color-status-favorite-hover: #FDE14C; /* amarelo */
  --color-status-favorite-active: #FFD700; /* amarelo */
  --color-surface-stage-base: #838383; /* cinza */
  --color-text-control-muted: #C2C2C2; /* cinza */
  --color-surface-control-icon: #E7E7E7; /* cinza-claro */
  --color-text-time-muted: #B3B3B3; /* cinza */
  --color-text-title-muted: #C5C5C5; /* cinza */
  --color-status-warning-text: #EF9304; /* laranja */
  --color-status-danger-highlight: #F60041; /* vermelho */
  --color-action-remove-base: #F42825; /* vermelho */
  --color-status-danger-outline-hover: #CC092F; /* vermelho */
  --color-action-primary-soft: #7949A8; /* roxo */
  --color-text-secondary: #717171; /* cinza */
  --color-border-neutral-muted: #B1B1B1; /* cinza */
}

/*
* CSS do Atendimento da FattoriaWeb
* Desenvolvido por fattoriaweb em: 18/05/2017
*/

 /* ==========================================================================
       Reset
    ========================================================================== */

html,
body,
main { height:100%; }

body {
  font-family: 'robotoregular', sans-serif;
  color: var(--color-text-default);
  background-color: var(--color-surface-page);
}

a {
  color: inherit;
  transition-duration: .2s;
}

a:hover {
  color: var(--color-action-primary-base);
  text-decoration: inherit;
}

a:hover, a:active, a:focus {
  transition-duration: 0.1s;
}

img, iframe, object, video {
  max-width: 100%;
  width: auto;
  height: auto;
}

form:before, form:after {
  display: table;
  content: " ";
}

form:after { clear: both; }
b { font-family: 'robotobold'; }

.hide-text {
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}

.barraProgressoSa{ height: 30px; }
.barraProgressoSa p {
  padding-top: 5px;
  font-size: 16px;
}
textarea {
  max-width: 100%;
  width: 100%;
}

/* ==========================================================================
    Elementos gerais
   ========================================================================== */

.textura-fundo{
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}
.textura-fundo img{
  position: absolute;
  top: 0;
  left: 0;
}
.textura-fundo img:nth-of-type(1){ top: 20vh; left: 25vw; width: 14px; height: 14px; animation: item1 5s ease infinite; }
.textura-fundo img:nth-of-type(2){ top: 30vh; left: 80vw; animation: item2 5s ease infinite; }
.textura-fundo img:nth-of-type(3){ top: 18vh; left: 85vw; animation: item3 5s ease infinite; }
.textura-fundo img:nth-of-type(4){ top: 45vh; left: 10vw; width: 15px; height: 15px; animation: item4 5s ease infinite; }
.textura-fundo img:nth-of-type(5){ top: 10vh; left: 50vw; width: 20px; height: 20px; animation: item5 5s ease infinite; }
.textura-fundo img:nth-of-type(6){ top: 21vh; left: 60vw; width: 18px; height: 18px; animation: item6 5s ease infinite; }
.textura-fundo img:nth-of-type(7){ top: 75vh; left: 85vw; width: 18px; height: 18px; animation: item7 5s ease infinite; }
.textura-fundo img:nth-of-type(8){ top: 85vh; left: 20vw; width: 40px; height: 40px; animation: item8 5s ease infinite; }
.textura-fundo img:nth-of-type(9){ top: 90vh; left: 75vw; animation: item9 5s ease infinite; }
.textura-fundo img:nth-of-type(10){ top: 95vh; left: 35vw; width: 20px; height: 20px; animation: item10 5s ease infinite; }

@keyframes item1{
  0% { top: 20vh; left: 25vw; }
  50% { top: 21vh; left: 25vw; }
  100% { top: 20vh; left: 25vw; }
}
@keyframes item2{
  0% { top: 30vh; left: 80vw; }
  50% { top: 30.5vh; left: 80.5vw; }
  100% { top: 30vh; left: 80vw; }
}
@keyframes item3{
  0% { top: 18vh; left: 85vw; }
  50% { top: 19vh; left: 84.5vw; }
  100% { top: 18vh; left: 85vw; }
}
@keyframes item4{
  0% { top: 45vh; left: 10vw; }
  50% { top: 46vh; left: 10.5vw; }
  100% { top: 45vh; left: 10vw; }
}
@keyframes item5{
  0% { top: 10vh; left: 50vw; }
  50% { top: 09vh; left: 49.5vw; }
  100% { top: 10vh; left: 50vw; }
}
@keyframes item6{
  0% { top: 21vh; left: 60vw; }
  50% { top: 22vh; left: 60vw; }
  100% { top: 21vh; left: 60vw; }
}
@keyframes item7{
  0% { top: 75vh; left: 85vw }
  50% { top: 74vh; left: 85.5vw; }
  100% { top: 75vh; left: 85vw }
}
@keyframes item8{
  0% { top: 85vh; left: 20vw; }
  50% { top: 86vh; left: 20.5vw; }
  100% { top: 85vh; left: 20vw; }
}
@keyframes item9{
  0% { top: 90vh; left: 75vw; }
  50% { top: 89vh; left: 74.5vw; }
  100% { top: 90vh; left: 75vw; }
}
@keyframes item10{
  0% { top: 95vh; left: 35vw; }
  50% { top: 94vh; left: 34.5vw; }
  100% { top: 95vh; left: 35vw; }
}

.danger{ color: #CE1026; }

/* Center conteudo */
.container-center{
  height: 100%;
  text-align: center;
}
.container-center:before,
.center-conteudo{
  display: inline-block;
  vertical-align: middle;
}
.container-center:before{
  content: '';
  width: 0;
  height: 100%;
}
.center-conteudo{
  width: 100%;
  margin-left: -4px;
}

.wrap-center {
  position: relative;
  width: 100%;
  height: 100%;
  display: table;
}

.wrap-sa {
  padding-top: 85px;
  padding-bottom: 30px;
}

.container-sa { width: 700px; }
.container-sa-adm {
  margin-top: 30px;
  width: 800px;
}


@media (min-width:1200px) {
  .container-sa,
  .container-sa-adm { width: 1100px; }
}

.wrap-center-container {
  position: relative;
  z-index: 10;
  display: table-cell;
  vertical-align: middle;
  color: var(--color-contrast-light);
}

/* Background Cores */
.bg-gradiente-roxo {
	background: #2C4BCF;
  background: -moz-radial-gradient(center, ellipse cover, #2C4BCF 0%, #0D1E67 49%);
  background: -webkit-radial-gradient(center, ellipse cover, #2C4BCF 0%,#0D1E67 49%);
  background: radial-gradient(ellipse at center, #2C4BCF 0%,#0D1E67 49%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2C4BCF', endColorstr='#0D1E67',GradientType=1 );
}
.bg-gradiente-cinza {
  background: #9e9e9e;
  background: -moz-radial-gradient(center, ellipse cover,  #9e9e9e 0%, #696969 50%, #444444 100%);
  background: -webkit-radial-gradient(center, ellipse cover,  #9e9e9e 0%,#696969 50%,#444444 100%);
  background: radial-gradient(ellipse at center,  #9e9e9e 0%,#696969 50%,#444444 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#444444',GradientType=1 );
}
.bgcolor-branco { background-color: #ffffff; }
.bgcolor-roxo { background-color: color-action-primary-base; }

/* Logo */

/* NOVO ATENDIMENTO */
.logo-atendimento_fatt--barratopo{
  display: inline-block;
  margin:0 auto;
  color:var(--color-contrast-light);
  font-size:26px;
  line-height: 46px;
  font-family: 'robotobold';
}
.logo-atendimento_fatt--barratopo a:hover{
  color:var(--color-contrast-light);
  opacity:0.8;
}
/* FIM NOVO ATENDIMENTO */
/* NOVO ATENDIMENTO */
.logo-fattoria--barratopo {
  margin-right:10px;
  line-height: 40px;
}
.logo-fattoria--barratopo img{
  margin-right:10px;
  line-height: 42px;
  max-height:23px;
}

/* FIM NOVO ATENDIMENTO */

.logo-solucaoaqui--barratopo a{
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 176px;
  height: 30px;
  background: url('../img/logo-bradesco-solucaoaqui_176w_x_26h.png') no-repeat;
}
.logo-bradescoseguros--barratopo,
.logo-solucaoaqui--barratopo { margin: 0; }
.logo-solucaoaqui--barratopo { padding-top: 10px; }


.logo-bradescoseguros--barratopo a {
  float: right;
  width: 209px;
  height: 44px;
  background: url('../img/logo-bradescoseguros_209w_x_44h.png');
}
.logo-bradescoseguros--barratopoadm { margin-top: 0;}

.logo-bradescoseguros--barratopoadm a {
    margin-top: 10px;
    float: right;
    width: 190px;
    height: 24px;
    background: url('../img/img-administrativo_190w_x_24h.png');
}

.menu_num {
  margin-left: 10px;
  font-size: 14px;
  color: var(--color-text-strong);
  background-color: var(--color-contrast-light);
  border-radius: 4px;
}

/* Títulos */

.tlte-h6 {
  color: var(--color-text-subtle);
  font-size: 12px;
  margin-bottom: 5px;
}

/*
    Botões
   ======================================================================== */

.btnsa {
  color: var(--color-text-button-neutral);
  background-color: var(--color-surface-control-base);
  border-color: transparent;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.btnsa[disabled]{
  background-color: var(--color-surface-control-base);
  border-color: transparent;
}

.btnsa:hover,
.btnsa:active,
.btnsa:active:hover,
.btnsa:focus {
  color: var(--color-text-button-neutral);
  background-color: var(--color-surface-control-hover);
  border-color: transparent;
  box-shadow: none;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

/* NOVO ATENDIMENTO */
.btnsa--roxo {
  color: var(--color-contrast-light);
  background-color: var(--color-action-primary-base);
  border: transparent;
}

.btnsa--roxo[disabled]{ background-color: #5D2B92; }

.btnsa--roxo:hover,
.btnsa--roxo:active,
.btnsa--roxo:active:hover,
.btnsa--roxo:focus {
  color: var(--color-contrast-light);
  background-color: var(--color-action-primary-hover);
  border: transparent;
}

.btnsa--roxo:active,
.btnsa--roxo:active:hover,
.btnsa--roxo:focus { background-color: #2E1449; }
/* FIM NOVO ATENDIMENTO */

.btnsa--vermelho {
  color: var(--color-contrast-light);
  background-color: var(--color-status-danger-action-base);
  border: transparent;
}

.btnsa--vermelho[disabled]{ background-color: #E8261B; }

.btnsa--vermelho:hover,
.btnsa--vermelho:active,
.btnsa--vermelho:active:hover,
.btnsa--vermelho:focus {
  color: var(--color-contrast-light);
  background-color: var(--color-status-danger-action-hover);
  border: transparent;
}

.btnsa--vermelho:active,
.btnsa--vermelho:active:hover,
.btnsa--vermelho:focus { background-color: #8c0a03; }

.btnsa--verde {
  color: var(--color-contrast-light);
  background-color: var(--color-status-success-base);
  border: transparent;
}

.btnsa--verde[disabled]{ background-color: #5cb85c; }

.btnsa--verde:hover,
.btnsa--verde:active,
.btnsa--verde:active:hover,
.btnsa--verde:focus {
  color: var(--color-contrast-light);
  background-color: var(--color-status-success-hover);
  border: transparent;
}

.btnsa--verde:active,
.btnsa--verde:active:hover,
.btnsa--verde:focus { background-color: #2c632c; }

.btnsa--azul {
  color: var(--color-contrast-light);
  background-color: var(--color-status-info-base);
  border: transparent;
}

.btnsa--azul[disabled]{ background-color: #1DB7E6; }

.btnsa--azul:hover,
.btnsa--azul:active,
.btnsa--azul:active:hover,
.btnsa--azul:focus {
  color: var(--color-contrast-light);
  background-color: var(--color-status-info-hover);
  border: transparent;
}

.btnsa--azul:active,
.btnsa--azul:active:hover,
.btnsa--azul:focus { background-color: #067b9f; }

.btnsa-3d {
  position: relative;
  top: 0;
  color: var(--color-text-button-raised);
  background-color: var(--color-surface-control-base);
  font-family: 'robotobold';
  font-weight: normal;
  border-color: transparent;
  -webkit-box-shadow: 0 2px 0 #B2B2B2;
          box-shadow: 0 2px 0 #B2B2B2;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.btnsa-3d[disabled],
.btn-lg.btnsa-3d[disabled] {
  background-color: var(--color-surface-control-base);
  border-color: transparent;
}

.btn-lg.btnsa-3d {
  padding-top: 8px;
  padding-bottom: 8px;
}

.btnsa-3d:hover,
.btnsa-3d:focus {
  outline: none;
  color: var(--color-text-button-raised);
  background-color: var(--color-surface-control-hover);
  border-color: transparent;
  -webkit-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.btnsa-3d:active {
  top: 1px;
  -webkit-box-shadow: 0 1px 0 #bebebe;
          box-shadow: 0 1px 0 #bebebe;
}

.btn-lg.btnsa-3d {
  -webkit-box-shadow: 0 4px 0 #B2B2B2;
          box-shadow: 0 4px 0 #B2B2B2;
}


.btn-lg.btnsa-3d:active{
  top: 2px;
  -webkit-box-shadow: 0 2px 0 #bebebe;
          box-shadow: 0 2px 0 #bebebe;
}

/* NOVO ATENDIMENTO */
.btnsa-3d--roxo {
  color: var(--color-contrast-light);
  background-color: var(--color-action-primary-base);
  -webkit-box-shadow: 0 2px 0 #2E1449;
          box-shadow: 0 2px 0 #2E1449;
}

.btnsa-3d--roxo[disabled],
.btn-lg.btnsa-3d--roxo[disabled] {
  background-color: var(--color-action-primary-base);
  border-color: transparent;
}

.btnsa-3d--roxo:hover {
  color: var(--color-contrast-light);
  background-color: var(--color-action-primary-raised-hover);
  -webkit-box-shadow: 0 2px 0 #2E1449;
          box-shadow: 0 2px 0 #2E1449;
}

.btnsa-3d--roxo:active,
.btnsa-3d--roxo:focus {
  color: var(--color-contrast-light);
  top: 1px;
  background-color: var(--color-action-primary-active);
  -webkit-box-shadow: 0 1px 0 #910700;
          box-shadow: 0 1px 0 #910700;
}

.btn-lg.btnsa-3d--roxo {
  -webkit-box-shadow: 0 4px 0 #2E1449;
          box-shadow: 0 4px 0 #2E1449;
}

.btn-lg.btnsa-3d--roxo:hover,
.btn-lg.btnsa-3d--roxo:focus {
  -webkit-box-shadow: 0 4px 0 #2E1449;
          box-shadow: 0 4px 0 #2E1449;
}

.btn-lg.btnsa-3d--roxo:active {
  -webkit-box-shadow: 0 2px 0 #2E1449;
          box-shadow: 0 2px 0 #2E1449;
}
/* FIM NOVO ATENDIMENTO */

.btnsa-3d--vermelho {
  color: var(--color-contrast-light);
  background-color: var(--color-status-danger-action-base);
  -webkit-box-shadow: 0 2px 0 #A7160E;
          box-shadow: 0 2px 0 #A7160E;
}

.btnsa-3d--vermelho[disabled],
.btn-lg.btnsa-3d--vermelho[disabled] {
  background-color: var(--color-status-danger-action-base);
  border-color: transparent;
}

.btnsa-3d--vermelho:hover {
  color: var(--color-contrast-light);
  background-color: var(--color-status-danger-action-hover);
  -webkit-box-shadow: 0 2px 0 #A7160E;
          box-shadow: 0 2px 0 #A7160E;
}

.btnsa-3d--vermelho:active,
.btnsa-3d--vermelho:focus {
  color: var(--color-contrast-light);
  top: 1px;
  background-color: var(--color-status-danger-raised-active);
  -webkit-box-shadow: 0 1px 0 #910700;
          box-shadow: 0 1px 0 #910700;
}

.btn-lg.btnsa-3d--vermelho {
  -webkit-box-shadow: 0 4px 0 #A7160E;
          box-shadow: 0 4px 0 #A7160E;
}

.btn-lg.btnsa-3d--vermelho:hover,
.btn-lg.btnsa-3d--vermelho:focus {
  -webkit-box-shadow: 0 4px 0 #A7160E;
          box-shadow: 0 4px 0 #A7160E;
}

.btn-lg.btnsa-3d--vermelho:active {
  -webkit-box-shadow: 0 2px 0 #A7160E;
          box-shadow: 0 2px 0 #A7160E;
}

.btnsa-3d--azul {
  color: var(--color-contrast-light);
  background-color: var(--color-status-info-base);
  border: transparent;
  -webkit-box-shadow: 0 2px 0 #0D7FA2;
          box-shadow: 0 2px 0 #0D7FA2;
}
.btnsa-3d--azul[disabled],
.btn-lg.btnsa-3d--azul[disabled] {
  background-color: var(--color-status-info-base);
  border-color: transparent;
}

.btnsa-3d--azul:hover {
  color: var(--color-contrast-light);
  background-color: var(--color-status-info-hover);
  -webkit-box-shadow: 0 2px 0 #0D7FA2;
          box-shadow: 0 2px 0 #0D7FA2;
}

.btnsa-3d--azul:active,
.btnsa-3d--azul:focus {
  color: var(--color-contrast-light);
  top: 1px;
  background-color: var(--color-status-info-raised-active);
  -webkit-box-shadow: 0 1px 0 #0D7FA2;
          box-shadow: 0 1px 0 #0D7FA2;
}

.btn-lg.btnsa-3d--azul {
  -webkit-box-shadow: 0 4px 0 #0D7FA2;
          box-shadow: 0 4px 0 #0D7FA2;
}

.btn-lg.btnsa-3d--azul:hover,
.btn-lg.btnsa-3d--azul:focus {
  -webkit-box-shadow: 0 4px 0 #0D7FA2;
          box-shadow: 0 4px 0 #0D7FA2;
}

.btn-lg.btnsa-3d--azul:active {
  -webkit-box-shadow: 0 2px 0 #0D7FA2;
          box-shadow: 0 2px 0 #0D7FA2;
}

.btnsa-3d--verde {
  color: var(--color-contrast-light);
  background-color: var(--color-status-success-strong);
  -webkit-box-shadow: 0 2px 0 #2E9C5D;
          box-shadow: 0 2px 0 #2E9C5D;
}

.btnsa-3d--verde[disabled],
.btn-lg.btnsa-3d--verde[disabled] {
  background-color: var(--color-status-success-strong);
  border-color: transparent;
}

.btnsa-3d--verde:hover {
  color: var(--color-contrast-light);
  background-color: var(--color-status-success-base);
  -webkit-box-shadow: 0 2px 0 #1D861D;
          box-shadow: 0 2px 0 #1D861D;
}

.btnsa-3d--verde:active,
.btnsa-3d--verde:focus {
  color: var(--color-contrast-light);
  top: 1px;
  background-color: var(--color-status-success-hover);
  -webkit-box-shadow: 0 1px 0 #1D861D;
          box-shadow: 0 1px 0 #1D861D;
}

.btn-lg.btnsa-3d--verde {
  -webkit-box-shadow: 0 4px 0 #2E9C5D;
          box-shadow: 0 4px 0 #2E9C5D;
}

.btn-lg.btnsa-3d--verde:hover,
.btn-lg.btnsa-3d--verde:focus {
  -webkit-box-shadow: 0 4px 0 #1D861D;
          box-shadow: 0 4px 0 #1D861D;
}

.btn-lg.btnsa-3d--verde:active {
  -webkit-box-shadow: 0 2px 0 #1D861D;
          box-shadow: 0 2px 0 #1D861D;
}

.btnModalCadastro {
  position: fixed;
  top: auto;
  right: 20px;
  bottom: 20px;
  display: block;
  font-size: 30px;
  padding: 5px 15px;
  border-radius: 50%;
}

.btnModalCadastro i {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: .3s;
       -o-transition: .3s;
          transition: .3s;
}

.btnModalCadastro:hover > i,
.btnModalCadastro:focus > i,
.btnModalCadastro:active > i{
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: .15s;
       -o-transition: .15s;
          transition: .15s;
}

.btnsa--outline,
.btnsa--outline--vermelho {
	color: var(--color-contrast-light);
	background-color: transparent;
	border-color: var(--color-contrast-light);
}

.btnsa--outline[disabled],
.btn-lg.btnsa--outline[disabled] {
  background-color: transparent;
  border-color: var(--color-contrast-light);
}

.btnsa--outline:hover,
.btnsa--outline:active,
.btnsa--outline:active:hover,
.btnsa--outline:focus {
	color: var(--color-action-primary-base);
	background-color: var(--color-contrast-light);
	border-color: transparent;
}

.btnsa--outline--vermelho:hover,
.btnsa--outline--vermelho:active,
.btnsa--outline--vermelho:focus {
	color: var(--color-contrast-light);
	background-color: var(--color-status-danger-outline-hover);
	border-color: transparent;
}

.btnsa--outline--vermelho:active,
.btnsa--outline--vermelho:focus {
	color: var(--color-contrast-light);
	background-color: var(--color-status-danger-link-active);
}

/*
    Paginação
   ======================================================================== */

.pagination li a {
  color: var(--color-text-pagination);
  background-color: transparent;
  border-color: var(--color-surface-control-base);
}
.pagination li a:hover {
  background-color: var(--color-action-primary-base);
  border-color: transparent;
}

.btn-paginacao {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 40px;
  color: var(--color-text-pagination);
  background-color: transparent;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
}

.pagination + .btn-paginacao {
  margin-right: 0;
  margin-left: 40px;
}

.btn-paginacao:hover,
.btn-paginacao:active,
.btn-paginacao:active:hover,
.btn-paginacao:focus {
  color: var(--color-contrast-light);
  background-color: var(--color-action-primary-base);
  border: 1px solid transparent;
}

.btn-group-lg>.btn, .btn-lg { font-size: 16px; }

/*
    Formularios
   ======================================================================== */

label {
  color: var(--color-text-subtle);
  font-family: 'robotoregular';
  font-weight: normal;
}

.form-control { border-radius: 2px; }
.form-control,
.input-group-sa--trsnp .input-group-addon {
  background-color: var(--color-surface-input-base);
  border-color: var(--color-border-input-base);
}

.form-control:active,
.form-control:focus {
  color: var(--color-action-primary-alt);
  border-color: var(--color-action-primary-alt);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(93, 42, 146, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(93, 42, 146, .6);
}

.form-control.disabled,
.form-control[disabled] { color: #909090; }

.camp-req {
	padding-left: 2px;
	color: var(--color-status-danger-base);
}

.field-sa {
  margin-bottom: 20px;
  padding: 20px;
  background-color: var(--color-surface-section-base);
  border: 1px solid #E5E5E5;
  border-radius: 5px;
}

.input-group-sa--trsnp .form-control:first-child { border-right-color: #fafafa; }
.input-group-sa--trsnp .form-control:last-child { border-left-color: #fafafa; }
.input-group-sa--trsnp .input-group-addon { color: #666666; }
.input-group-sa--trsnp .input-group-addon > button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

.input-group-sa--trsnp .form-control:active,
.input-group-sa--trsnp .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--color-border-input-base);
}

.form-group-inline p,
.form-group-inline input{
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 0;
}
.form-group-inline input{
  width: 50px;
}
.inlineGroupClube .form-group-inline{
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.inlineGroupClube .form-group-inline input{
  height: 20px;
}
.checkbox-inlineClube input{
  display: inline-block;
  width: auto;
}
.checkbox-inlineClube{
  text-align: center;
  padding: 15px;
  background-color: var(--color-surface-selection-base);
  border-radius: 5px 0 0 5px;
}
.inlineGroupClube .checked{
  color: var(--color-text-selection-muted);
}
.form-control.input-border{
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  box-shadow: none;
}

.dropdown-menu-sa {
  background-color: var(--color-surface-input-base);
  border: solid 1px #DEDEDE;
}

.dropdown-menu-sa li a{
  text-align: right;
  color: var(--color-text-default);
  font-family: 'robotobold';
}
.dropdown-menu li a:hover { background-color: #CE1026;}
.dropdown-menu-sa img { margin-left: 2px;}


.form-group.checkbox-sa label,
.checkbox-sa label {
  padding-left: 14px;
  font: 22px 'robotoregular';
  color: var(--color-text-default);
}
.checkbox-sa input[type='checkbox'] { visibility: hidden; }

.checkbox-sa input[type='checkbox']:checked + label:before,
.checkbox-sa.checkbox-sa--checked input[type='checkbox'] + label:before {
  content:'\f14a';
  color: var(--color-status-confirmation-base);
}

.checkbox-sa label:before {
  position: absolute;
  display: inline-block;
  font-family:'FontAwesome';
  content:'\f096';
  margin-top: 5px;
  margin-left: -29px;
}


/*
    Alerta
   ======================================================================== */

.alert-danger,
.alert-dismissible .close { color: #CE1026; }

.alert-danger {
  background-color: var(--color-surface-alert-danger);
  border-color: var(--color-border-alert-danger);
}

.alert-roxo{
  background-color: rgba(112, 0, 249, .3);
  border-color: rgba(112, 0, 249, 1);
  color: var(--color-contrast-light);
}
.alert-roxo .close{
  color: var(--color-contrast-light);
  opacity: 1;
}

.alert-pergunta {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  text-align: right;
}

.alert-pergunta .alert-pergunta_time { margin-bottom: 2px; }

.alert-pergunta_content {
  display: table;
  padding: 15px 50px 20px;
  width: 100%;
  color: var(--color-status-danger-base);
  text-align: center;
  background-color: var(--color-surface-alert-question);
  border: solid 1px #FFCDCA;
  border-radius: 4px;
}
.alert-pergunta_content header { font-family: 'robotobold'; }
.tooltip-sa .tooltip-inner {
  max-width: 100%;
  white-space: nowrap;
  background-color: var(--color-action-primary-base);
 }
.tooltip-sa.top .tooltip-arrow { border-top-color: #5D2B92; }
.tooltip-sa.right .tooltip-arrow { border-right-color: #5D2B92; }

.tooltip-inner-sa{
  margin: 0;
  padding: 10px 20px;
  background-color: var(--color-action-primary-base);
  text-align: center;
  color: var(--color-contrast-light);
  border-radius: 5px;
}
.tooltip-inner-sa h1{
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
}
.tooltip-inner-sa p{ margin-bottom: 0; }
.tooltip-inner-sa p b{ text-transform: uppercase; }
.alert-success a { text-decoration: underline; }

/*
    Modal
   ======================================================================== */

.modal-backdrop.in {
	filter: alpha(opacity=95);
	opacity: .95;
}

/* Centraliza modal bootstrap */

.modal-center {
 text-align: center;
 padding: 0!important;
}

.modal-center:before {
 content: '';
 display: inline-block;
 height: 100%;
 vertical-align: middle;
 margin-right: -4px;
}

.modal-dialog-center {
 display: inline-block;
 text-align: left;
 vertical-align: middle;
}

/* Modal solucao aqui */

.modal-solucaoaqui > .close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: var(--color-contrast-light);
	font-size: 42px;
	opacity: 1;
}

/* NOVO ATENDIMENTO */
.modal-atendimento_fatt > .close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: var(--color-contrast-light);
	font-size: 42px;
	opacity: 1;
}
.modal-atendimento_fatt > .close:hover {
	color: var(--color-action-primary-base);
	text-shadow: 0 1px 0 #5D2B92;
}
.modal-atendimento_fatt-title{
  color:var(--color-contrast-light);
  text-align:center;
  margin-bottom:20px;
  font-size: 37px;
  font-family: 'robotothin';
}
/* FIM NOVO ATENDIMENTO */

.modal-solucaoaqui > .close:hover {
	color: var(--color-status-danger-link-active);
	text-shadow: 0 1px 0 #b81225;
}

.modal-content--solucaoaqui {
	background-color: transparent;
	-webkit-box-shadow: none;
					box-shadow: none;
}
.modal-content--solucaoaqui .modal-title { color: #fff; }
.modal-content--solucaoaqui .modal-title h1 {
	margin-bottom: 25px;
	font-size: 42px;
}

.modal-content--solucaoaqui .modal-body {
	padding: 30px 25px;
	background-color: var(--color-contrast-light);
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}

.modal-content--solucaoaqui .modal-body--bgtransparent {
	padding: 0;
	background-color: transparent;
}

.modal-content--solucaoaqui .modal-header,
.modal-content--solucaoaqui .modal-footer { border-color: transparent; }
.modal-content--solucaoaqui .modal-footer { padding: 30px 0; }
.modal-footer--solucaoaqui {
	text-align: left;
	font-size: 16px;
	color: var(--color-contrast-light);
}
.modal-box-btn-controles--100 .btn { width: 100%; }
.modal-box-btn-controles--50 .btn { width: 48%; }

.modal-body--bgtransparent .control-label {
	font-size: 12px;
	color: var(--color-contrast-light);
}

/* Modal de confirmacao finalizacao */

.form-naofinalizar,
.modal-incidentefinal-atendente-aval  { display: none; }
.modal-content--solucaoaqui .modal-content--padding { padding: 50px 100px; }

/* Modal incidentes */
.modal-incidentes .modal-body,
.modal-incidentes .modal-dialog-center,
.modal-incidentes .modal-dialog,
.modal-incidentes .modal-content{ width: 700px }

.modal-incidentes .modal-content { padding: 0; }
.modal-incidentes .modal-content form {
  padding-left: 35px;
  padding-right: 35px;
}
.modal-incidentes .adm-checkbox { padding-top: 10px; }
.modal-incidentes .adm-checkbox b { color: #666666; }
.modal-incidentes .adm-checkbox input { margin-right: 5px; }

/* Rating */
.rating-solucaoaqui {
	direction: rtl;
	font-size: 34px;
}

.rating-solucaoaqui span.star {
	display: inline-block;
	margin-left: -10px;
	padding: 5px;
	font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
}

.rating-solucaoaqui span.star:before {
    content: "\f006";
    padding-right: 5px;
    color: var(--color-contrast-light);
		-webkit-transition: color 0.2s;
				 -o-transition: color 0.2s;
						-moz-transition:color 0.2s;
						transition: color 0.2s;
}

.rating-solucaoaqui span.star:hover:before,
.rating-solucaoaqui span.star:hover ~ span.star:before,
.rating-solucaoaqui span.star.selecionado:before,
.rating-solucaoaqui span.star.selecionado ~ span.star:before {
    content: "\f005";
    color: var(--color-status-rating-active);
}

/*
   Menu
   ========================================================================== */

.bartopo {
  position: fixed;
  z-index: 4;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  background-color: var(--color-action-primary-active);
}

.bartopo .container-fluid { min-width: 947px; }

.btn-menu {
   font-size: 32px;
   color: var(--color-contrast-light);
   background-color: transparent;
   padding-top: 0;
   padding-bottom: 0;
   border-color: transparent;
}

.btn-menu:hover,
.btn-menu:active,
.btn-menu:focus {
  color: var(--color-action-primary-active);
  background-color: var(--color-contrast-light);
}

.wrap-menu {
  position: fixed;
  z-index: 100;
  width: 280px;
  height: 100%;
  background-color: var(--color-surface-menu-base);
  opacity: 0;
  -webkit-transform: translateX(-100%);
  		-ms-transform: translateX(-100%);
  		 -o-transform: translateX(-100%);
  				-moz-transform: translateX(-100%);
       transform: translateX(-100%);
  -webkit-transition: opacity .2s 0s, -webkit-transform .4s 0s;
     -moz-transition:opacity .2s 0s, transform .4s 0s, -moz-transform .4s 0s;
  		 -o-transition: opacity .2s 0s, -o-transform .4s 0s;
  				transition:opacity .2s 0s, -webkit-transform .4s 0s;
}

.wrap-menu.aberto {
  opacity: 1;
  -webkit-transform: translateX(0);
  	-ms-transform: translateX(0);
  	 -o-transform: translateX(0);
        transform: translateX(0);
}

.btn-fechar-menu {
  float: right;
  font-size: 25px;
  color: var(--color-text-menu-muted);
  background-color: transparent;
  border-color: transparent;
  outline: none;
}
.btn-fechar-menu:hover {
  color: var(--color-contrast-light);
  background-color: transparent;
  border-color: transparent;
}

.btn-fechar-menu:active,
.btn-fechar-menu:focus {
  color: var(--color-action-primary-alt);

}

.menu {
  clear: both;
  padding-left: 0;
  padding-bottom: 15px;
  list-style: none;
  font-size: 18px;
  color: var(--color-contrast-light);
}

.menu a {
  display: block;
  padding: 8px 30px;
  -webkit-transition-duration: .1s;
		 -moz-transition-duration: .1s;
       -o-transition-duration: .1s;
          transition-duration: .1s;
}

.menu a:hover {
  color: var(--color-contrast-light);
  text-decoration: none;
  background-color: var(--color-action-primary-alt);
}

.menu a:active,
.menu a:focus {
  color: var(--color-action-primary-alt);
  text-decoration: none;
  background-color: var(--color-contrast-light);
}

.menu a:active .menu_num,
.menu a:focus .menu_num {
	color: var(--color-contrast-light);
	text-decoration: none;
	background-color: var(--color-status-danger-base);
}

.bxmenu-infouser {
  display: table;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 80%;
  border-top: solid 1px #525252;
}

.bxmenu-infouser-img {
  float: left;
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 50%;
}
.bxmenu-infouser-img img {
  width: 100%;
  min-height: 48px;
  max-height: 48px;
}

.bxmenu-infouser-detl {
  float: left;
  padding-left: 15px;
  width: 172px;
  font: 15px 'robotolight';
  color: var(--color-text-menu-secondary);
}

.bxmenu-infouser-detl b {
  display: block;
  font: 12px 'robotoregular';
  color: var(--color-contrast-light);
}

/*
    Abas
   ======================================================================== */

.nav-tabssa {
  background-color: transparent;
  font: 16px 'robotobold';
  text-transform: uppercase;
}

.nav-tabssa > li {
  border-left: 2px solid #ffffff;
  background-color: var(--color-surface-input-base);
}
.nav-tabssa > li,
.nav-tabs > li:first-child > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabssa >li.active > a,
.nav-tabssa > li.active > a:hover,
.nav-tabssa > li.active > a:focus { border-radius: 5px 5px 0 0; }

.nav-tabssa > li > a {
  line-height: 28px;
  color: var(--color-text-tab-muted);
}
.nav-tabssa > li.active > a,
.nav-tabssa > li.active > a:focus,
.nav-tabssa > li.active > a:hover { background-color: #f3f3f3 !important; }

.nav-tabssa > li.active > a > .navtabsa-badge {
  background-color: var(--color-surface-badge-active);
  color: var(--color-text-badge-active);
}

.navtabsa-badge {
  vertical-align: baseline;
  padding: 6px 5px;
  min-width: 25px;
  font-size: 12px;
  color: var(--color-text-badge-muted);
  border-radius: 50%;
  background-color: var(--color-border-input-base);
}

.nav-tabssa > li.active > a > .navtabsa-badge-azul,
.navtabsa-badge-azul {
  color: var(--color-contrast-light);
  background-color: var(--color-status-info-base);
}
.navtabsa-badge-azul i { font-size: 10px; }
.nav-tabssa > li.active > a > .navtabsa-badge-verde,
.navtabsa-badge-verde {
  color: var(--color-contrast-light);
  background-color: var(--color-status-success-strong);
}

/* NOVO ATENDIMENTO */
.nav-tabssa .bgcolor-roxo { background-color: color-action-primary-base; }
.nav-tabssa .bgcolor-roxo a { color: #ffffff; }
.nav-tabssa .bgcolor-roxo .navtabsa-badge {
  color: var(--color-action-primary-alt);
  background-color:  var(--color-contrast-light);
}
.nav-tabs .bgcolor-roxo a:focus,
.nav-tabs .bgcolor-roxo a:hover {
  background-color: var(--color-action-primary-hover);
  border-color: var(--color-action-primary-hover);
}
.nav-tabssa .bgcolor-roxo.active  a,
.nav-tabssa .bgcolor-roxo.active  a:focus,
.nav-tabssa .bgcolor-roxo.active  a:hover {
  color:  var(--color-contrast-light);
  background-color: var(--color-action-primary-hover) !important;
}
.nav-tabssa > .bgcolor-roxo.active > a > .navtabsa-badge {
  color:  var(--color-action-primary-hover);
  background-color:  var(--color-contrast-light);
}
/* FIM NOVO ATENDIMENTO */


.nav-tabssa .danger { background-color: #bf141f; }
.nav-tabssa .danger a { color: #ffffff; }
.nav-tabssa .danger .navtabsa-badge {
  color: var(--color-status-danger-tab-base);
  background-color:  var(--color-contrast-light);
}

.nav-tabs .danger a:focus,
.nav-tabs .danger a:hover {
  background-color: var(--color-status-danger-tab-hover);
  border-color: var(--color-status-danger-tab-hover);
}

.nav-tabssa .danger.active  a,
.nav-tabssa .danger.active  a:focus,
.nav-tabssa .danger.active  a:hover {
  color:  var(--color-contrast-light);
  background-color: var(--color-status-danger-tab-active) !important;
}

.nav-tabssa > .danger.active > a > .navtabsa-badge {
  color:  var(--color-status-danger-tab-base);
  background-color:  var(--color-contrast-light);
}

/* Conteudo tabela */
.tab-contentsa { padding-top: 40px; }
.icone-tabela-sa { font-size: 30px; }
.icone--verde { color: #5cb85c; }
.icone--vermelho { color: #e2001a; }

/*
   Listas
   ========================================================================== */

/* Tooltips */

.list_status {
  position: absolute;
  padding: 8px 8px 6px;
  min-width: 40px;
  color: var(--color-contrast-light);
  font-size: 20px;
  text-align: center;
  border-radius: 5px;
  background-color: var(--color-surface-status-neutral);
}

.list_status:after {
  content:"";
  position:absolute;
  top: 16px;
  right: -8px;
  width: 0;
  height: 0;
  border: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent;
  border-left-color: #D2D2D2;
}
.list_status--sborda:after { border-width: 0; }
.list_status--amarelo { background-color: #FFD52D; }
.list_status--amarelo:after { border-left-color: #FFD52D; }
.list_status--roxo { background-color: #A860F3; }
.list_status--roxo:after { border-left-color: #A860F3; }
.list_status--verde { background-color: #3FC87A; }
.list_status--verde:after { border-left-color: #3FC87A; }
.list_status--azul { background-color: #1DB7E6; }
.list_status--azul:after { border-left-color: #1DB7E6; }
.list_status--vermelho { background-color: #D64237; }
.list_status--vermelho:after { border-left-color: #D64237; }

/* ==========================================================================
   Dashboard
   ========================================================================== */

.wrap-sa--dashboard { padding-top: 55px; }

.container-tabscenter { padding-top: 30px; }
.container-tabscenter .nav-tabssa {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.dashboard-abas {}

.listsolici {
  position: relative;
  padding-left: 0;
  list-style: none;
}

.linhasolici {
  margin-bottom: 10px;
  padding: 0;
  border: solid 2px transparent;
  border-radius: 3px;
  background-color: var(--color-contrast-light);
  -webkit-transition: all .3s ease-out .1s;
       -o-transition: all .3s ease-out .1s;
          transition: all .3s ease-out .1s;
}
.linhasolici--resolvido { background-color: #e2e2e2; }
.linhasolici .list_status {
  top: 8px;
  left: -55px;
}

.linhasolici:hover {
  border-color: var(--color-border-hover-neutral);
  -webkit-transition: all .3s ease-in .2s;
       -o-transition: all .3s ease-in .2s;
          transition: all .3s ease-in .2s;
}

.linhasolici-linkwrap {
  position: relative;
  display: table;
  padding: 8px 15px;
  width: 100%;
}

.linhasolici-linkwrap:hover,
.linhasolici-linkwrap:active:hover,
.linhasolici-linkwrap:focus { color: #D9152B; }

.linhasolici-linkwrap:hover { color: inherit; }

.linhasolici-linkwrap:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-surface-section-base);
  transform-style: preserve-3d;
  transform: scale(0.1,1);
  opacity: 0;
  -webkit-transition: transform 0.3s ease-out 0.1s,
                      opacity 0.15s ease-out 0.25s;
       -o-transition: transform 0.3s ease-out 0.1s,
                      opacity 0.15s ease-out 0.25s;
          transition: transform 0.3s ease-out 0.1s,
                      opacity 0.15s ease-out 0.25s;
}

.linhasolici-linkwrap:hover::before {
  transform: scale(1,1);
  opacity: 1;
  -webkit-transition: transform 0.3s ease-in 0.1s,
                      opacity 0.15s ease-in 0.25s;
       -o-transition: transform 0.3s ease-in 0.1s,
                      opacity 0.15s ease-in 0.25s;
          transition: transform 0.3s ease-in 0.1s,
                      opacity 0.15s ease-in 0.25s;
}
.linhasolici p { margin-bottom: 0; }

.linhasolici_desc {
  position: relative;
  font-size: 16px;
}

.linhasolici_desc--alerta:after {
  content:"\f06a";
  position: absolute;
  top: 8px;
  left: 5px;
  font: 30px 'FontAwesome';
}
.linhasolici_desc--alerta { padding-left: 45px; }

.linhasolici_status {
  padding-top: 5px;
  font-size: 14px;
}

.linhasolici_ico {
  margin-top: 8px;
  font-size: 30px;
}
.linhasolici_ico-seta {
  font-size: 48px;
  color: var(--color-text-icon-muted);
}
.linhasolici--vermelho{ border-color: #D64237;}
.linhasolici--azul{ border-color: #1DB7E6;}
.linhasolici--verde{ border-color: #3FC87A;}
.linhasolici--amarelo{ border-color: #FFD52D;}
.linhasolici--amarelo{ border-color: #FFD52D;}
.linhasolici--vermelho .linhasolici_desc--alerta:after { color: #D64237; }
.linhasolici--amarelo .linhasolici_desc--alerta:after { color: #FFD52D; }
.linhasolici--vermelho .linhasolici_ico { color: #D64237; }
.linhasolici--amarelo .linhasolici_ico { color: #FFD52D; }

.paginacaosa {
  width: 610px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

/* ==========================================================================
    Formulario progresso
   ========================================================================== */

.form-progress_header h2,
.form-progress_header h3,
.header-form { text-align: center; }
.header-form { margin-bottom: 20px; }

.form-progress_header h2,
.header-form h2,
.header-form h2 {
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 10px;
}

.header-form h2 {
  font: 40px 'robotolight';
}

.form-progress_header h3{
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 45px;
}

.form-progress_header h2,
.form-progress_formulario label {
  font-family: 'robotolight';
  font-weight: normal;
}

.form-progress_header h3,
.form-progress_formulario .btnsa-3d{
  font-family: 'robotobold';
  font-weight: normal;
}

.diretrizes {
  display: table;
  list-style: none;
}
.diretrizes,
.diretrizes li {
  padding-left: 0;
  word-wrap: break-word;
}

.form-progress_header p { margin-bottom: 20px; }
.form-progress_formulario label { font-size: 12px; }
.form-progress_formulario select { margin-bottom: 20px; }

.formulario_checkbox { margin-bottom: 20px; }
.formulario_checkbox .control-checkbox {
  font-size: 14px;
  display: block;
  color: var(--color-text-default);
  margin-right: 30px;
}
.formulario_checkbox .checkbox-inline:last-child { margin-right: 0; }
.form-progress_formulario textarea { max-width: 100%; }

.form-progress_formulario .btnsa-3d {
  margin-top: 20px;
  margin-right: 20px;
}

.form-progress_listetapas {
  margin-top: 30px;
  list-style: none;
}
.form-progress_listetapas li { padding-bottom: 15px; }
.form-progress_listetapas li:last-child { padding-bottom: 0; }

.form-progress_formulario .checkbox-sa p {
  margin-top: 8px;
  font-size: 12px;
  color: var(--color-text-helper);
}

/* ==========================================================================
    Editando perfil
   ========================================================================== */

.box-imgperfil {
  padding-top: 30px;
  text-align: center;
}
.box-imgperfil img { border-radius: 50%; }

.box-imgperfil_ctrl {
  padding-left: 0;
  margin-bottom: 50px;
}

.box-imgperfil_ctrl .btnsa-3d {
  margin-left: 10px;
  margin-right: 10px;
}

@media screen and (min-width:992px){
  .box-imgperfil_ctrl .btnsa-3d { width: 25%; }
}

@media screen and (min-width:1200px){
  .box-imgperfil_ctrl .btnsa-3d { width: 15%; }
}

/* ==========================================================================
    Detalhe
   ========================================================================== */

.wrap-detalhe {
  padding-top: 57px;
  padding-bottom: 0;
  height: 100%;
}
.detalhelivre { padding-top: 30px; }
.col-detalhecont,
.col-detalhemsg { padding-top: 30px; }

@media (min-width:992px) {
  .col-detalhemsg {
    padding-bottom: 15px;
    min-height: auto;
  }
}

@media (min-width:1200px) {
  .col-detalhemsg {
    position: fixed;
    right: 0;
    min-height: 100%;
  }
}

.col-detalhecont > .container-sa,
.col-detalhemsg > .container-sa { width: 100%; }

@media (min-width:1200px) {
  .col-detalhecont > .container-sa { width: 676px; }
  .col-detalhemsg > .container-sa {
    position: relative;
    z-index: 2;
    max-width: 685px;
  }
}

@media (min-width:1200px) {
  .col-detalhemsg:after {
    content: '';
    position: fixed;
    top: 0;
    margin-left: -15px;
    width: 100%;
    height: 100%;
    background-color: var(--color-contrast-light);
  }
}

.detalhe_header { position: relative; }

.detalhe_header h2{
  font-family: "robotolight", sans-serif;
  font-weight: normal;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 10px;
}
.detalhe_header h3{
  font: 18px 'robotobold';
  margin-top: 0;
}

.btnsa_detalheestrela{
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-surface-status-neutral);
  font-size: 26px;
  color: var(--color-contrast-light);
  border-radius: 5px;
}

.btnsa_detalheestrela:hover{
  color: var(--color-contrast-light);
  background-color: var(--color-status-favorite-hover);
  border-color: transparent;
  box-shadow: none;
}

.btnsa_detalheestrela:active,
.btnsa_detalheestrela:active:hover,
.btnsa_detalheestrela:focus {
  color: var(--color-contrast-light);
  background-color: var(--color-status-favorite-active);
  border-color: transparent;
  box-shadow: none;
}

.detalhes_pessoal div[class^="col-"] { padding-left: 0; }
.detalhes_pessoal .btn {
  padding-top: 8px;
  width: 100%;
  height:36px;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .detalhes_pessoal .btn { width: 60%; }
}
.figure-pessoa img,
.figure-pessoa figcaption{ display: inline-block; }

.figure-pessoa img{
  border-radius: 3px;
  vertical-align: top;
  width: 40px;
}

.figure-pessoa figcaption{
  padding-left: 5px;
  width: 75%;
  min-width: 140px;
  vertical-align: top;
  font-family: 'robotobold';
}

.detalhe_info {
  margin-top: 20px;
  padding-bottom: 5px;
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
}

.detalhe_dados_linha {
  padding-bottom: 5px;
  border-bottom: 1px solid #DEDEDE;
}

/* NOVO ATENDIMENTO */
.detalhe_dados_anexo ul{
  padding:0;
  margin: 20px 0;
}
.detalhe_dados_anexo li{
  list-style:none;
  padding:4px 0;
}
.detalhe_dados_anexo a{
  text-decoration:underline !important;
  color: var(--color-action-primary-base);
  font-size: 14px;
}
.detalhe_dados_anexo a:hover{
  opacity:0.8;
}
.detalhe_dados_anexo a:before{
  content: '\e901';
  font-family: 'iconsSolucaoAqui';
  font-size:22px;
  margin-right: 10px;
  color: var(--color-text-default);
  display: inline-block;
  line-height:-3px;
}
/* FIM NOVO ATENDIMENTO */

.detalhe_btns {
  margin-top: 20px;
  margin-bottom: 40px;
}
.detalhe_btns .btn { margin-right: 10px; }

.boxinteracao {
  background-color: var(--color-contrast-light);
  padding-bottom: 15px;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 3px;
}

.boxinteracao_header {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  text-align: center;
  color: var(--color-contrast-light);
  background-color: var(--color-status-danger-action-base);
}

.boxinteracao_header h4,
.boxinteracao_header p {
  margin-top: 0;
  margin-bottom: 0;
}
.boxinteracao_header h4 { font-size: 14px; }
.boxinteracao_header p { font-size: 10px; }

.boxinteracao_content,
.boxinteracao_form {
  padding-left: 15px;
  padding-right: 15px;
}

.boxinteracao_content_user,
.boxinteracao_content_txt { display: inline-block;}
.boxinteracao_content_user { vertical-align: top; }

.boxinteracao_content_txt {
  display: inline-block;
  padding-left: 10px;
  width: 94%;
  margin-top: -4px;
}

/* Box interacao etapas */

.boxint-etapa { margin-bottom: 25px; }
.boxint-etapa_tilt{
  display: block;
  height: 54px;
  padding: 15px;
  font: 16px 'robotobold';
  text-align: left;
  background-color: var(--color-surface-stage-base);
  border-color: transparent;
  border-radius: 3px 3px 0 0;
}
.boxint-etapa_tilt span {
  float: left;
}
.boxint-etapa_tilt .fa {
  float:right;
  font-size: 35px;
  line-height: 23px;
}
.boxint-etapa_tilt[aria-expanded="true"] .fa-angle-down:before{ content: '\f106'; }

.boxint-etapa .well {
  border-radius:0 0 4px 4px;
  padding: 25px 16px 20px;
}

.boxint-etapa .detalhe_btns {
  margin-top: 10px;
  margin-bottom: 0;
  text-align: right;
}
.boxint-etapa .detalhe_btns .btn:last-child { margin-right: 0; }
.boxint-etapa--emfase .boxint-etapa_tilt { background-color: #E8261B; }
.boxint-etapa--completa .boxint-etapa_tilt { background-color: #5CB85C; }
.diretrizes_status img { vertical-align: top; }
.diretrizes_status img,
.diretrizes_status figcaption { display: inline-block; }
.status-noprazo { color: #10CF8A; }
.status-avencer { color: #FFD700; }
.status-vencido { color: #D0081E; }

/*
   Coluna de histórico mensagem
   ========================================================================== */

.col-detalhemsg_titl {
  margin-top: 0;
  font-family: 'robotolight';
  font-weight: normal;
  color: var(--color-text-subtle);
}

.input-barmsg {}
.input-barmsg .form-control {
  border-left-color: #fafafa;
  border-right-color: #fafafa;
}

.input-barmsg .btn {
  color: var(--color-text-control-muted);
  background-color: var(--color-surface-input-base);
  border-color: var(--color-border-input-base);
  border-left-color: #fafafa;
}

.input-group-lg.input-barmsg > .input-group-btn > .btn { padding-top: 5px; }

.input-barmsg .dropdown-toggle .fa {
  padding: 8px;
  font-size: 18px;
  background-color: var(--color-surface-control-icon);
  border-radius: 3px;
}

.input-barmsg .dropdown-toggle:hover,
.input-barmsg .open .dropdown-toggle {
  color: var(--color-contrast-light);
  background-color: var(--color-action-primary-base);
}
.input-barmsg .dropdown-toggle:active { background-color: #5D2B92;}

.input-barmsg .dropdown-toggle:hover .fa,
.input-barmsg .open .dropdown-toggle .fa {
  color: var(--color-action-primary-base);
  background-color: var(--color-contrast-light);
}

.timeline--sa {
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
}

.timeline--sa dl {
  padding-top: 0;
  z-index: 1;
}

.timeline--sa dl:before {
  display: none;
  top: 60px;
  background-color: transparent;
  border: 1px dashed #BEBEBE;
}

.timeline--sa  dl dd .circ {
  top: 0;
  border: 2px solid #FFFFFF;
  background: #5D2B92;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.50);
}
.timeline--sa dl:before,
.timeline dl dd .circ,
.timeline dl dd .time { left: 2%; }
.timeline--sa dl dd .events { margin-left: 40px; }


.timeline--sa .pos-left {
  border-left: dashed 2px #BEBEBE;
}
.timeline--sa .pos-left:last-child { border-left: transparent; }

.timeline--sa  dl dd .circ { left: 0; }

.timeline--sa dl dd .events {
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 0;
}

@media (min-width:992px) {
  .timeline--sa dl dd

  .events { width: 97%;}
}

@media (min-width:1200px) {
  .timeline--sa dl dd .events {
    margin-left: 31px;
    width: 96%;
  }
}

.timeline--sa .events-body {
  background-color: var(--color-surface-input-base);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
  border-radius: 3px;
}
.events-body-sa { padding: 15px; }
.events-body-sa p { margin-bottom: 0;}
.events-body-sa p img {
  display: inline-block;
  vertical-align: top;
}
.events .events-object{ max-width: 40px; }
.events-body-sa p img {
  max-width: 20px;
}
.events-body-sa p span {
  display: inline-block;
  vertical-align: top;
  margin-left: 1%;
  width: 90%;
  word-wrap: break-word;
}

.events-body-sa .iconsa,
.events-body-sa--transf {
  display: inline-block;
  vertical-align: middle;
}

.events-body-sa .iconsa {
  margin-right: 10px;
  font-size: 28px;
}

.events-body-sa--transf { width: 88%; }

@media (min-width:992px) {
  .events-body-sa--transf { width: 94.5%; }
}

@media (min-width:1200px) {
  .events-body-sa--transf { width: 85%; }
}
.events-body-sa .events-heading,
.events-body-sa--transf b { color: #666666; }
.events-body-sa .events-heading,
.events-body-sa--transf b { font-family: 'robotobold'; }

.events-body-sa .events-heading time {
  margin-left: 5px;
  font-family: 'robotoregular';
  color: var(--color-text-time-muted);
}
.events-body-sa--transf .events-heading,
.events-body-sa--transf p {
  margin-bottom: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.events-body-sa--transf .events-heading { font-family: 'robotoregular'; }
.events-body-sa--anexo p { margin-top: 5px;}
.events-body-sa--anexo img { margin-right: 5px; }


/* ==========================================================================
    Equipe
   ========================================================================== */

.equipe-consolidado form label,
.equipe-analitico form label { font-size: 12px; }
.equipe-consolidado form .btn {
  margin-top: 23px;
  margin-right: 5px;
  min-width: 50px;
  padding: 8px 0;
  font-size: 20px;
}
.equipe-consolidado form .btn i{ font-weight: bold; }

.equipe-consolidado_ranking {
  position: relative;
  margin-left: 26%;
}

.tlte-equipe {
  font-family: 'robotolight';
  font-size: 28px;
  font-weight: normal;
  color: var(--color-text-title-muted);
}

.btn-add-user {
  position: absolute;
  top: 5px;
  left: -40px;
  padding: 1px 5px;
  font-size: 12px;
  border-radius: 50%;
}

.equipe_lista { padding-left: 0; }

.equipe_lista li {
  position: relative;
  list-style: none;
  /*min-height: 140px;*/
}

.equipe_lista_num {
  position: absolute;
  top: 10px;
  left: -160px;
  width: 150px;
  text-align: right;
}

.lista-demanda{
  display: inline-block;
  width: 40px;
  height: 40px;
  padding-top: 4px;
  text-align: center;
  font-family: 'robotobold';
  font-size: 18px;
  border-radius: 50%;
  border: 4px solid rgba(0,0,0,.2);
}
.avencer{
  color: var(--color-status-warning-text);
  border-color: rgba(255,185,75,.2);
}
.vencido{
  color: var(--color-status-danger-highlight);
  border-color: rgba(234,0,55,.2);
}
.noprazo{
  color: var(--color-status-deadline-good);
  border-color: rgba(0,213,153,.2);
}

.equipe_lista_info,
.equipe_lista_info figcaption { width: 80%; }

.equipe_lista_info figcaption .remove-user {
  margin-left: 10px;
  color: var(--color-status-danger-highlight);
  text-decoration: underline;
}

.equipe_lista_info figcaption .remove-user:hover { color: #CE1026; }

.equipe_lista_info_img { position: relative; }

.equipe_lista_info_img img,
.equipe_lista_info_img a{
  margin-top: 5px;
  margin-right: 10px;
  border-radius: 3px;
}

.equipe_lista_info_img a{
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  padding-top: 8px;
  background-color: var(--color-action-remove-base);
  text-align: center;
  font-size: 26px;
  color: var(--color-contrast-light);
  opacity: 0;
  -webkit-transition: .6s ease;
       -o-transition: .6s ease;
          transition: .6s ease;
}

.equipe_lista_info:hover .equipe_lista_info_img a,
.equipe_lista_info:focus .equipe_lista_info_img a {
  opacity: 1;
}

.usuario_medalha{
  position: absolute;
  bottom: -12px;
  left: -7px;
}

.equipe_lista_info_img,
.equipe_lista_info figcaption {
  display: inline-block;
  vertical-align: top;
}

.equipe_lista_info b{
  -webkit-transition: .6s ease;
       -o-transition: .6s ease;
          transition: .6s ease;
}

.equipe_lista_info:hover b,
.equipe_lista_info:focus b { color: #F42825; }

/* ==========================================================================
    Regras
   ========================================================================== */

.regras_header h2{
  text-align: center;
  font-size: 42px;
  font-weight: normal;
  margin-bottom: 30px;
}
.regras_header span a {
  color: var(--color-status-danger-base);
  text-decoration: underline;
}
.regras_header span a:hover,
.regras_header span a:visited,
.regras_header span a:focus { color: #CE1026; }
.regras_header span a:active { color: #B40F22; }
.regras_header p { margin-top: 20px; }
.regras_listas,
.regras_listas ol { list-style: none; }
.regras_listas { padding-left: 0; }

.regras_listas h3,
.regras_listas ol h4{
  font-family: 'robotobold';
  margin-bottom: 5px;
}

.regras_listas h3 { font-size: 18px; }
.regras_listas ol h4 { font-size: 16px; }
.regras_listas img {
  margin-top: 20px;
  width: 100%;
  border: 2px solid #D6D6D6;
}

/* ==========================================================================
    Fale Conosco
   ========================================================================== */

.forms_headerpd { text-align: center; }

.forms_headerpd h2 {
 font-size: 42px;
 font-weight: normal;
}

.conosco_list-arquivos {
  list-style: none;
  padding-left: 0;
}
.conosco_list-arquivos li { margin-bottom: 10px; }
/*.conosco_list-arquivos a i { margin-right: 10px; }*/

.conosco_list-arquivos a:hover,
.conosco_list-arquivos a:focus {
  text-decoration: underline;
}
.conosco_list-arquivos a:active { color: #B40F22; }

.conosco_list-arquivos .btn { margin-right: 5px; }

.input-group-btn .btn+.btn { border-color: transparent; }

/* ==========================================================================
    Tela de Sucesso
   ========================================================================== */

.msgsolucaoaqui {
  margin-top: calc(40vh - 70px);
  text-align: center;
}
.msgsolucaoaqui i {
  margin-bottom: 20px;
  width: 200px;
  height: 200px;
  padding-top: 40px;
  background-color: rgb(0,213,153);
  color: var(--color-contrast-light);
  font-size: 120px;
  border-radius: 50%;
}
.msgsolucaoaqui p {
  margin-bottom: 20px;
  font-size: 24px;
}

.msgsolucaoaqui--cadastro { margin-top: calc(40vh - 170px); }

/*
   Modal de cadastro incidentes
   ========================================================================== */

#modal-cadastroincidente .modal-body .btn { margin-bottom: 20px; }
#modal-cadastroincidente .modal-dialog { max-width: 800px; }

.modal__wrapcol-incidente {
	color: var(--color-contrast-light);
	font-size: 14px;
	text-align: center;
  height:224px;
}

.modal__wrapcol-icone .iconsa {
  cursor: pointer;
  display: inline-block;
	width: 100px;
	height: 100px;
  border-radius: 50%;
	border: solid 2px #ffffff;
  font-size: 50px;
  line-height: 100px;
  background-color: transparent;
	-webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
     -moz-transition-duration: .3s;
          transition-duration: .3s;
}
.modal__wrapcol-icone .iconsa-perigo { line-height: 90px; }

.modal__wrapcol-icone:hover { color: #ffffff; }
.modal__wrapcol-icone:hover .iconsa {
	background-color: var(--color-action-primary-base);
  border-color: var(--color-action-primary-base);
	-webkit-transition-duration: .15s;
       -o-transition-duration: .15s;
     -moz-transition-duration: .15s;
          transition-duration: .15s;
}

.modal__wrapcol-incidente h3 {
	margin-bottom: 20px;
	font-size: 17px;
}


/*###*/

/*###*/


.select2-transp {	padding-top: 22px; }

.select2-transp ~ .select2-container--bootstrap .select2-selection {
  color: var(--color-contrast-light);
  background-color: transparent;
  border-color: var(--color-contrast-light);
}
.select2-transp ~ .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,
.select2-transp ~ .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #ffffff; }

.passoPrbl {
  position: relative;
  color: var(--color-contrast-light);
  height:225px;
}

.passoPrbl.ativo { display: block; }
.passoPrbl-pergt { text-align: center; }

.passoPrbl-pergt h3 {
  font-size: 35px;
  margin-bottom: 30px;
}
.passoPrbl .modal__wrapcol-icone { text-align: center; }

.passoPrbl .modal__wrapcol-icone:hover .iconsa {
  background: transparent;
  border-color: var(--color-contrast-light);
  cursor: default;
}

.passoPrbl .modal__wrapcol-icone h3 {
  margin-top: 10px;
  font-size: 16px;
}

.btn-voltarPassoPrbl {
  display: block;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  padding: 7px 17px;
  font-size: 20px;
  background-color: transparent;
  border: solid 3px #ffffff;
  border-radius: 50%;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
}

.btn-voltarPassoPrbl:hover {
  color: var(--color-contrast-light);
  background-color: var(--color-action-primary-base);
  border-color: var(--color-action-primary-base);
  -webkit-transition-duration: .15s;
       -o-transition-duration: .15s;
          transition-duration: .15s;
}

/* ==========================================================================
    Administrativo
   ========================================================================== */

.header-adm { margin-bottom: 40px; }

.header-adm,
.header-adm h2 {
    text-align: center;
    font: 40px 'robotolight';
}
.header-adm h2 { margin-top: 0; }

/* Usuarios */

.form-labelHidden label { visibility: hidden; }
.table { text-align: center; }
.table tbody tr td { vertical-align: middle; }
.btnsa-excel .iconsa-excel {
  font-size: 23px;
  vertical-align: sub;
  margin-right: 5px;
}

/* Topo */
.bartopo-adm { background-color: #3f3f3f; }
.bartopo-adm .iconsa {
  line-height: 50px;
  color: var(--color-contrast-light);
  font-size: 30px;
}
/* Equipe */
.table-adm{
  text-align: left;
  border: solid 1px #dedede;
}
.table-adm thead { background-color: #F7F7F7; }
.table-adm thead tr th:first-of-type,
.table-adm tbody tr td:first-of-type { text-align: center; }

.table-adm tbody img { border-radius: 5px; }


/* Cadastro */

.title-adm {
  text-align: center;
  font-size: 40px;
}
.title-adm,
.subtitle-adm{
  font-family: "robotolight";
  font-weight: normal;
}
.subtitle-adm {
  color: var(--color-text-title-muted);
  font-size: 28px;
}

.equipe_lista--adm { padding-left: 40px; }

.equipe_lista--adm .equipe_lista_info { margin-bottom: 20px; }

.equipe_lista--adm li { min-height: 140px; }

.equipe_lista--adm .equipe_lista_info { width: 100%; }
.equipe_lista--adm .equipe_lista_info_img { width: 20% }
.equipe_lista--adm .equipe_lista_info figcaption { width: 78% }

.equipe_lista_info figcaption form { display: inline-block; }

.equipe_lista--adm figcaption .btnsa { font-size: 10px; }

/* ==========================================================================
    Plugins
   ========================================================================== */

/* Select2 */
.select2-sa-100 ~ .select2 { width: 100% !important; }
.select2 { width: 100% !important; }

.select2-container--sa { font-size: 12px; }

.select2-container--bootstrap.select2-container--sa .select2-dropdown,
.select2-container--bootstrap.select2-container--sa.select2-container--open .select2-selection { border-color: #5D2B92; }
.select2-container--bootstrap.select2-container--sa.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(93, 42, 146, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(93, 42, 146, .6)
}
.select2-container--bootstrap.select2-container--sa .select2-results__option--highlighted[aria-selected] { background-color: #5D2B92; }
.select2-results__option span > b { margin-left: 5px; }

.select2-container--bootstrap.select2-container--sa.select2-search--dropdown.select2-search--dropdown--sa { position: relative; }
.select2-container--bootstrap.select2-container--sa .select2-search--dropdown--sa .select2-search__field { padding-left: 32px; }
.select2-search--dropdown--sa:before {
	position: absolute;
	top: 7px;
	left: 15px;
	font-family: 'FontAwesome';
	content: '\f002';
	font-size: 17px;
	opacity: .3;
}
/*.select2-container--bootstrap.select2-container--sa.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 4px 4px; }
.modal-body--bgtransparent .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-top-color: #ffffff; }
.modal-body--bgtransparent .select2-container--sa.select2-container--open .select2-selection--single .select2-selection__arrow b { border-bottom-color: #ffffff; }*/

/*
   File-input
   ========================================================================== */

.fileinput-remove,
.fileinput-upload { height: 46px; }



/*
   Graficos
   ========================================================================== */

.wrap-grafico {
  padding-bottom: 30px;
  /*height: 430px;*/
}

.wrap-grafico header {
  margin-bottom: 30px;
  text-align: center;
}

.wrap-grafico header h2 {
  font-size: 32px;
  font-family: 'robotobold';
}
.wrap-grafico span {
  font-family: 'robotolight';
  font-weight: normal;
}

@media (min-width:992px) and (max-width:1199px) {
  .boxgraficos .highcharts-container {
    top: -110px !important;
    height: 280px !important;

  }
  .boxgraficos .highcharts-root .highcharts-subtitle { display: none; }

  .boxgraficos > p {
    margin-bottom: 0;
    font: 16px 'robotolight';
    color: var(--color-text-secondary);
    text-align: center;
  }

}

@media (min-width:1200px) {
  .boxgraficos > p { display: none; }
}

/*
   Date-Range-Picker
   ========================================================================== */

  .date-range-solucao .input-group-addon {
    background-color: var(--color-status-danger-base);
    border-color: var(--color-status-danger-base);
  }
  .calendar {
    padding: 0px;
    background-color: var(--color-contrast-light);
    color: var(--color-text-default);
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;
  }


/*
   Drag and Drop
   ========================================================================== */

.plugin_files .zona_upload {
  padding: 100px 20px;
  border: 2px dashed #C0C0C0;
  background-color: var(--color-surface-section-base);
  margin: auto;
  text-align: center;
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-delay: 0.01s;
  opacity: 0.7;
}
.plugin_files .zona_upload .icon_picture {
  width: 80px;
}
.plugin_files .zona_upload p {
  text-align: center;
  color: var(--color-border-neutral-muted);
  font-size: 17px;
  margin-top:20px;
  margin-bottom:0;
}
.plugin_files .zona_upload:hover {
  opacity: 1;
}
.plugin_files .zona_upload .file-field {
  display: inline-block;
}
.file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}


.imagens_lista {
  display: block;

}
.imagens_lista h2 {
  margin-bottom: 10px;
}
.imagens_lista a,
.imagens_lista span {
  display: inline-block;
  vertical-align: middle;
}
.imagens_lista a {
  font-size: 20px;
}
.imagens_lista a:hover {
  color: var(--color-action-primary-soft);
}


/*
   Bootstrap Toggle
   ========================================================================== */

form .toggle{
  width: 100% !important;
  height: 45px !important;
}

form .toggle label{ padding: 12px 0; }